/*
	HOTPRESS FRAMEWORK
	Site:
	By:Steven Waller
	Created:
*/
body{
	/*background:transparent url(images/original-2.jpg) no-repeat center top;*/
}

/*__________________________________________________________________________________________________

EVERY PAGE SYLES
____________________________________________________________________________________________________*/

/* Header
----------------------------------------------------------------------------------------------------*/
#header{
	overflow:hidden;
	background:transparent url(../images/cbalogo.jpg) no-repeat left top;
}

#logo{
	margin:4px 0 0 0;
	float:left;
	position:relative;
	z-index:100;
	border: 1px solid black;
}

/* Utility Navigation
----------------------------------------------------------------------------------------------------*/
#nav-utility{
	overflow:hidden;
}
#nav-utility ul{
	float:right;
	margin:13px 0 0 0;
}
#nav-utility li{
	float:left;
	display:inline;
	border-left:1px solid #cccccc;
	padding:0 11px;
	margin:0;
	line-height:16px;
}
#nav-utility li.first{
	border:none;
	padding-left:0;
}
#nav-utility li.last{
	padding-right:0;
}
#nav-utility a{
	text-decoration:none;
	color:#00718b;
}
#nav-utility a:hover{
	color:#939393;
}

/* Main Navigation
----------------------------------------------------------------------------------------------------*/
#nav-main{
	overflow:hidden;
}
#nav-main ul{
	margin:39px 0 0 0;
	float:right;
	width:940px;
	overflow:hidden;
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
}
#nav-main li{
	float:left;
	display:inline;
	margin:0;
	list-style:none;
}
#nav-main a{
	padding:12px 21px;
	text-decoration:none;
	color:#000;
	text-transform:uppercase;
	font-size:15px;
	float:left;
	font-weight:bold;
}
#nav-main a:hover{
	color:#681111;
}
#nav-main .first a{
	padding-left:0;
}
#nav-main .last a{
	padding-right:0;
}

/* Footer
----------------------------------------------------------------------------------------------------*/
#footer{
	border-top:1px solid #bfbfbf;
	overflow:hidden;
	padding:11px 0 20px 0;
}
#footer ul{
	margin:0;
	float:left;
	width:760px;
}
#footer li{
	float:left;
	display:inline;
	border-left:1px solid #000;
	padding:0 8px;
	margin:0;
	line-height:12px;
}
#footer li.first{
	border-left:none;
	padding-left:0;
}
#footer li a{
	text-decoration:none;
	color:#000;
}
#footer li a:hover{
	color:#666;
}

/*__________________________________________________________________________________________________

INSIDE PAGE SYLES
____________________________________________________________________________________________________*/

/* Sub Navigation
----------------------------------------------------------------------------------------------------*/
#left-column{
	padding-top:35px;
}
#nav-sub{
	padding-bottom:27px;
}
#nav-sub img{
	display:none;
}
#nav-sub ul li#title a{
	font-size:24px;
	color:#7f1719;
	padding-bottom:2px;
	background:none;
	padding-left:0;
}
#nav-sub ul li.title a:hover{
	color:#000;
	padding-left:0;
	background:none;
}

#nav-sub ul{
	margin:0;
	background:transparent url(images/swoosh.gif) no-repeat left bottom;
	padding-bottom:23px;
}
#nav-sub ul li{
	margin:0;
	list-style:none;
	padding-bottom:3px;
}
#nav-sub ul li a{
	color:#423a0b;
	font-size:14px;
	display:block;
	text-decoration:none;
}
#nav-sub ul li a:hover{
	color:#000;
}
#nav-sub ul li.selected a{
	background:transparent url(images/icon-arrow.gif) no-repeat 1px 7px;
	padding-left:12px;
	font-size:14px;
	color:#000;
}
#nav-sub ul li ul{
	display:none;
}
#nav-sub ul li.selected ul{
	display:block;
	padding-bottom:0;
	background:none;
}
#nav-sub ul li.selected ul li a:link,
#nav-sub ul li.selected ul li a:visited{
	background:transparent url(images/bullet-gray.gif) no-repeat scroll 22px 9px;
	padding-left:32px;
	font-size:14px;
	color:#423A0B;
}
#nav-sub ul li.selected ul li a:hover,
#nav-sub ul li.selected ul li a:active,
#nav-sub ul li.selected ul li.selected a{
	color:#000;
}


