/* CSS Document */
* { margin:0; padding:0; }
html *{ padding: 0; margin: 0; }
html, body{
	margin: 0;
	padding: 0;
	
}

.scroll_bar{scrollbar-arrow-color:#ff0; 
scrollbar-base-color:#ff6347; 
scrollbar-darkshadow-color:#ffa500; 
scrollbar-face-color:#008080; 
scrollbar-highlight-color:#6666CC; 
scrollbar-shadow-color:#f0f;}
body {
	background-image:url(images/bg.jpg); background-repeat:no-repeat;
	background-position:top center;  
	padding-bottom: 0px;
	padding-top: 0px;
	background-color:#202426;
	background-attachment: fixed;
}
#wrapper{ width:842px; height:100%; margin:0px auto;}
#header{ background-image:url(images/header.jpg); background-repeat:no-repeat; width:842px; height:96px; margin:0; float:left;}
#content{ width:815px; margin:0; float:left;}
#logo{ width:371px; height:57px; margin:6px 0 0 0;}
#menu{ width:842px; height:27px; margin:1px 0 0 0; float:left;}
#menu ul{width:800px; height:27px; margin:0 0 0 0; float:left; display:block;}
#menu ul li{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; font-weight:bold; float:left; padding:5px 8px 0 8px; display:block;}
#menu ul li a{color:#000; text-decoration:none;}
#menu ul li a:hover{color:#000; text-decoration:underline;}
#image_slicer{ background-image:url(images/image_slice_box.jpg); background-repeat:no-repeat; width:590px; height:451px; margin:10px auto 0 auto;}

#content{width:842px; height:100%; margin:0 0 0 0; float:left;}
#video{ background-image:url(images/video.jpg); background-repeat:no-repeat; width:842px; height:474px; margin:0; float:left;}

#content .cleft{width:293px; height:474px; margin:0 0 0 0; float:left; background-color:#A0A0A0;}
.element {
      opacity: 0.8;
      -moz-opacity: 0.8;
}
#content .cmenuleft{width:263px; height:474px; margin:0 0 0 0; float:left;}
#content .cmenuleft ul{ width:263px; height:auto; margin:0; float:left; display:block;}
#content .cmenuleft ul li{ width:263px; height:25px; margin:3px 0 0 0; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; background-color:#000; font-weight:bold; display:block; line-height:20px;}
#content .cmenuleft ul li a{color:#FFF; text-decoration:none; padding:0 0 0 5px; }
#content .cmenuleft ul li a:hover{color:#FFF; text-decoration:none; width:258px; height:25px;background-color:#333; display:block; }
#content .cmenuleft ul li a.activate{color:#FFF; text-decoration:none; width:258px; height:25px;background-color:#900; display:block; }

#content .contactleft{ width:442px; height:auto; margin:0; float:left;}
#content .contactleft img{ width:442px; height:298px; margin:0 0 10px 0; float:left;}
#content .contactleft .box{width:442px; height:180px; margin:0 0 0 0; float:left; background-color:#A0A0A0;}
#content .contactleft .box p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4F4848; text-align:right; font-weight:normal; margin:20px 10px 0 30px;}
#content .contactright{width:390px; height:auto; margin:0 0 0 10px; float:left;}
#content .contactright .box{width:390px; height:187px; margin:0 0 0 0; float:left; background-color:#A0A0A0;}
#content .contactright .box p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4F4848; text-align:left; font-weight:normal; margin:10px 40px 0 5px;}
#content .contactright img{ width:390px; height:293px; margin:10px 0 0 0; float:left;}


#content .cleft p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; font-weight:bold; margin:10px;}

#content .cright{ width:573px; margin:0 0 0 6px; float:left;}
#content .cright .video2{width:543px; height:474px; margin:0 0 0 0; float:left;}

#content .cright .contents{ width:275px; height:474px; margin:0 0 0 6px; float:left;}
#content .cright .contents .headerbox{width:270px; height:60px; margin:0; float:left;}
#content .cright .contents .headerbox h2{font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#FFF; margin:10px 0 0 10px;}

#content .cright .contents .contentbox{width:270px; height:300px; margin:7px 0 0 0; float:left; }
.red_bg{ background-color:#B82020}
.blue_bg{background-color:#366A80;}
.black_bg{background-color:#000;}


#content .cright .contents p{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; margin:5px;}

#content_header{width:573px; height:40px; background-color:#000; margin:0; float:left;}
#content_header h1{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; margin:10px 0 0 10px; text-transform:lowercase;}
#content_modern_urban_kitchen_bg{ background-image:url(images/project_img/Modern_Urban_Kitchen.jpg); width:543px; height:474px; margin:0 0 0 0; float:left;}

#project_image_area{width:120px; height:200px; background-color:#000; margin:0 0 0 0; float:left;}


.clear {
	clear:both
}

#gallery {
	position:relative;
	width:573px;
	height:474px;
	margin:0 0 0 0; float:left;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
}
#gallery a {
	float:left;
	position:absolute; color:#FFF;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
}

#gallery a img {
	border:none;
	width:544px;
	height:474px;
}

#gallery a.show {
	z-index:500
}

