/*We will use the fck now for our typography since it is used in Backstage, makes more sense. */

@import url("/css/fck_editorarea.css");
@import url("/css/fancybox.css");

/*Layout*/

body
{
	background: #292a29 url(/images/bgPattern.png) 0 0 repeat-x;
}

.container{
	position: relative;
	background: url(/images/headBg.png) 0 0 no-repeat;
	width: 970px;
	min-height: 800px;
	margin: 0 auto;
}
.header{
	position: relative;
	width: auto;
	min-height: 105px;
	z-index: 999;
}
.logo{
	position: relative;
	float: left;
	width:250px;
	height: 105px;
	background: url(/images/logo.png) 15px 17px no-repeat;
	cursor: pointer;
	cursor: hand;
}
.headNav{
	position: relative;
	float: right;
	width: 420px;
	height: 105px;
}
.hNav{
	position: relative;
	width: 186px;
	height: 26px;
	background: url(/images/hNavBG.png) 0 0 no-repeat;
	border-top: none;
	margin:0 0 40px 213px;
	text-align: center;
}
.hNav ul li{
	display: inline;
	list-style: none;
	margin: 0 10px;
	color: white;
}
.flashArea{
	position: relative;
	width: auto;
	height: 330px;
	background: #000;
}
.homeContentArea{
	position: relative;
	width: auto;
	min-height: 274px;
	padding: 25px 74px 0;
	text-align: center;
	background: #272727;
	color: #c2c2c2;
}
.homeContentRegion1{
	position: relative;
	float: left;
	width: 273px;
	height: 143px;
	border-right: 1px solid #080808;
	cursor: hand;
	cursor: pointer;
	margin: 35px 0 0;
}
.homeContentRegion2{
	position: relative;
	float: left;
	width: 273px;
	height: 143px;
	border-right: 1px solid #080808;
	cursor: hand;
	cursor: pointer;
	margin: 35px 0 0;
}
.homeContentRegion3{
	position: relative;
	float: left;
	width: 273px;
	height: 143px;
	border: none;
	cursor: hand;
	cursor: pointer;
	margin: 35px 0 0;
}

.homContentRegion img{
	vertical-align:bottom;
}

.footer{
	position: relative;
	background: url(/images/homeContentAreaBG.png) top center no-repeat;
	padding-top: 40px;
	width: 970px;
	margin: 0 auto;
	text-align: center;
	color: #c2c2c2;
}
.intFooter{
	position: relative;
	width: 950px;
	margin: 0 auto;
	text-align: left;
	margin: 15px 0 0 15px;
	color: #c2c2c2;
}
.footerNavHolder{
	position: relative;
	width: auto;
	height: 70px;
	margin: 0 auto 50px;
}
.footerNav{
	position: relative;
	float: left;
	width: 100px;
	height: 60px;
	text-align: center;
	color: #888;
	margin: 0 10px;
}
.footer ul li, .intFooter ul li {
	display: inline;
	list-style: none;
	font-size: 10px;
	.font-size: 9px;
	padding: 0 1px;
}
.footer ul li a, .intFooter ul li a {
	color: #c2c2c2;
	font-size: 10px;
	.font-size: 9px;
	cursor: pointer;
	cursor: hand;
}
.footer ul li a:hover, .intFooter ul li a:hover{
	color: white;
}
.contentContainerWide{
	position: relative;
	float: left;
	width: 918px;
	margin-left: 15px;
	
}
.contentContainer{
	position: relative;
	float: left;
	width: 703px;
	margin-left: 15px;
}
.contentContainer ul{
	margin-left: 12px;
}
.coda-slider { background: none; }
.contentArea{
	position: relative;
	background: #fff;
	border: 1px solid #555;
	border-top: none;
	border-bottom: none;
	min-height: 400px;
	width:621px;
	color: #555;
	padding: 0 60px 10px 20px;
	.margin-top:19px;
}
.contentAreaWide{
	position: relative;
	background: #fff;
	min-height: 400px;
	width:838px;
	color: #555;
	padding: 0 60px 10px 20px;
	.margin-top:18px;
}
.sideNav{
	position:relative;
	float: left;
	width: 225px;
	min-height: 50px;
	border: 1px solid #555;
	border-left: none;
	margin-top: 60px;
}
.sideNavItemStatic{
	position:relative;
	width: auto;
	padding: 20px 17px;
	font-size: 14px;
	color: white;
	line-height: 24px;
}
.sideNavItem{
	position:relative;
	width: auto;
	padding: 20px 25px;
	font-size: 14px;
	color: white;
}
.sideNavItem:hover{
	color: #ff9900;
	cursor: pointer;
	cursor: hand;
}
.selected{
	background: #333;
	color: #ff9900;
}
.sSelected{
	border-bottom: 1px solid #555;
	border-top: 1px solid #555;
	background: #333;
	color: #ff9900;
}
.clientele{
	float: left;
	width: 216px;
	height: 160px;
	overflow: hidden;
	display: table;
	border-right: 1px solid #eee;
	border-top: 1px solid #eee;
}
.clienteleItem{
	top: 50%;
	left: 50%;
	display: table-cell; 
	vertical-align: middle;
}

/* Navigation*/

.navBar{
	position: relative;
	width: auto;
	height: 28px;
	margin: 18px auto 32px;
	padding-top: 10px;
	z-index: 999;
}
.nav{
	float: left;
	.padding: 6px 0;
}
.nav a{
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	padding: 8px 16px;
}
.navOver{
	background: #ff9900;
}

/*dropdown*/
.menus {
	float:none;
	position:absolute;
	padding-top:1px;
	background: #000;
	z-index: 1000;
	top: 36px;
	.top:40px;
	display: none;

}
.menuItem{
	position:relative;
	width: auto;
	padding: 10px 16px;
	border-bottom: 1px solid #666;
}
.menuItem a {
	padding: 0;
	font-size: 12px;
}
#menu1{
	width: 130px;
	left: 74px;
}
#menu2{
	width: 124px;
	.width: 121px;
	left: 200px;
}
/*forms*/

.formArea{
	position: relative;
	float: left;
	width: 300px;
	margin-left: 50px;
	min-height: 400px;
	color: #111;
	font-weight: bold;
	margin-top: 25px;
}
.formArea p, #ctl00_ContentPlaceHolder1_pnlForm{
	color: #111;
}
.formFields{
	background: #ebebeb;
	height: 17px;
	padding: 5px;
	width: 270px;
	border: 1px solid #a4a4a4;
	margin-bottom: 20px;
}
.message{
	background: #ebebeb;
	padding: 5px;
	width: 270px;
	border: 1px solid #a4a4a4;
	margin-bottom: 20px;
}
label{
	color: #111;
	margin-right: 10px;
}
#ctl00_ContentPlaceHolder1_cblInterestedIn{
	margin-left: -9px;
}
#pepCastVideo{
	padding: 0 0 10px 0;
}
.whiteText{
	color: #fff;
}
.orangeText{
	color: #FF9900;
}