body{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
img{
border:0;
behavior:url("images/pngbehavior.htc");
}

a{
color:#a2a2a2;
text-decoration:none;
}
a:hover{
color:#7b4f29;
text-decoration:none;
}
#main{
width:100%;
}

#mainCentered{
margin:0 auto;
width:1000px;
background-image:url(../images/bg_main.gif);
background-repeat:no-repeat;
}

#left_main{
background-image:url(../images/bg_left.gif);
background-repeat:no-repeat;
width:277px;
height:532px;
margin-top:35px;
margin-left:18px;
#margin-left:14px;
float:left;
}

#logo{
margin-top:27px;
margin-left:20px;
padding-bottom:10px;
}
.mnu_element{
float:right;
padding-bottom:4px;
padding-right:2px;
}
#leftMiddle{
clear:both;
color:#505050;
text-align:justify;
padding-top:15px;
padding-left:25px;
padding-right:20px;
}
#leftThird{
clear:both;
color:#505050;
text-align:justify;
padding-top:8px;
padding-left:25px;
padding-right:20px;
}

#leftMiddle a{
color:#7d7d7d;
text-decoration:none;
font-weight:bold;
}
#leftMiddle a:hover{
color:#7b4f29;
text-decoration:none;
font-weight:bold;
}
#leftBrief{
padding-bottom:14px;
}

#flash_content{
background-image:url(../images/bg_flash.gif);
width:311px;
height:571px;
padding-top:3px;
padding-left:3px;
float:left;
margin-top:13px;
}

#rightSection{
float:left;
}
#rightSectionSubPages{
float:left;

}
#homeContact{
float:right;
padding-right:30px;
margin-top:23px;
}
#homeContact a{ 
color:#FFFFFF;
text-decoration:none;
}
#homeContact a:hover{ 
color:#7b4f29;
text-decoration:none;
}
#rightSectionInner{
padding-left:20px;
padding-top:31px;
}
#rightFirst{
height:30px;
color:#FFFFFF;
}
#rightFirstInner{
padding-top:12px;
float:right;
padding-right:30px;
}
#rightFirst a{
color:#FFFFFF;
text-decoration:none;
}
#rightFirst a:hover{
color:#7d7d7d;
text-decoration:none;
}



#rightSectionSecond{
background-image:url(../images/bg_right.gif);
width:372px;
height:532px;
background-color:#0c0c0c;
}

.frontProjectPhoto{
background-color:#979797;
width:152px;
height:161px;
padding-left:2px;
padding-top:2px;
}
.frontProjTitle{
text-align:center;
color:#7b4f29;
font-weight:bold;
padding-top:5px;
width:160px;
}
#footer{
height:80px;
clear:both;
color:#a2a2a2;
}
#footerInner{
padding:10px 18px 0 18px;
}
#footer a{
color:#a2a2a2;
text-decoration:none;
}
#footer a:hover{
color:#7b4f29;
text-decoration:none;
}

.catalogListingLeft{
background-color:#967d67;
padding-left:4px;
height:18px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
.catalogListingLeft a{
color:#FFFFFF;
text-decoration:none;display:block;
}
.catalogListingLeft a:hover{
color:#7b4f29;
text-decoration:none;
}

#middleSubPages{
background-image:url(../images/bg_middle_sub.gif);
background-repeat:no-repeat;
width:459px;
height:574px;
padding-left:24px;
padding-right:24px;
margin-top:13px;
float:left;
}

#middleSubPagesWhite{
background-image:url(../images/bg_middle_sub_white.gif);
background-repeat:no-repeat;
width:459px;
height:574px;
padding-left:24px;
padding-right:24px;
margin-top:15px;
float:left;
}


#middleSubPagesWhiteProjects{
background-image:url(../images/bg_middle_sub_details.gif);
background-repeat:no-repeat;
width:478px;
height:574px;
padding-left:15px;
padding-right:15px;
margin-top:18px;
float:left;
}


#middleSubPagesBlack{
background-image:url(../images/bg_middle_sub_details.gif);
background-repeat:no-repeat;
width:459px;
height:574px;
padding-left:24px;
padding-right:24px;
#padding-right:14px;
margin-top:23px;
float:left;
}

#middleTitlesSub{
padding-bottom:14px;
padding-top:25px;
padding-bottom:13px;
border-bottom:1px #8a8a8b dotted;
}
#MiddleSecondSubPages{
color:#505050;
padding-top:15px;
padding-bottom:30px;
text-align:justify;
}
#productsMain{
float:left;
}
#productsMain a{
background-image:url(../images/circle_arrow_gray.jpg);
background-position:right;
padding-right:18px;
background-repeat:no-repeat;
border-bottom:1px #ecebe0 solid;
padding-top:6px;
padding-bottom:6px;
color:#7d7d7d;
}
#productsMain a:hover{
background-image:url(../images/circle_arrow.jpg);
background-position:right;
padding-right:18px;
background-repeat:no-repeat;
border-bottom:1px #ecebe0 solid;
padding-top:6px;
padding-bottom:6px;
color:#7d7d7d;
}

