/* ----------------------------------------------------------------
	Blueprint 2010 Base Stylesheet - Chaplin Crooks
---------------------------------------------------------------- */

	body { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 160%;background-color:#000000;scrollbar-base-color: #4b4b4b;} /*scoll bar IE only */
	
	
	p, td, th, tbody, div { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 160%; }
	div.page-content-outter a { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;}
	div.page-content-outter a:hover { text-decoration: none;color:#ffffff; }
	div.page-content-outter a:visited {color: #fff; }
	
	h1 { font-size:x-large; color:#fff;text-align:left;padding:0px;margin:0px;} 
	h2 { text-transform:uppercase; font-family:arial, helvetica, sans-serif;font-size:15px;font-weight:bold; color:#fff; margin:0px; padding:0px 0 13px 0;text-align:left; }	
	h3 { text-transform: uppercase; font-family:arial, helvetica, sans-serif;font-size:12px;font-weight:bold; color:#fff; margin:0px; padding:0px 0 20px 0; text-align:left;}
	h4 { font-family:arial, helvetica, sans-serif;font-size:11px;font-weight:bold;color:#fff; margin:0px; padding:0px 0 10px 0; color: #333;text-align:left;}
	h5 { font-family:arial, helvetica, sans-serif;font-size:11px;font-weight:bold;color:#fff; text-align:left;padding:0px;margin:0px;}
	h6 { font-family:arial, helvetica, sans-serif;font-size:11px;font-weight:normal;color:#fff; text-align:left;padding:0px;margin:0px;}
	p{padding:0px;margin:0px;}
	
	.staffdesc { float: left; width: 700px; padding: 10px 0; margin: 0; border-bottom: 1px solid #ddd;}
	p.details {float: left; width: 700px; padding: 0; margin: 0;}
	p.details strong {float: left; font-size: 12px;}
	p.details span {float: right; }
	em { padding: 0; margin: 0; }
	
	.Content img.right {float: right; border: 3px solid #fff; margin: 8px 0 15px 20px; background: #fff; }
	.Content img.left {float: left; border: 3px solid #fff; margin: 8px 20px 15px 0; background: #fff; }

	ul#standardlist { padding: 0; margin: 0; list-style: none; }
	ul#standardlist li { padding: 0 20px; margin: 0; background: url(Images/listarrow.gif) 0 10% no-repeat }
	
	table { padding:0; border:0; border-spacing:0; border-collapse:collapse;text-align:left;vertical-align:top; } /* Use this instead of cellpadding, border and cellspacing */

/* Email form Styles */
.EmailFormAssetDescriptionCell {  }
.EmailFormAssetSubmitButton {  }
input,textarea,select {  }
li {list-style-image: url(Images/i-bullet.gif); margin-bottom:8px; margin-bottom:8px; }
	
/* ----------------------------------------------------------------
	Main Layout Styles
---------------------------------------------------------------- */
	/*

	/*form styles*/
	
	td.EmailFormAssetFieldCell input{background-color:#2d332f;border:solid 1px #e0522c;color:#fff;}
	td.EmailFormAssetFieldCell textarea{background-color:#2d332f;border:solid 1px #e0522c;color:#fff;}
	input.EmailFormAssetSubmitButton{margin:15px 0 15px 0;}
	table.EmailFormContainer td.EmailFormAssetDescriptionCell{padding:0 0 0 15px;}
	
	div.email-form-outter-new{background-color:#000;padding:15px 0 15px 0;}
	table.EmailFormContainer{background-color:#000;}
	td.checkBox input{background-color:#000;color:#fff;}
	/*old grey*/
	/*div.email-form-outter-new{background-color:#252525;padding:15px 0 15px 0;}
	table.EmailFormContainer{background-color:#252525;}
	td.checkBox input{background-color:#252525;color:#fff;}
	*/
	
	/*end of form styles*/
	
	/*--------------main layout styles-------*/
	
	div.body-outer{text-align:center;padding:0px;margin:0px;background-color:#000000;}
	div.body-main{width:980px; margin:0 auto;}
	div.header{background:url("Images/cc-architects-logo-banner.jpg") no-repeat center #000000;height:78px;}
		div.logo{float:left;}
			div.logo a img{width:260px;height:74px;border:0px;}
	div.top-nav{padding:5px 0 25px 260px; background:url("Images/page-body-bkgd-rpt.jpg") repeat-y left #000000;float:left;clear:both;}
	div.page-content-outter{background:url("Images/page-body-bkgd-rpt.jpg") repeat-y left #000000;padding:0 0 0 30px;}
		div.page-content-outter ul{ list-style:none;padding:0px;margin:0px; text-indent:0px;}
		div.page-content-outter ul li{ list-style:none;padding:8px 0 8px 0;margin:0px; text-indent:0px;}
		
		div.page-content{text-align:left;background-color:transparent;}/*wide content area*/
		
		div.page-content-left{width:220px;float:left;min-height:470px;height:auto!important; overflow:hidden;max-height:auto!important;text-align:left;margin:0px;background-color:transparent;}
			div.page-content-left img{border:solid 1px #f6f6f6;}
			div.page-content-left div.no-border img{border:0px;}
			div.home-lhs{color:#fff;}
			div.home-lhs p{color:#fff;}
			div.home-lhs img{display:none;}
			
	
		div.page-content-middle{width:540px;float:left;min-height:350px;height:auto!important;max-height:auto!important;margin:0 0 20px 1px;text-align:left;background-color:transparent;overflow:hidden;}
			div.page-content-mid-padding{padding:0 0 0 30px;text-align:center;}
			div.home-gallery-show{}
		
		div.page-content-right{width:112px;float:left;min-height:470px;height:auto!important;max-height:auto!important;margin:0 0px 0 20px;background-color:transparent;}
			/*div.page-content-right-header{text-transform:uppercase;font-size:11px;font-weight:bold;text-align:right;background:url("Images/recent-work.gif") no-repeat right center #000000;padding:0px 25px 0 0;margin: 10px 0 15px 0;}*/
			div.new-page-content-right-header{margin:0 0 15px 0;}
			div.page-content-right a img{border:solid 1px #6d6d6d;margin: 0 0 15px 0;}
			div.page-content-right a img:hover{border:solid 1px #fff;}
	
	div.footer-outer{background-image:url(Images/footer-bkgd.jpg);background-repeat:no-repeat;background-position:center top;padding:0px 0 0 30px;margin:2px 0 0 0;background-color:#000;}
		div.footer-left{float:left;width:250px;padding:0 0 0 0;}
			div.tell-a-friend{color:#737373;text-decoration:none;float:left;padding:10px 10px 10px 0;}
				div.tell-a-friend a{color:#737373;text-decoration:none;}
				div.tell-a-friend a:hover{color:#ffffff;text-decoration:none;}
		div.footer-right{float:left;padding:10px 10px 10px 0;color:#737373;}
		
		
/*------------------portfolio page styles--------*/

div.portfolio-outter{margin:0 0 0 -19px;}
div.portfolio-outter h2{margin:0 0 15px 0;}
div.portfolio-outter ul{list-style:none;padding:0px;margin:0px;}
div.portfolio-outter ul li{width:510px;height:78px;}
div.portfolio-outter ul li a{float:left;margin:54px 0 0 0px;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:normal;font-size:12px;}
div.portfolio-outter ul li a:hover{color:#e94f19;}
li.porfolio-res { background-image: url(Images/port-residential.jpg); background-repeat: no-repeat; }
li.porfolio-com { background-image: url(Images/port-commercial.jpg); background-repeat: no-repeat; }
li.porfolio-ren { background-image: url(Images/port-renovations.jpg); background-repeat: no-repeat; }
li.porfolio-comt { background-image: url(Images/port-community.jpg); background-repeat: no-repeat; }
li.porfolio-pro{ background-image: url(Images/port-work-in-progress.jpg); background-repeat: no-repeat; }
li.porfolio-inter{background-image: url(Images/port-interiors.jpg); background-repeat: no-repeat; }

/*----------------------history page styles-----------------*/

#fadeshow{}
div.gallerylayer{}
li.history00 { background-image: url(Images/history-00.jpg); background-repeat: no-repeat; }
li.history90 { background-image: url(Images/history-90.jpg); background-repeat: no-repeat; }
li.history80 { background-image: url(Images/history-80.jpg); background-repeat: no-repeat; }
li.history70 { background-image: url(Images/history-70.jpg); background-repeat: no-repeat; }

div.gallery-pagination{clear:both;margin:0 70px 40px 0;width:300px;float:right;}
	div.gallery-square-button {height:18px;line-height:18px;float:left; cursor:pointer;margin:30px 10px 10px 10px;}
	div.gallery-square-button a{text-decoration:none;background-color:#717171;color:#000;padding:0 6px 0 6px;height:18px;line-height:18px; cursor:pointer;font-weight:bold;font-size:11px;}
	div.gallery-square-button a:hover{text-decoration:none;background-color:#de5119;color:#fff;}



/*-----------------portfolio shop styles---------*/

div.ProjectDescription{width:200px;float:left;min-height:470px;height:auto!important;max-height:auto!important;text-align:left;margin:0 20px 40px 0px;padding:26px 0 0 0px;}
div.ProjectDescription p{color:#fff;}
div.ProjectDescription strong{color:#fff;font-weight:12px;}

#SearchImages{width:650px;float:left;margin:30px 0 0 30px;}
	
	#Images{width:480px;float:left;}
	div.theImg{width:480px;height:auto;overflow:hidden;}

	#CategoryProducts{width:112px;float:right;min-height:470px;height:auto!important;margin:0 0px 0 20px;}
	#CategoryProducts img{border:solid 1px #6d6d6d;}
	#CategoryProducts img:hover{border:solid 1px #fff;}
	img#RecentWork{border:0px;}

div.Square{background-color:#717171;color:#000;width:18px;height:18px;line-height:18px;text-indent:6px;float:left;margin:30px 10px 0 10px; cursor:pointer;font-weight:bold;font-size:11px;}
div.Square-on{background-color:#de5119;color:#fff;width:18px;height:18px;line-height:18px;text-indent:6px;float:left;margin:30px 10px 0 10px; cursor:pointer;font-weight:bold;font-size:11px;}
	
/*------------------------slideshow------------------------*/	

#SlideShowTable{clear:both;margin:0 0 20px 280px;background-color:#000;}
#SlideshowControls{clear:both;margin:15px 0 40px 280px;}
#canvas0_1{background-color:#000;}
#canvas0_0{background-color:#000;}
td.theImg{background-color:#000;}
td.theImg img{background-color:#000;}
div#slideshow{background-color:#000;}
div#master0{background-color:#000;}

div.home-gallery-show #SlideShowTable{clear:both;margin:0 0 20px 28px;background-color:#000;}
div.home-gallery-show #SlideshowControls{clear:both;margin:0 0 40px 30px;}


/*-------------------------print page styles------------------------------*/


div.printp-outer{background-color:#ffffff;color:#000000;width:700px;}
div.printp-banner{background-image:url(Images/cc-architects-logo-banner.jpg);height:78px;background-repeat:no-repeat;background-position:left;}
div.printp-content{padding:20px;}
div.printp-close-band{background-color:#000000;color:#ffffff;height:60px;padding:25px 0 0 20px;}
div.printp-close-band a{color:#ffffff;text-decoration:underline;font-weight:bold;} /*general a link color defined in php file*/
div.printp-close-band a:hover{color:#d1d1d1;}



/* ----------------------------------------------------------------
	CMS Menu Styles
---------------------------------------------------------------- */

	.MenuTable {  }
	
	.MenuCell { }
	.MenuCellOn { background-image: url(Images/i-navbg.gif); background-repeat: no-repeat; background-position: center top; }
	.MenuCellOn .MenuLink { color:#ffffff; }
	.MenuCellOff {  }
	
	.MenuLink { text-decoration: none; height: 22px; line-height: 22px; color: #727272; padding-left: 14px; padding-right: 14px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
	.MenuLink:hover { color:#ffffff;}
	
	
	/*rhs menu styles---------------------*/
	
	a.rhs-img-off img{background-image: url(Images/button-overlay.png); border:solid 1px red;}
	a.rhs-img-on img{border:solid 1px green;}
	
	
/* ----------------------------------------------------------------
	ADMIN CMS Styles
---------------------------------------------------------------- */

	.IntroText {  }
	.Highlight {  }
	.SmallText {  }
	.SubHeader {  }
	
	.header-white{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#ffffff;text-transform:uppercase;line-height:160%;padding:10px 0 15px 0;}
	.header-grey{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#8c8c8c;line-height:160%;}