﻿/* 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;}

/* Global properties ======================================================== */
html {width:100%; height:100%;}

body { 	 
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	color:#656b73;
	min-width:980px;
	height:auto;
	min-height:100%;
	background:url(../images/body-bg.jpg) center top no-repeat #ffffff;
}

.bg {width:100%; background:url(../images/bg-top.jpg) center 0 no-repeat;}

.main {
	width:960px;
	margin:0 auto;
}

a {color:#202937; outline:none;}
a:hover {text-decoration:none;}

.col-1, .col-2 {float:left; width:300px;}

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
 
p {margin-bottom:18px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}
.p6 {margin-bottom:73px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.it {font-style:italic;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#656b73;}

/*********************************boxes**********************************/
.indent {padding:153px 10px 0 0;}
.indent-top {padding-top:12px;}
.indent-right {padding-right:40px;}

.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:26px;}
.indent-bot3 {margin-bottom:45px;}

.prev-indent-bot {margin-bottom:10px;}
.prev-indent-bot2 {margin-bottom:12px;}
.img-indent-bot {margin-bottom:25px;}
.margin-bot {margin-bottom:35px;}

.img-indent {float:left; margin:0 18px 0px 0;}	
.img-indent2 {float:left; margin:0 13px 0px 0;}	
.img-indent-r {float:right; margin:0 0px 0px 40px;}	

.buttons a:hover {cursor:pointer;}

.menu a,
.list-1 a,
.list-2 a,
.link,
.button,
h1 a {text-decoration:none;}	

/*********************************header*************************************/
header {
	width:100%;
	position:relative; 
	z-index:2;
}

h1 {
	padding:4px 0 0 6px; 
	float:left;
	font-weight:normal;
}
	h1 a {
		display:block;
		width:243px;
		height:88px;
		text-indent:-9999em;
		background:url(../images/logo.png) 0 0 no-repeat;
	}
	h1 span {
		display:block;
		font-size:10px;
		line-height:2.2em;
		color:#939393;
		text-transform:uppercase;
		padding-left:4px;
	}
	
.account-text {
	display:block;
	font-size:10px;
	line-height:2em;
	color:#939393;
	text-transform:uppercase;
}
	
/***** menu *****/
.menu {
	width:940px;
	min-height:93px;
	margin:0 auto;
	padding-bottom:7px;
	background:url(../images/menu-shadow.png) left bottom repeat-x;
}
.menu li {
	float:left; 
	position:relative;
	background:url(../images/menu-spacer.gif) left top no-repeat;
	padding-left:2px;
}
.menu > li:first-child {background:none; padding-left:0;}
.menu > li:first-child > a {width:155px;}
.menu a {
	display:block; 
	width:155px;
	font-size:12px; 
	line-height:93px;
	color:#656b73; 
	text-transform:uppercase; 
	text-align:center;
	overflow:hidden;
	position:relative;
}
.menu span {
	display:block;
	width:100%;
	height:100%;
	position:relative;
	z-index:3;
}
.menu strong {
	display:block;
	width:100%;
	height:100%;
	background:url(../images/menu-tail.gif) 0 0 repeat-x #dfdfdf;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
}
.menu em {
	display:block;
	width:100%;
	height:100%;
	background:url(../images/menu-active-tail.gif) 0 0 repeat-x #2a3648;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
.menu > .active > a,
.menu > li > a:hover,
.menu > li.sfHover > a {color:#fff;}

.menu ul {
	position:		absolute;
	padding:		34px 0;
	top:			-999em;
	width:			155px;
	background:		#1c2430;
	height:			auto;
}
.menu ul li {width:	100%;}
.menu li:hover {visibility:	inherit; }
.menu li li {background:none; padding:5px 0; text-align:center;}
.menu li li a {
	display:		inline-block;
	width:			auto;
	padding:		0;
	font-size:		12px;
	line-height:	18px;
	color:			#606976;
}
.menu li li > a:hover, 
.menu li li.sfHover > a {color:#fff;}

.menu li:hover ul, .menu li.sfHover ul {
	left:			2px;
	top:			94px;
	z-index:		999;
}
ul.menu li:hover li ul, ul.menu li.sfHover li ul {
	top:			-999em;
}
ul.menu li li:hover ul, ul.menu li li.sfHover ul {
	left:			156px;
	top:			-35px;
	z-index:		9999;
}
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {
	top:			-999em;
}

/***** slider *****/
.slider-wrapper {
	width:940px;
	height:479px;
	margin:0 auto 10px;
	overflow:hidden;
	position:relative;
}
.slider {
	width:940px;
	height:479px;
}
.items {display:none;}

.banner-bg {
	width:369px;
	height:439px;
	background:url(../images/banner-tail.png) 0 0 repeat;
	position:absolute;
	top:20px;
	left:551px;
	z-index:98;
}
.banner {
	display:block;
	width:290px;
	height:271px;
	padding:168px 0 0 79px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:30px;
	line-height:1.23em;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.46);
	font-weight:normal;
	color:#9f9f9f;
	text-transform:uppercase;
	position:absolute;
	top:20px;
	left:551px;
	z-index:99 !important;
	overflow:hidden;
}
	.banner span {
		display:block;
		margin-top:-9px;		
	}
	
.pagination {
	position:absolute;
	right:258px;
	top:333px;
	z-index:100;
}
.pagination li {
	float:left;
	padding-left:14px;
	position:relative;
}
	.pagination a {
		display:block;
		width:6px;
		height:6px;
		text-indent:-9999em;
		background:#9f9f9f;
		border-radius:100%;
		position:relative;
	}
	.pagination a:hover,
	.pagination .current a {background:#1c2430;}
	.pagination .current a {cursor:default;}

/*********************************content*************************************/
#content {
	width:100%; 
	padding:25px 0 75px;
	position:relative;
	z-index:1;
}
	#page1 #content {padding:33px 0 70px;}

.spacer-1 {
	padding-right:20px;
	background:url(../images/pic-1.gif) 311px 0 repeat-y;
}

h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:30px; 
	line-height:2em;
	font-weight:normal;
	color:#8d8d8d;
	text-transform:uppercase;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.46);
}
h5 {
	font-size:14px;
	line-height:18px;
	font-weight:normal; 
	text-transform:uppercase; 
	color:#1c2430;
}
.border-bot {
	width:100%; 
	padding-bottom:44px; 
	background:url(../images/pic-1.gif) 0 bottom repeat-x;
}
.border-bot2 {
	width:100%; 
	padding-bottom:23px; 
	background:url(../images/pic-1.gif) 0 bottom repeat-x;
}

.box {
	width:100%; 
	background:url(../images/box-tail.gif) 0 0 repeat-x;
}

.button {
	display:inline-block; 
	padding:0 24px;
	font-size:10px;
	line-height:35px;
	color:#fff; 
	text-transform:uppercase;
	cursor:pointer;
	position:relative;
	overflow:hidden;
}
	.button em {
		display:block;
		position:relative;
		z-index:3;
		font-style:normal;
	}
	.button span {
		display:block;
		width:100%;
		height:100%;
		position:absolute;
		left:0;
		top:0;
		z-index:2;
		background:#1c2430;
	}
	.button strong {
		display:block;
		width:0;
		height:0;
		position:absolute;
		z-index:1;
		background:#afafaf;
	}
.button:hover {color:#fff;}

.list-1 li {
	font-size:14px;
	line-height:22px; 
	padding:4px 0 4px 32px; 
	text-transform:uppercase;
	background:url(../images/marker-1.png) 0 6px no-repeat;
}
	.list-1 a {
		display:inline-block;
		color:#1c2430;
	}
	.list-1 a:hover {text-decoration:underline;}

.list-2 li {
	font-size:14px; 
	line-height:24px; 
	padding:0px; 
	background:url(../images/pic-1.gif) 0 bottom repeat-x;
}
	.list-2 a {
		display:block; 
		color:#1799cf; 
		padding-left:12px; 
		background:url(../images/marker-1.gif) 0 10px no-repeat;
	}
	.list-2 a:hover {color:#fff;}
	.list-2 .last-item {background:none;}

.link:hover {text-decoration:underline;} 

.link-1 {
	display:inline-block; 
	font-size:14px; 
	padding-right:8px; 
	background:url(../images/marker-3.gif) right 8px no-repeat;
}
.link-1:hover {color:#fff;} 

.text-1 {font-size:14px;} 
.text-2 {font-size:14px; line-height:1.285em;}  

.tdate-1 {
	display:block;
	font-size:14px;
	line-height:18px;
	color:#1c2430;
	text-transform:uppercase;
}

dl span {float:left; width:73px;}

/***** carousel *****/
.carousel {
	width:100%;
	height:172px; 
	overflow:hidden; 
	position:relative;
}
.carousel ._next,
.carousel ._prev {
	display:block;
	width:21px;
	height:21px;
	text-indent:-5000px;
	position:absolute;
	z-index:99;
	cursor:pointer;
}
.carousel ._prev {
	right:27px;
	top:28px;
	background:url(../images/carousel-control.png) left top no-repeat;
}
.carousel ._next{
	right:0px;
	top:28px;
	background:url(../images/carousel-control.png) right bottom no-repeat;
}
.carousel-list li {
	margin:0 57px 0 0; 
	width:141px;
	height:101px;
	position:relative;
}

/***** contact form *****/
#contact-form {
	position:relative;
	vertical-align:top;
	width:100%;
	z-index:1;
	}
	#contact-form fieldset {
		border:none;
		padding:0;
		}			
			#contact-form label {
				display:block;
				min-height:55px;
			}
			#contact-form label.message {height:236px;}
			
			#contact-form input {
				width:199px;
				padding:8px 10px 10px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
				line-height:1.23em;
				color:#656b73; 
				border:1px solid #dadada;
				background:#fff;
				outline:none;
			}
			#contact-form .area .error { float:none;}
			#contact-form textarea {
				height:210px;
				margin:0;
				width:414px;
				padding:12px 10px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
				line-height:1.23em;
				color:#656b73; 
				border:1px solid #dadada;;
				background:#fff;
				overflow:auto;
				outline:none;
			}
			#contact-form a {cursor:pointer;}
			#contact-form a:hover {text-decoration:none;}
				#contact-form .success {display:none; margin-bottom:20px; color:#28292d;}
				#contact-form .error,
				#contact-form .empty {
					color:#f00;
					font-size:11px;
					line-height:2em;
					display:none;
					overflow:hidden;
				}
		.buttons-wrapper { padding:28px 22px 0 0; text-align:right;}
		.buttons-wrapper a { margin-left:10px;}
		
/****************************footer************************/
footer {
	width:100%; 
	padding:0 0 35px;
	font-size:11px;
	line-height:1.23em;
	color:#1c2430;
	text-transform:uppercase;
}

	footer span {display:block;}
	.border-top {padding-top:35px; background:url(../images/pic-1.gif) 0 0 repeat-x;}
