/* CSS Document */


/* Contents
   ___________________________
	1. Body and standard 'a' tags
	2. DIV Containers
	3. Text Styles
	4. Image Styles
	
******************************** */




/* ============Body and 'a' Tags============ */
body { margin: 0; padding:0; text-align: center; background-color: #EFEFE7; font: 11px/15px Helvetica, Tahoma, sans-serif; color: #776B5A;  }

a:link, a:visited { color: #776B5A; text-decoration: none; }
a:hover { color: #BD001C; }
a:active { font-weight: bold; text-decoration: none; }

input { padding: 1px; margin: 0 0 0 8px; border: 1px solid #BBB5AE; font: 11px/9px Helvetica, Tahoma, sans-serif; color: #776B5A; }

ul { list-style: none; margin: 0; padding: 3px 0 3px 0; }
#menuCategory li, #menuCategory2 li { display: inline; padding-left: 0; padding-right: 12px; margin: 0; }
#menuCategory li span, #menuCategory2 li span {  font-weight: bold; color: #BD001C; text-transform: uppercase; margin-left: 0;}
#menuCategory li a:link, #menuCategory li a:visited {  font-weight: bold; color: #FFF; text-decoration: none; text-transform: uppercase; }
#menuCategory2 li a:link, #menuCategory2 li a:visited {  font-weight: bold; color: #776B5A; text-decoration: none; text-transform: uppercase; }
#star_contact a:link, #star_contact a:visited { font-weight: normal; color: #FFF; font-size: 10px; padding-left: 8px; margin: 0; }

#menuCategory li a:hover, #menuCategory2 li a:hover, #star_contact a:hover { color: #BD001C; }





/* ============DIV Containters============ */
#main_container { margin:0;
	padding:0;
	background: transparent;
	}
	
#shadow_layer { width:900px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: #FFFFFF;
	border: 1px solid #BBB5AE;
	}
	
#content { margin: 0;
	padding: 0;
	width: 900px;
	background:transparent;
	text-align: left;
	}
	
#header_home_box {width: 100%; background: #322716; padding: 0; margin: 0; }
#header_home { padding-top: 10px; padding-left: 15px; }
#star_contact {  float: right; margin: -30px 12px 0 0; padding: 0; width: 300px; text-align: right; color: #FFF; line-height: 12px; clear: none; }
#lower_box {width: 100%; padding: 0; margin: 120px 0 15px 0;}
#lower_box2 {width: 100%; padding: 0; margin: 60px 0 15px 0; text-align: left;}
#lower_nav { padding-top: 0; padding-left: 15px; margin: 0; }
	
		#homepage_showcase { margin: 0;
			padding: 0;
			width: 900px;
			height: 400px;
			background: #696957;
			overflow: hidden;
			border: none; 
			}

			
		#homepage_showcase_details { float: right;
			margin: 12px 0 0 0;
			padding: 0;
			width: 575px;
			/* height: 75px; */
			background: transparent;
			}
			#home_cols { margin: 0 6px 0 0; width: 150px; padding: 0; float: right; clear: none; }
			#home_col_sm { margin: 0 6px 0 0; width: 65px; padding: 0; float: right; clear: none; }
			
		#showcaseImages { margin: 0; padding: 0; width: 900px; height: 400px; overflow: hidden; }
				

		#navigation { width: 698px; height: 26px; padding: 0; margin: 0 0 0 3px; background: transparent; }
		#corporate_navigation { width: 698px; height: 20px; padding: 0; margin: 0 0 0 3px; background: transparent; }

		
		.twocol{
			column-width:220px;
			column-count:2;
			column-gap:20px;
		
			-moz-column-count: 2;
			-moz-column-gap: 20px;
		}
		
		.fourcol{
			column-width:100px;
			column-count:4;
			column-gap:10px;
		
			-moz-column-count: 4;
			-moz-column-gap: 10px;
		}



		/* ============ Footer DIVs ============ */
		#footer { clear: both; margin: 0 auto 0 auto; padding: 0; height: 40px;width: 900px; background: transparent; }
		#copy_info { float: left; width: 50%; font-size: 9px; color: #B8B3AA; text-align: left; padding: 6px 0 22px 0; margin: 0; }
		#client_access { float: right; width: 30%; font-size: 9px; color: #BD001C; text-align: right; padding: 6px 0 22px 0; margin: 0; }






