@charset "utf-8";
/*
---------------------------------------------
| 											|
| 	1. External Includes					|
| 	2. General Style Rules					|
| 		2.1 Headings						|
| 		2.2 Lists							|
| 		2.3 Links							|
| 		2.4 Images                          |
| 		2.5 Tables	                        |
|		2.6 iframe   						|		
| 											|
| 	3. General Layout Rules					|
| 											|
| 	4. MastHead								|
| 		4.1 Logo							|
| 		4.2 Primary Navigation				|
| 		4.3	Banner							|
| 											|
| 	5. Page Content							|
| 		5.1 Primary Content					|
| 		5.2 Secondary Content				|
|			5.2.1	Secondary Navigation	|
| 											|
| 	6. Footer								|
| 											|
| 	7. Misc Rules							|
| 		7.1 Clearing						|
| 											|
---------------------------------------------
*/
/* Colours - #43C1ED BLUE
             #BDDFE9 HOLDSWORTH
			 #666666 LOVING YOUR SKING
			 #222122 HONEYS
			 
			 #E5F4D3 arrow-lists - pale green -> #ACDC6E medium green (See jquery.actions.js)
			 
			 #9DDFF7 APRIL FOOLS BOX 1
			 #D3F1FB  -"-   -"-  -"- 2
			 
			 #EA9129 FF ORANGE
*/
/* 1. External Includes 
============================================================ */
/* Tripoli Typography Stylesheet and CSS Reset */
@import url('tripoli.simple.css');
/* 2. General Style Rules	
============================================================ */
/*  2.1 Headings	*/
/*	2.2 Lists		*/
/* 	2.3 Links		*/
a{text-decoration:none;} a:link{} a:visited{} a:hover{} a:active{} a.home-link{ color:#7EC71E; text-decoration:underline;}
/*	2.4 Images		*/
img.left, img.right {margin:5px;}
/*	2.5 Tables */
/*	2.6 iframe */
/*	2.7 Form */
form#promotion-contact{margin:0 0 0 20px;}
	fieldset{ border:none;}
	form#promotion-contact {margin:0 0 0 20px;}
	form#promotion-contact p em{font-size:0.8em;}
	p.error label, p.error em {color:red; font-weight:bold;}
	p.error input {border:1px solid red;}
	.captcha-error { color:red; font-weight:bold;}
	
/* 3. General Layout Rules
============================================================ */
body {}
#container{width:950px; margin:0 auto;}

cite { color:#43C1ED;}
/* 4. MastHead
============================================================ */
#masthead { overflow:hidden; background:url(../images/optimiselogo.jpg) no-repeat right top;}
/* 5. Page Content		
============================================================ */
#content-wrapper{ clear:both; overflow:hidden;}
#secondary-content{ float:left; width:20%; padding:35px 5px 5px 5px; margin-top:40px; font-size:0.8em; background:url(../images/naviheader.jpg) no-repeat left top;}
	#secondary-content h3 { font-size:1.2em; margin-top:0; padding-top:0; color:#43C1ED;}
	#secondary-content ul#pri-nav { padding:0; margin:0; }
		ul#pri-nav li { list-style:none; border-bottom:1px solid #43C1ED; overflow:hidden;}
		#secondary-content ul#pri-nav li a { color:#000; display:block; width:98%; line-height:1.2em; padding:10px 5px;}
		ul#pri-nav li a:hover { background:#43C1ED; }
	#secondary-content blockquote{ padding:5px; background:url(../images/topquote.jpg) no-repeat left top; padding:38px 5px 5px 5px;}
		#secondary-content blockquote p:first-child{ 
			background:url(../images/bottomquote.jpg) no-repeat left bottom; 
			 margin-left:-5px; padding:0 20px 55px 20px;
		}
		#secondary-content blockquote p:first-child strong { display:block; }
		#testimonial p a { color:#95DB00; }
		
#pri-content{float:right; width:70%; padding:5px; text-align:justify;}
/* Page Specific Styles */
/* Home Page */	
	#spring-banner-wrapper{width:534px; margin:0 auto;}	
	#box-links-wrapper{overflow:hidden; background:#fff url(../images/page-images/home/flowers.jpg) no-repeat left top; padding-top:100px;}
		.box-link{float:left; width:49%; overflow:hidden; font-size:0.8em; }
			.box-link h3{margin-top:5px; line-height:1em; color:#43C1ED; font-size:1.1em;}
			.box-link p{line-height:1.2em;}
			.box-link a{color:#7EC71E;}
			.box-link img {float:left; margin:0 3px 3px 3px; border:3px solid #43C1ED}
/* DIY SEO*/
	#pri-content ul#seo-tips { list-style:none; }
		ul#seo-tips li{ font-size:1em;line-height:1.4em; padding:5px 10px 5px 70px; margin:10px 0; background:#E5F4D3 url(../images/page-images/diyseo/arrow.png) no-repeat 5px center;}
		ul#seo-tips li:hover{background:#E5F4D3 url(../images/page-images/diyseo/arrow.png) no-repeat 15px center;}
/* April Fools */
	.tiled-boxes { float:left; width:300px; margin:0 5px;}
	.tiled-boxes .text-wrapper {background:#9ddff7; padding:0 10px 0 10px; width:90%; margin:1% 0 0 5%;}	
/* Promotion */
	#promotion-wrapper{ background:url(../images/page-images/promotion/promotion.jpg) no-repeat left top; 
						width:731px; height:450px; position:relative;}
		#promotion-wrapper #text-holder{
			position:absolute; left:40px; top:125px; width: 340px;
			color:#fff;	font-size:0.8em;
		}
		#promotion-wrapper #text-holder p{font-weight:700;}
/* Case Study Overview */
	.casestudy-teaser{ margin:5px 0; position:relative;}
		.text-wrapper-right, .text-wrapper-left { font-size:0.8em; line-height:1.333em;}
		.casestudy-teaser a { display:block; width:108px; height:28px;  position:absolute;
							text-indent:-1000em; background:url(../images/readmorebutton.png) no-repeat left top;}
			.casestudy-teaser a.honeys { left:225px; bottom:-40px; }
			.casestudy-teaser a.loving { left:225px; bottom:-40px; }
			.casestudy-teaser a.holdsworth { left:215px; bottom:-35px; }
		.casestudy-teaser .text-wrapper-right{
			position:absolute; left:311px; top:35px; width:331px; height: 65px;
		}
		.casestudy-teaser .text-wrapper-left {
			position:absolute; left:28px; top:32px; width:331px; height: 65px;
		}
/* Case Studies */
		h1.honeys, h1.loving, h1.holdsworth{ padding:3px; margin:5px 0; display:inline;}
		h1+#site-highlight{ margin:40px 0 5px 5px;}	
		#site-highlight+p{padding-top:10px; }	
		#casestudy-testimonial {overflow:hidden; width:95%; height:150px;}
		#pri-content div.honeys, h1.honeys{background:#222122; color:#fff;}
		#pri-content div.honeys{background:url(../images/page-images/recession-busters/honeysquote.jpg) no-repeat left top;}
			#pri-content a+h1 { margin-top:0;}
		#pri-content div.loving, h1.loving{background:#666666; color:#fff;}
		#pri-content div.loving{background:url(../images/page-images/recession-busters/lovingyourskinquote.jpg) no-repeat left top; }
		#pri-content div.holdsworth, h1.holdsworth{background:#BDDFE9; color:#7C3F20;}
		#pri-content div.holdsworth{background:url(../images/page-images/recession-busters/holdsworthquote.jpg) no-repeat left top;}
			#casestudy-testimonial blockquote {float:left; width:74%; height:150px; padding:5px;}			
				#casestudy-testimonial blockquote p {line-height:1.2em; padding:15px 10px 0 10px; font-size:1.2em;font:"Arial Narrow"}				
				#casestudy-testimonial blockquote strong.quote-marks { font-size:1.6em;}				
/* Techie */	
			
		.techie-talk { width:48%; float:left; padding:5px;}
			.techie-talk p {margin:0; font-weight:bold; color:#95DB00;}
			.techie-talk ul {padding:0; margin:0;}
			.techie-talk li {list-style:none; margin:10px 0;}
				.techie-talk li strong { color:#43C1ED; display:block;}
			
/* News */
		#news-accordion{overflow:hidden;}
		#news-accordion div{overflow:hidden;}
			#news-accordion h3:first-child {background:#F0F0F0; margin-top:10px;}				
			#news-accordion h3{background:#F0F0F0; padding:0;}
				#news-accordion h3 a{color:#43C1ED; display:block; padding:10px;}
				#news-accordion h3 a:hover{color:#7DCB1F; }				
				#news-accordion h3.ui-state-active:hover{background:#F0F0F0;}
				#news-accordion h3.ui-state-active:hover a{color:#43C1ED;}				
			#news-accordion div{background:#F0F0F0;}	
				#news-accordion p{padding:10px 5px 0 5px;}
				#news-accordion h5{padding:10px 5px 0 5px;}		
/* Staffer */
	.staffer p strong{color:#43C1ED;}
/* Testimonials */

#referee{color:#43C1ED;}
	#referee a{color:#9ED657; }

/* 6. Footer		
============================================================ */
/* Roger's Footer */

	/*	Footer Area, and Bottom Three Boxes	*/	
		#footerdiv { background-color:#666;background:url(../images/footerbg.jpg) no-repeat top; height:300px; clear:both;}
			#footerdiv a { text-decoration:none; }
			#footerdiv a:hover { text-decoration:underline; }
		#leftbox, #middlebox, #rightbox { height:194px;  width:260px;  text-align:left; margin-top:35px;}
		#leftbox{ float:left; margin-left:5%; float:left; /*background:#aaa url(new.PNG) top left no-repeat; */ font-size:12px;}
			#leftbox p {   color:#666; margin-top:40px; width:180px; text-align:left; padding:0px; }
			#leftbox ul { list-style:none;  text-align:left;}
			#leftbox a, #middlebox a, #rightbox a { color:#666; position:relative; left:-28px; }
			#leftbox li { margin-top:20px; padding-left:20px; }
			#leftbox h2 { font-size:16px; color:#666; margin-left:10px; margin-top:10px; }
			#middlebox{ float:left; margin-left:3%;  float:left; /*background:#aaa url(images/btm2.jpg) top no-repeat;*/ font-size:12px;}
				#middlebox ul { list-style:none; text-align:left;}
				#middlebox li { margin-top:20px; padding-left:20px; }
				#middlebox h2 { font-size:16px; color:#666; margin-left:10px;  margin-top:10px;  }
			#rightbox{   padding:0px; margin-right:45px; float:right; /*background:#888 url(images/btm3.jpg) top no-repeat;*/ font-size:12px; }	
				#rightbox ul { list-style:none; }
				#rightbox li { margin-top:20px; padding-left:20px;}
				#rightbox h2 { font-size:16px; color:#666;  margin-left:10px; margin-top:10px; }
		.divider {background:url(../images/divider.jpg); width:8px; height:250px; float:left; }
/* 7. Misc Rules		
============================================================ */
.clear-left {clear:left;} .clear-right{clear:right;} .clear-both{clear:both;} 
.left {float:left;} .right{float:right;} .both{float:both;} 
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}