@charset "UTF-8";
/* CSS Document */

body,td,th { font-family: Helvetica, sans-serif, arial; font-size: 14px; color: #000;}

body { margin: 0px; background-color:#d2d2d2 !Important;}

h2 { font-size: 24px; font-weight:bold; color:#000; }
h3 { font-size: 18px; font-weight:normal; color:#000; }

a { cursor: pointer; }

#mainWrapper {
	position: absolute; 
	left: 50%; 	 
	width: 960px; 
	height: 100%;
	margin-left: -480px;
	background-color: #750013;  
}

#topWrapper { 
	width: 960px; 
	height: 446px; 
	background-image: url(../img/homeTopBck.jpg); background-repeat: no-repeat; background-color: #FFF;
}

#bravoLogo {
	float: left;
	width: 215px; 
	height: 72px; 
	margin-top: 10px; 
	background-image: url(../img/bravoLogo.gif); 
}

#menuWrapper {
	position: relative; 
	left: 50%;
	width: 900px; 
	height: 72px;
	#height: 87px;
	margin-left: -450px; 
	padding-bottom: 15px;
}

#menu { 
	float: left;
	width: 600px; 
	margin-left: 50px; margin-top: 0px;
}

	#menu ul {
		list-style-type: none; 
		margin: 0; 
		padding: 0;
	}
	
	#menu li { 
		float: left;
		width: 100px;
		height: 30px;
		#height: 60px;
		padding-top: 30px;
		text-align: center;
		color: #FFF; font-size: 18px; font-weight: bold;
	}
	
	#menu a { text-decoration: none; color:#FFF; }
	#menu li.active { background-image: url(../img/navBottom.gif); background-repeat:no-repeat;  }

#contentWrapper {
	width: 900px;
	#width: 960px;
	padding-top: 10px; padding-bottom: 30px;
	padding-left: 30px; padding-right: 30px;
	background-color: #FFF;
}

#contentColum1 {  
	float: left;
	width: 580px;  	 
}
#contentColum2 {
	float: left;
	width: 280px;
	margin-left: 40px;
}

#contentColum2 p{
	font-size: 12px;
}

#contentColum2 a:link, a:visited, a:hover, a:active {
	color: c30020;
	text-decoration: underline;
}

#fbBox { margin-top: 10px;}

#footer { 
	width: 900px;
	#width: 960px;
	height: 50px; 
	#height: 90px;
	padding: 30px; padding-top: 40px;
	background-image:url(../img/footerPattern.gif); background-repeat:no-repeat; background-position:top; background-color: #750013;
}

.featureBox {
	width: 380px; 
}

.featureBox.left {
  text-align: left;
  #width: 580px;
  padding-right: 200px;
}

.featureBox.right {
  text-align: right;
  #width: 580px;
  padding-left: 200px;
}

.colTitle { 
	width: 280px;
	height: 40px;
	margin-bottom: 10px; margin-top: 10px;
	background-image: url(../img/titleBlackBck.gif); 
  	background-repeat: no-repeat;
}

.colTitle h3 {	 
  font-size: 16px;
  font-weight:normal;
  color: #FFF;

  padding: 11px 15px 11px 15px;
  text-align: left;
}

.featureBox.right h3 {
  margin-left: 60px;
}

.miniBanner {  
	float: left;
	width: 280px;
	height: 113px; 
	margin-top: 10px;
	background-color: #FFF;	 
	color: #FFF; font-weight: bold; font-size: 16px; }
	
#hiring {
	width: 280px;
	height: 113px;
	background-image: url(../img/hiringBanner.jpg); background-repeat: no-repeat; 
}

#hiring span { 
	display: block; 
	width: 110px; 	 
	margin-left: 162px;
	#height: 138px;
	padding-top: 25px;
	text-align: center;
	color: #FFF;
}

#logoFooter{ 
	height: 38px; 
	width: 300px;
	#width: 360px;
	margin-left: 0px; 
	padding-left: 60px; 
	background-image: url(../img/bravoLogoFooter.gif); background-repeat: no-repeat; 
	color: #FFF; font-size:11px; font-weight:normal; 
}

.button { 
	width: 112px;
	height: 38px;
	#height: 48px;
	padding-top: 10px;
	text-align: center;
	text-decoration:none;
	color:#FFF;
	background-image:url(../img/btn.gif); background-repeat: no-repeat;
}

.subSection{
	width: 400px;
	height: 18px;
	#width: 410px;
	#height: 28px;
	color: #FFF;
	float: left;
	margin-left: 150px;
	padding: 5px;
}

.floatfix {
  clear: both;
  width: 100%;
  height: 1px;

}