/* 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: url(../images/top.gif); 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.125em;
	color:#3a3a3a;
	}
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}
.oh{ overflow:hidden}

.col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.main {	margin: 0 auto;	position: relative;	width: 940px; }

.row .col-1{ width:152px; margin-right:5px}
.row .col-2{ width:152px;}
.row1 .col-1{ width:444px; margin-right:21px}
.row1 .col-2{ width:444px;}




a{ color:#e13203; text-decoration:none; outline:none}
a:hover{ text-decoration:underline}
		
section ul.list{margin:0; padding:0; list-style:none;}
section ul.list li{background:url(../images/marker1.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:25px; overflow:hidden }
section ul.list li a{color:#000000; text-decoration:none; line-height:30px} 
section ul.list li a:hover { text-decoration:none; color:#e13203; }

section ul.list1{margin:0; padding:0; list-style:none;}
section ul.list1 li{background:url(../images/marker1.gif) top left no-repeat; background-position:0 2px; margin:0; padding-left:25px; padding-bottom:11px; overflow:hidden }
section ul.list1 li a{color:#000000; text-decoration:none; line-height:18px} 
section ul.list1 li a:hover { text-decoration:none; color:#e13203; }

.link{color:#000000; background:url(../images/marker.gif) top left no-repeat; padding-left:20px; background-position:0 5px; text-decoration:none; font-size:.916em  }
.link:hover{text-decoration:underline }

.button{color:#3d333a; background:url(../images/button.gif) top left no-repeat; width:106px; text-align:center; line-height:35px; display:block; text-decoration:none; float:right;  font-size:18px;   }
.button:hover{text-decoration:none; color:#e13203 }

.rss{color:#fff; background:url(../images/bg_rss.gif) top left no-repeat; width:197px; padding-left:82px; line-height:86px; display:block; text-decoration:none; font-size:30px; letter-spacing:-1px }
.rss:hover{text-decoration:none; color:#ff7a01 }

.link-1 { display:inline-block; float:left; line-height:37px; background:url(../images/bg_link.gif) top left repeat-x #131313; padding:0px 28px 0px 28px; color:#fff; text-transform:uppercase; text-decoration:none; border-radius:13px;	-moz-border-radius:13px; -webkit-border-radius:13px; cursor:pointer; position:relative; font-size:13px;  behavior:url(js/PIE.htc);}
.link-1:hover {background:#131313; text-decoration:none; color:#fff}



.link-2 { display:block; float:right; background:url(../images/bg_link1.gif) top left repeat-x; color:#2f252c; text-decoration:none; }
.link-2 em { display:block; background:url(../images/bg_link-left.gif) left top no-repeat; font-size:18px}
.link-2  b { display:block; background:url(../images/bg_link-right.gif) right top no-repeat; padding:0 12px 0 12px; line-height:42px; font-weight:normal; font-style:normal;}
.link-2:hover{ text-decoration:none; color:#e13203;}

/*header*/
header {font-size:0.75em; color:#FFFFFF; height:608px; background:url(../images/top.gif) }
header .indent{ top:64px; left:230px; position:absolute; padding:0; margin:0; width:710px}
header .img{ margin:10px 0 0 9px}
header .block{border-style:solid; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; behavior:url(js/PIE.htc); position:relative; background:#000; height:529px}

header h1 {  text-indent:-9999px; position:absolute; top:64px}
header h1 a { display:block; width:221px; height:178px; background:url(../images/logo.jpg) no-repeat left top;	}


/*--- superfish dropdown menu begin ---*/
.sf-menu {margin:0; padding:248px 0 0 0;	list-style: none; z-index:90000; position:relative; width:223px } 
.sf-menu li{ margin:0; display:block;}
.sf-menu li a{color:#c6c6c6; text-decoration:none; display:block; line-height:40px; font-size:30px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; padding-left:15px;  } 
.sf-menu li a:hover {color:#fffefe;  text-decoration:none; background:url(../images/bg_menu.png) top left no-repeat;}
.sf-menu li a.current {color:#fffefe;  text-decoration:none; background:url(../images/bg_menu.png) top left no-repeat;}


.sf-menu ul { position:absolute; top:-999em; width:10em; line-height:1.0; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { top:0px; z-index:99; position:relative}
.sf-menu li:hover ul ul, .sf-menu li.sfHover ul ul { top:0px; z-index:99; position:relative}


/*** DEMO SKIN ***/
.sf-menu ul {	width:200px}
.sf-menu ul li {  text-align:left; line-height:27px; height:27px; padding:0;  z-index:9; position:relative; padding-left:17px }
.sf-menu ul li a {text-transform:none; line-height:27px; height:27px; text-align:left; padding:0; font-size:17px;  text-transform:uppercase; color:#fff; text-transform:uppercase; z-index:9; background: url(../images/marker4.png) top left no-repeat; padding-left:21px; background-position:0 5px}
.sf-menu ul li a:hover { color:#d31c01; background: url(../images/marker4.png) top left no-repeat; background-position:0 5px }

/*** DEMO SKIN ***/
.sf-menu ul ul {  padding-left:160px; width:500px; position:relative; display:block; overflow:hidden}
.sf-menu ul ul li {  text-align:left;  padding:0;  z-index:9; display:inline; float:left; padding-left:1px; margin:0  }
.sf-menu ul ul li a { line-height:27px;  text-align:left; padding:0 14px 0 14px; font-size:17px;  text-transform:uppercase; color:#fefdf6; text-transform:uppercase; z-index:9; background:#d41f02; border-style: solid; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; behavior:url(js/PIE.htc); position:relative}
.sf-menu ul ul li a:hover { color:#000000; background:#e6e6e6; border-style: solid; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; behavior:url(js/PIE.htc); position:relative  }

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {	 position:relative }

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {	left: 0;	top: 0px; /* match top ul list item height */	z-index: 99;}
				
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 { top:0; left:0; position: absolute}
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;}

/*content*/
section{ font-size:0.8125em; width:100%; text-align:left; background:#fefdf6}
section .inside{padding:45px 0px 50px 0px}
.img-left{ float:left; margin:0 20px 16px 0}
.img-left1{ float:left; margin:0 16px 0 0}
.img-indent{ margin:0 0 10px 0}
p{ margin:0 0 17px 0}
.p{ margin:0}
.p1{ margin:0 0 17px 0}
.p2{ margin:0 0 31px 0}
.p3{ margin:0 0 9px 0}
h2{color:#2a2a2a; font-size:28px; font-weight:normal; margin-bottom:13px; line-height:1.2em}
h4{color:#000; font-size:1em; margin-bottom:19px;  }
h5{color:#e13203; font-size:1em; font-weight:normal  }
.tail{ background:url(../images/tail.gif) bottom repeat-x; padding-bottom:9px; margin-bottom:9px}
.txt-1{ float:right; display:block; margin-bottom:31px; font-weight:bold; color:#5e5e5e}
.txt2{ font-size:12px; color:#898888}

.indent{padding:30px 0px 0px 0px}
.indent1{padding:10px 0px 0px 0px}
.indent2{padding:0px 0px 0px 30px}

.box { background:#443d40; border-style: solid; border-radius:11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; behavior:url(js/PIE.htc); position:relative; color:#9c9c9c; font-size:12px; margin-top:3px}
.box .indent-box{padding:12px 14px 20px 16px}
.box h2{color:#fff; background:url(../images/icon.gif) top left no-repeat; padding:20px 0 20px 67px; font-size:24px; font-weight:normal; margin-bottom:0; line-height:1.2em}

/*footer*/
footer { color:#fafafa; font-size:0.8125em; background:url(../images/bot.gif) top repeat-x; height:320px}
footer .inside{ padding:21px 0 50px 0 }
footer a {color:#fafafa; text-decoration:underline}  
footer a:hover {  text-decoration:none}
footer b{ color:#e84b34; font-weight:normal}
footer h2{color:#fff; font-weight:normal; font-size:24px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom:13px; line-height:1.2em}
footer .col-1{ width:500px; margin-right:68px}
footer .col-2{ width:372px}
footer .col-3{ width:161px}
.txt{ color:#fff; font-size:21px; font-family:Arial, Helvetica, sans-serif}
.txt1{ font-size:14px}
.pad{ padding-left:77px}
.pad4{ padding-left:72px}

footer ul{margin:0; padding:0; list-style:none;}
footer ul li{ margin:0px;  display:block; line-height:28px; padding-left:7px; width:102px }
footer ul li a{color:#adacac; text-decoration:none; display:block; line-height:28px; background:url(../images/marker.gif) center left no-repeat; padding-left:13px; } 
footer ul li:hover { text-decoration:none; color:#fff; background: url(../images/bg_li.gif) top left no-repeat; }
footer ul li:hover a { text-decoration:none; color:#fff;  }
	
.indent-2{ position:relative; padding-right:20px; float:left}
.rowElem{ height:44px}
.rowElem4{ height:214px}
.rowElem1{ height:28px; background:url(../images/bg_input.png) top left no-repeat}
.rowElem2{ height:31px; position:relative}
.rowElem2 span{ position:absolute; top:7px; left:0px; text-align:left; width:72px; font-size:13px}
.rowElem3{ height:125px;  position:relative}
.rowElem3 span{ position:absolute; top:7px; left:0px; text-align:left; width:72px; font-size:13px}
.block-contact span{ float:right; margin-right:160px}
.input{
   	border:1px solid #363537; 
	background:url(../images/bg_input.gif);
	width:280px; height:20px;
	border-style: solid; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior:url(js/PIE.htc);
	position:relative;
	font-size:1em;
	color:#fff;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
}.input2{
   	border:1px solid #5b5557; 
	background:#686265;
	width:116px; height:20px;
	font-size:1em;
	color:#a2a1a1;
	float:left;
	vertical-align:middle;
	border-style:solid; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; behavior:url(js/PIE.htc);
	padding-left:10px;
	padding-right:7px;
	padding-top:4px;
	padding-bottom:4px;
}input{
   	border:1px solid #b6b5b1; 
	background:#b6b5b1;
	width:410px; height:20px;
	border-style: solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior:url(js/PIE.htc);
	font-size:1em;
	position:relative;
	padding-left:12px;
	padding-right:11px;
	padding-top:9px;
	padding-bottom:9px;
}
textarea{
   	border:1px solid #b6b5b1; 
	background:#b6b5b1;
	border-style: solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior:url(js/PIE.htc);
	position:relative;
	width:555px; height:170px;
	font-size:1em;
	padding-left:10px;
	padding-right:10px;
	padding-top:9px;
	padding-bottom:9px;
	margin-bottom:11px;
	overflow:auto}
.textarea{
   	border:1px solid #363537; 
	background:url(../images/bg_input.gif);
	width:280px; height:110px;
	font-size:12px;
	border-style: solid; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior:url(js/PIE.htc);
	position:relative;
	color:#fff;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
	margin-bottom:11px;
	overflow:auto}
	
	
	
/* * Required */
#loopedCarousel{ width:608px; position:relative; clear:both; margin-left:47px }
#loopedCarousel {height:122px;  }
#loopedCarousel .container2 { width:608px; height:122px; overflow:hidden; position:relative; margin:0; }
#loopedCarousel .slides { position:absolute; top:0; left:0; }
#loopedCarousel .slides .div { position:absolute; top:0; width:950px; display:none;}
#loopedCarousel .slides img { margin-right:4px}
/* * Optional*/
.but1{ position:absolute; left:0; top:45px; }
#loopedCarousel .previous{background:url(../images/button-1.gif) top left no-repeat; width:32px; height:32px; display:block; float:left; text-decoration:none; margin-left:-43px; position:relative}
#loopedCarousel .next{background:url(../images/button-2.gif) top left no-repeat; text-decoration:none; width:32px; height:32px; display:block; float:right; margin-left:617px; position:relative; }
#loopedCarousel .previous:hover{background:url(../images/button-1-act.gif) top left no-repeat; text-decoration:none}
#loopedCarousel .next:hover{background:url(../images/button-2-act.gif) top left no-repeat; text-decoration:none}

	
/*--- scroll-pane ---*/
.scroll-wrap {	width:940px; float:left;}
.scroll-pane {	width:940px !important; height:544px;	overflow:auto}
.jScrollPaneContainer {	position: relative;	overflow: hidden; z-index: 1;}
.jScrollPaneTrack {	position: absolute;	cursor: pointer; right: 0;	top: 0;	height: 100%;	background:url(../images/scroll.gif) no-repeat right top; width:9px}
.jScrollPaneDrag {	position: absolute;	cursor: pointer; overflow: hidden;	background:url(../images/drag.gif) no-repeat top right ; height:102px ;	width:9px;}
.jScrollPaneDragTop {	position: absolute;	top: 0;	left: 0;	overflow: hidden;}
.jScrollPaneDragBottom {	position: absolute;	bottom: 0;	left: 0;	overflow: hidden;}
a.jScrollArrowUp {	display: block;	position: absolute;	z-index: 1;	background:#0F0; top: 0;	right: 0;	text-indent: -2000px;	overflow: hidden;	height:102px;}
a.jScrollArrowDown {	display: block;	position: absolute;	z-index: 1;	background:#0F0;	bottom: 0;	right: 0;	text-indent: -2000px;	overflow: hidden;	height:102px;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}