/*	Desc: *title* Screen Style Sheet
	Author: Heather Mulholland
	Date: Septemeber 1, 2009
	
=== === === === === === === === === === */


/*=STRUCTURE
=== === === === === === === === === === */

body{
background-color: #49453f;
font-family: Arial;
color:#636363;
}

#wrapper{
width:960px;
margin:0px auto;
}

/*=TOP CONTAINER
=== === === === === === === === === === */

#topContainer{
background-color: #201e1a;
}

#logo a{
display: block;
width:166px;
height:61px;
background: url(/assets/images/logos/home_logo.jpg) no-repeat;
margin:12px 0px 12px 45px;
}

#phoneNumber{
padding:35px 45px 0px 0px;
}

#liveChat{
padding:0px 45px 0px 0px;
}

#mainNav{
border-top:1px solid #49453f;
border-bottom:1px solid #49453f;
background: url(/assets/images/backgrounds/mainnav_bg.jpg) #292621 no-repeat;
}

#mainNav ul{
padding: 6px 0 7px 0px;
width:555px;
margin:0px auto;
}

#mainNav li{
display: inline;
float:left;
padding:0px 23px 0px 0px;
}

#mainNav li a{
color:#c3c3c3;
font-weight: bold;
font-size:12px;
text-decoration: none;
}

#mainNav li a:hover{
color:#cb7929;
}

/*=HEADER
=== === === === === === === === === === */

#header{
background: url(/assets/images/backgrounds/header_bg.jpg) #282421 no-repeat;
padding:20px 35px 25px 35px;
}

h2{
font-size:36px;
color:#fff;
}

h3{
font-size:17px;
color:#cb7929;
padding:17px 0px 0px 10px;
}

#leftCallouts{
width:370px;
padding:30px 0px 0px 0px;
}

.orangeCallouts{
background: url(/assets/images/backgrounds/orangecallout_bottom_bg.png) 0px 15px no-repeat;
color:#fff;
}

.orangeCallouts .content{
padding:3px 25px 15px 15px;
font-size:12px;
line-height: 140%;
}

.orangeCallouts .button{
padding:5px 0px 0px 0px;
}

.blueCallouts{
background: url(/assets/images/new/home_bluecallout_bottom.jpg) 0px 15px no-repeat;
color:#fff;
}

.blueCallouts .content{
padding:3px 25px 15px 15px;
font-size:12px;
line-height: 140%;
}

.blueCallouts .button{
padding:5px 0px 0px 0px;
}


h4, h4 a{
color:#fff;
font-size:20px;
font-weight: bold;
padding:0px 0px 5px 0px;
text-decoration: none;
}

h4 a:hover{
text-decoration: underline;
}

#movieContainer{
width:488px;
padding:30px 0px 0px 0px;
z-index: 0;

}

#flashcontent{
border:4px solid #191815;
height:270px;
}

.calloutsTitle{
font-style: italic;
color:#fff;
margin: 0px 0px 10px 0px;
}


/*=CONTENT CONTAINER
=== === === === === === === === === === */

#contentContainer{
background-color: #ffffff;
}

#leftContent{
width:290px;
padding:15px 0px 0px 30px;
}




#leftContent p{
padding:0px 0px 10px 0px;
}

#middleContent{
width:305px;
background: url(/assets/images/backgrounds/columnseperator.jpg) no-repeat;
padding:15px 0px 15px 35px;
}

.blogPostDate{
font-size:10px;
color:#979797;
text-transform: uppercase;
}

h5{
color:#10b1ed;
font-size:20px;
padding:0px 0px 15px 0px;
}

#rightContent{
width:294px;
background: url(/assets/images/backgrounds/columnseperator.jpg) no-repeat;
}

.blueCallout{
background: url(/assets/images/backgrounds/bluecallout_bottom_bg.jpg) no-repeat;
color:#fff;
font-size:12px;
margin:25px 25px 25px 30px;
width:240px;
}

.blueCallout .content{
padding:3px 20px 10px 20px;
}

.blueCallout p{
line-height: 140%;
padding:2px 0px 0px 0px;
}

.blueCallout .buttons{
text-align: center;
padding:0px 10px 10px 0px;
}

#textContentTabs{
font-size:12px;
padding:30px 45px;
background: url(/assets/images/backgrounds/tabscontainer_bg.jpg) no-repeat;
}

h1{
font-size:20px;
}



/*=FOOTER
=== === === === === === === === === === */

#footer{
background-color: #201e1a;
color:#929190;
font-size:11px;
text-align: right;
padding:45px;
}

#footer ul{
padding:0px 0px 2px 0px;
}

#footer ul li{
display: inline;
padding:0px 0px 0px 10px;
}

#footer a{
color:#929190;
text-decoration:none;
}

#footer a:hover{
color:#cb7929;
}


/*=COMMON
=== === === === === === === === === === */

.floatLeft{
float:left;
}

.floatRight{
float:right;
}

/* Clear fix */
.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear{
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear{
  height: 1%;
}
.clear {
  display: block;
}
/* End hide from IE-mac */

strong{
font-weight: bold;
}




/*=LOGIN
=== === === === === === === === === === */

#loginContainer {
  margin: 0px auto;
  width: 960px;
}

#login {
  width: 537px;
  height: 22px;
  float: right;
  margin: 8px 0 7px 422px;
}

#login label {
  font: 11px Arial;
  color: #e1e1e1;
  vertical-align: middle;
  padding: 1px 5px 3px 0px;
}

#login label.padded {
  margin-left: 10px;
}

#login .textBox {
  border: 1px solid #e1e1e1;
  background-color: #2f2c26;
  color: #e1e1e1;
  width: 114px;
  padding:1px 0px;
}

#login .buttonLogin {
  margin-left: 10px;
}

#login a {
  font: bold 16px Arial;
  color: #ec8c20;
  text-decoration: none;
  margin-left: 25px;
}

#login a:hover {
  color: #fff;
}

#login-form {
  margin: 0px;
  padding: 0px;
  float: left;
}

/*footer*/
#socialMedia #twitter_update_list li {
	padding-bottom: 10px;
	list-style-type: none;
}

#socialMedia #twitter_update_list li a, #socialMedia #twitter_update_list li a.visited {
	color: #777;
}

#socialMedia ul#followus {
	border: 1px solid #49443e;
	background-color: #201e1a;
	padding: 10px 10px 10px 20px;
	display: block;
	line-height: 16px;
}

#socialMedia ul li {
	float: left;
	list-style-type: none;
	padding-left: 22px;
	padding-right: 12px;
	font-weight: bold;
}

#socialMedia ul li a, #socialMedia ul li a.visited {
	color: #888;
	text-decoration: none;
	}