/* kipling events styles */

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {margin:0; padding:0;}
ul,li {list-style-type:none;}
img {border:0;}

.centered, p.centered {text-align:center;}	
.right {text-align:right;}
.floatL	{float:left;}	
.floatR {float:right;}
hr {clear:both; visibility:hidden;}
.clear {clear:both;}
	
a {color:#0382A7; text-decoration:none;}
a:hover { text-decoration:underline; }
/*hack:stops ff/mozilla dotted line around links, doesn't W3C validate */
:focus {-moz-outline-style: none;} 

.largerer {font-size: 15px; margin-bottom:10px; font-weight:bold;}
.normal {font-size: 12px;}
.smaller {font-size: 11px;}
.smallest {font-size: 10px;}
.bold { font-weight:bold }

body {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size:10px; 
	color:#4e6889; 
	margin:10px 0px; padding:0px;
	text-align:center;
	}

#container {
	/*position:relative;	/* allows absolute posn within */
	width:768px;
	margin:0px auto;
	text-align:left;
	}

#containerBlue #containerTop {height:15px; width:768px; background:url(../images/bg-top-blue.gif) no-repeat;}
#containerBlue #containerBody { width:768px; background:url(../images/bg-body-blue.gif) repeat-y;}
#containerBlue #containerFooter {height:45px; min-height: 45px; width:768px; padding:0 0 0 15px; background:url(../images/bg-footer-blue.gif) no-repeat;}

#containerYellow #containerTop {height:15px; width:768px; background:url(../images/bg-top-yellow.gif) no-repeat;}
#containerYellow #containerBody {position: relative; width:768px; background: #FFFFFF url(../images/bg-body-yellow.gif) repeat-y; clear: both;}
#containerYellow #containerFooter { position: relative; height:45px; width:768px; padding:0 0 0 15px; background:url(../images/bg-footer-yellow.gif) no-repeat; clear: both;}

#containerGreen #containerTop {height:15px; width:768px; background:url(../images/bg-top-green.gif) no-repeat;}
#containerGreen #containerBody { clear: both; position: relative; width:768px; background:url(../images/bg-body-green.gif) repeat-y;}
#containerGreen #containerFooter {width:768px; height:45px; padding:0 0 0 15px; background:url(../images/bg-footer-green.gif) no-repeat;}

#containerRed #containerTop {height:15px; width:768px; background:url(../images/bg-top-red.gif) no-repeat;}
#containerRed #containerBody {height:550px; width:768px; background:url(../images/bg-body-red.gif) repeat-y;}
#containerRed #containerFooter {height:45px; width:768px; padding:0 0 0 15px; background:url(../images/bg-footer-red.gif) no-repeat;}

#containerLiblue #containerTop {height:15px; width:768px; background:url(../images/bg-top-liblue.gif) no-repeat;}
#containerLiblue #containerBody {height:550px; width:768px; background:url(../images/bg-body-liblue.gif) repeat-y;}
#containerLiblue #containerFooter {height:45px; width:768px; padding:0 0 0 15px; background:url(../images/bg-footer-liblue.gif) no-repeat;}

#containerOrange #containerTop {height:15px; width:768px; background:url(../images/bg-top-orange.gif) no-repeat;}
#containerOrange #containerBody {width:768px; background:url(../images/bg-body-orange.gif) repeat-y;}
#containerOrange #containerFooter {height:45px; width:768px; padding:0 0 0 15px; background:url(../images/bg-footer-orange.gif) no-repeat;}

#header {padding:0; margin:0; height:90px;}
#header h1{position:absolute; left:-9999px;}

#logo {float:left; width:200px;}
#testimonial2 {float:right; width:380px; height:88px; padding:5px 45px 0 39px; background:url(../images/bg-testimonial-2.png) 0px 5px no-repeat;} 
	h3.testimonial {font-size:11px; font-weight:normal;}

/* main nav styles */
ul#mainNav {width:768px; padding:0; margin:0; list-style-type:none;}
ul#mainNav li {height:50px; float:left; padding:0; margin:0; list-style-type:none;}
ul#mainNav li a { text-indent:-9999px; display:block; height:50px } 
		
