@charset "utf-8";

* {margin:0px; padding:0px; list-style-type:none;}
 
 
body { background:#101010; font:normal 13px Arial, Helvetica, sans-serif; margin:0px; padding:0px;}
img {border:none;}
.clear {clear:both;}
.floatL {float:left;}
.floatR {float:right;}
.taL {text-align:left;}
.taC {text-align:center;}
.taR {text-align:right;}
.taJ {text-align:justify;}
.vaT {vertical-align:top;}
.vaM {vertical-align:middle;}
.vaB {vertical-align:bottom;}
.mTop20 {margin-top:20px;}
.mBot10 {margin-bottom:10px;}
.mLeft50{ margin-left:50px;}
.horiLine { background:url(content_line.png) repeat-x left top;  height:2px; margin:0px 0px 5px 0px;}


#outerWrap {background:url(bg.png) repeat-x left top #6c4847; padding-top:0px;}
#wrapper {width:972px; margin:auto; min-height:500px; background:url(wrapper_shadow.png) repeat-x left top;  overflow:hidden;}

#wrapper .header {overflow:hidden; width:962px; margin:auto;  background:url(header_bg.png) repeat-x left top; height:398px;}
#wrapper .header .top{
	height:90px;
	overflow:hidden;
}
#wrapper .header .top .logo h1 a {background:url(logo.png) no-repeat left top; width:350px; height:40px; text-indent:-9999px; margin:30px 20px 30px 30px; float:left;}

#wrapper .header  .top .menu {float:right; width:500px; margin:53px 50px 0px 0px;}
#wrapper .header  .top .menu ul {background:url(menuBg.png) repeat-x left top; float:right; border-radius:10px 10px 0px 0px; }
#wrapper .header  .top .menu ul li {float:left;  background:url(menuli.png) no-repeat left top;}
#wrapper .header  .top .menu ul li a {display:block; padding:10px 15px 10px 15px; text-decoration:none; font:bold 14px 'Century Gothic', Arial, Helvetica, sans-serif; color:#d1cdc5; text-transform:uppercase;}
#wrapper .header  .top .menu ul li a:hover {color:#ef2731;}

#wrapper .header .banner {background:url(bannerBg.png) no-repeat top left;  margin:auto; width:940px; height:300px; }
#wrapper .header .banner  h2 {
	width:400px;
	float:right;
	margin:89px 28px 10px 0px;
	color:#000;
	font: bold 32px 'Roboto Condensed', Arial, Helvetica, sans-serif;
	text-align:center;
	
}
#wrapper .header .banner  h2 span {color:#d31820; font:bold 20px "Century Gothic"; text-align:center;line-height:40px;}


#wrapper .content_top{ height:2px; width:962px; margin:auto; background:url(content_line.png) repeat-x left top;   }
#wrapper .content{ min-height:500px; overflow:hidden; width:962px; margin:auto; background:url(content_bg.png) repeat-y left top;  background-color:#dbd4c6; }
.contentWrap {float:left; width:650px; padding:5px 25px 25px 25px; font:normal 13px Arial, Helvetica, sans-serif; color:#121423;  min-height:500px; overflow:hidden; line-height:20px;}

.contentWrap h2 {color:#1a1413; font:bold 20px 'Century Gothic', Arial, Helvetica, sans-serif; text-transform:uppercase; padding:25px 0px 5px 0px;}
.contentWrap ul {margin:5px 20px 0px;}
.contentWrap ul li {padding-left:15px; background:url(tickIcon.png) no-repeat left 5px; padding:0px 0px 10px 20px;}
.contentWrap a {color:#d51821; text-decoration:none; font-weight:bold;}
.contentWrap a:hover {color:#1a1413;}
 
.sideBar {float:right; width:220px;   padding:15px 20px 20px 20px; min-height:500px; overflow:hidden; font:normal 13px Arial, Helvetica, sans-serif; color:#121423;  line-height:20px; }
.sideBar h2 {color:#1a1413; font:bold 20px 'Century Gothic', Arial, Helvetica, sans-serif; text-transform:uppercase; padding:15px 0px 15px 0px; }
.sideBar a {color:#d51821; text-decoration:none; font-weight:bold;}
.sideBar a:hover {color:#1a1413;}

#footerWrap {background:url(footer_line.png) repeat-x 18px 7px; background-color:#111111;}
#footerWrap .footer { padding:20px 10px 15px; text-align:center; width:942px; margin:auto; font:bold 13px Arial, Helvetica, sans-serif; color:#626262; line-height:20px; }
#footerWrap .footer span, #footerWrap.footer span a{font-size:12px; text-transform:none; color:#626262; font:normal 11px Arial, Helvetica, sans-serif;}
#footerWrap .footer a {color:#d1cdc5;text-decoration:none;  line-height:20px; padding:0px 10px 0px 10px;}
#footerWrap .footer a:hover {color:#9a8f7a;}

.bannerTxt {
    float:left;
    width:480px;
	padding-left:20px; 
	margin-top:15px; 
	text-align:center;
}
.bannerTxt h3 {
	font: bold 26px 'Roboto Condensed', Arial, Helvetica, sans-serif;
	color: #fff;
	margin-bottom: 15px;
    margin-top:8px; text-align:left;
}
.bannerTxt h3 span {
	color: #e82325;
}
.bannerTxt ul {
	margin: 5px 0 0 20px;
	padding: 0px;
	list-style-type: none;
    width:440px;
}
.bannerTxt ul li {
	font: normal 21px 'Roboto Condensed', Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 20px;
	padding-bottom: 5px;
	background: url(bannerTick.png) no-repeat left top;
	padding-left: 35px;
	margin-bottom: 10px;
	text-align:left;
}
.btnStart{ 
 background: linear-gradient(to bottom, #F9B759 0px, #F98F05 2%, #F25F00 100%) repeat scroll;
    border: 0 none;
    border-radius: 24px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font: normal 22px 'Roboto Condensed', Arial, Helvetica, sans-serif;
  
    min-width: 164px;
    padding: 8px 30px 8px 16px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    text-transform: uppercase; margin-top:20px;
}	

.btnStart:hover{   text-decoration: none; background:linear-gradient(to bottom, #FFC036 0px, #FF931E 100%) repeat scroll;}
