/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120%;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

body
{
  margin: 0;
  background-color: #24262a;
  color: #cccccc;
  FONT-FAMILY: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif;
  min-width: 960px;
  text-align: center;
}

a:link {text-decoration: underline; color: #ffff00; background-color: transparent;}
a:visited {text-decoration: underline; color: #ffff00; background-color: transparent;}
a:hover {text-decoration: none; color: #ffff00; background-color: transparent;}


/*-- GENERAL BITS --------------*/
.pageContainer {float: left; width: 100%;}

/*-- HEADER---------------------*/
.headerContainer {float: left; height: 110px; width: 100%; border-bottom: 1px solid #474a51; background-color: #2d2f35;}

.headerArea {position: relative; width: 960px; margin: 0 auto; height: 110px;}

.navbar {position: relative; display: inline; float: right; margin: 50px 0 0 0; width: 500px; height: 28px;}
	.navbar ul {position: relative; display: inline; float: left; list-style: none; margin: 0 10px 0 0; padding: 0;}
	.navbar li {float: left; margin: 0 0 0 20px;}
	.navbar li a {display: block; float: left; height: 28px;}
	.navbar li span {display: none;}
	
#topNav01 a {background: url(images/nav_home_off.gif) top left no-repeat; width: 62px; height: 28px;}
#topNav01 a:hover {background: url(images/nav_home_hov.gif) top left no-repeat;}
#topNav01on a {background: url(images/nav_home_on.gif) top left no-repeat; width: 62px; height: 28px;}

#topNav02 a {background: url(images/nav_about_us_off.gif) top left no-repeat; width: 81px; height: 28px;}
#topNav02 a:hover {background: url(images/nav_about_us_hov.gif) top left no-repeat;}
#topNav02on a {background: url(images/nav_about_us_on.gif) top left no-repeat; width: 81px; height: 28px;}

#topNav03 a {background: url(images/nav_services_off.gif) top left no-repeat; width: 77px; height: 28px;}
#topNav03 a:hover {background: url(images/nav_services_hov.gif) top left no-repeat;}
#topNav03on a {background: url(images/nav_services_on.gif) top left no-repeat; width: 77px; height: 28px;}

#topNav04 a {background: url(images/nav_portfolio_off.gif) top left no-repeat; width: 73px; height: 28px;}
#topNav04 a:hover {background: url(images/nav_portfolio_hov.gif) top left no-repeat;}
#topNav04on a {background: url(images/nav_portfolio_on.gif) top left no-repeat; width: 73px; height: 28px;}

#topNav05 a {background: url(images/nav_contact_us_off.gif) top left no-repeat; width: 95px; height: 28px;}
#topNav05 a:hover {background: url(images/nav_contact_us_hov.gif) top left no-repeat;}
#topNav05on a {background: url(images/nav_contact_us_on.gif) top left no-repeat; width: 95px; height: 28px;}

.headerLogo {position: relative; display: inline; float: left; margin: 30px 0 0 10px; width: 140px; height: 50px;}

/*-- FOOTER --*/
.footerHolder {float: left; width: 100%; border-top: 1px solid #474a51; text-align: center; background: url(images/bg_footer.gif) top center no-repeat #24262a; padding: 0; margin: 0 0 0 0;}

.footerArea {width: 940px; margin: 0 auto; text-align: left; height: 100px;}
	.footerArea p {font-size: 11px; color: #CCCCCC; line-height: 1.5em; margin: 18px 0 0 0;}

/*-- HOME PAGE --*/
.homeIntroHolder {float: left; height: 300px; width: 100%; border-bottom: 1px solid #474a51; background: url(images/bg_home_intro.gif) top left repeat-x;}

.homeIntroArea {width: 940px; margin: 0 auto; background: url(images/home_intro_image.jpg) bottom right no-repeat; text-align: left; height: 300px;}
	.homeIntroArea h1 {margin: 0 0 0 0; text-indent: -9000px; line-height: 1em; background: url(images/home_intro_strapline.gif) top left no-repeat; width: 460px; height: 99px;}
	.homeIntroArea h3 {font-size: 14px; font-weight: normal; color: #CCCCCC; line-height: 1.5em; width: 460px;}
	.homeIntroArea img {border: 0; margin: 5px 0 0 0;}

/*-- HOME PAGE FEATURED PROJECTS --*/
.homeProjectsHolder {position: relative; float: left; display: inline; width: 100%; padding: 20px 0 20px 0; margin: 0; border-bottom: 1px solid #474a51; text-align: center; background-color: #2d2f35;}

.homeProjectsArea {position: relative; float: none; width: 940px; margin: 0 auto; text-align: left;}
	.homeProjectsArea h2 {text-indent: -9000px; line-height: 1em; width: 154px; height: 24px; background: url(images/sub_featured_projects.gif) top left no-repeat; font-size: 11px; margin: 0 0 10px 0;}

.homeProject {position: relative; float: left; display: inline; width: 220px; margin: 0 20px 0 0;}
	.homeProject img {margin: 0 0 10px 0; border: 0;}
	.homeProject h5 {font-size: 11px; line-height: 1.5em; margin: -5px 5px 5px 5px;}
	.homeProject p {font-size: 11px; color: #CCCCCC; line-height: 1.5em; margin: -5px 5px 0 5px;}

.homeProjectEnd {position: relative; float: left; display: inline; width: 220px; margin: 0;}
	.homeProjectEnd img {margin: 0 0 10px 0; border: 0;}
	.homeProjectEnd h5 {font-size: 11px; line-height: 1.5em; margin: -5px 5px 5px 5px;}
	.homeProjectEnd p {font-size: 11px; color: #CCCCCC; line-height: 1.5em; margin: -5px 5px 0 5px;}

/*-- HOME PAGE INFO AREA --*/
.homeInfoHolder {float: left; width: 100%; margin: 0; padding: 20px 0 30px 0;  background-color: #2d2f35;}
.homeInfoArea {width: 940px; margin: 0 auto; text-align: left;}

.home5Reasons {float: left; width: 460px; margin: 0 20px 0 0;}
	.home5Reasons h3 {text-indent: -9000px; line-height: 1em; width: 184px; height: 24px; background: url(images/sub_5_reasons.gif) top left no-repeat; font-size: 11px; margin: 0 0 10px 0;}
	.home5Reasons ol {margin: 0 0 0 -12px; padding: 0; line-height: 1.5em; list-style: none; font-size: 12px; color: #CCCCCC;}
	.home5Reasons li {position: relative; background-position: 0 0.5em; background-repeat: no-repeat; padding: 8px 0 7px 44px;}
	.home5Reasons li strong {font-size: 14px; color: #FFFFFF;}

#homeReason1 {background-image: url(images/reason_1.gif);}
#homeReason2 {background-image: url(images/reason_2.gif);}
#homeReason3 {background-image: url(images/reason_3.gif);}
#homeReason4 {background-image: url(images/reason_4.gif);}
#homeReason5 {background-image: url(images/reason_5.gif);}

/*-- HOME CONCERTINA --*/
.homeWhatWeDoHolder {float: left; margin: 0; width: 460px;}
	.homeWhatWeDoHolder h2 {text-indent: -9000px; line-height: 1em; width: 228px; height: 24px; background: url(images/sub_what_we_can_do.gif) top left no-repeat; font-size: 11px; margin: 0 0 10px 0;}
.homeWhatWeDoTop {float: left; margin: 0; width: 460px; height: 10px;}
.homeWhatWeDoBottom {float: left; margin: 0; width: 460px; height: 10px;}
.homeWhatWeDoMain {float: left; margin: 0; width: 458px; border-left: 1px solid #474a51; border-right: 1px solid #474a51;}

.newsHeadline {cursor: hand; cursor: pointer; font: bold 14px 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif; margin: 0; padding: 20px 0 15px 0; width: 418px;}
	.newsHeadline img {float: right; margin: 1px 0 0 0;}

.newsHeadlineClosed {color: #FFFFFF; border-bottom: 1px solid #474a51; padding: 10px 20px 10px 20px;}
.newsHeadlineOpen {color: #FFFFFF; border-bottom: 0; padding: 10px 20px 10px 20px;}

.newsStory {font-family: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif; width: 458px; border-bottom: 1px solid #474a51; margin: -10px 0 0 0;}
	.newsStory p {font-size: 12px; color: #CCCCCC; line-height: 1.5em; padding: 0 20px 0 20px;}
	.newsStory h5 {font-size: 12px; color: #FFFFFF; font-weight: bold; line-height: 1.5em; padding: 0 20px 0 20px;}

/*-- ABOUT US PAGE --*/
.titleHolder {float: left; height: 100px; width: 100%; border-bottom: 1px solid #474a51; background-color: #24262a;}

.titleArea {width: 940px; margin: 0 auto; text-align: left; height: 100px;}
	.titleArea h1 {float: left; margin: 33px 0 0 0; text-indent: -9000px; line-height: 1em;}

.mainAreaHolder {float: left; width: 100%; background-color: #2d2f35; padding: 0 0 30px 0;}
.mainArea {width: 940px; margin: 0 auto; text-align: left;}

.aboutUsLeftColumn {float: left; margin: 40px 20px 0 0; width: 540px;}
	.aboutUsLeftColumn h2 {float: left; margin: 0 0 10px 0; text-indent: -9000px; line-height: 1em; background: url(images/intro_about_us.gif) top left no-repeat; width: 540px; height: 75px;}
	.aboutUsLeftColumn p {font-size: 12px; color: #CCCCCC; line-height: 1.5em;}
	.aboutUsLeftColumn h3 {margin: 30px 0 10px 0; text-indent: -9000px; line-height: 1em; background: url(images/sub_our_key_staff.gif) top left no-repeat; width: 124px; height: 24px;}
	.aboutUsLeftColumn ul {margin: 0 0 0 -12px; padding: 0; line-height: 1.5em; list-style: none; font-size: 12px; color: #CCCCCC;}
	.aboutUsLeftColumn li {position: relative; background-position: 0 0.5em; background-repeat: no-repeat; padding: 10px 0 10px 160px; height: 140px;}
	.aboutUsLeftColumn li strong {font-size: 14px; color: #FFFFFF;}

#staffDan {background-image: url(images/about_profile_dan.jpg)}
#staffAndy {background-image: url(images/about_profile_andy.jpg)}

.staffAreaDan {width: 250px; float: left; margin: 0;}
	.staffAreaDan h4 {color: #FFFFFF; font-size: 14px; font-weight: normal; line-height: 1.1em; margin: 0.5em 0 -0.5em 0;}
	.staffAreaDan p {color: #CCCCCC; font-size: 12px; line-height: 1.5em;}

.staffAreaAndy {width: 250px; float: right; margin: 0;}
	.staffAreaAndy h4 {color: #FFFFFF; font-size: 14px; font-weight: normal; line-height: 1.1em; margin: 0.5em 0 -0.5em 0;}
	.staffAreaAndy p {color: #CCCCCC; font-size: 12px; line-height: 1.5em;}
	
.aboutUsRightColumn {float: left; width: 380px; margin: 40px 0 0 0;}
	
.about5Reasons {float: left; width: 338px; margin: 0 0 0 20px; display: inline;}
	.about5Reasons h3 {text-indent: -9000px; line-height: 1em; width: 184px; height: 24px; background: url(images/sub_5_reasons.gif) top left no-repeat; font-size: 11px; margin: 10px 0 10px 0;}
	.about5Reasons ol {margin: 0 0 0 -12px; padding: 0; line-height: 1.5em; list-style: none; font-size: 11px; color: #CCCCCC;}
	.about5Reasons li {position: relative; background-position: 0 0.5em; background-repeat: no-repeat; padding: 8px 0 7px 44px;}
	.about5Reasons li strong {font-size: 14px; color: #FFFFFF;}

#aboutReason1 {background-image: url(images/reason_1.gif);}
#aboutReason2 {background-image: url(images/reason_2.gif);}
#aboutReason3 {background-image: url(images/reason_3.gif);}
#aboutReason4 {background-image: url(images/reason_4.gif);}
#aboutReason5 {background-image: url(images/reason_5.gif);}	
	
.panel380Holder {float: left; margin: 0; width: 380px;}
.panel380Top {float: left; margin: 0; width: 380px; height: 10px;}
.panel380Bottom {float: left; margin: 0; width: 380px; height: 10px;}
.panel380Main {float: left; margin: 0; width: 378px; border-left: 1px solid #474a51; border-right: 1px solid #474a51;}

.aboutCTAHolder {float: left; margin: 20px 0 0 0; width: 380px;}
.aboutCTA {float: left; width: 338px; margin: 0 0 0 20px; display: inline;}
	.aboutCTA h3 {text-indent: -9000px; line-height: 1em; width: 194px; height: 24px; background: url(images/sub_want_to_know_more.gif) top left no-repeat; font-size: 11px; margin: 10px 0 0 0;}
	.aboutCTA p {font-size: 12px; line-height: 1.5em; color: #FFFFFF; margin: 0.2em 0 1em 0;}
	
/*-- PORTFOLIO DETAIL --*/
.portfolioMainColumn {float: left; margin: 30px 20px 0 0; width: 540px;}
	.portfolioMainColumn p {font-size: 12px; color: #CCCCCC; line-height: 1.5em;}
	.portfolioMainColumn h3 {margin: 0 0 20px 0; font-size: 11px; text-indent: -9000px; line-height: 1.1em;}
	.portfolioMainColumn img {border: 0;}

.portfolioScreen {margin: 0 0 20px 0; float: left;}
.portfolioVisitSite {margin: 0 0 20px 0; float: left;}

#portfolioPointProgress {background: url(images/port_intro_point_progress.gif) top left no-repeat; width: 540px; height: 75px;}
#portfolioMarshJohnson {background: url(images/port_intro_marsh_johnson.gif) top left no-repeat; width: 540px; height: 75px;}
#portfolioCarolineWhite {background: url(images/port_intro_caroline_white.gif) top left no-repeat; width: 540px; height: 75px;}
#portfolioVivio {background: url(images/port_intro_vivio.gif) top left no-repeat; width: 540px; height: 75px;}
#portfolioShutters {background: url(images/port_intro_shutters.gif) top left no-repeat; width: 540px; height: 75px;}
#portfolioOCC {background: url(images/port_intro_occ_computing.gif) top left no-repeat; width: 540px; height: 75px;}
#portfolioPurpleSquid {background: url(images/port_intro_purple_squid.gif) top left no-repeat; width: 540px; height: 75px;}
#portfolioCBSurveys {background: url(images/port_intro_cb_surveys.gif) top left no-repeat; width: 540px; height: 75px;}
#portfolioGiantImpact {background: url(images/port_intro_giant_impact.gif) top left no-repeat; width: 540px; height: 75px;}

.portfolioRightColumn {float: left; width: 380px; margin: 30px 0 0 0;}
	.portfolioRightColumn img {border: 0;}
	
.portfolioSeeMoreWork {float: right; margin: 0 0 70px 0; width: 100%;}
	.portfolioSeeMoreWork img {border: 0; float: right;}

/*-- PORTFOLIO SUB NAV LAYER --*/
#portfolioSubNavHolder {float: left; height: 133px; width: 100%; border-bottom: 1px solid #474a51; background: url(images/port_sub_nav_bg.gif) top left repeat-x #24262a;}

.portfolioSubNav {width: 940px; margin: 0 auto; text-align: left; height: 133px;} 
	.portfolioSubNav p {font-size: 12px;}
	.portfolioSubNav ul {margin: 15px 0 0 0; padding: 0; line-height: 1.5em; list-style: none; font-size: 11px; color: #CCCCCC;}
	.portfolioSubNav li {float: left; width: 170px; background-position: 0 0.5em; background-repeat: no-repeat; padding: 8px 0 7px 50px;}
	.portfolioSubNav li strong {font-size: 12px; font-weight: normal; color: #FFFFFF;}
	
#portNavPointProgress {background-image: url(images/port_mini_point_progress.gif); margin: 0 20px 5px 0;}
#portNavMarshJohnson {background-image: url(images/port_mini_marsh_johnson.gif); margin: 0 20px 5px 0;}
#portNavGiantImpact {background-image: url(images/port_mini_giant_impact.gif); margin: 0 20px 5px 0;}
#portNavCarolineWhite {background-image: url(images/port_mini_caroline_white.gif); margin: 0 0 5px 0;}
#portNavVivio {background-image: url(images/port_mini_vivio.gif); margin: 0 20px 5px 0;}
#portNavShutters {background-image: url(images/port_mini_shutters.gif); margin: 0 20px 5px 0;}
#portNavOCC {background-image: url(images/port_mini_occ.gif); margin: 0 20px 5px 0;}
#portNavPurpleSquid {background-image: url(images/port_mini_purple_squid.gif); margin: 0 0 5px 0;}

#portNavCBSurveys {background-image: url(images/port_mini_cb_surveys.gif); margin: 0 0 5px 0;}


/*-- PORTFOLIO TITLE AREA --*/
.portfolioTitleHolder {float: left; height: 100px; width: 100%; border-bottom: 0px solid #474a51; background-color: #24262a;}

.titleArea {width: 940px; margin: 0 auto; text-align: left; height: 100px;}
	.titleArea h1 {float: left; margin: 33px 0 0 0; text-indent: -9000px; line-height: 1em;}

.portfolioWhatWeDid {float: left; margin: 0 0 10px 0; width: 100%;}
	.portfolioWhatWeDid h3 {text-indent: -9000px; line-height: 1em; width: 123px; height: 24px; background: url(images/sub_what_we_did.gif) top left no-repeat; font-size: 11px; margin: 10px 0 5px 0;}
	.portfolioWhatWeDid p {margin: 0; color: #CCCCCC; line-height: 1.5em; font-size: 12px;}
	.portfolioWhatWeDid h5 {margin: 8px 0 0 0; font-size: 12px; font-weight: normal; color: #FFFFFF;}

.portfolioServicesUsed {float: left; margin: 0 0 10px 0; width: 100%;}
	.portfolioServicesUsed h3 {text-indent: -9000px; line-height: 1em; width: 162px; height: 24px; background: url(images/sub_services_used.gif) top left no-repeat; font-size: 11px; margin: 10px 0 -5px 0;}
	.portfolioServicesUsed p {margin: 0; color: #CCCCCC; line-height: 1.5em; font-size: 12px;}
	.portfolioServicesUsed ul {margin: 5px 0 0 -12px; padding: 0; line-height: 1.5em; list-style: none; font-size: 12px; color: #FFFFFF;}
	.portfolioServicesUsed li {position: relative; background: url(images/bullet_tick.gif) left center; background-repeat: no-repeat; padding: 3px 0 2px 22px;}
	
.portfolioBenefits {float: left; margin: 0 0 10px 0; width: 100%;}
	.portfolioBenefits h3 {text-indent: -9000px; line-height: 1em; width: 162px; height: 24px; background: url(images/sub_benefits_results.gif) top left no-repeat; font-size: 11px; margin: 10px 0 -5px 0;}
	.portfolioBenefits p {margin: 0; color: #CCCCCC; line-height: 1.5em; font-size: 12px;}
	.portfolioBenefits ul {margin: 5px 0 0 -12px; padding: 0; line-height: 1.5em; list-style: none; font-size: 12px; color: #FFFFFF;}
	.portfolioBenefits li {position: relative; background: url(images/bullet_tick.gif) left center; background-repeat: no-repeat; padding: 3px 0 2px 22px;}

/*-- SERVICES PAGE --*/
.servicesMainColumn {float: left; margin: 40px 20px 0 0; width: 620px;}
	.servicesMainColumn h2 {float: left; margin: 0 0 20px 0; text-indent: -9000px; line-height: 1em; background: url(images/intro_services.gif) top left no-repeat; width: 620px; height: 75px;}
	.servicesMainColumn p {font-size: 12px; color: #CCCCCC; line-height: 1.5em;}

#servicesWebDesign {width: 100%; float: left; margin: 5px 0 10px 0; background: url(images/services_icon_web_design.gif) 0px 40px no-repeat; }
	#servicesWebDesign h2 {float: left; margin: 0 0 10px 0; text-indent: -9000px; line-height: 1em; background: url(images/sub_web_design.gif) top left no-repeat; width: 100%; height: 24px;}
	#servicesWebDesign p {padding: 0 0 0 80px; font-size: 12px; color: #CCCCCC; line-height: 1.5em;}
	
#servicesWebDevelopment {width: 100%; float: left; margin: 5px 0 10px 0; background: url(images/services_icon_web_development.gif) 0px 40px no-repeat; }
	#servicesWebDevelopment h2 {float: left; margin: 0 0 10px 0; text-indent: -9000px; line-height: 1em; background: url(images/sub_web_development.gif) top left no-repeat; width: 100%; height: 24px;}
	#servicesWebDevelopment p {padding: 0 0 0 80px; font-size: 12px; color: #CCCCCC; line-height: 1.5em;}

#servicesOnlineMarketing {width: 100%; float: left; margin: 5px 0 10px 0; background: url(images/services_icon_online_marketing.gif) 0px 40px no-repeat; }
	#servicesOnlineMarketing h2 {float: left; margin: 0 0 10px 0; text-indent: -9000px; line-height: 1em; background: url(images/sub_online_marketing.gif) top left no-repeat; width: 100%; height: 24px;}
	#servicesOnlineMarketing p {padding: 0 0 0 80px; font-size: 12px; color: #CCCCCC; line-height: 1.5em;}
	
.servicesRightColumn {float: left; width: 300px; margin: 40px 0 0 0;}
	
.panel300Holder {float: left; margin: 0; width: 300px;}
.panel300Top {float: left; margin: 0; width: 300px; height: 10px;}
.panel300Bottom {float: left; margin: 0; width: 300px; height: 10px;}
.panel300Main {float: left; margin: 0; width: 298px; border-left: 1px solid #474a51; border-right: 1px solid #474a51;}

.servicesOverview {float: left; width: 258px; margin: 0 0 0 20px; display: inline;}
	.servicesOverview h3 {text-indent: -9000px; line-height: 1em; width: 186px; height: 24px; background: url(images/sub_services_in_brief.gif) top left no-repeat; font-size: 11px; margin: 10px 0 5px 0;}
	.servicesOverview p {margin: 0; color: #CCCCCC; line-height: 1.5em; font-size: 12px;}
	.servicesOverview ul {margin: 5px 0 10px -5px; padding: 0; line-height: 1.5em; list-style: none; font-size: 12px; color: #FFFFFF;}
	.servicesOverview li {position: relative; background: url(images/bullet_orange.gif) left center; background-repeat: no-repeat; padding: 5px 0 4px 20px;}
	
.servicesCTAHolder {float: left; margin: 20px 0 0 0; width: 300px;}
.servicesCTA {float: left; width: 258px; margin: 0 0 0 20px; display: inline;}	
	.servicesCTA h3 {text-indent: -9000px; line-height: 1em; width: 143px; height: 24px; background: url(images/sub_any_questions.gif) top left no-repeat; font-size: 11px; margin: 10px 0 0 0;}
	.servicesCTA p {font-size: 12px; line-height: 1.5em; color: #FFFFFF; margin: 0.2em 0 1em 0;}

/*-- HOME ACCORDIAN PANELS --*/
#homeServicesWebDesign {background: url(images/home_services_bg_design.gif) bottom right no-repeat;}
#homeServicesWebDevelopment {background: url(images/home_services_bg_development.gif) bottom right no-repeat;}
#homeServicesOnlineMarketing {background: url(images/home_services_bg_marketing.gif) bottom right no-repeat;}

/*-- CONTACT US --*/
.contactMainColumn {float: left; margin: 40px 20px 0 0; width: 620px;}
	.contactMainColumn h2 {float: left; margin: 0 0 20px 0; text-indent: -9000px; line-height: 1em; background: url(images/intro_contact.gif) top left no-repeat; width: 620px; height: 50px;}
	.contactMainColumn p {font-size: 12px; color: #CCCCCC; line-height: 1.5em;}
	.contactMainColumn form {padding: 0; margin: 20px 0 10px 0;}
	.contactMainColumn label {font-family: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FFFFFF; width: 170px; display: inline; float: left; padding: 2px 0 0 0; margin: 0 10px 0 0;}
	.contactMainColumn img {border: 0;}

.formContactText {width: 420px; border: 1px solid #24262a; background-color: #FFFFFF; font-size: 13px; padding: 4px; font-family: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif;}
.formContactSelect {width: 422px; background-color: #FFFFFF; font-size: 13px; font-family: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif; padding: 3px;}

.contactFormButtons {position: relative; float: right; display: inline; width: 437px;}

.formStatement {width: 420px; float: left; display: inline; position: relative; margin: 20px 0 0 180px;}
	.formStatement h6 {font-size: 10px; font-weight: normal; color: #CCCCCC; line-height: 1.6em;}

.contactRightColumn {float: left; width: 300px; margin: 40px 0 0 0;}
	
.contactDetails {float: left; width: 258px; margin: 0 0 0 20px;}
	.contactDetails h3 {text-indent: -9000px; line-height: 1em; width: 138px; height: 24px; background: url(images/sub_contact_details.gif) top left no-repeat; font-size: 11px; margin: 10px 0 5px 0;}
	.contactDetails p {margin: 0; color: #CCCCCC; line-height: 1.5em; font-size: 12px;}
	.contactDetails ul {margin: 5px 0 10px -5px; padding: 0; line-height: 1.5em; list-style: none; font-size: 12px; color: #FFFFFF;}
	.contactDetails li {position: relative; padding: 5px 0 4px 25px;}

#bulletTelephone {background: url(images/bullet_telephone.gif) 0 0.5em; background-repeat: no-repeat;}
#bulletOffice {background: url(images/bullet_office.gif) 0 0.5em; background-repeat: no-repeat;}

/*-- PORTFOLIO HOMEPAGE --*/
.portfolioHomeMain {float: left; width: 940px; margin: 30px 0 0 0;}
	.portfolioHomeMain h2 {float: left; margin: 0 0 20px 0; text-indent: -9000px; line-height: 1em; background: url(images/portfolio_intro.gif) top left no-repeat; width: 940px; height: 50px;}

.portfolioRow1 {float: left; width: 940px; margin: 10px 0 30px 0;}
.portfolioRow2 {float: left; width: 940px; margin: 0 0 0 0;}

.portfolioProject {position: relative; float: left; display: inline; width: 220px; margin: 0 20px 0 0;}
	.portfolioProject img {margin: 0 0 10px 0; border: 0;}
	.portfolioProject h5 {font-size: 11px; line-height: 1.5em; margin: -5px 5px 5px 5px;}
	.portfolioProject p {font-size: 11px; color: #CCCCCC; line-height: 1.5em; margin: -5px 5px 0 5px;}

.portfolioProjectEnd {position: relative; float: left; display: inline; width: 220px; margin: 0;}
	.portfolioProjectEnd img {margin: 0 0 10px 0; border: 0;}
	.portfolioProjectEnd h5 {font-size: 11px; line-height: 1.5em; margin: -5px 5px 5px 5px;}
	.portfolioProjectEnd p {font-size: 11px; color: #CCCCCC; line-height: 1.5em; margin: -5px 5px 0 5px;}


/*-- THANK YOU --*/
.thankYouMainColumn {float: left; margin: 40px 20px 0 0; width: 620px;}
	.thankYouMainColumn h2 {float: left; margin: 0 0 20px 0; text-indent: -9000px; line-height: 1em; background: url(images/intro_thank_you.gif) top left no-repeat; width: 620px; height: 25px;}
	.thankYouMainColumn p {font-size: 12px; color: #CCCCCC; line-height: 1.5em;}
	.thankYouMainColumn ul {margin: 5px 0 10px -5px; padding: 0; line-height: 1.5em; list-style: none; font-size: 12px; color: #FFFFFF;}
	.thankYouMainColumn li {position: relative; background: url(images/bullet_orange.gif) left center; background-repeat: no-repeat; padding: 5px 0 4px 20px;}
	
/*-- SITE MAP --*/
.siteMapMainColumn {float: left; margin: 40px 20px 0 0; width: 620px;}
	.siteMapMainColumn p {font-size: 12px; color: #CCCCCC; line-height: 1.5em;}
	.siteMapMainColumn ul {margin: 5px 0 10px -5px; padding: 0; line-height: 1.5em; list-style: none; font-size: 12px; color: #FFFFFF;}
	.siteMapMainColumn li {position: relative; background: url(images/bullet_orange.gif) left center; background-repeat: no-repeat; padding: 5px 0 4px 20px;}