#gallery .caption {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	z-index:600; 
	background-color:#000; 
	color:#ffffff; 
	height:140px; 
	width:544px; 
	position:absolute;
	bottom:0;
	font-weight:700;
	
	
}
#gallery .caption2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	z-index:600; 
	background-color:#000; 
	color:#ffffff; 
	height:40px; 
	width:543px; 
	position:absolute;
	bottom:0;
	font-weight:700;
}
#gallery .gmenu{margin:0 0 0 10px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff;}
#gallery .gmenu a{color:#FFF; text-decoration:none;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#gallery .gmenu a:hover{color:#FFF; text-decoration:underline;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#gallery .caption2 .icons{margin:0 0 0 10px; float:left; width:40px;}
#gallery .caption2 .icons img{float:right;}

#gallery .caption3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	z-index:600; 
	background-color:#FF0; 
	color:#ffffff; 
	height:400px; 
	width:543px; 
	position:absolute;
	bottom:0;
	font-weight:700;
}
#gallery .caption .cnts {
	margin:5px
}

#gallery .caption .cnts h3 {
	margin:0;
	padding:0;
	color:#1DCCEF;
}

#content_scroll{width:573px; height:475px; overflow:auto;}

#cpage_price{width:90%; height:90%; margin:5px; float:left;}
#cpage_price .heading_price{background-image:url(images/price.png); width:297px; height:117px; background-repeat:no-repeat; margin:10px 0 0 0;}
#cpage_price h2{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; margin:10px 0 10px 10px; background-color:#003; height:20px; padding:3px;}
#cpage_price p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; margin:5px 0 0 10px;}


#cpage_price2{width:100%; height:100%; margin:0px; float:left; background-color:#CFC;}
#cpage_price2 .cimg{background-image:url(images/contact_us.png); width:297px; height:117px; background-repeat:no-repeat; margin:10px 0 0 0;}
#cpage_price2 h2{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; margin:10px 0 10px 10px; background-color:#003; height:20px; padding:3px;}
#cpage_price2 p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; margin:5px 0 0 10px;}
#cpage_price2 ul{width:450px; margin:20px 0 0 10px; float:left; display:block;}
#cpage_price2 ul li{width:auto; margin:0 10px 0 0; float:left; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;}
#cpage_price2 ul li a{color:#000; text-decoration:none;}
#cpage_price2 ul li a:hover{color:#000; text-decoration:underline;}

