/* 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%;}

body { 	 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#727272;
	min-width:1064px;
	background:#000;
}
.border-bottom-header {background:url(../images/border-tail.gif) repeat-x center bottom; width:100%; padding-bottom:5px;}
.bg {width:100%; background:url(../images/bg-top.jpg) center -230px no-repeat;}
.bg-1 {width:100%; background:url(../images/bg-1-tail.png) repeat-x center top;  min-height:342px; position:relative;}
#page1 .bg {background-position:center 0;}
.header-bg {
	background:url(../images/header-bg.jpg) no-repeat left 0;
	width:100%;
	box-shadow: 0 0 13px #000;
	}
.header-bg-padding {padding:0 11px 0 34px; overflow:hidden; position:relative;} 
.main {
	width:1064px; 	
	padding:0;
	margin:0 auto;
	font-size:0.75em;
	line-height:1.5em;
}

a {color:#FF0033; outline:none;}
a:hover {text-decoration:none;}

.col-1, .col-2, .col-3, .col-4 {float:left;}
.col-1 {width:960px;}
.col-2 {width:630px;  margin-right:9px;}
.col-3 {width:320px;}
.col-4  {width:230px;}
aside .col-3 {width:200px !important;}
.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;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

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

.title {margin-bottom:18px;}

.it {font-style:italic;}

.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#666;}

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}

.spacing {margin-right:35px;}

.indent {padding:0 0 0px 30px;}
.indent2 {padding-left:50px;}
.indent-bot {margin-bottom:20px;}
.indent-bot1 {margin-bottom:21px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}
.indent-bot4 {margin-bottom:42px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:0 20px 0px 0;}	
.img-indent2 {float:left; margin:0 16px 0px 0;}
.img-indent3 {float:left; margin:0 12px 0px 0;}
.img-indent4 {float:left; margin:0 25px 0px 0;}
.img-indent5 {float:left; margin:0 4px 0px 0;}	
.img-indent-r {float:right; margin:0 0px 0px 40px;}	

.col-indent {margin-right:40px;}
.col-indent1 {margin-right:42px;}

.prev-indent-bot {margin-bottom:10px;}
.prev-indent-bot1 {margin-bottom:4px;}
.prev-indent-bot2 {margin-bottom:13px;}

.buttons a:hover {cursor:pointer;}
.clear {
 clear: both;
 display: block;
 overflow: hidden;
 visibility: hidden;
 width: 0;
 height: 0;
}

.menu li a,
.list-1 li a,
.list-2 li a,
.link,
.button,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header {
	width:100%;
	position:relative; 
	z-index:2;
}

h1 {
	padding:0px 0 0 0; 
	position:relative;
	float:left;
}
h1 a {
	display:inline-block;
	font-size:38px;
	line-height:2em;
	color:#fff;
	text-decoration:none;
}
h1 a strong {color:#fc4e00;}
#page1 .bg-1 {
	width:100%;
	background:url(../images/bg-1-tail.png) repeat-x center top;
	min-height:342px;
	position:absolute;
	width:1019px;
	margin-left:15px;
	}
#page1 .header-bg-padding  {padding:0 11px 0px 19px;}
.slider {padding:0px 0 0 0;}

.header-padding {
	float: right;
	padding:42px 59px 0 60px;
}

/******************menu*******************************/
.menu {
	padding:43px 0 0 0; 
	float:right;
}
.menu li {
	float:left; 
	position:relative;
	font-size:17px;
	line-height:1.235em;
	margin:0 0 0 50px;
}
.menu li a {display:inline-block; color:#fff; }
.menu li.item {padding:0px; margin:0px;}
.menu li.item-1 {margin-left:46px;}
.menu li a.active,
.menu li a:hover,
.menu > li.sfHover > a {color:#FF0033;}
.menu > li > a > .sf-sub-indicator {
	background:url(../images/menu-li-marker.png) no-repeat left top;
	width:15px;
	height:11px;
	position:absolute;
	right:2px;
	top:5px;
	display:block;
	cursor:pointer;
	}
.menu li li .sf-sub-indicator {display:none;}
.sf-with-ul {padding-right:25px;}
.menu li.last {margin-left:25px;}
.menu ul {
	position:		absolute;
	padding:		14px 25px 35px 0px;
	top:			-999em;
	width:			107px;
	background:		url(../images/menu-ul-tail.gif) 0 top repeat-x #d40b00;
	border-bottom:1px solid #000;
}
.menu ul ul {background:		url(../images/menu-ul-tail-1.png) 0 top repeat-x; border:none; }
.menu ul li {width:	100%;}
.menu li:hover {visibility:	inherit; }
.menu li li {padding:0; background:none; margin:0px;}
.menu li li a {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	padding:		2px 0 2px 12px;
	font-size:		13px;
	line-height:	1.23em;
	text-align:		left;
	color:#fff;
	text-transform:	none;
}
.menu li li a:hover, .menu li li.sfHover > a, 
.menu li li.sfHover > a {background:#000000; color:#fff;}

.menu li li li { padding:0;}
.menu li li li a:hover {background-color:#da1500; color:#fff;}
.menu li:hover ul, .menu li.sfHover ul {
	left:			-18px;
	top:			35px;
	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:			122px;
	top:			-14px;
	z-index:		9999;
}
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {
	top:			-999em;
}


.banner-box {
	background:url(../images/banner-box-bg.png) repeat left top;
	width:100%;
	min-height:178px;
	position:absolute;
	bottom:0px;
	left:0px;
	font-size:14px;
	line-height:18px;
	color:#dadada;
	}
.banner-box-padding {padding:22px 35px 0 60px;}

/*********************************content*************************************/
#content {
	width:100%; 
	padding:0;
	position:relative;
	z-index:1;
}
.content-padding {padding:1px 0 86px 65px;}
.bg-content {width:100%; background:#fff;}

h3 {
	font-size:22px; 
	line-height:2em; 
	margin:0 0 20px 0; 
	color:#140905;
}
h5 {
	font-size:17px;
	line-height:2em;
	color:#fff;
	background:url(../images/h5-border.gif) repeat-x center bottom;
	padding-bottom:3px;
	font-style:italic;
	font-weight:normal;
	margin-bottom:15px;
	}
.button {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#fff;
}
.button:hover {text-decoration:underline;}
.button-1 {
	display:inline-block;
	color:#fff;
	background:url(../images/button-2-tail.gif) repeat-x left top #262626;
	text-decoration:none;
	padding-right:14px;
	}
.button-1 strong {
	display:inline-block;
	background:url(../images/button-1-marker.png) no-repeat right 13px;
	padding:0px 23px 3px 15px;
	font-size:18px;
	line-height:2em;
	letter-spacing:-1px;
	cursor:pointer;
	}
.button-1:hover { background-position:left -46px; background-color:#e92e00;}
.box-red {background:url(../images/box-red-bg.gif) repeat-x center top #d40c00; width:100%;}
.box-red h3 {padding:6px 0 10px 30px; margin:0px;}
.box-left {	background:#f0f0f0; padding:1px;}
.box-left-bg {background:#fefefe; padding:29px 20px 30px 30px;}
#page5 .box-left-bg {padding:39px 20px 32px 25px;}
.aside-padding {padding:40px 0 52px 0; background:#060606;}
.aside-padding .content-padding {padding-bottom:0px;}
.list-1 li {
	font-size:13px;
	line-height:18px;
	padding:4px 0 4px 0;
}
	.list-1 li a {
		display:inline-block;
		color:#bfbfbf;
		background:url(../images/icon.gif) no-repeat -100px -100px;
	}
		.list-1 li a:hover {
			color:#FF0033;
		}	
			.list-1 li.n-1 a,
			.list-1 li.n-2 a,
			.list-1 li.n-3 a,
			.list-1 li.n-4 a,
			.list-1 li.n-5 a {padding:7px 0 3px 31px}
			.list-1 li.n-1,
			.list-1 li.n-2,
			.list-1 li.n-3,
			.list-1 li.n-4,
			.list-1 li.n-5 {padding:0px;}
			.list-1 li.n-1 a { background-position:left 4px; }
			.list-1 li.n-2 a { background-position:left -24px; }
			.list-1 li.n-3 a { background-position:left -52px; }
			.list-1 li.n-4 a { background-position:left -80px; }
			.list-1 li.n-5 a { background-position:left -108px; }

.list-2 li {
	padding:0px;
	background:url(../images/list-2-tail.gif) repeat-x center top #f6f6f6;
	border-bottom:1px solid #e9e9e9;
	}
	.list-2 li a {
		font-size:18px;
		line-height:2em;
		display:block; 
		color:#140905; 
		padding:0 0 2px 62px; 
		background:url(../images/list-2-marker.png) 31px 7px no-repeat;
		letter-spacing:-1px;
	}
		.list-2 li a:hover {color:#FF0033;}
	.list-2 li.last {border:none;}
.gray-box {background:url(../images/gray-box-tail.gif) repeat-x center bottom #fff; width:100%;}
.gray-box h3 {padding:8px 0 8px 29px; margin:0px; letter-spacing:-1px;}
.box-center {background:#fefefe; padding:29px 17px 30px 28px;}
#page4 .box-center {padding:0px;}
h4 {
	color:#090;
	font-size:18px;
	line-height:1.2777em;
	letter-spacing:-1px;
	margin-bottom:8px;
	}
.text-1 {
	font-size:14px;
	line-height:18px;
	color:#a1a1a1;
	font-style:italic;
	background:url(../images/text-1-bg.png) no-repeat left top;
	padding-left:37px;
	} 
.list-3 li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	padding:3px 0 5px 11px;
	background:url(../images/list-3-marker.png) no-repeat left 10px;
	}
.list-3 li a {color:#FF0033; text-decoration:none;}
.list-3-width {width:220px; float:left;}
.list-4 dt {
	color:#140905;
	font-size:18px;
	line-height:2em;
	letter-spacing:-1px;
	background:url(../images/sryle-h4-tail.gif) repeat-x left top #f6f6f6;
	border-bottom:1px solid #e9e9e9;
	padding:0 0 2px 30px;
	}
.list-4 dd {padding:20px 5px 19px 24px; border-bottom:1px solid #e9e9e9; overflow:hidden;}
.list-4 dd.last {border:none;}
.col-img {width:288px; float:left;}
.col-img-box {width:100%; background:url(../images/col-img-box-tail.gif) repeat-x center top #e3e3e3;}
.col-img-box-padding {padding:19px 20px 22px 20px;}
.col-img-indent {margin-right:3px;}
.text-width {width:66px; display:inline-block}
.link:hover {text-decoration:underline;}
dl span {float:left; width:80px;}
.img-padding-box {padding:2px 0 0 0 ;}
/***** carousel style*****/
.carousel {
	width:959px;
	min-height:430px;
	position:relative;
	overflow:hidden; 
	background:url(../images/carousel-tail.gif) repeat-x center top;
	margin-bottom:35px;
	}
.carousel h3 {font-size:26px;}
.carousel .next,
.carousel .prev {
	display:block; 
	width:31px;
	height:40px;
	text-indent:-5000px;
	position:absolute;
	top:215px;
	z-index:55;
	}
.carousel .next {
	background-image:url(../images/next.png);
	background-repeat:no-repeat;
	background-position:0 0px;
	right:7px; 
	z-index:55;
	}
.carousel .prev {
	background:url(../images/prev.png);
	background-repeat:no-repeat;
	background-position:right 0px;
	left:6px;
	}
.carousel .next:hover {background-position:0 -54px;}
.carousel .prev:hover {background-position:0 -50px;}
.carousel li {
	width:210px;
	height:290px; 
	overflow:hidden;
	position:relative; 
	margin-right:7px;
	cursor:pointer;
	}
.jCarouselLite {
	width:862px !important;
	left:44px !important;
	}
.jCarouselLite li a {text-decoration:none;}
.carousel-padding {padding:31px 0 0 4px;}
.carousel h3 {font-size:25px; margin-bottom:10px; }
.text-carousel {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#616161;
	line-height:18px;
	background:url(../images/text-carousel.gif) repeat-x center top #e3e3e3;
	padding:24px 10px 5px 20px;
	min-height:78px;
	text-decoration:none;
	cursor:pointer;
	}
#carousel li:hover .text-carousel{color:#000;}
/*****accordion*****/
dl#accordion {
	  list-style-type:none;
	  margin: 0;
	  padding: 0;
	  width:100%;
	  overflow:hidden;
	}

	dl#accordion > dt > a {
	  display: block;
	  text-decoration: none;
	  font-size:20px;
	  line-height:2em;
	  color:#140905;
	}

	dl#accordion dt {
		margin:0;	
		overflow:hidden;
		padding:8px 12px 11px 28px;
		cursor:pointer;
	}
	dl#accordion dt.acc {
		background:url(../images/acord-acc-tail.gif) repeat-x left top #f6f6f6;
		border-bottom:1px solid #e9e9e9;
		}
	dl#accordion dt.active {background:url(../images/acord-tail.gif) 0 0 repeat-x; padding-bottom:10px;}
	dl#accordion dt.last { 
		margin-bottom:0px;		
	}
	
		dl#accordion > dt.acc a {background:url(../images/accordion-active.png) no-repeat right -50px;}
		dl#accordion > dt.active a {
			background:url(../images/accordion-active.png) no-repeat right 3px;
			}
		dl#accordion dt a { cursor:pointer; background-position:right 3px;}
			
		dl#accordion dd {
			display:none;
			margin-bottom:0;
			height:207px;
			border:1px solid #f0f0f0;
			overflow:hidden;
			position:relative;
			background:#fefefe;
		}
			dl#accordion dd .ind {
				padding:25px 25px 10px 27px;
				background:#fefefe;
			}
/***** video*****/
.lightbox-image,
.lightbox-image2 {
	position:relative;
	z-index:1;
	overflow:hidden;
	display:inline-block;
	cursor:pointer;
	}
	.lightbox-image img,
	.lightbox-image2 img {
		position:relative;
		z-index:1;
	}
	.lightbox-image2 img {z-index:2;}
	.lightbox-image span,
	.lightbox-image2 span {
		display:inline-block;
		position:absolute;
		left:0px;
		top:-120px;
		width:100%;
		height:100%;
		background:url(../images/magnify.png) no-repeat 50% 50%;
		z-index:2;
		padding:0;
	}
	.lightbox-image2 span {
		background:url(../images/magnify2.png) no-repeat 50% 0;
		top:16px;
		z-index:1;
		}
.video-indent {margin-bottom:15px;}

/* -- gallery  begin --*/
#js {
	position:relative;
	height:987px;
	background:url(../images/js-tail.gif) repeat-x center top #191919;
	width:100%;
	overflow:hidden;
	}
.js-padding {padding:31px 0 0 48px;}
.js-padding h3 {font-size:25px;  margin-bottom:10px;}
 div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	width: 600px;
	height: 700px;
	margin:  0 0 20px 0;
	overflow: hidden;
	background:url(../images/gallery-tai.gif) repeat-x center bottom;
}
 div.content img {
	position: relative;
	z-index: 2;
}
 div.content a, div.navigation a {
	color: #6c6c6c;
}
 div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
 div.controls {
}
 div.controls a {
	padding: 0px;
}
 div.ss-controls {
	float: left;
	display:none;
}
 div.nav-controls {
	position:absolute;
	left:0px;
	width:100%;
	top:901px;
	z-index: 1;
}
div.nav-controls a {
	display:block;
	width:31px;
	height:41px;
	text-indent:-5000px;
	position:absolute;
	bottom:0px;
	z-index:11;
}
 div.nav-controls a.prev {
	left:8px;
	background:url(../images/prev.png) 0 0 no-repeat;
}
 div.nav-controls a.prev:hover {background-position:left -50px;}
 div.nav-controls a.next {
	right:8px;
	background:url(../images/next.png) 0 0 no-repeat;
}
 div.nav-controls a.next:hover { background-position:right -55px;}
 div.slideshow-container {
	position: relative;
	height: 660px; /* This should be set to be at least the height of the largest image in the slideshow */
	z-index:1;
	
}
 div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image:url(images/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 592px;
	height: 470px; /* This should be set to be at least the height of the largest image in the slideshow */
}
 div.slideshow {
}
 div.slideshow span.image-wrapper {
	display: block;
	width: 874px;
	height: 660px;
	position:absolute;
	left:0;
	top:0;
}
 div.slideshow a.advance-link {
	display: block;
	width: 874px;
	height: 660px; /* This should be set to be at least the height of the largest image in the slideshow */
	padding: 0;
	margin: 0;
}
 div.slideshow a.advance-link img {
	padding:0;
	margin:0;
	display:block;
	position:absolute;
	left:0;
	top:0;
}
 div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
 div.slideshow img {
}
 div.download {
	float: right;
}
 div.caption-container {
	position: absolute;
	top: 680px;
	left: 60px;
	width: 600px;
	height: 100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#000;
}
 span.image-caption {
	display: block;
	position: absolute;
	width: 596px;
	height: 151px;
	top: 0;
	left: 0;
	z-index:10;
}
.text-gallery {
	line-height: 18px;
	font-size: 12px;
	color: #606060;
	padding:28px 0 0 8px;
	}
 div.caption {
	width: 580px;
	height: 128px;
	
}
 div.caption h5{
	line-height: 18px;
	font-size: 13px;
	color: #fd003f;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
}
 div.caption h6{
	line-height: 18px;
	font-size: 13px;
	color: #fff;
	font-weight:normal;
	margin: 0 0 18px 0
}
 div.image-title {
}
 div.image-desc {
}
 div.navigation {
/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
 div#thumbs {
	width: 816px;
	overflow: hidden;
	padding: 0;
	float:none !important;
	margin:0 auto;
}
 ul.thumbs {
	margin:0 auto;
	padding: 0;
}
 ul.thumbs li {
	float:left;
	margin: 0 9px 0 0;
	overflow: hidden;
	vertical-align:top;
}
	 ul.thumbs li strong {
		 display:block;
		 height: 133px;
		 }
 ul.thumbs li img {
	border: none;
}
 a.thumb {display:block;}
 a.thumb:focus {
	outline: none;
}
 div.pagination {
	clear: both;
	text-align:center;
	position:relative;
	z-index:10;
}
 div.top.pagination {
	display:none;
}
 div.navigation div.bottom {
	 display:none;
}
 div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	padding:0 4px;
	font-weight:bold;
	color:#fff;
}
 div.pagination a:hover {
	text-decoration: none;
	color:#ffeaa8;
}
 div.pagination span.current {
	color:#ffeaa8;
}
 div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}
/* -- gallery end --*/
		
/***** Contact form *****/
#contact-form {
	position:relative;
	vertical-align:top;
	width:342px;
	z-index:1;
	}
	#contact-form fieldset {
		border:none;
		padding:0;
		}			
			#contact-form label {display:block; min-height:43px;}
			#contact-form label.message {height:355px;}
			
			#contact-form input {
				width:312px;
				padding:8px 12px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:1.25em;
				color:#727272; 
				border:1px solid #e4e4e4;
				background:#ededec;
				outline:none;
			}
			#contact-form .area .error { float:none;}
			#contact-form textarea {
				height:323px;
				margin:0;
				width:313px;
				padding:10px 12px;
				margin:0;
				font-family: Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:1.25em;
				color:#727272; 
				border:1px solid #e4e4e4;
				background:#ededec;
				overflow:auto;
				outline:none;
			}
			#contact-form a {cursor:pointer;}
				#contact-form .success {display:none; margin-bottom:20px;}
				#contact-form .error,
				#contact-form .empty {
					color:#f00;
					font-size:11px;
					line-height:2em;
					display:none;
					overflow:hidden;
				}
		.link-form {text-align:right;padding:18px 0px 0 0;}
		.link-3-margin {margin-right:5px;}
		
/****************************footer************************/
footer {
	width:100%; 
	padding:16px 0 20px;
	background:#000; 
}
.footer-padding-content {padding-left:65px;}
.footer-link {
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	display:inline-block;
	}
.footer-link a {color:#5c5c5c; text-decoration:underline; margin-left:5px;}
.footer-link span {color:#5c5c5c;}
.footer-link a:hover {text-decoration:none;}
