/* Home CSS */

/* Home Page /////////////// Main Middle Content Section Only  ////////////////*/

#video_pane_section { 
	height:382px; position: relative;
}

#slogan_banner { 
	position: relative;
	BACKGROUND: url(../www_images/slogan_banner2_bg.png) #454646 repeat-x; height:51px; 
	font-family: "Trebuchet MS", Arial, sans-serif; font-size: 160%; text-align: center; line-height: 2.6;
	margin: 0; padding: 0;
 	COLOR: #ccc;
}


/*HERE COME THE BUBBLES*/
#advantages_content_section {
	position: relative;  background-color: #fff; height: 170px; padding: 0; padding-bottom: 6px;
}

#advantages_content_section p {
	margin: 0; padding: 0; padding-top: 10px; padding-right: 11px; padding-left: 12px; font-size: 105%; line-height: 1.4;
}

#advantages_content_section h3 {
	font-family: "Trebuchet MS", Arial, sans-serif; height: 37px; padding: 0; margin: 0px; padding-left: 14px; color: #fff; line-height: 2.15; font-size: 150%; padding-bottom:1px;
}

#personal_gallery {
	position: absolute; left: 18px; height: 170px; width: 218px; float: left; margin: 0; padding: 0;
}
#personal_gallery h3 { BACKGROUND: url(../www_images/main/gray_h3_bg.png) no-repeat;
}
#personal_gallery p { BACKGROUND: url(../www_images/main/gray_p_bg.png) no-repeat;
}

#free_sketch {
	position: absolute; left: 254px; height: 170px; width: 218px; float: left; margin: 0; padding: 0;
}
#free_sketch h3 { BACKGROUND: url(../www_images/main/gray_h3_bg.png) no-repeat;
}
#free_sketch p { BACKGROUND: url(../www_images/main/gray_p_bg.png) no-repeat;
}

#design_consulting {
	position: absolute; left: 490px; height: 170px; width: 218px; float: left; margin: 0; padding: 0;
}
#design_consulting h3 { BACKGROUND: url(../www_images/main/gray_h3_bg.png) no-repeat;
}
#design_consulting p { BACKGROUND: url(../www_images/main/gray_p_bg.png) no-repeat;
}

#fast_turnaround {
	position: absolute; left: 724px; height : 170px; width: 218px; float: left; margin: 0; padding: 0;
}
#fast_turnaround h3 { BACKGROUND: url(../www_images/main/gray_h3_bg.png) no-repeat;
}
#fast_turnaround p { BACKGROUND: url(../www_images/main/gray_p_bg.png) no-repeat;
}

#features_content_section { 
	position: relative; BACKGROUND: url(../www_images/features_bg.png) #fff repeat-x top left; height:260px; padding:0; margin:0; padding-left:35px; padding-top: 25px;
}

#features_content_section p {
	margin: 0; padding: 0; font-size: 105%; line-height: 1.4;
}

#features_content_section a {text-decoration:none; color:#666666;}

#features_content_section a:hover { color:black; text-decoration:underline; }

#features_content_section h2 {
	font-family: "Trebuchet MS", Arial, sans-serif; padding: 0; margin: 0px; line-height: .8; font-size: 190%; font-weight:normal; padding-bottom: 25px;
}

#features_content_section h2 a {
	text-decoration:none; color:#000;
}
#features_content_section h2 a:hover {
	text-decoration:none;
	color:#666666;
}


#get_started {
	height: 225px; width: 240px; float: left; margin: 0; padding: 0; background:url(../www_images/main/call_us_bg2.gif) no-repeat bottom left;
}

#why_choose_us {
	height: 185px; width: 322px; float: left; margin: 0; padding: 0; margin-left:60px; overflow:visible;
}

#choose_list {
	margin: 0; padding: 0; width: 322px;
}

.service {margin: 0 0 0 0; background:#EEE; float:left; clear:both; padding: 2px 2px 2px 5px; font-size: 103%; width: 170px; line-height: 1.5em; font-weight:bold;}

.price {margin: 0 0 0 0; float:left; padding: 1px 5px 1px 5px; font-size: 103%; border: 1px solid #eee; width: 120px; line-height: 1.5em;}

.middlesp { border-top: 0px; }

#our_latest_renderings {
	height: 180px; width: 237px; float: left; margin: 0; padding: 0; margin-left:28px;
}

#our_latest_renderings p {clear: left; padding:0px; margin:0px; padding-left:3px; padding-top:10px;}

#work_images {
	width: 250px; padding: 0; margin: 0;
}

ul.thumbnails {
	display: block; list-style: none; padding: 0; margin: 0; float: left;
}

#work_images li {
	float: left;
	display: block; width: 72px; height: 55px; background: url(../www_images/latest_work_thumb_bg.png) #fff no-repeat; padding:0; margin:0; TEXT-ALIGN: center; margin: 1px;
}

#work_images img {
	padding:0; margin:0; padding-top:4px;
}

.thumbwrapper {
	/*width: 72px; height: 55px; background: url(../www_images/latest_work_bg.png) #fff no-repeat; padding:0; margin:0; TEXT-ALIGN: center; padding-top:4px;*/
}

/*video pane mootools effects*/

#kwicks_container {
    position:absolute; top: 0px; left: 0px;
	display:block;
	overflow:visible;
	height: 382px;
	width: 962px;
}
#kwicks {
	list-style: none; padding: 0; margin: 0;
}
 
#kwicks .kwick {
	float: left;
	display: block;
	height: 382px;
	position:relative;
	padding:0px; 
	margin:0px;
}

.kwick img {border:none; padding:0px; margin:0px;}
 
#kwick_a { background: url(../www_renderings/accordion_images/hotel_architectural_rendering.jpg) top left no-repeat; width: 105px; }
#kwick_b { background: url(../www_renderings/accordion_images/single_family_3d_rendering.jpg) top left no-repeat; width: 105px; }
#kwick_c { background: url(../www_renderings/accordion_images/new_york_restaurant_interior.jpg) top left no-repeat; width: 105px; }
#kwick_d { background: url(../www_renderings/accordion_images/adult_condos_california.jpg) top left no-repeat; width: 105px; }
#kwick_e { background: url(../www_renderings/accordion_images/single_family_rendering_california.jpg) top left no-repeat; width: 540px; }
/*#kwick_f { background: url(../www_renderings/accordion_images/european_architectural_rendering.jpg) top left no-repeat; width: 440px; }*/

.kwick_shadow {
	position: absolute; top:0px; right:0px; width: 15px; height: 382px; padding: 0px; margin: 0px;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */    
	//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../www_images/main/www_accordion_images/accordion_shadow_bg.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
.kwick_shadow[class] { 
	background: url(../www_images/main/www_accordion_images/accordion_shadow_bg.png) repeat-y top right; 
}

.kwick_link {
	/*position: absolute; bottom:0px; right:0px; width: 36px; height: 36px; padding: 0px; margin: 0px;*/
}

.kwick a {
	DISPLAY: block; FONT-SIZE: 1px; LINE-HEIGHT: 1px; overflow: hidden; text-indent: -5000px; font-size: 1%; height: 382px; margin:0; padding:0;
}