/* Side Bar
----------------------------------------------------------------------------------------------------*/
#left-column #cta-newsletter a:link,
#left-column #cta-newsletter a:visited{
	display:block;
	width:180px;
	height:85px;
	background:transparent url(images/cta-newsletter.gif) no-repeat scroll left top;
	text-indent:-9999px;
}
#left-column #cta-newsletter a:hover,
#left-column #cta-newsletter a:active{
	background-position:left bottom;
}

#left-column #social h2{
	display:block;
	width:170px;
	height:51px;
	background:transparent url(images/title-on-the-web.gif) no-repeat left top;
	text-indent:-9999px;
	margin-bottom:22px;
}
#social ul{
	margin-bottom:10px;
	overflow:hidden;
	display:block;
	height:37px;
}
#social li{
	margin:0;
	list-style:none;
	display:inline;
	float:left;
}
#social a{
	display:block;
	width:36px;
	height:37px;
	text-indent:-9999px;
	margin: 0 9px 0 0;
}
#social a:hover{
	background-position:left bottom;
}
#social-flickr a{
	background:transparent url(images/icon-flickr.gif) no-repeat left top;
}
#social-facebook a{
	background:transparent url(images/icon-facebook.gif) no-repeat left top;
}
#social-myspace a{
	background:transparent url(images/icon-myspace.gif) no-repeat left top;
}
#social-twitter a{
	background:transparent url(images/icon-twitter.gif) no-repeat left top;
}
#social-youtube a{
	background:transparent url(images/icon-youtube.gif) no-repeat left top;
}


#left-column h1, 
#left-column h2, 
#left-column h3, 
#left-column h4, 
#left-column h5{
	margin-bottom:5px;
}

#social, 
#left-column 
#left-column #cta-newsletter{
	background:transparent url(images/side-bar-underline.gif) no-repeat left bottom;
	padding-bottom:10px;
	margin-bottom:15px;
	overflow:hidden;
}
/* Right Column
----------------------------------------------------------------------------------------------------*/
#right-column{
	margin-top: 5px;
}

/* Utilities
----------------------------------------------------------------------------------------------------*/
#utility{
	color:#999999;
	font-size:11px;
	line-height:12px;
	margin-bottom:35px;
}
#utility a{
	color:#999;
	text-decoration:none;
}
#utility a:hover{
	color:#000;
}
#share ul{
	margin:0;
	float:right;
}
#share li{
	float:left;
	display:inline;
	margin:0;
	border-left:1px solid #999;
	padding:0 5px;
}
#share li.first{
	border:none;
	padding-left:0;
}

/* Title Bar
----------------------------------------------------------------------------------------------------*/
#title-hero{
	width:733px;
	float:left;
	min-height:330px;
	
	background-color:transparent;
	background-position:right bottom;
	background-repeat:no-repeat;
	overflow:hidden;
}
#title-hero-text{
	width:460px;
	padding-bottom:70px;
	float:left;
}
#title-text{
	display:block;
	padding:0 10px 0 0;
	margin:0 0 35px 0;
	float:left;
	height:240px;
	background:transparent url(images/hero-background.gif) scroll no-repeat left bottom;
	overflow:hidden;
	position:relative;
	z-index:1;
}
#title-text h1, 
#title-hero-text h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#00718b;
	font-weight:normal;
	font-size:60px;
	margin-bottom:15px;
	line-height:1;
}
#title-text h2,
#title-hero-text h2{
	font-weight:normal;
	font-size:24px;
	color:#000;
	line-height:1.2;
}
#title-image{
	position:relative;
	z-index:2;
	float:right;
	display:block;
	width:263px;
	height:344px;
	margin-right:-33px;
	margin-top:-27px;
}
#title-image{
	vertical-align:bottom;
}

/* WebForm Styles
----------------------------------------------------------------------------------------------------*/
 .webform .row { padding:5px; clear:both; }
.webform h2 { margin-top:25px; }
.webform .label { float:left; width:150px; font-weight:bold; text-align:right;  }
.webform .label label { font-size:12px; }
.webform .field { margin-left: 160px; }
.webform .field input, .webform .field select, .webform .field textarea { width:300px; }
.webform .field .auto { width:auto; }
.webform .field .expire { width:150px; }
.webform .req { color:#ff0000; }
.webform .desc { font-size:10px; color:#666; }
