@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						|
| 											|
---------------------------------------------
*/
/* 1. External Includes 
============================================================ */
/* Tripoli Typography Stylesheet and CSS Reset */
@import url('tripoli.simple.css');
/* 2. General Style Rules	
============================================================ */
/*  2.1 Headings	*/
.cufon-ready h1{color:#9c1717; font-size:2.4em} .cufon-ready h2{color:#9c1717; font-size:2.0em;} .cufon-ready h3{color:#9c1717; font-size:1.8em;} .cufon-ready h4{color:#9c1717; font-size:1.4} .cufon-ready h5{color:#F7409c171707; font-size:1em;}
.cufon-ready #secondary-content h3{font-size:2em;}
/*	2.2 Lists		*/
#year-list li{font-size:1.2em; list-style:none; width:30%;  float:left; padding:8% 0% 3% 20%;}
	#year-list li#one{background:url(../images/page-images/difference-year/Differenceayearmakessprite.jpg) no-repeat left top; }
	#year-list li#two{background:url(../images/page-images/difference-year/Differenceayearmakessprite.jpg) no-repeat -10px -90px; }
	#year-list li#three{background:url(../images/page-images/difference-year/Differenceayearmakessprite.jpg) no-repeat left -355px; }
	#year-list li#four{background:url(../images/page-images/difference-year/Differenceayearmakessprite.jpg) no-repeat left -230px; }
	#year-list li#five{background:url(../images/page-images/difference-year/Differenceayearmakessprite.jpg) no-repeat left -480px; }
	#year-list li#six{background:url(../images/page-images/difference-year/Differenceayearmakessprite.jpg) no-repeat left -620px; }
/* 	2.3 Links		*/
a{text-decoration:none;} a:link{} a:visited{} a:hover{} a:active{} a.home-link{ color:#7EC71E; text-decoration:underline;}
a#first-read, a#last-read{background:url(../images/page-images/first-last/firstfoundlastfoundreadmore.jpg) no-repeat left top; display:block; width:256px; height:36px; position:absolute; text-indent:-1000em;}
a#first-read{bottom:35px; right:10px;} 
/*	2.4 Images		*/
img.left, img.right {margin:5px;} img#call-to-action{padding-bottom:5px;} img#issue{display:block; margin:0 auto;} img#padimg{padding:0 0 20px 0;}
/*	2.5 Tables */
td.question p{color:#fff; font-size:2em; padding:0; margin:0; line-height:1em;}
td.question{background:#9c1717;}
/*	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{background:url(../images/background_stripe.gif);}
#container{width:970px; margin:0 auto; background:#fff;}
/* 4. MastHead
============================================================ */
#masthead { overflow:hidden; background:url(../images/optimiselogo.jpg) no-repeat right top; padding:5px 0;}
/* 5. Page Content		
============================================================ */
#content-wrapper{ clear:both; overflow:hidden;}
#secondary-content{ float:left; width:23%; padding:15px 5px 5px 5px; font-size:0.8em;}
	#secondary-content h3 { margin-top:0; padding:5px 3px; color:#fff; background:#000;}
	#secondary-content h5{padding:5px 3px; color:#fff; background:#000;}
	#secondary-content ul#pri-nav { padding:0; margin:0; }
		ul#pri-nav li { list-style:none; border-bottom:1px solid #9C1718; overflow:hidden; padding-left:3px;}
		#secondary-content ul#pri-nav li a { color:#000; display:block; width:98%; line-height:1.2em; padding:10px 5px;  position:relative;}
		#secondary-content ul#pri-nav li strong{color:#F34220;}
			#secondary-content ul#pri-nav li a:hover {color:#9C1718;}
	#secondary-content blockquote{ padding:5px; background:url(../images/topquote.jpg) no-repeat left top; padding:14px 5px 5px 5px;}
		#secondary-content blockquote p:first-child{ 
			background:url(../images/bottomquote.jpg) no-repeat right bottom; 
			margin:0 0 0 -5px; padding-bottom:14px;
		}
		#secondary-content blockquote p:first-child strong{display:block;}
		#testimonial p a { color:#000; }		
		#secondary-content img#promo{margin:0 auto; display:block; border:4px solid #000; margin-top:5px;}
	#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:#9C1718; 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 #9C1718}		
	.menu-item{overflow:hidden; padding:20px 0; width:540px; border-bottom:2px solid #ccc;}
		.menu-item h3{margin-top:0; font-style:italic;}
		.menu-item img{margin-right:10px;}
		.menu-item a.right{background:url(../images/readmore.jpg) no-repeat left top; 
											display:block; width:90px; height:25px; text-indent:-1000em; padding:2px; }
/* 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:#9C1718; 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:#9C1718; 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:#9C1718;}				
			#news-accordion div{background:#F0F0F0;}	
				#news-accordion p{padding:10px 5px 0 5px;}
				#news-accordion h5{padding:10px 5px 0 5px;}		
	/*  Do in  a year*/
		ul#twelve-things{background:url(../images/page-images/do-year/whatcandoinayearnumberlist.jpg) no-repeat left 2px; padding-left:50px;}
			ul#twelve-things li{display:block; height:40px; padding:10px; margin-bottom:20px;}
				ul#twelve-things li:hover{background:#9c1717; color:#fff;}
/* Prizes */
.prize-wrapper{overflow:hidden; padding:5px 0;}
	.prize-wrapper .prize{background:#EFE6F9;}
		.prize-wrapper .prize h3{color:#741BCF;}	
	.prize-wrapper .sage{background:#DEE4E2;}	
		.prize-wrapper .sage h3{color:#133F28;}		
	.prize-wrapper .biccies{background:#FFE3E2;}
		.prize-wrapper .biccies h3{color:#DF2530;}	
			
	.prize{background:#F7CB84; float:right; width:80%; padding:15px 5px; overflow:hidden;}
		.prize h3{margin:0;}
		.prize a.read-more{display:block; width:230px; height:35px; float:right; background:url(../images/page-images/freebies/clicktoenter.png) no-repeat left top; text-indent:-1000em;}
		form#prizes{float:left; width:220px;} form#prizes input{margin:5px 0;}
/* first-last*/
div#first-found, div#last-found{height:210px; font-size:0.9em; position:relative;}
	div#first-found{background:url(../images/page-images/first-last/fireplacereadmore.jpg)  no-repeat left top;}
		div#first-found div.client-text-wrapper{float:right; width:380px;}
		div.client-text-wrapper h3{margin-top:0;}
	div#last-found{background:url(../images/page-images/first-last/adamscarreadmore.jpg) no-repeat left top; }
		div#last-found div.client-text-wrapper{width:380px;}
/* Testimonials */
#referee{color:#000;}
	#referee a{color:#991717; }
/* 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;
}