/* 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;
}
.bgstretcher {
	background: black;
	overflow: hidden;
	width: 100%;
	position: fixed !important;
	z-index: 1;
}
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top:0;
	left: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style: none;
}
/* Global properties ======================================================== */
body { 
	background:#000000; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1em;
	color:#393939;
}
html { 
	min-width:950px;
}
html, 
body { 
	height:100%;
}
/* Global Structure ============================================================= */
.container {
	margin:0 auto;
	width:950px;
	font-size:.875em;
	position:relative;
	z-index: 2;
}


	/* Header */
	header {
			background:url(../images/main-top.jpg) center top no-repeat;
			position:relative;
		}
	header .container {
		height:102px;
		position:relative;
	}
	

			
	/* Footer */
	footer {
		position:relative;
		z-index:1000;
		margin-top:-52px;
		background:url(../images/main-footer.jpg) center top no-repeat;
	}
		footer .container {
			height:52px;
		}
		
		*+html footer .container {
			height:52px;
		}
	*+html footer {
		position:relative;
		z-index:1000;
		margin-top:0;
		background:url(../images/main-footer.jpg) center top no-repeat;
	}
	*+html .bg-center .container {
		padding-bottom:278px;
		padding-top:43px;
}
	
/* Left & Right alignment */

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}
.col-1, 
.col-2, 
.col-3 { 
	float:left;
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}	

.wrap {
			min-height:100%; height:auto !important; height:100%;}
.wrapper { 
	width:100%;
	overflow:hidden;
}
/*---- tailings ----*/
.tail-footer { 
	background:url(../images/tail-footer.gif) left top repeat-x;
	position:relative;
	z-index:1000000;
	width:100%;
}
.tail-top {
	background:url(../images/tail-top.gif) left top repeat-x;
	position:relative;
	z-index:2;
	width:100%;
}

	#page2 .main-bg,
	#page3 .main-bg,
	#page4 .main-bg,
	#page5 .main-bg,
	#page6 .main-bg,
	#page7 .main-bg{
		background:url(../images/main-bg2.jpg) center top no-repeat;
		}
.bg-center{
	background:url(../images/bg-center.png) left top repeat-x;
	position:relative;
	z-index:1;
	
}
.bg-center .container {
		padding-bottom:326px;
		padding-top:43px;
}
/*
----- form defaults -----*/
.scroll-pane{
	height:510px;
	width:950px;
	overflow:auto;
}
#page3 .scroll-pane{
	height:530px;
	width:670px;
	overflow:auto;
}
#page4 .scroll-pane{
	height:530px;
	width:950px;
	overflow:auto;
}
#page5 .scroll-pane{
	height:530px;
	width:310px;
	overflow:auto;
}
input, 
select, 
textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
	color:#393939;
	margin:0;
	padding:0;
}
fieldset {
	border:0;
}

/*----- lists -----*/

.list {
	margin-top:20px;
}
#page5 .list {
	margin-top:0;
		margin-bottom:-3px;
}
#page5 .col-2 .list,
#page5 .col-3 .list {
	margin-top:0;
	margin-bottom:8px;
}
	.list li {
		background:url(../images/marker.png) left 6px no-repeat;
		padding-left:17px;
		overflow:hidden;
		vertical-align:top;
} 
		.list li a {
			font-size:13px;
			color:#9c160f;
			text-decoration:none;
			text-transform:uppercase;
			font-weight:bold;
			line-height:1.395em;
			}
		.list li a:hover {
			color:#CCC;}

/*----- other -----*/
.img-indent { 
	margin:2px 10px 0 0; 
	float:left;
}
.img-indent4 { 
	margin:4px 9px 0 0; 
	float:left;
}
.img-indent2 { 
	margin:25px 0 -3px 0; 
}
.img-indent3 { 
	margin:1px 0 18px 0; 
}
.indent{
	margin-bottom:9px;
}
.indent2{
	margin-bottom:12px;
}
.indent3{
	margin-bottom:22px;
}
.pad{
	padding-top:18px;
}
#page4 .pad{
	padding-top:0;
}
#page3 .pad{
	padding-top:0;
}
.pad2{
	padding-bottom:30px;
}
.m1{
	padding:70px 49px 70px 49px!important; 
}
.m2,
.m4{
	padding:75px 28px 75px 28px!important; 
}
.m3{
	padding:75px 28px 75px 38px!important; 
}
.m5{
	padding:70px 25px 70px 25px!important;
}
.extra-wrap { 
	overflow:hidden;
}

