/* Stylesheet */

/* General settings */
	* { font-family: "Arial", "Helvetica Nue", "Helvetica", sans-serif; }
	body { background:#a0a0a0 url(images/bg_page.jpg) top center; }
	#page { width:900px; border:4px solid #eee; margin:20px auto; }
	#content { padding:20px 40px; background:#707070; }
	.service, .example, .recommendations, .categories { margin:0 0 40px; }
	.recommendation, .testimonial { margin:0 0 20px; }
	.testimonial p { font-style: italic; }
	.testimonialHome { text-align:right !important; color:#fff !important; font-size:15px !important; height:50px !important; }
	.testimonialName { text-align:right !important; }
	#services { margin-top:25px; }
	/* revisions */ #content { background:#a0a0a0; }
	

/* Header, nav, and Footer layout */
	#header { display:block; position:relative; height:260px; background:#004961 url(images/bg_header.jpg) top left no-repeat; }
	.nav { position:absolute; top:0px; right:0px;  margin:0; display:block; height:30px; width:620px; text-align:center; padding:0 30px 0 0; background:#063040; }
	.nav li { display:inline; margin-left:30px;  }
	.nav a { text-decoration:none; text-transform:uppercase; font-size:16px; line-height:30px; color:#eee; }
	.nav .thispage a { color:#7ad472; }
	.hgroup { position:absolute; width:140px; height:220px; background:transparent url(images/logo.png) top left no-repeat; text-indent:-9999px; overflow:hidden; top:20px; left:60px;  }
	#footer { background:#212a2d url(images/bg_footer.jpg) top left no-repeat; padding:20px 0 20px 40px; }
	#footer p { margin:0; color:#bfbfbf; font-size:12px; line-height:20px; }


/* Banner styling */
	#banner { position:relative; }
	#banner .main-content { display:block; width:480px; }
	#banner .side-content { display:block; width:320px; position:absolute; top:-50px; right:15px; line-height:25px;   }
	#banner h2 { font-size:26px; line-height:30px; color:#f0f0f1; text-shadow:0 1px 0 #1c1c1c; margin-bottom:0; margin-top:0; padding-top:20px;   }
	#banner p { font-size:16px; line-height:25px; color:#e6e6e6; text-shadow:0 1px 0 #1c1c1c; font-weight:normal; margin-top:0; }
	#banner .main-content p.subheader { font-size:18px; line-height:30px; color:#93e9f5; text-shadow:0 1px 0 #1c1c1c; font-weight:bold; margin-top:0;}
	#banner .side-content .testimonial { padding:20px; border:1px solid #222; background:#404040; color:#fff; text-shadow:0 1px 0 #111; 
		-moz-box-shadow:4px 4px 4px #333; -webkit-box-shadow:4px 4px 4px #333; box-shadow:4px 4px 4px #333;}
	/* revisions */ 
	#banner h2 { color:#333; text-shadow:0 1px 0 #bbb; }
	#banner p, ul { color:#333; text-shadow:none; }
	#banner .main-content p.subheader { color:#065e7b; text-shadow:none; }
	
/* Edit samples */
	.example a { text-decoration:none; display:block; color:black; padding:0px 40px 20px; background:#ccc; 
		-moz-border-radius:15px;  -webkit-border-radius:15px;  border-radius:15px; border:1px solid; margin-bottom:20px; }
	.example a del { display:inline; text-decoration:underline; }
	.example a:hover ins , .example a:hover del{ color:#FFF; }
	.example a:hover { color:#666; }


/* Home page service icons */
	#services h3 { color:#7ad472; font-weight:normal; text-shadow:0 1px 0 #1c1c1c; margin-bottom:0; font-size:24px; line-height:30px;  }
	#service-list { display:block; width:820px; height:180px; overflow:hidden; margin:0 auto 40px; padding:0; position:relative; 
		background:#ccc url(images/bg_service.png) top left repeat-x; border:1px solid; list-style-type:none;
		text-align:center; font-weight:bold; font-size:16px; line-height:20px; color:#333; text-shadow:0 1px 0 #eee;
		-moz-border-radius:15px;  -webkit-border-radius:15px;  border-radius:15px; }
	#service-list span.subheader { font-weight:normal; display:block; margin-top:20px;  }
	#service-list li { display:block; padding:0;}
	#service-list a { color:#333; display:block; width:160px; height:300px; padding:120px 19px 20px; border:1px solid; border-width:0 1px; float:left; overflow:hidden; position:relative; top:0; border-color:#ccc #a6a6a6 #ccc #e6e6e6; text-decoration:none;  }
		#service-list li.item-1 a { background:transparent url(images/service_writing.png) 50px 25px no-repeat; border-left:0; padding-left:30px; }
		#service-list li.item-2 a { background:transparent url(images/service_conversation.png) 40px 25px no-repeat; }
		#service-list li.item-3 a { background:transparent url(images/service_presentation.png) 40px 25px no-repeat; }
		#service-list li.item-4 a { background:transparent url(images/service_problem-solving.png) 40px 25px no-repeat; border-right:0; padding-right:30px; }
	#service-list a:hover { top:-100px; }


/* Service page services */
	.service { padding:20px 20px 20px 140px; -moz-border-radius:15px;  -webkit-border-radius:15px;  border-radius:15px; border:1px solid; }
	.services .service h3 { color:#333; text-shadow:0 1px 0 #eee; }
	.services .item-1 { background:#ccc url(images/service_writing.png) 10px 20px no-repeat; }
	.services .item-2 { background:#ccc url(images/service_conversation.png) 10px 20px no-repeat; }
	.services .item-3 { background:#ccc url(images/service_presentation.png) 10px 20px no-repeat; }
	.services .item-4 { background:#ccc url(images/service_problem-solving.png) 10px 20px no-repeat; }
	.service dl, .service ul { padding-left:40px; border-left:1px solid #a6a6a6; }
	.service dd { margin:0 20px 10px;   }
	dt { font-weight:bold; color:#333; }
	
/* Client page categories */
	.categories { padding:20px 40px ; -moz-border-radius:15px;  -webkit-border-radius:15px;  border-radius:15px; border:1px solid; background:#ccc; margin-bottom:20px; } 
	.categories h3 { color:#333; text-shadow:0 1px 0 #eee; }
	.category { border:1px solid; border-color:#e6e6e6 #ccc #a6a6a6 #ccc; }
	.categories .item-1 { border-width:0 0 1px; }
	.categories .item-4 { border-width:1px 0 0; }
	.category ul { width: 430px; float:left; }
	.category .testimonial { border:1px solid; margin-left:20px; padding:20px; width:186px; float:left; background:#aaa; }
	.recommendationTitle { margin-top:50px !important; }

/* About and Contact pages */
	.buried-link { color:#93e9f5; }
	address { font-style:normal; }
	address strong { color:#eee; text-shadow:0 1px 0 #1c1c1c; }
	address a { color:#93e9f5; }
	address a:hover { color:#666; }
	/* revisions */
	.buried-link, address a { color:#065e7b; }
	.contactList {  }
	.contactList li { margin-top:15px; }
	#servicesLinks a { color:#065e7b; }
	#servicesLinks a:hover { color:#666; }
	
	
/* General purpose */
	.clear { clear:both; }
	.hide { display:none; }