ul#mainNav li#navHome a 			{ background:url(../images/nav_home.png) no-repeat; width:85px}
ul#mainNav li#navHome a:hover		{ background-position:0 -50px} 
ul#mainNav li#navHome2 a 			{ background:url(../images/nav_home.png) 0 -50px; width:85px}
		
ul#mainNav li#navWho a 				{ background:url(../images/nav_who.png) no-repeat; width:134px}
ul#mainNav li#navWho a:hover	    { background-position:0 -50px} 
ul#mainNav li#navWho2 a 			{ background:url(../images/nav_who.png) 0 -50px; width:134px}
			
ul#mainNav li#navWhat a 			{ background:url(../images/nav_what.png) no-repeat; width:143px}
ul#mainNav li#navWhat a:hover		{ background-position:0 -50px} 
ul#mainNav li#navWhat2 a 			{ background:url(../images/nav_what.png) 0 -50px; width:143px}
		
ul#mainNav li#navTeam a 			{ background:url(../images/nav_team.png) no-repeat; width:113px}
ul#mainNav li#navTeam a:hover	    { background-position:0 -50px} 
ul#mainNav li#navTeam2 a 	  	    { background:url(../images/nav_team.png) 0 -50px; width:113px}
			
ul#mainNav li#navPortfolio a 			{ background:url(../images/nav_portfolio.png) no-repeat; width:113px}
ul#mainNav li#navPortfolio a:hover	    { background-position:0 -50px} 
ul#mainNav li#navPortfolio2 a 	  	    { background:url(../images/nav_portfolio.png) 0 -50px; width:113px}


ul#mainNav li#navContact a 			{ background:url(../images/nav_contact.png) no-repeat; width:123px}
ul#mainNav li#navContact a:hover	{ background-position:0 -50px} 
ul#mainNav li#navContact2 a 		{ background:url(../images/nav_contact.png) 0 -50px; width:123px}	

ul#mainNav li#navEnd 			{ background:url(../images/nav_end-bit.png) no-repeat; width:44px}

#allWrapper {  background: #FFFFFF; width: 754px; }

#mainContent {padding:0 0 0 20px;}
	#mainContent h3 {position:absolute; left:-9999px;}

#homeContent {padding:0 0 0 0px; float:left; width:340px; height:425px; min-height:350px; background: #FFFFFF url(../images/bg-cork.jpg) 0px 40px no-repeat; clear: both;}
#homeContent h3 {position:absolute; left:-9999px;}
#homeRight { position: relative; margin-left: 350px; padding:20px 0px 0 0; background: #FFFFFF; margin-right: 50px;}
#homeRight h2 { color: #f0b903; border-bottom:1px solid #f0b903; font-size: 140%;}
#homeRight h3 { font-size: 120%; padding:20px 0 0 0; font-weight: normal;}
#homeRight h5 {  font-size:11px; font-weight:normal;}

#hometestimonial2 { margin-top: 230px; width:340px; height:90px; padding:10px 0px 10px 0px; background:url(../images/bg-testimonial-3.png) 0px 5px no-repeat;} 
	#hometestimonial2 p {font-size:11px; font-weight:normal; margin-left: 40px; margin-right: 30px;}



#staff {padding:0 0 0 0; font-size: 110%; margin-top: -10px; clear: both;}
#staff h3 {position:absolute; left:-9999px;}

#staff .staffmember
{
width: 650px;
display: block;
margin: 10px;
clear: both;
position: relative;
}

#staff .staffmember strong
{
font-size: 120%;
}
#staff .staffmember img
{
float: left;
padding: 10px;
}

#staff .stafftext
{
margin-left: 150px;
text-align:justify;
}



#teamContent {padding:0 0 0 20px; }
	#teamContent h3 {position:absolute; left:-9999px;}
#teamRight {float:right; width:350px; padding:25px 40px 0 0;}


#whoweareContent {padding:0 0 0 0px; float:left; width:340px; height:450px; min-height:350px; background: #FFFFFF url(../images/bg-flower.jpg) 0px 80px no-repeat; clear: both; margin-top: -10px;}
#whoweareContent h3 {position:absolute; left:-9999px;}
#whoweareRight { position: relative; margin-left: 350px; padding:20px 0px 0 0; background: #FFFFFF; margin-right: 50px;}
#whoweareRight h2 { color: #89c127; border-bottom:1px solid #89c127; font-size: 140%;}
#whoweareRight h3 { font-size: 120%; padding:20px 0 0 0; font-weight: normal;}