p {
	margin-bottom:16px;
	font-size:13px;
	color:#6f6f6f;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.384em;
}
.p1 {
	margin-bottom:8px;
	margin-top:20px;
}
/*----- txt, links, lines, titles -----*/
a {
	color:#d52d00; 
	outline:none;
}
a:hover {
	text-decoration:none;
}

h1 {
}
	h1 a {
		position:absolute;
		left:0;
		top:33px;		
	}
h2 {
	font-size:23px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:1.2em;
	text-transform:uppercase;
	
}
.txt1 {
	font-weight:bold;
	font-size:13px;
	color:#9c160f;
	margin:22px 0 0 0;
	line-height:1.230em;
	text-transform:uppercase;
}
.txt2 {
	font-weight:bold;
	font-size:13px;
	color:#FFF;
	margin:0 0 0 0;
	line-height:1.230em;
	text-transform:uppercase;
}
.txt3 {
	margin:20px 0 0 0;
}
.txt4 {
	font-weight:bold;
	font-size:13px;
	color:#FFF;
	margin:22px 0 0 0;
	line-height:1.230em;
	text-transform:uppercase;
}
.txt5 {
	font-weight:bold;
	font-size:13px;
	color:#FFF;
	margin:19px 0 0 0;
	line-height:1.230em;
	text-transform:uppercase;
}
#page5 .col-3 .txt4 {
	font-weight:bold;
	font-size:13px;
	color:#FFF;
	margin:22px 0 0 0;
	line-height:1.380em;
	text-transform:uppercase;
}
.link2 { 
	display:block;
	background:url(../images/link-bg.gif) left top repeat-x; 
	color:#fff; 
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	width:109px;
	text-align:center;
	text-transform:uppercase;
	padding:7px 0 7px 0;
	border-left:1px solid #b01b12;
}
.link2:hover { 
	background:url(../images/link-bg-hover.gif) left top repeat-x!important;
	border-left:1px solid #6b140f;
}
#page6 .link2 { 
	display:block;
	background:url(../images/link-bg.gif) left top repeat-x; 
	color:#fff; 
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	padding:7px 27px 7px 27px;
	width: auto;
	border-left:1px solid #b01b12;
	margin-left:10px;
}
.link3{
	font-size:13px;
	color:#9c160f;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
}
.link3:hover{
	color:#F00;}
.p0{
	margin:0;}
.line-hor { 
	background:#2e2d2d;
	height:1px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:20px 0 18px 0;
}
.pad-1{
	width:910px;}
#page4 .line-hor { 
	background:#2e2d2d;
	height:1px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:20px 27px 18px 0;
}

.pad-2{
	padding-top:246px;
}
.line-ver { 
	background-image:url(../images/line-ver.gif); 
	background-repeat:repeat-y;
	background-position:0 0;
	width:100%;
}

/*===== header =====*/
.slogan{
	position:absolute;
	top:53px;
	right:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#8c8c8c;
	text-transform:uppercase;
}
/*===== content =====*/
#content .inside {}
#content {
	position:relative;
	z-index:1000;
}
#page2 #content {
	position:relative;
		z-index:1000;
}
#page1 nav {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-475px;
	z-index:999999;
	margin-top:-57px;
	}
.block2{
	width:630px;
}
.block3{
	width:270px;
}
.block4{
	width:270px;
}
.block5{
	width:910px;
}
#page3 .block,
#page4 .block,
#page5 .block,
#page6 .block,
#page7 .block{
	width:950px;
}
.alt{
	width:200px;
}
.alt2{
	width:200px;
	margin-left:30px;
}
.alt span{
	float:right;}
	.alt2 span{
	float:right;}
.row-2{
	margin-top:25px;
}
.box-1{
	width:300px;
	float:left;
	margin-right:31px;
	margin-top:22px;
}
.box-2{
	width:298px;
	float:left;
	margin-top:22px;
}
/*===== footer =====*/
footer {
	position:relative;
	z-index:1000;
}
footer .inside{
	color:#6f6f6f;
	position:absolute;
	left:0;
	top:22px;
}
footer .inside span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#f2f2f2;
	text-transform:uppercase;
	margin-right:5px;
	}
footer a {
		font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6f6f6f;
	text-decoration:none;
	text-transform:uppercase;
	margin-left:10px;
}
footer a:hover{
	text-decoration:underline;
}
.footer-link{
	color:#6f6f6f;
	position:absolute;
	left:400px;
	top:22px;
}

