body { margin:0; padding:0; font-size: 62.5%; background: #CACACA url(images/background.gif) repeat-y center; text-align:center; font-family: arial, helvetica, sans-serif; color:#fffff;}
	

/* =TEXT & HEADINGS
---------------------------------------------------*/

	p { margin: 0; padding: 0;  font-size: 1.2em; line-height: 16px; }
	a { margin: 0; padding: 0; text-decoration:none; color: #294571;}
	a:hover{ text-decoration:underline; color: #687B99;}	
	h1 { margin: 10px 0 0 0; padding: 0; background: url(images/craig-logo.gif) no-repeat;  }
	h1 a { display: block; width:307px; height: 66px; text-indent: -6000px;
		/* \*/
		overflow: hidden;
		/* */
		text-decoration: none; border: 0; background: url(images/craig-logo.gif) no-repeat; 
	}
	h3 { margin: 10px 0 0 0; padding: 0; background: url(images/building-quality.gif) no-repeat;  }
	h3 a { display: block; width:274px; height: 66px; text-indent: -6000px;
		/* \*/
		overflow: hidden;
		/* */
		text-decoration: none; border: 0; background: url(images/building-quality.gif) no-repeat; 
	}
	h2{margin: 0; padding: 0 0 2px 0; font-size: 1.2em; line-height: 18px; }
	h2 a {text-decoration:none; color:#000000;}
	h2 a:hover {text-decoration:underline; color:#000000}
	h4{margin: 0; padding: 15px 0 0 16px;  font-size: 1.6em; line-height: 18px; background: url(images/down-arrow-black.gif) 0px 15px no-repeat; }
	h4 a {text-decoration:none; color:#000000;}
	h4 a:hover {text-decoration:underline; color:#000000;}
	
	h5{margin: 0; padding: 10px 0 0 23px;  font-size: 1.6em; line-height: 18px; background: url(images/down-arrow-white.gif) 7px 10px no-repeat; color: #ffffff;}
	h5 a {text-decoration:none; color:#ffffff;}
	h5 a:hover {text-decoration:underline; color:#ffffff;}

	hr {border: solid 1px ; color: #B2BFD0; height: 1px;}
	
	.link {margin: 0; padding: 0 0 0 9px; background: url(images/right-arrow-2.gif) 0 4px no-repeat;}
	.linkwhite {margin: 0; padding: 0 0 0 9px; background: url(images/right-arrow-2.gif) 0 4px no-repeat;}
	.linkwhite a {color:#fff;}
	
	a img {border: none; }

	/* CONTAINERS  
---------------------------------------------------*/
	#content {
	position: relative;
	width:770px;
	margin:0 auto;
	padding:0;
	text-align:left;
	left: -1px;
	top: -1px;

}
	
	#head{ margin: 0; padding: 0; width:770px; height:80px;}
	#headLeft{ float: left; margin: 0; padding: 0 0 0 10px; width:370px; }
	#headRight{ float: right; margin: 0; padding: 0 34px 0 0; width:300px; }
	
	#mainContent{ clear: both;}
	#leftContent{float: left; margin: 0; padding-left: 10px; width:190px; }
	#rightContent{float: right; margin: 0; padding: 0; width:560px; }
	
	#specialists{ clear: both; margin: 0; padding: 0; width: 550px; height:205px;}
	#latestprojects{ margin: 0; padding: 0; background:#7A90AE; width: 550px; height:340px;}

	.image{ float: right; margin: 0; padding: 0 0 3px 5px;}
	.project { float: left; margin:10px 0 0 10px; padding: 5px; width:245px; background: #ffffff;}
	
	#quote {margin: 0; padding: 0 0 14px 0; height:160px;}
	#quote p strong { color:#687B99; line-height: 16px;}
	#quote p { background: #E7E9EA; padding: 10px 5px 0 5px; line-height: 16px; color:#000000;} 

	#welcome {margin: 0; padding: 0 0 14px 0;}
	#advice {margin: 0; padding: 0 0 14px 0;}
	/*url(images/services-image.jpg) top right no-repeat*/
	#services {margin-left: 7px; padding: 40px 0 0 14px; background:  #294571; color:#ffffff; font-size: 1.2em; line-height: 16px; width:737px; height:620px;}
	#services h2 {margin: 0; padding: 0 0 0 23px;  font-size: 2em; line-height: 25px; background: url(images/large-white-arrow.gif) 5px 2px no-repeat; color: #ffffff;}
	#services h5 {margin: 0; padding: 0 0 10px 0; font-size: 1.4em; line-height: 18px; background: none;}

	#services p {margin: 0; padding: 0;  font-size: 1em; line-height: 16px; }
	#services a {color:#ffffff}
	#services ul {margin-left: 0; padding-left: 0;}
	#services li {background: url(images/divider.gif) 2px 10px no-repeat; display: inline; float: left; margin: 0; padding: 6px 0 0 14px; }

	
	#servicesLeft {margin: 0; padding: 33px 0 0 0; width:170px; float:left; }
	#servicesRight {margin: 0; padding: 20px 0 0 0 ; width:550px; float:right;}
	.serviceBlock {float: left; margin:10px 0 0 10px; padding: 7px; width:235px; background:#425C86;}

	#servicesMid {margin: 0; padding: 20px 0 0 17px ; width:160px; float:left; }
	#servicesMid .image { float: left; margin: 0; padding: 0 0 3px 0; }
	.serviceMidBlock {float: left; margin:5px 0 0 10px; padding: 7px 7px 3px 7px; width:140px; }
	.serviceMidBlockOn {float: left; margin:5px 0 0 10px; padding: 7px 7px 3px 7px;; width:140px; background:#425C86;}
	#servicesDetail {float: left; margin: 0; padding: 25px 0 0 23px ; width:330px; }
	#servicesDetail .block {float: left; margin: 0; padding: 0 7px 0 7px ; width:330px; height:477px; background:#425C86;}
	#servicesDetail .image { float: left; margin: 0; padding: 0 0 15px 0px; }
	#servicesDetail h5{margin: 0; padding: 7px 0 7px 18px;  font-size: 1.4em; line-height: 18px; background: url(images/down-arrow-white.gif) 2px 7px no-repeat; color: #ffffff;}
	#servicesDetail hr {border: solid 1px ; color: #94A2B8; height: 1px;}
	#servicesDetail p {padding-bottom:20px}
	#servicesDetail .link {padding-bottom:5px}
	
	#aboutUsLeft {margin: 0; padding: 33px 20px 0 23px; width:330px; float:left; }
	#aboutUsRight {margin: 0; padding: 20px 0 0 0 ; width:345px; float:left;}
	
	#testimonials {margin-left: 7px; padding: 40px 0 0 14px; background:  #294571; color:#ffffff; font-size: 1.2em; line-height: 16px; width:737px; height:1610px;}
	#testimonials  h2 {margin: 0; padding: 0 0 0 23px;  font-size: 2em; line-height: 25px; background: url(images/large-white-arrow.gif) 5px 2px no-repeat; color: #ffffff;}
	#testimonials  p {margin: 0; padding: 0;  font-size: 1em; line-height: 16px; }
	.testimonial {margin: 0; padding: 10px 0 0 0 ; width:720px; float:left;}
	.testimonialLeft {margin: 0; padding: 20px 0 0 25px ; width:330px; float:left;}
	.testimonialImage {margin: 0; padding: 20px 0 0 60px ; width:220px; float:left;}
	.testimonial hr {margin: 10px 0 0 20px; padding: 0 ; width:640px; float:clear;}
	
	
	#casestudiesHome {margin-left: 7px; padding: 40px 0 0 14px; background:  #294571; color:#ffffff; font-size: 1.2em; line-height: 16px; width:737px; height:1100px;}
	#casestudiesHome h2 {margin: 0; padding: 0 0 19px 23px;  font-size: 2em; line-height: 25px; background: url(images/large-white-arrow.gif) 5px 2px no-repeat; color: #ffffff;}
	#casestudiesHome h5 {margin: 0; padding: 0 0 10px 0; font-size: 1.4em; line-height: 18px; background: none;}
	#casestudiesHome p {margin: 0; padding: 0;  font-size: 1em; line-height: 16px; }
	#casestudiesHome a {color:#ffffff}
	#casestudiesHome ul {margin-left: 0; padding-left: 0; float:left;}
	#casestudiesHome li {background: url(images/divider.gif) 2px 10px no-repeat; display: inline; float: left; margin: 0; padding: 6px 0 0 14px; }
	
	#casestudies {margin-left: 7px; padding: 40px 0 0 14px; background:  #294571; color:#ffffff; font-size: 1.2em; line-height: 16px; width:737px; height:650px;}
	#casestudies h2 {margin: 0; padding: 0 0 19px 23px;  font-size: 2em; line-height: 25px; background: url(images/large-white-arrow.gif) 5px 2px no-repeat; color: #ffffff;}
	#casestudies h5 {margin: 0; padding: 0 0 10px 0; font-size: 1.4em; line-height: 18px; background: none;}
	#casestudies p {margin: 0; padding: 0;  font-size: 1em; line-height: 16px; }
	#casestudies a {color:#ffffff}
	#casestudies ul {margin-left: 0; padding-left: 0; float:left;}
	#casestudies li {background: url(images/divider.gif) 2px 10px no-repeat; display: inline; float: left; margin: 0; padding: 6px 0 0 14px; }
	
	#casestudiesLarge {margin-left: 7px; padding: 40px 0 0 14px; background:#294571; color:#ffffff; font-size: 1.2em; line-height: 16px; width:737px; height:930px;}
	#casestudiesLarge h2 {margin: 0; padding: 0 0 19px 23px;  font-size: 2em; line-height: 25px; background: url(images/large-white-arrow.gif) 5px 2px no-repeat; color: #ffffff;}
	#casestudiesLarge h5 {margin: 0; padding: 0 0 10px 0; font-size: 1.4em; line-height: 18px; background: none;}
	#casestudiesLarge p {margin: 0; padding: 0;  font-size: 1em; line-height: 16px; }
	#casestudiesLarge a {color:#ffffff}
	#casestudiesLarge ul {margin-left: 0; padding-left: 0; float:left;}
	#casestudiesLarge li {background: url(images/divider.gif) 2px 10px no-repeat; display: inline; float: left; margin: 0; padding: 6px 0 0 14px; }

	
	#casestudiesLeft {margin: 0; padding: 33px 0 0 0; width:170px; float:left; }
	#casestudiesRight {margin: 0; padding: 20px 0 0 0 ; width:550px; float:right;}
	.casestudiesBlock {float: left; margin:10px 0 0 10px; padding: 7px; width:235px; background:#425C86;}

	#casestudiesMid {margin: 0; padding: 20px 0 0 17px ; width:160px; float:left; }
	#casestudiesMid .image { float: left; margin: 0; padding: 0 0 3px 0; }
	.casestudiesMidBlock {float: left; margin:5px 0 0 10px; padding: 7px 7px 3px 7px; width:140px; }
	.casestudiesMidBlockOn {float: left; margin:5px 0 0 10px; padding: 7px 7px 3px 7px;; width:140px; background:#425C86;}
	#casestudiesDetail {float: left; margin: 0; padding: 25px 0 0 23px ; width:330px; }
	#casestudiesDetail .block {float: left; margin: 0; padding: 0 7px 0 7px ; width:330px; height:477px; background:#425C86;}
	#casestudiesDetail .image { float: left; margin: 0; padding: 0 0 15px 0px; }
	#casestudiesDetail h5{margin: 0; padding: 7px 0 7px 18px;  font-size: 1.4em; line-height: 18px; background: url(images/down-arrow-white.gif) 2px 7px no-repeat; color: #ffffff;}
	#casestudiesDetail hr {border: solid 1px ; color: #94A2B8; height: 1px;}
	#casestudiesDetail p {padding-bottom:20px}
	#casestudiesDetail .link {padding-bottom:5px}

		
	
/* NAVIGATION
---------------------------------------------------*/	

	#nav { margin: 0; padding: 10px 0 30px 7px; font-size: 1.2em; font-weight: bold; }
	#nav ul { margin: 0; padding: 0; }
	#nav ul li#n1 { background: url(images/blue-tab.gif) no-repeat; display: inline; float: left; margin: 0; padding: 6px 0 0 18px; color: #ffffff; width: 108px; height: 27px;}
	#nav ul li#n1 a { color: #ffffff; }
	#nav ul li#n2 { background: url(images/grey-tab.gif) no-repeat; display: inline; float: left; margin: 0; padding: 6px 0 0 18px; color: #294571; width: 108px; height: 27px;}
	#nav ul li#n3 { background: url(images/grey-tab.gif) no-repeat; display: inline; float: left; margin: 0; padding: 6px 0 0 18px; color: #294571; width: 108px; height: 27px;}
	#nav ul li#n4 { background: url(images/grey-tab.gif) no-repeat; display: inline; float: left; margin: 0; padding: 6px 0 0 18px; color: #294571; width: 108px; height: 27px;}
	#nav ul li#n5 { background: url(images/grey-tab.gif) no-repeat; display: inline; float: left; margin: 0; padding: 6px 0 0 18px; color: #294571; width: 108px; height: 27px;}
	#nav ul li#n6 { background: url(images/grey-tab.gif) no-repeat; display: inline; float: left; margin: 0; padding: 6px 0 0 18px; color: #294571; width: 108px; height: 27px;}
	#nav ul li#n7 { background: url(images/grey-tab.gif) no-repeat; display: inline; float: left; margin: 0; padding: 6px 0 0 18px; color: #294571; width: 108px; height: 27px;}

	
	/* FOOTER
---------------------------------------------------*/
	#footer{ clear: both; margin: 10px 0 0 0; padding: 10px 12px 0 12px; width:745px; font-size: .9em;}
	#footerLeft { margin: 0; padding: 0; float: left;}
	#footerRight { margin: 0; padding: 0; float: right;}