/* CSS Document */
/* CSS Layout code, author: Butter Creative */

html, body { padding: 0; margin:0; }
body {
	font: 62.5%/1.6 Verdana, Helvetica, Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #000000;
	background-image: url(../imgs/bg.gif);
	background-repeat: repeat-x;
	background-position: top left;
	
}

#body1 {position: relative; margin: 0 auto; width: 960px; padding:0;}
#body1.IE {zoom: 1;}
#body1 p {font-size:12px; line-height:1.4}
#body1 a:link, #body1 a:visited, #body1 a:active { color: #123123; text-decoration:underline; }
	#body1 a:hover {  color: #123123; text-decoration:none; }
	
/* put style back on elements */

pre, blockquote, fieldset, table {margin: 1em 0;}
.cleaner {clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;}


/* Bullets */
ul {margin:1em 0 1em 1.5em; line-height:1.3em;font-size:1.2em;}
li {padding: 0.06em 0;}
ul li {margin-left:0.63em;padding-left: 0.5em; list-style: square outside;	 }
ol li {list-style: decimal outside;}



/* Standard settings */
h1,h2,h3,h4,h5,h6 
{margin:2px 0; padding: 3px 0;  font-family:Trebuchet, "Trebuchet MS", Tahoma, Arial, Geneva, Verdana, Helvetica, sans-serif; font-weight:bold;  line-height:normal;}

h1 {font-size:2.6em; color:#9f203c;}
	h1 a:link, h1 a:visited, h1 li a:active {color: black; text-decoration:underline; }
	h1 a:hover {color: black; text-decoration:none;}
h2 {font-size:2em; line-height:1.2em; color:#9f203c;}
h3 {font-size:1.8em;line-height:1.2em; color:#63575E; text-transform:capitalize;}
h4 {font-size:1.4em;}


		
			
/* Layout */
#wrapper {}
		
			
	
	#header {position:relative;}
		.W3C #header {min-height:95px;}
		.IE #header {height:95px;}
		
		#logo	 {position:absolute; top:15px; left:0; }	

			.titleHeader {display: block; background-position:0 0; background-repeat: no-repeat;	background-color: transparent; 	text-indent: -1200px;	overflow: hidden; 	}
			.titleHeader  {background: url(../imgs/logo.gif);	height: 50px;	width: 229px;	margin-top:0;padding:0;}

		/* menu */
		#strapline	 {width:450px; position:absolute; top:20px; right:0; text-align:right;}	
		#menu	 {position:absolute; top:39px; right:0;}	
		.W3C #menu	 {width:450px;}
		.IE #menu	 {width:460px;}
		#menu ul{margin: 0 auto;}
		#menu ul.rollover li{ text-align: left; float: left;list-style: none;  text-align:center; text-indent: -1200em;	overflow: hidden; padding:0 0;}
			#menu ul.rollover a {display: block; text-decoration: none;  height:50px; width:81px; background-position:0 0;background-repeat:no-repeat; }
			
			#menu ul.rollover a.home, ul.rollover a.home:hover, #menu ul.rollover #home-c {background-image: url(../imgs/m_home.gif);}
			#menu ul.rollover a.about, ul.rollover a.about:hover, #menu ul.rollover #about-c {background-image: url(../imgs/m_about.gif);}
			#menu ul.rollover a.services, ul.rollover a.services:hover, #menu ul.rollover #services-c {background-image: url(../imgs/m_services.gif);}
			#menu ul.rollover a.projects, ul.rollover a.projects:hover, #menu ul.rollover #projects-c {background-image: url(../imgs/m_projects.gif);}	
			#menu ul.rollover a.contact, ul.rollover a.contact:hover, #menu ul.rollover #contact-c {background-image: url(../imgs/m_contact.gif);}	
			
			#menu ul.rollover a:hover,
			#menu ul.rollover #home-c,
			#menu ul.rollover #about-c,
			#menu ul.rollover #services-c,
			#menu ul.rollover #projects-c,
			#menu ul.rollover #contact-c {text-decoration: none;background-position:0 -50px;background-repeat:no-repeat;}


	
	#wrapperContent {width:960px; margin:20px 0;}
	
		/* 3Colum Layout */
		#left2 {float:left;	width:440px; margin:0; padding:0;}
		#middle2 {margin:0  0 0 600px; padding: 0; width:360px;}
	.quote {	background-image: url(../imgs/quote.gif); 
	background-repeat: no-repeat;
	background-position:100% 5% ; }
	.quote {}
	p.rightalign {text-align:right; font-size:10px;}
	.smallp { font-size:10px;}
	
		#left2contact {float:left;	width:300px; margin:0; padding:0;}
		#middle2contact {margin:0  0 0 320px; padding: 0; }
		#map {height: 350px; }
	
		#left2services {float:left;	width:580px; margin:0; padding:0;}
		#middle2services {margin:0  0 0 630px; padding: 0; }
		#left2projects {float:left;	width:580px; margin:0; padding:0;}
		#middle2projects {margin:0  0 0 630px; padding: 0; }
		#left2about {float:left;	width:580px; margin:0; padding:0;}
		#middle2about {margin:0  0 0 630px; padding: 0; }
	 
	 
	
		#wrapperFooter {background-color:#bfb8be; padding-top:15px;}

	#footer {width:960px; margin:0 auto;  color:#62575e; }
		#footer a:link, #footer a:visited, #footer a:active { color: #62575e; text-decoration:underline; }
		#footer a:hover {  color: #62575e; text-decoration:none; }
		
		#footerR2 {float:right; width:380px; margin:0; padding:0; text-align:right; }
		#footerL2 {margin:0 400px 0 0; padding: 0; }
		#footerL2 p {	padding:0; margin:0;}