/*----- forms -----*/
#contacts-form{
	margin-top:25px;
}
#contacts-form .rowElem { 
	height:26px;
}
#contacts-form input,
#contacts-form textarea {
	color:#6f6f6f;
	border:none;

	width:252px; 
}
#contacts-form input {
	vertical-align:top;	
	line-height:1.2em;
	background:url(../images/bg-input.gif) left top repeat-x;
	padding:8px 14px 16px 14px;
	margin-bottom:10px;
}
#contacts-form textarea { 
	width:252px; 
	height:212px; 
	overflow:auto;
	background:url(../images/bg-textarae.gif) left top repeat-x;
	padding:14px 14px;
	margin-bottom:10px;
}
/*==========================================*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
}
.sf-menu ul li {
	width:			190px;
}

.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			11.739em; /* match top ul list item height */
	z-index:		99;
}
#page1 .sf-menu li:hover ul,
#page1 .sf-menu li.sfHover ul {
	left:			0;
	top:			10.239em; /* 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 {
	left:			13.661em; /* match ul width */
	top:			0;
}
#page1 ul.sf-menu li li:hover ul,
#page1 ul.sf-menu li li.sfHover ul {
	left:			11.961em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
	left:150em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			7em; /* match ul width */
	top:			0;
}

.sf-menu {
	margin-bottom:1em;
	z-index:100000;
}
#page2 .sf-menu,
#page3 .sf-menu,
#page4 .sf-menu,
#page5 .sf-menu,
#page6 .sf-menu,
#page7 .sf-menu{
	margin-bottom:1em;
	padding-top:0;
	position:absolute;
	left:0;
	top:-1px;
}
.sf-menu a {
	text-decoration:none;
	color:#FFF;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#fff;
}
.sf-menu li {
}
.sf-sub  {
   display: block;
   background: url(../images/bg-menu.jpg) -190px 0 no-repeat;
   float:left;
   width:190px;
   height:168px;
}
#page3 .sf-sub  {
   display: block;
   background: url(../images/bg-menu.jpg) -190px 0 no-repeat;
   float:left;
   width:190px;
   height:168px;
}
.sf-sub:hover {
    background: url(../images/bg-menu.jpg) 0 0 no-repeat;
}
#page3 .sf-sub:hover {
    background: url(../images/bg-menu.jpg) 0 0 no-repeat;
}
.sf-sub.active{
    background: url(../images/bg-menu.jpg) 0 0 no-repeat;
	} 
#page3 .active {
    background: url(../images/bg-menu.jpg) 0 0 no-repeat!important;
	} 
.sf-sub-2 a{
	padding:15px 0 14px 20px!important;
	background:url(../images/link-tail.gif) left top repeat-x;
	font-size:12px;
	color:#FFF;
	width:170px!important;
	text-transform:uppercase;
	margin-bottom:-2px;
	border-left:1px solid #1a1a1a;
}
.sf-sub-2 a:hover{
	background:url(../images/link-tail2.gif) left top repeat-x;
	color:#000;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
	/*==========================================*/
	.jScrollPaneContainer {
	    position: relative;
	    overflow: hidden;
	    z-index: 1;
		height:482px !important;
	}
	 
	.jScrollPaneTrack {
	    position: absolute;
	    cursor: pointer;
	    right: 0;
	    top:22px;
	    height:479px!important;
		background:url(../images/bg-scroll.png)  no-repeat;
		z-index:1;
		margin-top:-40px;
		margin-bottom:-20px;
	}
	.jScrollPaneDrag {
	    position: absolute;
	    cursor: pointer;
	    overflow: hidden;
		background:url(../images/scroll-pro.jpg)  no-repeat center TOP;
			height:91px;

	}
	.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: 10000;
	    top: 0px;
	    right: 0;
	    text-indent: -2000px;
	    overflow: hidden;
		height:42px;
		background:url(../images/scroll-botton-top.gif) no-repeat center top;
	}
	a.jScrollArrowUp:hover {
	    /*background-color: #f60;*/
	}
	 
	a.jScrollArrowDown {
	    display: block;
	    position: absolute;
	    z-index: 1;
	    bottom:0px;
    	right: 0;
	    text-indent: -2000px;
	    overflow: hidden;
		height:32px;
		background:url(../images/scroll-botton-bottom.gif) no-repeat center top;

}
	a.jScrollArrowDown:hover {
    /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
    /*background-color: #f00;*/
}