/******************************************************************************
 * Content CSS
 *****************************************************************************/
div#content-body {
	float: left; width: 900px; margin: 4px 0 0 0; padding-bottom: 20px;
	background: url(../_images/content-body-bg.jpg) no-repeat bottom center; }
html>body div#content-body { min-height: 659px; }
	
/******************************************************************************
 * Shared Elements
 *****************************************************************************/	
div#portfolioLaptopsWrap {
	float: left; width: 900px; height: 115px;
	background: #fff url(../_images/portfolioLaptops-bg.jpg) no-repeat top; }
	
div#portfolioButtons { width: 865px; height: 115px; margin: 0 22px 0 10px; }
html>body div#portfolioButtons { margin: 0 22px 0 20px; }

a.portfolioButton { float: left; width: 170px; height: 115px; margin-right: 2px; }

div#portfolioContent {
	float: left; width: 849px; margin: 23px 25px 0 11px;}
html>body div#portfolioContent { margin: 23px 25px 0 26px; }

div#portfolioImgWrap {
	float: left; width: 849px; height: 312px; margin: 0px; padding: 0px;
	background-image: url(../_images/portfolioImg-bg.jpg); }

div#portfolioDeatilsWrap {
	float: left; width: 849px; height: 197px;
	background-image: url(../_images/portfolioDetails-bg.jpg); }

div#portfolioDeatilsText {
	float: left; width: 541px; height: 129px; margin: 20px 37px 13px 7px; }
html>body div#portfolioDeatilsText { margin: 20px 37px 13px 14px; }
	
div#portfolioDeatilsQuote {
	float: left; width: 210px; height: 86px; margin: 40px 18px 13px 15px; }
html>body div#portfolioDeatilsQuote { margin: 40px 18px 13px 29px; }

span.blueBullet {
	display: inline-block; margin-left: 4px; padding-left: 12px;
	background: url(../_images/blueBullet.gif) no-repeat left center; }
	
div#generalContent {
	float: left; width: 824px; margin: 0 0 25px 17px; padding: 31px 0 20px 0;
	background: url(../_images/whyusContent-bg.jpg) top center no-repeat; }
html>body div#generalContent { margin: 0 33px 25px 33px; }

div#generalContent p { float: left; width: 100%; min-height: 12px; margin-bottom: 25px; }
	
/******************************************************************************
 * Specific Font Formating
 *****************************************************************************/	
.smallTitle {
	font-family: "Myriad Pro", Verdana, sans-serif;
	line-height: 18px; font-weight: bold; font-size: 14px; }
	
.smallQuoteLeft {
	float: left; font-family: "Myriad Pro", Verdana, sans-serif; color: #000;
	line-height: 18px; font-weight: bold; font-size: 12px; }
	
.smallQuoteRight {
	float: right; font-family: "Myriad Pro", Verdana, sans-serif; color: #000;
	line-height: 18px; font-weight: bold; font-size: 12px; }

.whyusBold { font-size: 11px; font-weight: bold; color: #000; }

/******************************************************************************
 * Home Page
 *****************************************************************************/
div#marketingHolesWrap {
	float: left; width: 900px; height: 312px; margin-top: 20px;
	background: #fff url(../_images/marketingHoles-bg.jpg) no-repeat top; }
	
div#bulletPoints { 
	float: left; width: 192px; height: 222px; margin: 42px 0 0 13px; 
	background: url(../_images/bulletPoints-bg.jpg) no-repeat; }
html>body div#bulletPoints { margin: 42px 0 0 27px; }

div#bulletPoints2 { 
	float: left; width: 192px; height: 222px; margin: 42px 0 0 13px; 
	background: url(../_images/bulletPoints2-bg.jpg) no-repeat; }
html>body div#bulletPoints2 { margin: 42px 0 0 27px; }

div#bulletPoints li { display: none; }
div#bulletPoints2 li { display: none; }
	/*float: left; margin-bottom: 22px; padding-left: 15px; list-style: none;
	background: url(../_images/middleArrow.gif) 6px 7px no-repeat; }*/
	
a#homeImg-center {
	float: left; width: 315px; height: 278px; margin: 30px 0 0 75px;
	background-image: url(../_images/homeImg-center.jpg); }
html>body a#homeImg-center { background-image: url(../_images/homeImg-center.png); }/* margin: 30px 0 0 102px; }*/

div#homeQuote { float: left; width: 180px; height: 205px; margin-top: 60px; padding-left: 60px; }

div#homeDetailsWrap {
	float: left; width: 900px; height: 180px; margin: 0px;
	background: #fff url(../_images/homeDetails-bg.jpg) no-repeat top; }

h3#homeDetailsTitle { float: left; width: 570px; height: 20px; margin: 30px 0 0 12px; }
html>body h3#homeDetailsTitle { margin: 30px 0 0 25px; }

p#homeDetailsText { float: left; width: 570px; height: 150px; margin: 4px 0 0 12px; }
html>body p#homeDetailsText { margin: 4px 0 0 25px; }

