/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

* { margin:0; padding:0;}
html, body { height:100%;  min-width:940px;}	
body { 
	background:#fff; 
	font-family: Verdana, Geneva, sans-serif;
	font-size:100%; 
	line-height:1.125em;
	color:#8a8a8a;
	min-height:1050px;
	}
input, select, textarea { font-family:Arial, Helvetica, sans-serif;	font-size:1em;	vertical-align:middle;	font-weight:normal;}
object { vertical-align:top; outline:none}
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
.container {	overflow:hidden; width: 100%;}
a img{ border:0px}
img{ vertical-align:top;  }
fieldset{ border:none}
*+html img { -ms-interpolation-mode: bicubic }

a{ color:#fff; text-decoration:underline; outline:none}
a:hover{ text-decoration:none}
	
/*********extra***********/

.block {height:122px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -199px; position:relative; background:url(../images/top.gif) top left repeat-x; z-index:9000000}
html, body {height:100%;}

.top{ background:url(../images/top.gif) top left repeat-x; height:15px; position:absolute; width:100%;  z-index:9; }
.bot{ background:url(../images/bot.gif) bottom left repeat-x; height:199px; position:absolute; width:100%; z-index:1}



.link{color:#fff; text-decoration:none; font-size:.92em; text-transform:uppercase  }
.link:hover{text-decoration:underline }

.button{color:#fff; background:url(../images/button.gif) top left no-repeat; width:114px; text-align:center; line-height:32px; display:block; text-decoration:none;  }
.button:hover{text-decoration:underline }

section ul{margin:0; padding:0; list-style:none;}
section ul li{background:url(../images/marker1.png) top left no-repeat; background-position:0 8px; margin:0; padding-left:15px; }
section ul li a{color:#8a8a8a; text-decoration:none; line-height:1.84em} 
section ul li a:hover { color:#fff; text-decoration: underline; }


footer ul.icon{list-style:none; position: relative; top:0; left:0; height:24px}
footer ul.icon li{ float:left; display:inline; padding:0 4px 0 0}
footer ul.icon li a{text-decoration:none; padding:0; display:block} 
footer ul.icon li a:hover { text-decoration:none; }

.link-2 { display:block; float:left; background:url(../images/link_bg.gif) top left repeat-x; color:#ffffff; text-decoration:none; }
.link-2 em { display:block; background:url(../images/link_left.gif) left top no-repeat;}
.link-2  b { display:block; background:url(../images/link_right.gif) right top no-repeat; padding:0 15px 0 15px; line-height:28px; font-weight:normal; font-style:normal;}
.link-2:hover{ text-decoration:none; color:#000000}


.link-1 { display:inline-block; float:right; line-height:28px; height:28px; background:url(../images/marker2.png) no-repeat 100% 11px #27960c; padding:0 17px 0 13px; color:#fff; text-transform:uppercase; text-decoration:none; border-radius:5px;	-moz-border-radius:5px; -webkit-border-radius:5px;  margin-right:10px; cursor:pointer; position:relative;}
.link-1:hover {background:#000; text-decoration:none; color:#fff}


/*header*/
header {font-size:0.75em; color:#FFFFFF; z-index:90000000000000000000; position:relative;  }
header .inside{z-index:9000000; position:absolute; top:15px; left:260px}

header h1 {position:absolute; left:0px; top:15px; text-indent:-9999px;}
header h1 a { display:block; width:260px; height:112px; background:url(../images/logo.png) no-repeat left top;	}


/*--- superfish dropdown menu begin ---*/
.sf-menu {margin:0; padding:0;	list-style: none; z-index:9000000000000000000000; position: relative } 
.sf-menu ul { position:absolute; top:-999em; width:10em; line-height:1.0; }
.sf-menu li {padding:0; display:block; float:left; position:relative; background:url(../images/bg_li.png) top right no-repeat;  }

.sf-menu li a{ display:block; position:relative; text-decoration:none; zoom:1; line-height:112px; width:136px; text-align:center; background:url(../images/bg_menu.png) top left repeat-x; text-transform:uppercase; font-size:16px; color:#9f9f9e; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }
	.sf-menu li a:hover  { background:url(../images/bg_menu-hover.png) top left repeat-x; text-decoration:none; color:#000000}
	.sf-menu li a.current  { background:#ff0003; text-decoration:none; color:#fff !important}
	.sf-menu li a.current div, .sf-menu li a:hover div{ background:#ff0003; color:#fff}

.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:112px; z-index:99;}


/*** DEMO SKIN ***/
.sf-menu li ul{	background:#222222;	width:197px; background:url(../images/bg_m.gif) top left repeat-x #262626}
.sf-menu li li { font-size:14px; font-weight:normal; text-transform:none; text-align:left; line-height:37px; border:none; background:none;display:block; width:197px; background:url(../images/marker.png) center left no-repeat;	}
.sf-menu li li:hover { background:url(../images/marker.png) center left no-repeat #000000;}
.sf-menu li li a {font-weight:normal; color:#9f9f9e; line-height:37px; height:37px; overflow:hidden; display:block;  text-align:left; width:157px; padding-left:14px; margin:0px 20px 0px 20px; width:157px; background:none}
.sf-menu li li a:hover { color:#fff; background:none }

.sf-menu li li div{ background:url(../images/line.png) bottom left no-repeat; height:37px }


.sf-menu li li a span {  background-position:0 5px; margin:0 14px 0 23px; padding-left:14px; }
.sf-menu li li a:hover, .sf-menu li li a.current { color:#fff;	}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {	outline:0;}
				
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { left:238px; /* match ul width */ top:0; margin-left:1px;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left:10em; /* match ul width */ top:0;}
/*** arrows **/
.sf-menu a.sf-with-ul {	min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {	position:absolute;	display:block;	right:10px;	width:10px;	height:10px; text-indent:-999em; overflow:hidden;}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */	top:50%;	margin-top:-2px;}
a:hover .sf-sub-indicator, a.current .sf-sub-indicator {	}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { right:5px !important;}
.sf-menu ul a > .sf-sub-indicator { }
/*--- superfish dropdown menu begin ---*/

/*content*/
section{font-size:0.8125em; width:100%; text-align:left; z-index:90; position:relative }
section .inside{padding:0 0px 91px 0px}
.img-left{ float:left; margin:0 20px 16px 0}
.img-left1{ float:left; margin:0 15px 16px 0}
.img-indent{ margin:0 0 16px 0}
p{ margin:0 0 17px 0}
.p{ margin:0}
.p1{ margin:0 0 17px 0}
h2{color:#fff; text-transform:uppercase; font-size:1.84em; margin-bottom:17px; line-height:1.2em}
h4{color:#fff; font-weight:normal; font-size:1em; margin-bottom:19px;  }
.txt{ float:right; display:block; margin-bottom:31px; font-weight:bold; color:#5e5e5e}
.tail{ background:url(../images/tail.gif) bottom repeat-x; padding-bottom:9px; margin-bottom:9px}

.indent{padding:40px 0px 0px 0px}
.indent1{padding:0px 0px 0px 198px}

/*box*/
.box{ background: url(../images/bg_cont.png); width:100%; font-family:Verdana, Geneva, sans-serif}
.box .indent-box{ padding:67px 50px 60px 60px; }

/* Footer */
footer .container2 { margin: 0 auto; position: relative; width: 940px; font-family:Verdana, Geneva, sans-serif; margin-top:-82px; z-index:9000000000; height:145px}
footer {height:139px; color:#aaaaaa; font-size:0.75em; }
footer .inside{ padding:54px 0 0px 0 }
footer a {color:#aaaaaa; text-decoration:none}  
footer a:hover {  text-decoration:underline}
footer span{ color:#aaaaaa}

.tel{ left:675px }

	
.indent-2{ position:relative; padding-left:20px; float:left}
.rowElem{ height:37px}
.rowElem1{ height:30px; background:url(../images/bg_input.gif) top left no-repeat}
.block-contact span{ float:right; margin-right:0px}
.input{
   	border:none; 
	background:none;
	width:220px; height:20px;
	font-size:1em;
	color:#000;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
}input{
   	border:1px solid #4e4e4e; 
	background:#0f0d0c;
	width:214px; height:17px;
	font-size:1em;
	color:#fff;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
}
textarea{
   	border:1px solid #4e4e4e; 
	background:#0f0d0c;
	width:254px; height:72px;
	font-size:1em;
	color:#fff;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:11px;
	overflow:auto}