#productsMain .prodDivOver{
background-image:url(../images/circle_arrow.jpg);
background-position:right;
padding-right:18px;
background-repeat:no-repeat;
border-bottom:1px #ecebe0 solid;
padding-top:6px;
padding-bottom:6px;
color:#7b4f29;
}

#prodAiaxDiv{
width:242px;
height:379px;
float:left;
border:1px solid #c7c7c7;
margin-left:10px;
padding:8px;
} 
#prodDescAjax{
height:40px;
color:#7b4f29;
}
.projectsBox{
float:left;
padding-bottom:6px;
margin-bottom:6px;
width:455px;
}
.projectsBox a{
font-weight:bold;
}
.projectsBox a:hover{
font-weight:bold;
}
.projectImg{
float:left;
}
.projectImg img{
border:1px #5a5a5a solid;
}
.projectTitleTexte{
padding-left:10px;
float:left;
}
.projectDescription{
width:350px;
height:44px;
}
#paging{
padding-left:180px;
}
#paging div{
float:left;
padding:0 8px 0 8px;
text-align:center;
}
#backList{
float:left;
padding-top:2px;
padding-left:4px;
width:148px;
height:17px;
background-color:#939387;
}
#backList a{
display:block;
color:#ffffff;
text-decoration:none;
}

#backList a:hover{
color:#7b4f29;
text-decoration:none;
}

#viewDetails{
float:left;
padding-top:2px;
padding-left:4px;
width:110px;
height:17px;
background-color:#939387;
}
#viewDetails a{
display:block;
color:#7b4f29;
text-decoration:none;
}
#viewDetails a:hover{
color:#ffffff;
text-decoration:none;
}
#viewDetailsPrevNext{
padding-top:2px;
padding-left:5px;
height:25px;
color:#8d8d8d;
float:left;
}
#viewDetailsPrevNext a{
color:#8d8d8d;
text-decoration:none;
}
#viewDetailsPrevNext a:hover{
color:#7b4f29;
text-decoration:none;
}

#projectTitleGal{
padding-bottom:4px;
color:#7b4f29;
font-size:14px;
font-weight:bold;
}
#projectTitleGal a{
color:#7b4f29;
text-decoration:none;
}
#projectTitleGal a:hover{
color:#8d8d8d;
text-decoration:none;
}


#galPrevNext{
padding-top:2px;
height:25px;
color:#8d8d8d;
float:right;
}
#galPrevNext a{
color:#8d8d8d;
text-decoration:none;
}
#galPrevNext a:hover{
color:#7b4f29;
text-decoration:none;
}

#projectTitle{
padding-bottom:20px;
color:#7b4f29;
font-size:14px;
font-weight:bold;
}


.catalogCategorieListing{
background-color:#7d7d7d;
height:22px;
padding-left:10px;
font-family:Helvetica, Helvetica, sans-serif;
font-family:
font-size:15px;
margin-top:4px;
margin-bottom:6px;
padding-top:6px;
}
.catalogCategorieListing a{
color:#e2e1cf;
text-decoration:none;
display:block;
}
.catalogCategorieListing a:hover{
color:#7b4f29;
text-decoration:none;
display:block;
}

.catalogListing{
border-bottom:1px #7d7d7d solid;
color:#7d7d7d;
padding-top:2px;
margin-left:16px;
padding-left:2px;
padding-bottom:2px;
height:18px;
}
.catalogListing div{

}
.catPdf{
background-image:url(../images/pdf.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:20px;
}


/* Accordion----------------------------------*/
.ui-accordion .ui-accordion-header {
background-color:#7d7d7d;
height:22px;
padding-left:10px;
color:#FFFFFF;
font-family:Helvetica, sans-serif;
font-size:15px;
margin-top:4px;
margin-bottom:6px;
padding-top:6px;
cursor: pointer; position: relative; margin-top: 1px; zoom: 1;
}
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a {
color:#FFFFFF;
text-decoration:none;
display:block;
}
.ui-accordion-header a:hover {
color:#7b4f29;
text-decoration:none;
display:block;
}
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding:6px 0 2px 0; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }


/* Products tabing ----------------------------------*/
pre {text-indent: 30px}
#tabmenu{ color: #7b4f29; border-bottom: 1px solid #7b4f29; margin: 12px 0px 0px 0px; padding: 0px; z-index: 1;}
#tabmenu li { display: inline; overflow: hidden; list-style-type: none; cursor:pointer; }
#tabmenu a, a.active { color: #7d7d7d; background: #ecebe0; font: normal 1em verdana, Arial, sans-serif;
padding: 2px 5px 0px 5px; margin: 0px; text-decoration: none; cursor:hand; }
#tabmenu a.active {
background: #ecebe0;
border-bottom: 2px solid #ffffff;
border-left: 1px solid #7b4f29;
border-right: 1px solid #7b4f29;
border-top: 1px solid #7b4f29;
}
#tabmenu a:hover { color: #7b4f29; background: #ecebe0; }
#tabmenu a:visited { color: #E8E9BE; }
#tabmenu a.active:hover { background: #ffffff; color: #DEDECF; }
#content {text-align: justify; background: #ffffff; padding: 10px; border: 1px solid #7b4f29; border-top: none; z-index: 2;height:400px;}
#content a{
color:#7d7d7d;
text-decoration:none;
display:block;
}
#content a:hover{
color:#7b4f29;
text-decoration:none;
}

#projectDetailsImg{
margin-right:10px;
margin-bottom:10px;
float:left;
}


/**********************   Gallery  **********************************/
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 267px; /*Width of Carousel Viewer itself*/
height: 270px; /*Height should enough to fit largest content's height*/
}
.stepcarousel{
border:1px solid #8c8b81;
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-right:10px;
width: 270px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*///////////////  YAV STYLE//////////////////////*/
.inputError {
	BORDER-RIGHT: #FF8000 1px solid; BORDER-TOP: #FF8000 1px solid; MARGIN: 0px; BORDER-LEFT: #FF8000 1px solid; BORDER-BOTTOM: #FF8000 1px solid; COLOR: #FF8000; BACKGROUND-COLOR: #FFFFD7
}
.inputNormal {
	BORDER-RIGHT: #004080 1px solid; BORDER-TOP: #004080 1px solid; BORDER-LEFT: #004080 1px solid; BORDER-BOTTOM: #004080 1px solid; COLOR: #004080; BACKGROUND-COLOR: #efefef
}
.innerError {
    background-image: url(images/invalid.gif);
    background-position: left top;
    background-repeat: no-repeat;
    background-color: white;
    padding-left: 20px;
    padding-top: 1px;
	BORDER-RIGHT: #FF8000 0px solid; BORDER-TOP: #FF8000 10x solid; MARGIN: 0px; BORDER-LEFT: #FF8000 0px solid; BORDER-BOTTOM: #FF8000 0px solid; COLOR: #FF8000
}

#ContactForm{
color:#a2a2a2;
}
#ContactForm input{
border:1px solid #7b4f29;
}
#ContactForm .textfield{
width:160px;
}
#ContactForm textarea{
width:300px;
border:1px solid #7b4f29;
}
ContactForm .button{
width:80px;
}

#conatctInformation{
padding-bottom:20px;
color:#a2a2a2;
font-weight:bold;
line-height:16px;
}
.galImages{
cursor:pointer;
}
.hiddenPic {display:none;}


/*//////      scrollbar    beguin      //*/
			#pane1, #pane2, #pane3, #pane4 {
				height: 470px;
			}
			.osX .jScrollPaneTrack {
				background: url(demo-1.2.3/images/osx_track.gif) repeat-y;
			}
			.osX .jScrollPaneDrag {
				background: url(demo-1.2.3/images/osx_drag_middle.gif) repeat-y;
			}
			.osX .jScrollPaneDragTop {
				background: url(demo-1.2.3/images/osx_drag_top.gif) no-repeat;
				height: 6px;
			}
			.osX .jScrollPaneDragBottom {
				background: url(demo-1.2.3/images/osx_drag_bottom.gif) no-repeat;
				height: 7px;
			}
			.osX a.jScrollArrowUp {
				height: 24px;
				background: url(demo-1.2.3/images/osx_arrow_up.png) no-repeat 0 -30px;
			}
			.osX a.jScrollArrowUp:hover {
				background-position: 0 0;
			}
			.osX a.jScrollArrowDown {
				height: 24px;
				background: url(demo-1.2.3/images/osx_arrow_down.png) no-repeat 0 -30px;
			}
			.osX a.jScrollArrowDown:hover {
				background-position: 0 0;
			}
			
			.left .jScrollPaneTrack {
				left: 0;
				right: auto;
			}
			.left a.jScrollArrowUp {
				left: 0;
				right: auto;
			}
			.left a.jScrollArrowDown {
				left: 0;
				right: auto;
			}
		
			
			/* IE SPECIFIC HACKED STYLES */
			* html .osX .jScrollPaneDragBottom {
				bottom: -1px;
			}
			/* /IE SPECIFIC HACKED STYLES */
/*//////      scrollbar  end        //*/