#whoistestimonial2 { margin-top: 350px; width:340px; height:90px; padding:10px 0px 10px 0px; background:url(../images/bg-testimonial-3.png) 0px 5px no-repeat;} 
	#whoistestimonial2 p {font-size:11px; font-weight:normal; margin-left: 40px; margin-right: 10px;}



#whatwedoContent {padding:0 0 0 20px; float:left; width:340px; height:400px; min-height: 400px; background:url(../images/bg-goldfish.jpg) 0px 40px no-repeat; margin-top: -10px;}
	#whatwedoContent h3 {position:absolute; left:-9999px;}
	#whatwedoContent h2 {padding:0 0 0 20px; position:absolute; left:-9999px;}
	
#whatwedoRight {float:right; width:350px; padding:25px 40px 0 0;}
#whatwedoRight h2 {color: #C92F01; border-bottom:1px solid #C92F01; font-size: 140%;}
#whatwedoRight h3 { font-size: 120%; padding:20px 0 0 0; font-weight: normal;}
#whatwedoRight .whatwedotext {font-size: 105%; padding:5px 0 0 0;}

#whatwedoRight ul {  margin-top: 15px; margin-bottom: 25px; }
#whatwedoRight li { float: left; margin: 2px; font-size: 130%; padding: 2px; 
padding-left: 8px;font-weight:bold; width: 46%; background: url(../images/dot.gif) 0px 10px no-repeat; }
#whattestimonial2 { margin-bottom: 20px; width:340px; height:90px; padding:10px 0px 10px 0px; background:url(../images/bg-testimonial-3.png) 0px 5px no-repeat;} 
	#whattestimonial2 p {font-size:11px; font-weight:normal; margin-left: 40px; }



#portfolioContent {padding:0 0 0 20px; float:left; width:340px; height:390px; background:url(../images/bg-clients.jpg) 0px 40px no-repeat; margin-top: -10px;}
	#portfolioContent h3 {position:absolute; left:-9999px;}
	#portfolioContent h2 {padding:0 0 0 20px; position:absolute; left:-9999px;}
	#portfolioContent .whoquote2
{
margin-top: 230px;
margin-left: 40px;
font-size: 120%;
width: 280px;
}
#portfolioRight {float:right; width:350px; padding:25px 40px 0 0;}
#portfolioRight h2 {color: #DE8E11; border-bottom:1px solid #DE8E11; font-size: 140%;}
#portfolioRight h3 { font-size: 120%; padding:20px 0 0 0; font-weight: normal;}
#portfolioRight .whatwedotext {font-size: 105%; padding:5px 0 0 0;}

#portfolioRight ul {margin: 10px; margin-left: 10px; padding-top: 0px;}
#portfolioRight li {margin: 5px; font-size: 130%; padding: 3px; font-weight:bold;}

#portfolioRight ul.portfolio {margin: 10px; margin-left: 0px; padding-top: 0px;}
#portfolioRight ul.portfolio  li {margin: 10px; margin-left: 0px; padding-top: 0px; font-weight:normal;}

#portfoliotestimonial2 { margin-top: 250px; width:340px; height:90px; padding:10px 0px 10px 0px; background:url(../images/bg-testimonial-3.png) 0px 5px no-repeat;} 
	#portfoliotestimonial2 p {font-size:11px; font-weight:normal; margin-left: 40px; margin-right: 10px;}




#contactContent {padding:0 0 0 20px; float:left; width:340px; height:390px; background:url(../images/team-kiplingevents.jpg) 25px 95px no-repeat; margin-top: -10px;}
	#contactContent h3 {position:absolute; left:-9999px;}
#contactRight {float:right; width:350px; padding:25px 40px 0 0;}
#contactRight h2 {color: #02AECC; border-bottom:1px solid #02AECC; font-size: 140%; padding-left: 10px;}
#contactRight h3 {font-size: 120%; padding:20px 0 0 0;}
#contactRight .address
{
font-size: 120%;
padding: 10px;
}