/******************************************************************************
 * Mapleton Portfolio Page
 *****************************************************************************/
div#mapletonImg-bg {
	float: left; width: 705px; height: 191px; margin: 63px 0px 58px 30px;
	background: url(../_images/mapletonImg-bg.jpg); }
html>body div#mapletonImg-bg { margin: 63px 72px 58px 72px; }

/******************************************************************************
 * Castlehill Portfolio Page
 *****************************************************************************/
div#castlehillImg-bg {
	float: left; width: 705px; height: 191px; margin: 63px 0px 58px 30px;
	background: url(../_images/castlehillImg-bg.jpg); }
html>body div#castlehillImg-bg { margin: 63px 72px 58px 72px; }

/******************************************************************************
 * Alexander Portfolio Page
 *****************************************************************************/
div#alexanderImg-bg {
	float: left; width: 705px; height: 191px; margin: 63px 0px 58px 30px;
	background: url(../_images/alexanderImg-bg.jpg); }
html>body div#alexanderImg-bg { margin: 63px 72px 58px 72px; }

/******************************************************************************
 * Belstone Portfolio Page
 *****************************************************************************/
div#belstoneImg-bg {
	float: left; width: 705px; height: 191px; margin: 63px 0px 58px 30px;
	background: url(../_images/belstoneImg-bg.jpg); }
html>body div#belstoneImg-bg { margin: 63px 72px 58px 72px; }

/******************************************************************************
 * Nexus Portfolio Page
 *****************************************************************************/
div#nexusImg-bg {
	float: left; width: 705px; height: 191px; margin: 63px 0px 58px 30px;
	background: url(../_images/nexusImg-bg.jpg); }
html>body div#nexusImg-bg { margin: 63px 72px 58px 72px; }

/******************************************************************************
 * Ashdale Portfolio Page
 *****************************************************************************/
div#ashdaleImg-bg {
	float: left; width: 705px; height: 191px; margin: 63px 0px 58px 30px;
	background: url(../_images/ashdaleImg-bg.jpg); }
html>body div#ashdaleImg-bg { margin: 63px 72px 58px 72px; }

/******************************************************************************
 * Windmill Portfolio Page
 *****************************************************************************/
div#windmillImg-bg {
	float: left; width: 705px; height: 191px; margin: 63px 0px 58px 30px;
	background: url(../_images/windmillImg-bg.jpg); }
html>body div#windmillImg-bg { margin: 63px 72px 58px 72px; }
	
/******************************************************************************
 * Why Us? Page
 *****************************************************************************/
div#whyusContent {
	float: left; width: 824px; margin: 0 0 0 17px; padding-top: 31px;
	background: url(../_images/whyusContent-bg.jpg) top center no-repeat; }
html>body div#whyusContent { margin: 0 33px 0 33px; }

div#whyusContent p { float: left; width: 792px; min-height: 12px; margin-bottom: 25px; }

div#collapseContent { float: left; width: 824px; margin-bottom: 25px; }

div#whyusContent a { float: left; width: 803px; height: 12px; padding: 8px 5px 8px 16px; background: 4px center no-repeat; }
div#whyusContent a.closed {
	background-color: #efefef; background-image: url(../_images/sm-arrow-right.gif); margin-bottom: 4px; }
div#whyusContent a.open { background-color: #ddd; background-image: url(../_images/sm-arrow-down.gif); }
div#whyusContent a:hover { text-decoration: none; color: #4a4a4a; }

div#whyusContent p.subContent { float: left; padding: 16px; margin-bottom: 0px; }

/******************************************************************************
 * Mobile Page
 *****************************************************************************/
div#mobileListWrap {
	float: left; width: 100%; background: url(../_images/mobileListWrap-bg.jpg) no-repeat 540px -20px; }

/******************************************************************************
 * Contac Page
 *****************************************************************************/
div#contactDetails {
	float: left; width: 363px; margin: 0px 20px 25px 10px; }

div#map { float: left; width: 363px; height: 300px; border: 4px #CCCCCC solid; margin: 0px 20px 25px 10px; }
html>body div#map { margin-left: 20px; }

/******************************************************************************
 * Accessibility Page
 *****************************************************************************/
div#accessContent {
	float: left; width: 800px; margin: 0 33px 0 10px; padding-top: 31px;
	background: url(../_images/whyusContent-bg.jpg) top center no-repeat; }
html>body div#accessContent { margin: 0 33px 0 33px; width: 824px; }

div#accessContent p { float: left; margin: 0 180px 25px 0; }

/******************************************************************************
 * Sitemap Page
 *****************************************************************************/
div#sitemapContent {
	float: left; width: 800px; margin: 0 33px 0 0px; padding: 31px 0 0 33px;
	background: url(../_images/whyusContent-bg.jpg) top center no-repeat; }
html>body div#sitemapContent { margin: 0 33px 0 0; width: 824px; }

div#sitemapContent p { float: left; margin: 0 180px 25px 0; }