@charset "UTF-8";
/* CSS Document */

body {background:#000; margin:0 auto; padding:0; font-family:Arial, Helvetica, sans-serif; color:#EEE;}

#ccn-container {width:960px; margin: 0 auto;}

#header {width:960px; height:140px !important; padding:10px 0 0 0; margin:0 auto;}

.logo {float:left; width:140px; padding:0; margin:0;}

.nav {float:right; width:731px; padding:101px 0 0 0; margin:0; text-align:right;}

a {border:none; outline:none;}


#homepage {width:960px; margin:0 auto; padding:0; clear:both; position:absolute; top:170px; height:475px;}

#services {width:950px; margin:0 auto; padding:0 0 0 10px; clear:both; position:absolute; top:170px; height:475px;}

.left-column {width:260px;float:left}

.homepage-right-content {float:right; width:575px; height:800px;}

.welcome {width:575px; height:120px; margin:0; padding:0; text-align:left}

h2.welcome {font-family:Arial, Helvetica, sans-serif; font-size:32px; margin:0; padding:0; color:#EEE; height:40px;}

.welcome p, .services-text p {margin:0; padding:0; font-size:13px; line-height:18px; color:#FFF}

.services-text {padding:20px 0; clear:left;}

.main-image {width:575px; height:465px; margin:0; padding:0;}

.contact {font-family: Arial, Helvetica, sans-serif; line-height:20px; font-size:13px; padding-top:5px;}

#content-pages {width:960px; margin:0 auto; padding:0 0 0 10px; clear:both; position:absolute; top:170px;}

h2.portfolio-headline {width:450px; height:20px; float:left; padding:0; margin:0; font-family:Futura, Century Gothic, Arial; font-weight:bold; font-size:24px; text-transform:uppercase; color:#efca1c}

.breadcrumbs {text-align:right; float:right; width:400px; font-size:12px; color:#becedb; padding-right:10px;}

.breadcrumbs a {color:#efca1c; text-decoration:underline; margin:0; padding:0;}

.breadcrumbs a:hover {color:#f1d75b}

#content-section {padding-top:20px; font-size:15px; color:#becedb; line-height:20px;}

.project-box {background:url(../images/project-box-bg.jpg) repeat-x; height:210px; border:solid 1px #333; width:220px; float:left; margin-right:15px; text-align:center; padding:20px 0 0 0;}

.project-box:hover {background:#222222;}

.big-project-box {background:#111 url(../images/project-box-bg.jpg) repeat-x; height:530px; border:solid 1px #333; width:220px; float:right; margin-right:15px; text-align:center; padding:20px 0 0 0;}

.big-project-box:hover {background:#222222;}

.project-pic {width:190px; height:125px; border:solid 1px #999; margin:0 auto;}

.bigproject-pic {width:190px; height:400px; border:solid 1px #999; margin:0 auto;}

.project-name {font-family:Futura, Century Gothic, Arial; font-weight:bold; font-size:14px; text-transform:uppercase; text-align:center; padding:10px 0 10px 0; color:#becedb;}

a.learn-more, a.learn-more:visited {background:url(../images/learn-more-btn.png); width: 105px; height:25px; display:block; text-indent:-5000px; margin:0 auto; padding:0}

a.learn-more:hover {background:url(../images/learn-more-btn-over.png);} 


#footer {clear:both; padding:20px 0 0 0; width:960px; margin:30px auto 0 auto; font-size:12px; background: url(../images/footer-bg.png) top center no-repeat; position:absolute; top:775px}

#footer-content {clear:both; padding:20px 0 0 0; width:960px; margin:30px auto 0 auto; font-size:12px; background: url(../images/footer-bg.png) top center no-repeat;}

.footer-left {float:left; width:300px; text-align:left; padding-left:10px;}

.footer-right {float:right; width:400px; text-align:right; padding-right:10px;}

a.portfolio, a.portfolio:link, a.portfolio:visited {background:url(../images/viewportfolio.png) top left no-repeat; float:left; margin:0; padding:0; height:50px; width:285px; text-indent:-5000px; _behavior:url(/ccn/js/iepngfix.htc); clear:left; cursor:pointer}

a.portfolio:hover {background:url(../images/viewportfolio_hvr.png) top left no-repeat;}

ul#flowtabs li a.bob, ul#flowtabs li a.bob:link, ul#flowtabs li a.bob:visited {background:url(../images/bob-btn.png); float:left; margin:0; padding:0; height:32px; width:200px; text-indent:-5000px; _behavior:url(/ccn/js/iepngfix.htc); clear:left; cursor:pointer}

ul#flowtabs li a.bob:hover {background:url(../images/bob-btn-over.png);}

ul#flowtabs li a.peter, ul#flowtabs li a.peter:link, ul#flowtabs li a.peter:visited {background:url(../images/peter-btn.png); float:left; margin:0; padding:0; height:32px; width:200px; text-indent:-5000px; _behavior:url(/ccn/js/iepngfix.htc); clear:left; cursor:pointer}

ul#flowtabs li a.peter:hover {background:url(../images/peter-btn-over.png);}

ul#flowtabs li a.bill, ul#flowtabs li a.bill:link, ul#flowtabs li a.bill:visited {background:url(../images/bill-btn.png); float:left; margin:0; padding:0; height:32px; width:200px; text-indent:-5000px; _behavior:url(/ccn/js/iepngfix.htc); clear:left; cursor:pointer}

ul#flowtabs li a.bill:hover {background:url(../images/bill-btn-over.png);}

ul#flowtabs li a.trina, ul#flowtabs li a.trina:link, ul#flowtabs li a.trina:visited {background:url(../images/trina-btn.png); float:left; margin:0; padding:0; height:32px; width:200px; text-indent:-5000px; _behavior:url(/ccn/js/iepngfix.htc); clear:left; cursor:pointer}

ul#flowtabs li a.trina:hover {background:url(../images/trina-btn-over.png);}

ul#flowtabs li a.brett, ul#flowtabs li a.brett:link, ul#flowtabs li a.brett:visited {background:url(../images/brett-btn.png); float:left; margin:0; padding:0; height:32px; width:200px; text-indent:-5000px; _behavior:url(/ccn/js/iepngfix.htc); clear:left; cursor:pointer}

ul#flowtabs li a.brett:hover {background:url(../images/brett-btn-over.png);}

a.residential, a.residential:link, a.residential:visited {background:url(../images/residential-projects.png) bottom left no-repeat; float:left; margin:0; padding:0; height:35px; width:285px; text-indent:-5000px; padding-top:10px; _behavior:url(/ccn/js/iepngfix.htc); clear:left; cursor:pointer}

a.residential:hover {background:url(../images/residential-projects_hvr.png) bottom left no-repeat;}

a.multi-family, a.multi-family:link, a.multi-family:visited {background:url(../images/multi-family.png) bottom left no-repeat; float:left; margin:0; padding:0; height:35px; width:285px; text-indent:-5000px; padding-top:10px; _behavior:url(/ccn/js/iepngfix.htc); clear:left; cursor:pointer}

a.multi-family:hover {background:url(../images/multi-family_hvr.png) bottom left no-repeat;}

a.commercial, a.commercial:link, a.commercial:visited {background:url(../images/commercial.png) bottom left no-repeat; float:left; margin:0; padding:0; height:35px; width:285px; text-indent:-5000px; padding-top:10px; _behavior:url(/ccn/js/iepngfix.htc); clear:left; cursor:pointer}

a.commercial:hover {background:url(../images/commercial_hvr.png) bottom left no-repeat;}

a.mixed-use, a.mixed-use:link, a.mixed-use:visited {background:url(../images/mixed-use.png) bottom left no-repeat; float:left; margin:0; padding:0; height:35px; width:285px; text-indent:-5000px; padding-top:10px; _behavior:url(/ccn/js/iepngfix.htc); clear:left; cursor:pointer}

a.mixed-use:hover {background:url(../images/mixed-use_hvr.png) bottom left no-repeat;}

a, h2, h3, h4, .png, #footer  {_behavior:url(/ccn/js/iepngfix.htc);}


.top-padding {padding-top:30px;}



.gallery {width:600px; margin:0 auto; position:relative; float:left;}
	
	.caption{font-style:italic;color:#887; float:left; width:350px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;}
	
	.buttons{width:400px; margin:0 auto; outline:none; text-align:right; margin-top:-13px; padding-bottom:10px}
	
	.gallery_demo{width:600px;margin:0; padding:0;}
	.gallery_demo li{width:100px;height:65px;border:1px double #111;margin: 0 2px;background:#000; padding:0; float:left}	
	
	#main_image{margin:0 auto 60px auto;height:420px;width:600px;}
	#main_image img{margin-bottom:10px;}
	
.project-information {width:320px; float:right; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding-top:13px;}

.project-name-right, .project-location-right, .project-size-right,.project-overview-right {padding-left:7px;}

.project-name-right {color:#efca1c}

h3.project-name-headline-right { background:url(../images/project-headline.png); width:320px; height:32px;}

h3.project-location-headline-right { background:url(../images/location-headline.png); width:320px; height:32px;}

h3.project-size-headline-right { background:url(../images/size-headline.png); width:320px; height:32px;}

h3.project-year-headline-right { background:url(../images/year-headline.png); width:320px; height:32px;}

h3.project-overview-headline-right { background:url(../images/overview-headline.png); width:320px; height:32px;}


.textfield {height: 25px;width: 275px;padding-top: 5px;padding-right: 5px;padding-left: 5px;font-size: 14px;}

.commentsarea {height: 125px;width: 575px;padding-top: 5px;padding-right: 5px;padding-left: 5px;font-size: 14px;line-height: 18px;}

ul.service-list {margin:0; padding:0; list-style:none}

ul.service-list li.category {font-family:Futura, Century Gothic, Arial; font-weight:bold; font-size:14px; text-transform:uppercase; color:#efca1c; border-bottom:solid 1px #efca1c; padding:3px 0;}

ul.service-list li {font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#eee; padding:3px 0;}