div#preload { display: none; }


/*TOP NAV START*/
.navbox{
	width: 250px;
	display: block;
	margin-left: 40px;
	background-image: url(images/nav_piece.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	height: 65px;
	overflow:hidden;

}

.nav{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
width: 100px;
padding-top: 30px;

padding-left: 13px;

}

.nav ul{
list-style: none;
padding: 0px;
margin: 0px;

}

.nav  li{
margin: 0px;
padding: 0px;
display:inline;
position: relative;
}


.nav ul li a{
outline-style:none;
display: block;
text-decoration: none;
color: black;
}

.nav ul li a:hover{
display: block;
text-decoration:none;
color: #F79726;
}
/*TOP NAV END/*


/*TOP SUB NAV START*/
.subnav{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
width: 16em;
background-image: url(images/nav_piece.jpg);
background-repeat:no-repeat;
background-position:left bottom;
height: 105px;
}

.subnav ul{
list-syle: none;
padding-left: 10px;
padding-top: 33px;
margin: 0px;
}

.subnav ul li{
margin: 0px;
padding: 0px;
display:inline;
position: relative;
}

.subnav ul li a{
display: block;
color: black;
text-decoration: none;
outline-style:none;
}

.subnav ul li a:hover{
display: block;
text-decoration:none;
color: #F79726;

}
/*TOP SUB NAV END*/


/*BOTTOM NAV START*/
.bnav{
padding-top: 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
/*padding-left: 45px;*/
display: block;
width:  960px;
text-align: center;
margin-left: auto;
margin-right: auto;

}

.bnav ul{
list-style: none;
padding: 0px;
margin:0px;
width: 100%;

}

.bnav ul li{
display: inline;
padding: 1em;
}

.bnav ul li a{
text-decoration: none;
color: black;

}

.bnav ul li a:hover{
text-decoration:none;
color: #F79726;
}

/*BOTTOM NAV END*/

/*CONTENT STYLE START*/
.contentBox{
border: 2px solid #8A644A;
display: block;
width: 900px;
height: 368px;
background-color: #FDFDFB;
}

.contentBox_rot{
border: 2px solid #9B9B9B;
display: block;
width: 900px;
height: 368px;
background-color: #FDFDFB;
}


#main{
margin: 0 auto;   /* align for good browsers */
text-align: left; /* counter the body center */
}

#cleftbox{
display: block;
height: 350px;
width: auto;
overflow-y: auto;
overflow-x: hidden;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: black;
padding-right: 5px;
}

.bulletbox{
text-align: left;
display: block;
height:350px;
width: 250px;
overflow: hidden;
color: #A9775D;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
vertical-align: middle;
margin-top: auto;
margin-bottom: auto;
position: relative;
left: 30px;
}

.bulletbox ul{
padding-left: 25px;
padding-top: 30px;
line-height: 38px;
margin: 0px;
}

.picbox{
height: 350px;
width: 265px;
}

.picbox2{
height: 350px;

}



.job_box{
display: block;
height: 350px;
width: 100%;
overflow: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding-right: 10px;

}


.job_title{
color: #F89828;
margin-top: 0px;
padding-top: 0px;
}


/*CONTENT STYLE END*/

.contact{
font-family: Arial, Helvetica, sans-serif;
display: block;
overflow: auto;
height: 368px;
background-image: url(images/tree_in_hand2.png);
background-repeat: no-repeat;
background-position: top right;
padding-left: 35px;
}

INPUT

{

    BORDER-RIGHT: #999999 1px solid;

    PADDING-RIGHT: 0px;

    BORDER-TOP: #999999 1px solid;

    PADDING-LEFT: 0px;

    FONT-WEIGHT: normal;

    FONT-SIZE: 10px;

    PADDING-BOTTOM: 0px;

    MARGIN: 0px;

    BORDER-LEFT: #999999 1px solid;

    COLOR: #333333;

    PADDING-TOP: 0px;

    BORDER-BOTTOM: #999999 1px solid;

    FONT-FAMILY: Arial, Helvetica, sans-serif;

}

textarea

{

    BORDER-RIGHT: #999999 1px solid;

    PADDING-RIGHT: 0px;

    BORDER-TOP: #999999 1px solid;

    PADDING-LEFT: 0px;

    FONT-WEIGHT: normal;

    FONT-SIZE: 10px;

    PADDING-BOTTOM: 0px;

    MARGIN: 0px;

    BORDER-LEFT: #999999 1px solid;

    COLOR: #333333;

    PADDING-TOP: 0px;

    BORDER-BOTTOM: #999999 1px solid;

    FONT-FAMILY: Arial, Helvetica, sans-serif;

}

/*PORTFOLIO NAVIGATION*/

.arrowlistmenu{
width: 180px; /*width of accordion menu*/
margin-top: opx;
padding-top: 0px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial, Helvetica, sans-serif;
color: white;
background: black url(images/titlebar-active.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/titlebar.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color:  #B66611;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #F89828;
background-color: #F3F3F3;
}

/*PORTFOLIO THUMBS*/

.thumbox{
background-image: url(images/trans_back.png);
background-repeat:repeat;
border: 1px solid #8A644A;
width: 95%;
height: 65px;
overflow: hidden;
pading-top: 0px;
margin-top: 0px;
padding: 4px;
/*border: 1px solid brown;*/
text-align: center;
}

.thumb_list ul{
padding-left:0px;
margin-left: 25px;
padding-top: 2px;
margin-top: 2px;
height: 70px;
width: auto;
overflow:hidden;
text-align: center;
}

.thumb_table td{
padding-top:5px;
padding-left: 10px; 
padding-right: 10px;
}

.thumb_list ul li{
list-style: none;
display: inline;
}

.thumb_list ul li a{
padding: 2px 0.5em;
text-decoration: none;
float: left;
}

.thumb{
background-color: white;
height: 50px;
width: 60px;
display: block;

border: 1px solid black;
}


.thumb_desc{
font-size:10px;	
}

.thumb_group{
float: left; 
display:inline; 
background-image: url(images/trans_back.png);
background-repeat:repeat;
border: 1px solid #8A644A;
width:200px; 
padding: 3px;
margin-left: 60px;
font-size: 14px;
}


.thumb_box{
	height: 250px;
overflow-y: auto;
overflow-x: hidden;
display: block;
width: 96%;

}

/*PORTFOLIO TEXT*/
.port_display{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}


#port_text{
height: 110px;
overflow-y: auto;
overflow-x: hidden;
display: block;
width: 96%;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: black;
}

.client_box{
display: block; 
background-color: white; 
width: 130px; 
height: 80px;
}

.client_cont{
font-family: Arial, Helvetica, sans-serif;
display: block;
overflow: auto;
height: 368px;
}

.client_cont a{
text-decoration: none;
margin-top: 50%;
margin-bottom: 50%;
vertical-align:middle;
line-height: 130px;
}

.client_table{

}

.client_table td{
background-color: white;
}


#client_link img{
border: 0px;
}

.award_box{
overflow-y: auto;
overflow-x: hidden;
font-family:Arial, Helvetica, sans-serif;
height: 368px;
background-image: url(images/leaves_back3.png);
background-repeat:no-repeat;
background-position: top right;
}

#award_img{
border: 2px solid #8A644A;
}

.award_desc{
background-color: #E4DECF;
padding: 8px;
}