/* standard reset
* ------------------------------------------------------- */
body { font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; }
table { font-size:inherit;font:100%; }
html { }
body { margin:0 auto; font-size:93%; }
div { margin:0 auto; }
h1 { font-size:138.5%; margin-top:0px; }
h2 { font-size:123.1%; }
h3 { font-size:108%; }
h1,h2,h3,h4,h5,h6,strong { font-weight:normal;  }
abbr,acronym { border-bottom:1px dotted #000; cursor:help; } 
em { font-style:italic; }
blockquote,ul,ol,dl { margin:1em; }
ol,ul,dl { margin-left:2em; }
ol li {	list-style: decimal outside; }
ul li { list-style: disc outside; }
dl dd { margin-left:1em; }
th,td { padding:.5em; }
th { font-weight:bold; text-align:center; }
caption { margin-bottom:.5em; text-align:center; }
p,fieldset,table,pre { margin-bottom:1em; }
a img { border:0; }
strong { font-weight:bold; }



/* PROPERTY ORDER: position & size & border, margin & padding, background, text */

/* global elements
 * ------------------------------------------------------- */

body { background:url(../img/bg.jpg) center top repeat; font-size:85%; font-family:"Cardo", georgia, serif; color:#222; }

div.cleared { clear:both; }

a:focus { outline:none; }

input { font-family:helvetica; }

h1, h2, h3, h4, h5, h6 { font-family:'Cardo', georgia, serif; }


/* classed elements
 * -------------------------------------------------------- */
	
div.content { width:792px; font-size:116%; margin-top:15px; padding:0px 15px; min-height:200px; }
	div.content.short { min-height:10px; }

	div.content a { color:#990000; text-decoration:none; border-bottom:1px dotted #666; }
		div.content a:hover { border-bottom:1px solid #666; }

	div.content div.box { float:left; margin-right:20px; padding:0px 15px; border:1px solid #ccc; background-color:rgba(238, 238, 238, 0.6); }		
		div.content div.box p { font-size:85%; }
		
	div.content div.description { text-align:justify; padding:0px 20px; border:1px solid #ccc; background-color:rgba(238, 238, 238, 0.9); font-size:85%; line-height:1.4; min-height:300px; }

	div.content div.message { font-size:93%; }
			
			
	div.content ul { margin:0px 0px 0px 20px; padding:0px; }
		div.content ul li { margin:15px 0px 0px 15px; }
		
	div.content div.quote { color:#fff; width:484px; height:132px; font-size:85%; font-family:helvetica, sans-serif; float:left; width:530px; padding:10px; }
		div.content div.quote strong.quotations { position:absolute; font-size:200%; margin-top:-3px; }
			div.content div.quote strong.quotations.left { margin-left:-10px; }
		
	div.content.tabbed div#tabs { font-family:'PT Sans', helvetica, sans-serif; padding:0px 0px; margin-top:-25px; }
		div.content.tabbed div#tabs div.inner { padding:17px 0px 17px 0px; background:url(../img/shadow-bottom.png) center bottom no-repeat; }
			div.content.tabbed div#tabs ul { margin:0px; padding:0px; }
				div.content.tabbed div#tabs ul li { display:inline; margin:0px 55px; list-style-type:none; }
					div.content.tabbed div#tabs ul li:last-child { margin-right:0px; }
						div.content.tabbed div#tabs.three ul li:first-child { margin-left:145px; }
						div.content.tabbed div#tabs.two ul li:first-child { margin-left:125px; }
						div.content.tabbed div#tabs.one ul li:first-child { margin-left:135px; }
					
					div.content.tabbed div#tabs ul li a { display:inline; padding:10px 0px; color:#616161; background:transparent; text-decoration:none; border-bottom:none; text-shadow:1px 1px 0px #ffffff; }
						div.content.tabbed div#tabs ul li a:hover { color:#000; }
						div.content.tabbed div#tabs ul li a.active { border-bottom:5px solid #414141; padding-bottom:5px; color:#000; }
	
	div.content div.body { margin:20px 10px 45px 10px; }
		div.content div.body p { font-size:93%; line-height:1.4; }
	
		div.content div.body div.column { float:left; margin-right:20px; }
			div.content div.body div.column:last-child { margin-right:0px; }
			div.content div.body div.last { margin-right:0px; }
			
			div.content div.body div.column.third { width:240px; }
			div.content div.body div.column.two { width:511px; text-align:justify; }
			div.content div.body div.column.rump { margin-bottom:40px; }
			
		div.content div.body div.caption { font-size:85%; text-align:left; font-family:helvetica; font-weight:bold; color:#222; }
			div.content div.body div.caption.left { float:left; height:100px; margin-top:64px; width:130px; margin-right:10px; }
			div.content div.body div.caption.right { float:right; height:100px; margin-top:64px; width:130px; }
			div.content div.body div.caption.top { margin-top:20px; margin-bottom:20px; }
			div.content div.body div.caption.middle { margin-top:20px; margin-bottom:20px; text-align:center; }
			
		div.content div.body #sample { position:relative; top:-15px; }
		div.content div.body #cms { position:relative; top:-15px; left:25px; }
		div.content div.body #arrow1 { position:relative; top:10px; left:70px; }
		div.content div.body #arrow2 { position:relative; top:8px; left:-10px; }
		div.content div.body #arrow3 { position:absolute; margin-left:-45px; margin-top:-35px; }
		div.content div.body #cost { font-size:155%; text-align:center; margin-bottom:25px; }
			div.content div.body #cost .price { color:#000; font-size:135%; padding:4px 2px 0px 0px }
					
		div.content div.body img.team { width:150px; height:150px; float:left; margin-right:16px; margin-bottom:18px; margin-left:2px; }
			div.content div.body img.team.bump { margin-left:76px; }
		div.content div.body div.hr { clear:both; border-bottom:2px solid #414141; margin:40px 23px 40px 0px; }	
		
		div.content div.body div.hosting_plan { position:relative; z-index:2; float:left; width:230px; font-size:85%; padding:5px 5px; background-color:#eee; border:1px solid #666; margin:20px 3px 0px 3px; -moz-box-shadow:1px 1px 3px #666; -webkit-box-shadow:1px 1px 3px #666; box-shadow:1px 1px 3px #666; }
			div.content div.body div.hosting_plan.hosting_plan-left { width:220px; }
			div.content div.body div.hosting_plan.hosting_plan-center { z-index:3; margin-top:10px; }
			div.content div.body div.hosting_plan.hosting_plan-right { width:240px; margin-top:0px; }
	
			div.content div.body div.hosting_plan h3 { text-align:center; font-family:'PT Sans', helvetica, sans-serif; font-size:155%; margin:5px 0px; }
			div.content div.body div.hosting_plan div.price { text-align:center; font-size:135%; }
			div.content div.body div.hosting_plan div.go { text-align:center; margin-top:5px; padding:10px; background-color:#ddd; font-size:85%; font-family:helvetica, sans-serif; }
				div.content div.body div.hosting_plan div.go div.input { padding:5px 0px 0px 0px; }
					div.content div.body div.hosting_plan div.go div.input input { font-size:85%; }
			div.content div.body div.hosting_plan ul { margin:10px 0px 0px 0px; padding:0px; }
				div.content div.body div.hosting_plan ul li { margin:0px; padding:5px 10px; list-style-type:none; font-family:helvetica, sans-serif; }
					div.content div.body div.hosting_plan ul li:nth-child(odd) { background:rgba(159, 182, 205, 0.5); color:#111; }
			
		div.content div.body div#clientquotes { border-top:3px solid #616161; margin-left:10px; height:660px; overflow:hidden; }
			div.content div.body div#quotelist { position:relative; top:0px; }
			div.content div.body div.clientquote { padding:10px 0px 10px 0px; margin:10px 0px 10px 0px; font-size:93%; height:100px; border-bottom:1px dashed #ccc; }
				div.content div.body div.clientquote div.quoter { font-family:helvetica, sans-serif; font-size:77%; padding:10px 0px 0px 30px; }
			
		div.content div.body div.addon_feature { margin:0px 0px 0px 15px; font-family:helvetica, sans-serif; }
			div.content div.body div.addon_feature h3 { padding:5px 10px; margin:10px 0px 5px 0px; background:rgba(100, 100, 100, 0.1); font-family:helvetica, sans-serif;  }
				div.content div.body div.addon_feature h3 span.price { float:right; font-size:116%; color:#003300; font-family:'Cardo', georgia, serif; }
					div.content div.body div.addon_feature h3 span.price.notice { font-size:69%; padding-top:4px; }
			div.content div.body div.addon_feature p { padding:0px 10px 5px 10px; font-size:85%; margin:0px 0px 0px 0px; }
		
		div.content div.body #gallery { padding:10px 0px; }	
			div.content div.body #gallery div.template { margin-bottom:20px; }
				div.content div.body #gallery div.template div.label { float:left; width:120px; text-align:center; margin:0px 0px 0px 0px; padding:30px 0px 5px 0px; font-family:helvetica, sans-serif; }
					div.content div.body #gallery div.template div.label h3 { font-family:helvetica, sans-serif; margin:0px 0px 5px 0px; padding:0px; }
					div.content div.body #gallery div.template div.label div.colors { font-size:85%; }
				
				div.content div.body #gallery div.thumbnails { float:left; width:620px; border-left:5px solid #414141; margin:20px 0px 20px 10px; padding:0px 0px 0px 10px; }
					div.content div.body #gallery div.thumbnails div.spacing { float:left; width:620px; height:10px; }
				
				div.content div.body #gallery div.template a { float:left; border-bottom:none; border:1px solid #999; text-decoration:none; height:105px; width:140px; color:inherit; margin:0px 10px 0px 0px; padding:0px; }					
					div.content div.body #gallery div.template a img { margin:0px; padding:0px; width:140px; height:105px; }
				
				div.content div.body #gallery div.template div.go { text-align:center; margin-top:5px; padding:10px; font-size:85%; font-family:helvetica, sans-serif; }
					div.content div.body #gallery div.template div.go div.input { padding:5px 0px 0px 0px; }
						div.content div.body #gallery div.template div.go div.input input { font-size:85%; }
				div.content div.body #gallery div.template div.colors { font-size:85%; padding:0px 0px 5px 0px; }
					
		div.content div.body img#cms2 { float:left; position:relative; left:-10px; }
		div.content div.body img#example { float:right; margin-top:30px; position:relative; left:10px; }
		div.content div.body div.caption2 { font-size:85%; text-align:left; font-family:helvetica; font-weight:bold; color:#222; }
			div.content div.body div.caption2.left { float:left; margin-top:50px; }
				div.content div.body div.caption2.left div#arrow4 { position:relative; left:-15px; }
			div.content div.body div.caption2.right { float:right; margin-top:50px; }
				div.content div.body div.caption2.right div#arrow5 { position:relative; left:15px; text-align:right; }
			
	div.content div#story {  }
	
		div.content div.author { font-size:69%; padding:10px; font-family:helvetica, sans-serif; border-top:1px solid #ccc; border-right:1px solid #ccc; }
			div.author img { float:left; margin:0px 10px 0px 0px; }
						
	div.content ul.benefits { margin:5px 0px 0px 50px; width:150px; font-size:85%; text-align:center; }
		div.content ul.benefits li { margin:10px 0px; padding:10px; list-style-type:none; border-bottom:1px dashed #ccc; }
	
	div.content ul.features { margin:0px; font-size:77%; font-family:helvetica, sans-serif; }
		div.content ul.features li { margin:5px 0px 0px 0px; padding:8px 6px 1px 6px; height:2.5em; list-style-type:none; border-left:1px solid #ccc; border-top:1px solid #ccc; background:rgba(200,200,200,0.1); }
			div.content ul.features li.short { line-height:2.6; }
			div.content ul.features li img { float:left; padding:5px 10px 0px 0px; }
						
.banner { margin:20px 10px 15px 10px; }

.form { padding:10px 10px 20px 10px; border:2px dashed #ccc; font-family:helvetica, sans-serif; }
	.form div.input { padding:10px; }
		.form div.input.half { float:left; width:223px; }
	
		.form div.input label { font-family:'PT Sans', helvetica, sans-serif; }
		.form div.input label.right { float:right; width:100px; }
		.form div.input input.right { float:right; }
		
	.form div.submit { padding:10px 10px 0px 10px; text-align:right; }
		.form div.submit div.required_notice { float:left; font-size:85%; }
		
div#cta { text-align:center; margin:30px 0px 0px 0px; }
	div#cta strong { position:relative; top:3px; font-size:135%; }

.phone { font-size:135%; }

.address span { font-size:85%; }

.required { color:#cc0000; }

.error { color:#cc0000; font-size:85%; margin:10px; }

.success { color:#009900; margin:10px; }

.padded { margin-bottom:25px; }

.spacing { height:20px; }

.bang { text-shadow:1px 1px 1px #cf9779; }


/* named elements
 * -------------------------------------------------------- */

div#wrapper { width:972px; padding:5px 0px 0px 0px;  }
	
div#header { width:792px; height:130px; border-bottom:7px solid #414141; }

iframe#facebook { position:absolute; top:5px; margin-left:727px; }
a#twitter { position:absolute; top:5px; margin-left:827px; }
span#tweet-button { position:absolute; top:5px; margin-left:827px; }
iframe.twitter-share-button { position:absolute; top:5px; margin-left:827px; }

div#nav { float:right; display:inline; font-size:100%; margin-top:50px; font-family:'PT Sans', helvetica, sans-serif; }
	div#nav ul { margin:0px; padding:0px; }
		div#nav ul li { float:left; display:inline; margin:0px; padding:0px; list-style-type:none; margin-left:10px; }
			div#nav ul li a { display:block; text-decoration:none; color:#414141; padding:10px 15px; -moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; }
				div#nav ul li a:hover { color:#000; }
				div#nav ul li a.active { color:#fff; background-color:#414141; }
					div#nav ul li a.active:hover { color:#ffeedd; }

div#logo { float:left; display:inline; margin-bottom:10px; }

div#slogan { position:absolute; top:107px; margin-left:100px; font-size:135%; color:#333; }

div#home { width:820px; padding:0px 10px 0px 40px; margin-top:-20px; }
	div#home h3#headline { padding:70px 0px 45px 0px; font-size:156%; }
	
	div#home div#margins { position:absolute; width:2000px; margin-left:-1950px; }
		div#home div#margins div.margin { text-align:right; width:2000px; height:50px; margin:0px 0px 15px 0px; padding:1px 0px; background-color:rgba(153, 153, 153, .3); }
		div#home div#margins div.margin span.image { float:right; width:56px; position:relative; text-align:center; width:80px; top:-4px; margin-right:2px; }
	
	div#home ul { margin:0px; padding:0px; }
		div#home ul li { margin:0px 0px 15px 60px; width:320px; list-style-type:none; border:1px solid #fff; font-family:'PT Sans', helvetica, sans-serif; color:#333; -moz-box-shadow:0px 0px 3px #333; -webkit-box-shadow:0px 0px 3px #333; box-shadow:0px 0px 3px #333; text-shadow:1px 1px 3px #fff; } 
			div#home ul li span { display:block; color:#333; padding:15px; height:20px; text-decoration:none; background:rgba(0, 0, 0, .1); }
		
	div#home-image { position:relative; z-index:0; float:right; width:381px; height:457px; margin:5px 0px 0px 30px; }
		div#home-image img { position:absolute; }
		
div#home2 { position:relative; top:-40px; }
	div#home2 div.box { width:210px; height:220px; }
	
div#details { padding:10px 83px; height:150px; }
	div#details div.inner { position:absolute; display:none; padding:20px 20px 10px 20px; height:110px; width:585px; border:1px solid #ccc; background-color:rgba(238, 238, 238, 0.9); }
		div#details div.inner:first-child { display:block; }
		
		div#details div.inner hr { clear:both; }
		
		div#details div.inner div.message { font-size:93%; margin:15px 0px 10px 0px; padding:0px; height:3.8em; overflow:hidden; }
		div#details div.inner div.testimonial { font-size:77%; margin:10px 0px; padding:0px; font-family:helvetica, sans-serif; color:#000; line-height:1.0; }
			div#details div.inner div.testimonial span.quote { float:left; font-size:300%; position:relative; top:-2px; }
			div#details div.inner div.testimonial span.item { float:left; }
		
		div#details div.inner h1 { float:left; margin:0px 0px 0px 0px; font-family:helvetica, sans-serif; }
		div#details div.inner div.url { float:right; padding:0px; margin:7px 0px 0px 0px; font-size:69%; font-family:helvetica, sans-serif;  }
			div#details div.inner div.url a { font-style:normal; font-size:135%; font-family:'Cardo', georgia, sans-serif; }
	
div#portfolio { min-height:605px; }
	div#portfolio img#frame { position:absolute; z-index:100; margin-left:80px; }
	div#portfolio div#feature { position:absolute; margin-left:100px; margin-top:21px; }
		div#portfolio div#feature img { position:absolute; }
	
div.portfolio-nav { position:absolute; top:210px; }
	div.portfolio-nav#portfolio-back { margin-left:70px; }
	div.portfolio-nav#portfolio-next { margin-left:854px; }
		div.portfolio-nav a { }
		
div#footer { width:792px; padding-top:158px; padding-left:90px; padding-right:90px; padding-bottom:40px; margin-top:-40px; background:url(../img/footer.png) top center no-repeat; }
	div#footer ul { margin:0px; padding:0px; font-size:85%; font-family:'PT Sans', helvetica, sans-serif; }
		div#footer ul li { float:left; display:inline; margin:0px; padding:0px; list-style-type:none; margin-right:10px; }
			div#footer ul li a { display:block; text-decoration:none; color:#414141; padding:10px 15px; border-bottom:none; -moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; }
				div#footer ul li a:hover { color:#cf9779; }
				div#footer ul li a.active { color:#fff; background-color:#414141; }
				
div#engenius { text-align:center; padding-top:27px; }
	div#engenius a { color:#222; text-decoration:none; }
	div#engenius a img { position:relative; top:12px; }
	
div#copyright { text-align:center; font-size:85%; margin-top:30px; color:#777; }