#cpage_price3{width:100%; height:100%; margin:0px; float:left; background-color:#FFF;}
#cpage_price3 .cimg{background-image:url(images/services.png); width:297px; height:117px; background-repeat:no-repeat; margin:10px 0 0 0;}
#cpage_price3 h2{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; margin:10px 0 10px 10px; background-color:#003; height:20px; padding:3px;}
#cpage_price3 p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; margin:5px 0 0 10px;}

#project_content_area{width:543px; height:140px; margin:335px 0 0 0; float:left; background-color:#000;}
#project_content_area p{font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#FFF; margin:10px 10px 0 10px;}

#content .cright .contents .photos{ width:262px; height:474px; margin:0 0 0 6px; float:left;}
#content .cright .morder_urban_photos{width:262px; height:474px; margin:0; float:left; background-image:url(images/projectimage1.jpg); background-repeat:no-repeat;}#content .cright .classic_contemporary_photos{width:262px; height:474px; margin:0; float:left; background-image:url(images/projects/Classic_Contemporary.jpg); background-repeat:no-repeat;}
.latha_condom_photos{width:262px; height:474px; margin:0; float:left; background-image:url(images/projects/Latah-Condo.jpg); background-repeat:no-repeat;}
.contemporary_chic_photos{width:262px; height:474px; margin:0; float:left; background-image:url(images/projects/Contemporary_Chic.jpg); background-repeat:no-repeat;}
.boise_bench_reno_photos{width:262px; height:474px; margin:0; float:left; background-image:url(images/projects/Boise_Bench.jpg); background-repeat:no-repeat;}

#content .cright .thumbarea{width:262px; height:110px; background-color:#B82020; margin:255px 0 0 0; float:left;}
#content .cright .morder_urban_thumb{width:117px; height:101px; margin:4px 0 0 8px; float:left;}

#innermainbox{width:842px; height:400px; background-color:#0C1C2C; margin:0 0 0 0; float:left;border-radius: 6px;} 
#innermainbox .ileft{width:60%; height:300px; margin:10px 0 0 10px; float:left; }
#innermainbox .ileft h2{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#FFF; font-weight:normal;}
#innermainbox .ileft p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; font-weight:normal;margin:0 10px;}

#innermainbox .contactcontent{width:100%; height:160px; margin:10px 0 0 0; float:left;}
#innermainbox .contactcontent .cimage{width:200px; height:100%; margin:10px 0 0 10px; float:left;}
#innermainbox .contactcontent .cdetails{width:280px; margin:10px 0 0 10px; float:left;}
#innermainbox .contactcontent .cdetails h2{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#FFF; font-weight:normal; margin:0 10px 10px 10px;}
#innermainbox .contactcontent .cdetails p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; font-weight:normal;margin:0 10px 10px 10px;}
#innermainbox .contactcontent .cdetails a{color:#FFF; text-decoration:none;}
#innermainbox .contactcontent .cdetails a:hover{color:#FFF; text-decoration:underline;}


#innermainbox .iright{width:37%; height:300px; margin:10px 0 0 7px; float:left;}
#innermainbox .iright h2{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#FFF; font-weight:normal;}
#innermainbox .iright p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; font-weight:normal;margin:10px;}
#innermainbox .iright .textboxstyle{width:220px; height:21px; border:#5A6A7F 1px solid; background-color:#1C2E43; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; padding:0 0 0 5px;}
#innermainbox .iright .textareastyle{width:220px; height:60px; border:#5A6A7F 1px solid; background-color:#1C2E43; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; padding:0 0 0 5px;}
#innermainbox .iright .buttontyle{width:60px; height:20px; border:#5A6A7F 1px solid; background-color:#999; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; padding:0 0 0 5px;}


#footer{ width:842px; height:50px; margin:0px 0 0 0; float:left;}
#footer .left{width:400px; margin:0; float:left;}
#footer .right{width:442px; margin:0; float:right;}
#footer .left p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-align:left; margin:10px 0 0 10px;}

#footer .right img{ width:31px; height:32px; margin:5px 0 0 5px; float:right;}

