body { background:#e9e9e9 url(../images/bg_top.jpg) repeat-x 0 0; margin:0; padding:0; font:12px/18px Arial, Helvetica, sans-serif; }
.clr { clear:both; }
div, p, ul, h2, h3, h4, h5, form, img{padding:0px; margin:0px;}
html { padding:0; margin:0;}
ul{list-style-type:none;}
img { border: none; }
table {  margin-left: auto; margin-right: auto; }
#header { width:100%; min-width:958px; }
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {
	color: #fe1a00;
	padding: 0;
	text-decoration:none;
	
}
a:hover, a:active {
	color: #c3881b;
	text-decoration: none;
}


/* main */
.main {width:100%; padding:0; margin:0 auto; }
.resize { width:958px; margin:0 auto;}
.wrap { width:934px; margin:0 auto;}

/* header */
.block_header {margin:0 auto; width:958px; height:134px; padding-top:5px; }
#logotip { float:left; width:331px; }
#phonetip { float:right; padding-right:10px; }



/* ---------------------------------------------------------------------------------
   NAVIGATION
--------------------------------------------------------------------------------- */

#nav {
	float: left;
	width: auto;
	margin:0px;
	padding:0px;
	display: inline;
	text-transform: uppercase;
}
#nav ul { margin: 0; padding: 0; float: left; }
#nav ul li { float: left; padding: 0; font-weight: bold; width:auto; }
#nav ul li a { float: left; padding: 12px 18px 0 20px; height: 32px; color: #fff; text-decoration: none; outline:none !important; }
#nav ul li:hover a{
	color: #ffc208;
	background:#51749b;
	outline:none !important;
}
/* ---------------------------------------------------------------------------------
   BANNER
--------------------------------------------------------------------------------- */
.banner_bg {
	width:100%;
	padding:0;
	padding-top:12px;
	padding-bottom:12px;
	background-color: #DFDFDF;
}
.banner_bg2 {width:100%; padding:0; padding-top:12px; padding-bottom:12px; }
.banner{ background:#fff; padding:12px; border:solid 1px #939494; margin:0px auto;}
.hire { padding:0px; margin:0px;}
.hire a { color:#fff; text-decoration:none;}
.hire a:hover { color:#fff; text-decoration:underline;}
.ban_right { background:#174864;}
.ban_right h3 { background:#021532; line-height:49px; padding-left:25px; font-weight:bold; font-size:1.1em; color:#fff;}
.ban_right p { padding:25px; color:#fff; padding-bottom:18px;}

.hc1{ background:#fff; padding:12px; border:solid 1px #939494; margin:0px;}
.hc1 h3 { background:#efefef; line-height:49px; padding-left:12px; font-weight:bold; font-size:1.1em; color:#194d6d; text-shadow: 1px 1px 1px #666666;}
.hc1 h4 { background: url(../images/gline.jpg) no-repeat center bottom; line-height:49px; padding-left:10px;font-weight:bold; font-size:1.1em; color:#194d6d; text-align:left; text-shadow: 1px 1px 1px #666666;}
.hc1 p { padding:12px; color:#484e56; font:12/22px Arial, Helvetica, sans-serif;}

.hc2{ background:#d5d5d5; padding:12px; border:solid 1px #939494; margin:0px;}
.hc2 h3 { background:#efefef; line-height:49px; padding-left:12px; font-weight:bold; font-size:1.1em; color:#194d6d; text-shadow: 1px 1px 1px #666666;}
.hc2 p { padding:12px; color:#484e56; font:12/22px Arial, Helvetica, sans-serif;}


/* inner */
.vision { font:1.2em Georgia, "Times New Roman", Times, serif; color:#726B65; font-style:italic; line-height:1.8em;}
ul.menu { list-style: none; border: none; text-align:left; /* LTR */ padding-top:10px; font:12px Arial, Helvetica, sans-serif;}
ul.menu li { background: url(../images/arr2.gif) no-repeat 0 12px; padding-left:12px; line-height:22px; display:block; border-bottom: dashed 1px #666; line-height:30px; }
ul.menu li a { color:#5a5959 !important; text-decoration:none !important;   }
ul.menu li a:hover { color:#000 !important; text-decoration:none !important;
}

/* tabs (those little circles below slides) */
.slidetabs {
	position: relative;
	width:150px; }

/* single tab */
.slidetabs a {
	width:17px;
	height:17px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:12px;
	color:#FFF!important; 
	text-align:center;
}

/* mouseover state */
.slidetabs a:hover {
	background-position:0 -17px;
	text-decoration:none!important;     
}

/* active state (current page state) */
.slidetabs a.current {
	background-position:0 -34px;     
} 	


/* prev and next buttons */
.forward, .backward {
	float:left;
	background:#fff url(../temp/hori_large.html) no-repeat;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

/* next */
.forward 				{ background-position: 0 -30px; clear:right; }
.forward:hover 		{ background-position:-30px -30px; }
.forward:active 	 	{ background-position:-60px -30px; } 


/* prev */
.backward:hover  		{ background-position:-30px 0; }
.backward:active  	{ background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}

.home-slider { position:relative; margin:0px; padding:0px;}



.exta_box {width:100%; padding:0; background:#c6c6c6; padding-top:5px; padding-bottom:5px; }



.menu-ft{	padding: 12px;margin: 0px; list-style: none;  }
.menu-ft li{	margin: 0px;	padding: 0px; list-style: none;	display: block;	background:url(../images/arrow.gif) no-repeat left 5px; padding-left:15px; line-height:22px; }


.footer {width:100%; padding:0; background: url(../images/fbg.jpg) repeat-x; padding-top:35px; padding-bottom:5px; color:#cccccc; font:12px/22px Arial, Helvetica, sans-serif; }
.footer a {color:#cccccc; text-decoration:none; }
.footer a:hover {color:#fff; text-decoration:none; }



/* form*/ 
.cssform{ padding:12px; }
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 12px;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left; 
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px; border:solid 1px #666;
}

.cssform textarea{
width: 180px;
height: 90px; border:solid 1px #666;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}