/* 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:#5c5c5c;
	min-width:964px;
	background:#111;
}

.bg {width:100%; background:url(../images/bg.jpg) center top no-repeat;}

.main {
	width:964px; 	
	padding:0;
	margin:0 auto;
	font-size:0.75em;
	line-height:1.666em;
}

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

.col-1, .col-2 {float:left;}

.wrapper {width:100%; overflow:hidden; position:relative;}
.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:60px;}

.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:#f6d644;}
.color-2 {color:#e79939;}
.color-3 {color:#d54e0c;}
.color-4 {color:#e6261f;}
.color-5 {color:#9e0680;}

.index {position:relative; z-index:2;}

/*********************************boxes**********************************/
.indent-top {padding-top:18px;}
.indent-left {padding-left:50px;}
.indent-right {padding-right:50px;}

.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}

.prev-indent-bot {margin-bottom:10px;}
.prev-indent-bot2 {margin-bottom:18px;}
.img-indent-bot {margin-bottom:25px;}
.margin-bot {margin-bottom:35px;}

.img-indent {float:left; margin-right:20px;}	
.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 li a,
.list-1 li a,
.list-2 li a,
.link, .link-1, 
.link-2, .link-3,
.button,
h1 a {text-decoration:none;}	

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

h1 {
	position:relative;
	float:left;
	padding: 10px 0 0 20px;
}
	h1 a {
	display:inline-block;
	font-size:39px;
	line-height:1.205em;
	color:#757474;
	text-transform:uppercase;
	padding-left:38px;
	background:url(../images/BurnoutBuddiesLogobkg.png) 0 8px no-repeat;
	}
	h1 strong {
	display:inline-block;
	font-size:19px;
	line-height:2em;
	color:#F00;
	text-transform:uppercase;
	padding-top:12px;
	}
.services {
	display:block;
	padding:48px 12px 0 0;
	font-size:11px;
	line-height:1.27em;
	color:#8f8e8e;
	float:right;
}
	.services a {font-weight:bold;}
	
