@charset "utf-8";
/* CSS Document */
body{margin:40px 0px 0px; padding:0px; font-family:Geneva, Arial, Helvetica, sans-serif; color:#422c08;}

/* wrapper */
.wrapper{width:967px; margin:0px auto; border:2px solid #464646;}

/* position and floating elements */
.fl{float:left;}
.fr{float:right;}
.cl{clear:both; height:0px; line-height:0px; font-size:0px;}
/* ----- clear fix for floats ----- */
.clearfix:after {  content: "."; display:block; height:0; font-size:0; line-height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }		
/* hides clearfix from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end hide from IE-mac */ 

:focus { outline:none;}
.pr{position:relative;}
.pa{position:absolute;}

.tal{text-align:left;}
.tar{text-align:right;}
.tac{text-align:center;}
.taj{text-align:justify;}

a {color:#422c08;}
a:hover { color:#664001}
h3 { margin:0; padding:0; text-align:center; color:#FFFFFF; padding-bottom:0px; font-weight:normal; font-size:22px; font-family:Arial, Helvetica, sans-serif;}
.project_gallery h3{margin-top:-15px;}
/* logo */
.logo{position:absolute; top:-30px; text-align:center; margin:0px auto; width:100%; z-index:20;}

/* footer */
.footer{ background:url(../images/footer_bg.png) repeat; position:absolute; bottom:34px; height:100px; width:100%; line-height:100px; font-size:16px; text-align:center; z-index:100;}
.footer a:link, .footer a:visited{color:#422c08; text-decoration:none; padding:0px 25px;}
.footer a:hover{color:#664001; text-decoration:none;}

/*** set the width and height to match your images **/
#slideshow {position:relative; height:554px;}
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideshow IMG.active { z-index:10; opacity:1.0;}
#slideshow IMG.last-active { z-index:9;}

/*** Project Gallery Box  ***/
.project_gallery { padding:35px 12px 25px 12px; background:#968974;}
.project_gallery.project_sub_gallery {}
.project_gallery_box { width:277px; display:inline; float:left; background:#e5e0d6; padding:3px; margin:15px 15px 15px 16px;}
.project_gallery_box p { padding:0; margin:0;}
.project_gallery_box h2 { color:#422c08; font-family:Geneva, Arial, Helvetica, sans-serif; margin:0; padding:0; font-weight:normal; font-size:18px; text-align:center; padding:10px 0px 5px 0;  /*min-height:45px; _height:45px;*/}
.project_gallery.project_sub_gallery h2 { font-size:12px; _height:16px !important; min-height:16px !important}
.project_gallery_box h2 a {color:#422c08; text-decoration:none;}
.project_gallery_box h2 a:hover { text-decoration:none; color:#664001;}
.project_gallery_box .inner { border:solid 1px #c4b7ac; padding:6px;}


.project_section { padding:30px 12px 25px 12px; background:#968974;}
.project_section_left { float:left; width:300px; margin-top:3px;}
.project_section_right { float:right; width:612px; padding:3px;}
.project_section h2 { font-size:18px; margin:0; padding:5px 0 8px 0; color:#fffefc; font-weight:normal;}
.project_section .project_photo_view { background:#e5e0d6; padding:3px;}
.project_section .project_photo_view .project_photo_view_inner { border:solid 1px #c4b7ac; padding:6px;}
.project_section .project_detail { list-style:none; margin:0; padding:0 0 0 0px; font-size:12px; color:#FFFFFF;}
.project_section .project_detail li { padding:1px 0 0px 0px ;}
.project_section_menu { padding-top:10px;}
.project_section_menu a { color:#FFFFFF; text-decoration:none;}
.project_section_menu a:hover { text-decoration:underline;}
.project_section_gallery { margin-top:15px;}
.project_section_gallery img { border:solid 1px #533f20; padding:2px; background:#FFFFFF;}


.inner_navigation {/* background:#f2efea; border:solid 1px #6a5d49;*/ border-width:1px 0;  margin:5px 12px 12px 12px; padding:10px; text-align:center; font-family:"Times New Roman", Times, serif; }
.inner_menu {margin:0 auto; padding-bottom:10px; color:#FFF; display:block; text-align:center;}
.inner_navigation a{color:#FFF; text-decoration:none; padding:0px 25px; font-size:16px;}
.inner_navigation a:hover, .inner_navigation a.active{ color:#fff0d8;}
.inner_navigation a.active { font-weight:bold;}
.inner_navigation a:hover { text-decoration:none;}

/* For MIDDLE CONTAINER */



.innercontainer { color:#FFFFFF; padding:0 15px; min-height:400px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:13px;}
.innercontainer h3 { font-size:18px; font-family:Geneva, Arial, Helvetica, sans-serif; margin:0; padding:5px 0 8px 0; color:#fffefc; font-weight:normal;}
.img_bdr { border:solid 1px #c4b7ac; background:#e5e0d6; padding:2px;}
.contact_detail { padding-left:20px;}
.contact_detail p { margin:0; padding:0 0 15px 0;}
.innercontainer h4 { margin:0 0 10px 0; padding:5px 0; font-family:Geneva, Arial, Helvetica, sans-serif; text-transform:uppercase; border-bottom:solid 1px #7a6d59; font-size:14px;}

.contact_box {  display:block; background:#e5e0d6; color:#3c2604;  line-height:18px; padding:3px; margin:15px 2px 15px 2px;}
.contact_box p { padding:0 0 10px 0; margin:0;}
.contact_box h2 { color:#422c08; font-family:"Times New Roman", Times, serif, Arial, Helvetica, sans-serif; margin:0; padding:0; font-weight:normal; font-size:22px; text-align:center; padding:10px 0px 8px 0; text-align:left;}
.contact_box.project_sub_gallery h2 { font-size:12px; _height:16px !important; min-height:16px !important}
.contact_box h2 a {color:#422c08; text-decoration:none;}
.contact_box h2 a:hover { text-decoration:none; color:#664001}
.contact_box .inner { border:solid 1px #c4b7ac; padding:6px 10px 20px 10px;}

.flrm_profile {}
.flrm_profile .profile_detail {/* width:48%;*/ padding-bottom:10px;}
.flrm_profile .profile_detail img { float:left; margin:0 10px 10px 0 ;}