/* ============= TEXT STYLES  ================ */
h2 {margin: 0; padding: 0; font-size: 24px; line-height: 24px;}
h3 {margin: 0; padding: 2px 0 0 0; font-size: 18px; line-height: 18px;}
h4 { font-size: 11px; padding: 0 0 3px 0; margin: 0; text-transform: uppercase; }
p { padding: 3px 0 0 0; margin: 0; }
p span { color: #BD001C;}
.noTopPad { padding: 0; margin: 0; }
.noTopPadSm { font-size: 10px; padding: 0; margin: 0; }
.px13 { font-size: 13px; }

h1 {height: 100px;
	width: 100%;
	clear: both;
	margin: 0;
	padding: 15px 0 0 0;
	border: none;
	}






/* ============= IMAGE STYLES  ================ */
#inlineImg1 { margin: 12px 3px 0 0; padding: 0; border: 2px solid #BBB5AE; background-color: #696957; float: left; clear: none; }
#inlineImg2 { margin: 12px 3px 0 3px; padding: 0; border: 2px solid #BBB5AE; background-color: #696957; float: left; clear: none; }
#homeinlineImg1 { margin: 12px 6px 0 0; padding: 0; border: 2px solid #ffffff; background-color: #696957; float: left; clear: none; }
#homeinlineImg2 { margin: 12px 6px 0 3px; padding: 0; border: 2px solid #ffffff; background-color: #696957; float: left; clear: none; }
#inlineImgLg { margin: 12px 0 0 0; padding: 0; border: 6px solid #ffffff; background-color: #696957; }
#inlineImg1:hover, #inlineImg2:hover { border: 2px solid #BD001C;}
#inlineImgLg:hover { border: 6px solid #85949C;}
#founder { margin: 0 16px 8px 0; padding: 0; border: none; background-color: #696957; float: left; clear: none; }
#principles { margin: 0 8px 8px 0; padding: 0; border: none; background-color: #696957; float: left; clear: none; }






/* ############################################
   SECOND LEVEL PAGES
*/
#header_lvl2 { padding-top: 10px; padding-left: 15px; margin: 0;}
#header_lvl2 h1 {height: 75px; width: 100%; clear: none; margin: 0; padding: 15px 0 0 0; border: none; }
#navigation_lvl2 { width: 698px; height: 26px; padding: 0; margin: -35px 0 6px 70px; background: transparent; }
#star_contact_lvl2 {  float: right; margin: -45px 12px 0 0; padding: 0; width: 300px; text-align: right; color: #FFF; line-height: 12px; clear: none; }

#star_contact_lvl2 a:link, #star_contact_lvl2 a:visited { font-weight: normal; color: #FFF; font-size: 10px; padding-left: 8px; margin: 0; }
#star_contact_lvl2 a:hover { color: #BD001C; }

#subMenu_col { width: 100%; margin: 15px 0 25px 0; padding: 0; }
#sub_col_sm { margin: 0 30px 0 0; width: 125px; padding: 0; float: right; text-align: right; clear: none; }


#featured_row { width: 870px; height: 220px; padding: 0; margin: 0 15px 0 15px; background: #fff url(../images/feature_gradient.jpg) no-repeat bottom left; overflow: hidden;}
#mycarousel { padding: 0; margin: 0 12px 0 12px; }
#inlineImg3 { margin: 0 12px 0 0; padding: 0; background: transparent; float: left; clear: none; border: none; }
/* #inlineImg3:hover { } */
#featured_row h3 { margin: 12px 0 0 15px; padding: 0; }

#more_work { width: 870px; padding: 0; margin: 60px 15px 0 15px; background: #fff; white-space: normal;}

#more_work_text { width: 530px; padding: 0 35px 15px 0; margin: 60px 0 0 15px; float: left; border-right: 1px dotted #BBB5AE;}
#involvement_col { width: 275px; padding: 0; margin: 60px 15px 0 0; float: right;}


#other_work_gallery { padding: 0; margin: 0 12px 0 12px; border-top: 1px solid #BBB5AE; }
#more_work h3 { margin: 12px 0 0 15px; padding: 0; }
#more_work_text h3 { margin: 12px 0 0 15px; padding: 0; }
#more_work_text h4 { margin: 6px 0 0 15px; padding: 0; }
#involvement_col h3 { margin: 12px 0 0 0; padding: 0; }
#involvement_col h4 { margin: 6px 0 0 0; padding: 0; }
#involvement_col p { margin: 12px 0 0 0; padding: 0; }

#involvement_col ul { list-style: none; margin: 0; padding: 12px 0 12px 0; }
#involvement_col li { margin: 6px 0; padding: 0 0 0 15px; background: #fff url(../images/star_bullet.gif) no-repeat top left; }


#more_work_text h4 span, #involvement_col h4 span { color: #BD001C; margin-right: 2px; }
#more_work_text p{ margin: 12px 0 0 15px; padding: 0; }


#inlineImg4 { margin: 0; padding: 0; background: transparent; float: left; clear: none; border: none; }
#more_work .thumb-list li { 
	float:left;
	list-style:none;
	overflow:hidden;
	margin: 12px 12px 0 0; padding: 0;
    width:125px;  /**img width is 75 px from flickr + a.border-left (1) + a.border-right(1) + 
                   img.border-left (1) + img.border-right (1)*/
    height:75px; /* image + row of text (87) + border-top (1) + border-bottom(1) + margin-bottom(4) */
    /*    margin-left: auto;*/ /* for testing IE auto issue */  
	border: 2px solid #776B5A; 
}
#more_work .thumb-list li:hover { border: 2px solid #BD001C; }

#details_showcase { margin: 0;
		padding: 0;
		width: 900px;
		height: 400px;
		background: #696957;
		overflow: hidden;
		border: none; 
		}