/***** menu *****/
.menu {
	padding:0 0 0 0; 
	width:100%;
	background:url(../images/menu-row-tail.gif) left top repeat-x #090909;
	float:left;
}
.menu li {
	float:left;
	position:relative;
	background:url(../images/menu-spacer.gif) right top no-repeat;
	visibility: visible;
}
.menu li a {
	display:inline-block; 
	font-size:15px; 
	line-height:2em; 
	padding:6px 20px 10px 20px; 
	color:#909090; 
	text-transform:uppercase; 
}
.menu li a.active,
.menu > li > a:hover,
.menu > li.sfHover > a {color:#fff;}

.menu ul {
	position:		absolute;
	top:			-999em;
	width:			214px;
	border:			1px solid #2c2c2c;
	background:		none;
}
.menu ul li {width:	100%;}
.menu li:hover {visibility:	inherit; }
.menu li li {background:#111; border-top:1px solid #2c2c2c}
.menu li li:first-child {border:none;}
.menu li li a {
	display:		block;
	padding:		0 0 0 20px;
	font-size:		12px;
	line-height:	23px;
	color:			#5c5c5c;
	background:		url(../images/menu-marker.gif) 7px 9px no-repeat;
	text-transform:	none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.menu li li a:hover,
.menu li li.sfHover > a {color:#fff;}

.menu li:hover ul, .menu li.sfHover ul {
	left:			0px;
	top:			46px;
	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:			215px;
	top:			0px;
	z-index:		9999;
}
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {
	top:			-999em;
}

/***** slider *****/
.slider-wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.slider {
	position:relative;
	width:1980px;
	height:566px;
	left:50%;
	margin-left:-990px;
}
.items {display:none;}

.banner  {
	display:block;
	width:940px;
	height:150px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-470px;
	z-index:99;
}
.banner strong {
	display:block;
	width:100%;
	font-size:25px;
	line-height:2em;
	color:#979797;
	text-transform:uppercase;
	position:relative;
	top:68px;
	left:350px;
	z-index:1;
}
.banner em {
	display:block;
	width:100%;
	font-size:45px;
	line-height:2em;
	color:#fff;
	text-transform:uppercase;
	position:relative;
	top:16px;
	left:50px;
	z-index:1;
}

.slider-controls {
	width:940px;
	position:absolute;
	left:50%;
	margin-left:-470px;
	z-index:99;
}
.next,
.prev {
	display:block;
	width:24px;
	height:138px;
	text-indent:-9999em;
	cursor:pointer;
	position:absolute;
	top:155px;
	z-index:99;
}
.next {background:url(../images/slider-next.png) 0 0 no-repeat; right:0;}
.prev {background:url(../images/slider-prev.png) 0 0 no-repeat; left:0;}
		

/*********************************content*************************************/
#content {
	width:100%; 
	padding:42px 0 0;
	position:relative;
	z-index:1;
}
	#page1 #content {margin-top:-15px; padding:0;}

.spacer-1 {
	width:100%; 
	background:url(../images/pic-1.gif) 217px 0 repeat-y;
}

h3 {
	font-size:25px; 
	line-height:2em; 
	padding-bottom:5px;
	margin-bottom:30px;
	color:#fff;
	text-transform:uppercase;
	background:url(../images/pic-1.gif) left bottom repeat-x;
}
	h3 strong {
		display:block;
		margin-top:-20px;
	}
h4 {
	font-size:25px; 
	line-height:2em; 
	color:#fff;
	text-transform:uppercase;
}
	h4 strong {
		display:block;
		margin-top:-20px;
	}
h6 {
	font-size:12px;
	line-height:2em;
	color:#fff;
	text-transform:uppercase;
}
	h6 strong {
		display:block;
		margin-top:-5px;
	}

.border-bot {
	width:100%; 
	padding-bottom:47px; 
	background:url(../images/pic-1.gif) 0 bottom repeat-x;
}

.box {
	width:458px; 
	border:1px solid #2c2c2c;
	background:url(../images/box-bg.jpg) 0 0 no-repeat #111;
}
	.box .padding {padding-right:10px;}

.button {
	display:inline-block; 
	padding:0 10px;
	font-size:13px;
	line-height:1.23em;
	color:#000; 
	background:url(../images/button-tail.gif) 0 0 repeat-x #000;
	cursor:pointer;
}
.button:hover {color:#fff;}

.banner-2 {
	width:299px;
	height:108px;
	background:url(../images/banner-2.jpg) 0 0 no-repeat;
	overflow:hidden;
}
	.banner-2 .padding {padding:0 0 0 25px;}
	.banner-2 strong {
		display:block;
		font-size:30px;
		line-height:2em;
		padding-top:11px;
		margin-bottom:-8px;
		color:#fff;
		text-transform:uppercase;
	}
	
.banner-3 {
	width:299px;
	height:108px;
	background:url(../images/banner-3.jpg) 0 0 no-repeat;
	overflow:hidden;
}
	.banner-3 .padding {padding:0 0 0 25px;}
	.banner-3 strong {
		display:block;
		font-size:30px;
		line-height:2em;
		padding-top:11px;
		margin-bottom:-8px;
		color:#F90;
		text-transform:uppercase;
	}

.list-1 li {
	line-height:22px; 
	padding-left:12px; 
	background:url(../images/marker-2.gif) 0 8px no-repeat;
}
	.list-1 li a {
		display:inline-block;
		color:#fff;
	}
	.list-1 li a:hover {color:#1799cf;}

.list-2 li {
	line-height:18px; 
	padding:7px 0 8px; 
	background:url(../images/pic-1.gif) 0 bottom repeat-x;
}
	.list-2 li a {
		display:inline-block; 
		color:#5c5c5c; 
		padding-left:35px; 
		background:url(../images/marker-2.gif) 20px 7px no-repeat;
	}
	.list-2 .last-item {background:none;}

.link:hover {text-decoration:underline;} 

.link-1 {
	display:inline-block; 
	font-weight:bold;
	padding-right:18px; 
	background:url(../images/marker-1.gif) right 7px no-repeat;
} 
.link-1.contact:hover {text-decoration:underline;}
.link-2 {
	display:inline-block; 
	padding-right:18px; 
	color:#717171;
	background:url(../images/marker-1.gif) right 7px no-repeat;
}
.link-3 {
	display:inline-block; 
	width:13px;
	height:5px;
	text-indent:-9999em;
	background:url(../images/marker-3.gif) 0 0 no-repeat;
	margin:8px 0 0 2px;
}

.text-1 {font-size:14px;} 
.text-2 {font-size:14px; line-height:1.285em;}  

.numb {
	display:block;
	width:39px;
	height:39px;
	overflow:hidden;
	text-align:center;
	font-size:30px;
	line-height:39px;
	border:1px solid #2c2c2c;
	float:left;
	margin-right:20px;
}

dl span {float:left; width:66px;}

/***** bx-slider *****/
.bx-window {min-height:725px; z-index:9;}
#slider {
	width:100%;
	height:725px;
	overflow:hidden;
}
#slider > div {
	width:100%;
	overflow:hidden;
	height:380px;
	margin:0;
	}
.bx-prev,
.bx-next {
	display:block;
	width:24px;
	height:24px;
	text-indent:-9999px;
	background:url(../images/bx-slider-control.gif) left bottom no-repeat;
	position:absolute;
	z-index:99;
	right:34px;
	top:-70px;
}
.bx-next {background-position:right top; right:0;}
.bx-next:hover {background-position:right bottom;}
.bx-prev:hover {background-position:left top;}

/***** 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:39px;
			}
			#contact-form label.message {height:159px;}
			
			#contact-form input {
				width:258px;
				padding:5px 10px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:1.25em;
				color:#5c5c5c; 
				border:1px solid #2c2c2c;
				background:none;
				outline:none;
			}
			#contact-form .area .error { float:none;}
			#contact-form textarea {
				height:147px;
				width:258px;
				padding:5px 10px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:1.25em;
				color:#5c5c5c; 
				border:1px solid #2c2c2c;
				background:none;
				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:16px;
					display:none;
					overflow:hidden;
				}
		.buttons-wrapper { padding:25px 0 0 0;}
		.buttons-wrapper a { margin-right:25px;}
		
/****************************footer************************/
footer {
	width:100%; 
	padding:47px 0 50px;
}
.footer-text {
	float:right;
	display:block;
	font-size:11px;
	line-height:15px;
	text-transform:uppercase;
	color:#595959;
}
	.footer-text a {color:#595959; text-decoration:none;}
.footer-menu li {
	float:left;
	padding-right:16px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	line-height:15px;
}
	.footer-menu li a {
		display:inline-block;
		position:relative;
		overflow:hidden;
		text-decoration:none;
		cursor:pointer;
	}
		.footer-menu span {
			display:inline-block;
			width:100%;
			height:1px;
			background:#fff;
			position:absolute;
			bottom:0;
			left:0;
			z-index:99;
		}