@charset "UTF-8";
/* 
	brightlineinteractive.com
	Andrew Cohen, Brightline Interactive, 2009
	layout.css
*/
body{
	background-color: #99afba;
	margin: 0;
	padding: 0;
}
/*--------------------------------Defaults---------------------------*/
.clear{
	clear: both;
}
.left{
	float: left;
}
.right{
	float: right;
}
/*-----------------------------Wrapper Divs--------------------------*/
#wrapper_nav{
	width: 100%;
	height: 46px;
	margin: 0;
	padding: 0;
	background-color: #1a2227;
}
#wrapper_header{
	width: 100%;
	height: 97px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: url('http://www.brightlineinteractive.com/images/interface/bg/bg_header.jpg') repeat-x;	
}
#wrapper_content{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: url('http://www.brightlineinteractive.com/images/interface/bg/bg_content.jpg') repeat-x;	
	background-color: #99afba;	
}
#wrapper_footer{
	width: 100%;
	height: 158px;
	margin: 0;
	padding: 0;
	background: url('http://www.brightlineinteractive.com/images/interface/bg/bg_footershad.jpg') repeat-x;
	background-color: #d6d6d6;
}
/*-----------------------------Standard Content Divs--------------------------*/
#nav{
	width: 960px;
	height: 46px;
	margin: 0 auto 0 auto;
	padding: 0;
}
#header{
	width: 980px;
	height: 97px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: url('http://www.brightlineinteractive.com/images/interface/bg/bg_headerlogo.jpg') no-repeat;	
}
#content{
	width: 960px;
	height: 100%;
	margin: 0 auto 0 auto;
	padding: 32px 0 30px 0;
	background: url('http://www.brightlineinteractive.com/images/interface/bg/bg_content.jpg') repeat-x;	
	background-color: #99afba;	
}
#footer{
	width: 940px;
	height: 158px;
	margin: 0 auto 0 auto;
	padding: 0 10px 0 10px;
	background: url('http://www.brightlineinteractive.com/images/interface/bg/bg_footershad.jpg') repeat-x;
	background-color: #d6d6d6;		
}
/*---------------------------Landing Page Content Divs------------------------*/
#lp_flash{
	width: 960px;
	height: 430px;
	margin: 5px auto 35px auto;
	padding: 0;
}
#lp_content1{
	float: left;
	width: 228px;
	min-height: 307px;
	margin: 0 20px 10px 10px;
	padding: 10px 10px 10px 62px;	
	background: url('http://www.brightlineinteractive.com/images/interface/bg/bg_lp_content1.jpg') no-repeat;
}
#lp_content2{
	float: left;
	width: 228px;
	min-height: 307px;
	margin: 0 20px 10px 0;
	padding: 10px 10px 10px 62px;	
	background: url('http://www.brightlineinteractive.com/images/interface/bg/bg_lp_content2.jpg') no-repeat;
}
#lp_content3{
	float: left;
	width: 300px;
	min-height: 307px;
	margin: 0 10px 10px 0;
}
/*------------------------------SubPage Content Divs--------------------------*/
#content_left{
	float: left;
	width: 220px;
	height: 100%;
	margin: 0 20px 0 10px;
	padding: 0;
}
#content_right{
	float: right;
	width: 700px;
	height: 100%;
	margin: 0 10px 0 0;
	padding: 2px 0 0 0;
}
#content_right_blog{
	float: right;
	width: 700px;
	height: 100%;
	margin: 0 10px 0 0;
	padding: 44px 0 0 0;
}
#content_right_directions{
	float: right;
	width: 700px;
	height: 100%;
	margin: 0 10px 0 0;
	padding: 45px 0 0 0;
}
#content_single{
	width: 940px;
	height: 100%;
	margin: 0 10px 0 10px;
	padding: 0;
}
.content_right1{
	float: left;
	width: 460px;
	height: 100%;
	margin: 0 20px 0 0;
	padding: 0;
}
.content_right2{	
	float: right;
	width: 220px;
	height: 100%;
	margin: 25px 0 0 0;
}
#portfolio_flash{
	width: 960px;
	height: 740px;
	margin: 0 auto 0 auto;
}
/*-----------------------------------Main Nav-------------------------------*/
ul#main_nav {
	float: right;
	height: 46px;
	width: 511px;
	margin: 0 auto 0 auto;
	padding: 0;
	list-style: none;
	display: block;
}
ul#main_nav li{
	float: left;
	display: inline;
	height: 46px;
}
ul#main_nav li a{height: 46px; display: block;}
ul#main_nav li a:hover{text-decoration: none;}
li.home {width: 64px; background: url('http://www.brightlineinteractive.com/images/interface/nav/home.jpg') 0 0 no-repeat;}
li.home a:hover {background: url('http://www.brightlineinteractive.com/images/interface/nav/home.jpg') 0 -46px no-repeat;}
li.ourcompany {width: 116px; background: url('http://www.brightlineinteractive.com/images/interface/nav/ourcompany.jpg') 0 0 no-repeat;}
li.ourcompany a:hover {background: url('http://www.brightlineinteractive.com/images/interface/nav/ourcompany.jpg') 0 -46px no-repeat;}
li.ourwork {width: 85px; background: url('http://www.brightlineinteractive.com/images/interface/nav/ourwork.jpg') 0 0 no-repeat;}
li.ourwork a:hover {background: url('http://www.brightlineinteractive.com/images/interface/nav/ourwork.jpg') 0 -46px no-repeat;}
li.clients {width: 69px; background: url('http://www.brightlineinteractive.com/images/interface/nav/clients.jpg') 0 0 no-repeat;}
li.clients a:hover {background: url('http://www.brightlineinteractive.com/images/interface/nav/clients.jpg') 0 -46px no-repeat;}
li.bliblog {width: 79px; background: url('http://www.brightlineinteractive.com/images/interface/nav/bliblog.jpg') 0 0 no-repeat;}
li.bliblog a:hover {background: url('http://www.brightlineinteractive.com/images/interface/nav/bliblog.jpg') 0 -46px no-repeat;}
li.contactus {width: 97px; background: url('http://www.brightlineinteractive.com/images/interface/nav/contactus.jpg') 0 0 no-repeat;}
li.contactus a:hover {background: url('http://www.brightlineinteractive.com/images/interface/nav/contactus.jpg') 0 -46px no-repeat;}
body#home ul#main_nav li.home, body#home ul#main_nav li.home a:hover{
	background: url('http://www.brightlineinteractive.com/images/interface/nav/home.jpg') 0 -92px no-repeat;
}
body#ourcompany ul#main_nav li.ourcompany, body#ourcompany ul#main_nav li.ourcompany a:hover{
	background: url('http://www.brightlineinteractive.com/images/interface/nav/ourcompany.jpg') 0 -92px no-repeat;
}
body#ourwork ul#main_nav li.ourwork, body#ourwork ul#main_nav li.ourwork a:hover{
	background: url('http://www.brightlineinteractive.com/images/interface/nav/ourwork.jpg') 0 -92px no-repeat;
}
body#clients ul#main_nav li.clients, body#clients ul#main_nav li.clients a:hover{
	background: url('http://www.brightlineinteractive.com/images/interface/nav/clients.jpg') 0 -92px no-repeat;
}
body#bliblog ul#main_nav li.bliblog, body#bliblog ul#main_nav li.bliblog a:hover{
	background: url('http://www.brightlineinteractive.com/images/interface/nav/bliblog.jpg') 0 -92px no-repeat;
}
body#contactus ul#main_nav li.contactus, body#contactus ul#main_nav li.contactus a:hover{
	background: url('http://www.brightlineinteractive.com/images/interface/nav/contactus.jpg') 0 -92px no-repeat;
}
/*---------------------------------Page Items------------------------------*/
img.basic {
	border: solid 1px #8e8e8e;
}
img.lp {
	margin: 0 0 20px 0;
	border: solid 1px #8e8e8e;
}
.sideimg{
	width: 218px;
	height: 100%;
	background: url('http://www.brightlineinteractive.com/images/interface/bg/bg_imagedrop.jpg') no-repeat bottom;
        padding: 0 0 18px 0;
	margin: 0 0 2px 0;
}
.fbpill{
	float:right;
	margin: -9px 0 0 0;
}
#logolink{
	width: 290px;
	height: 55px;
	padding-top: 18px;
}
.team_profile{
	width: 710px;
	height: 100%;
	margin: 0 0 10px 0;
}
.blog_post{
	width: 700px;
	height: 100%;
	margin: 0;
}
.post_info{
	height: 20px;
	border: solid 1px #ccc;
	margin: 0 0 36px 0;
	padding: .5em .5em .5em .5em;
	width:520px;
}
.post_info a img{
	margin-bottom:-4px;
}
.comment{
	margin: 0 0 1.2em 0;
	padding: 0 1.0em 0 1.0em;
	border-bottom: solid 1px #ccc;
}
.commentinfobox{
	margin: 0 0 .5em 0;
}
/*----------Rolla JQuery Styles-----------*/
a.rolla {
	width: 218px;
	height: 100%;
	border: solid 1px #8e8e8e;
}
/*---------------------------------Archive Calendar------------------------------*/
.calendarBG {
	margin: -5px 0 16px 0;
	background-color: #99afba; 
}
.calendarBlank { 
	background-color:#99afba;
	font-size: 11px;
}
.calendarHeader { 
	font-weight: bold; 
	color: #1a2227; 
	text-align: center;
	font-size: 14px;
	background-color: #99afba; 
}
.calendarMonthLinks {
	font-family: Georgia, "times new roman", times, serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: .1em;
	text-decoration: none;
	color: #f5f5f5;
	background-color: transparent;
}
.calendarMonthLinks a {
	color: #f5f5f5;
	text-decoration: none;
	background-color: transparent;
}
.calendarMonthLinks a:visited {
	color: #f5f5f5;
	text-decoration: none;
	background-color: transparent;
}
.calendarMonthLinks a:hover {
	color: #f5f5f5;
	text-decoration: underline;
	background-color: transparent;
}
.calendarDayHeading {
	font-weight: bold; 
	font-size: 11px;
	color: #1a2227; 
	background-color: #ccc; 
	text-align: center;
	vertical-align: middle;
}
.calendarToday { 
	font-family: Georgia, "times new roman", times, serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .1em;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	color: #1a2227;
	background-color: #ccc;
}
.calendarCell {
	font-family: Georgia, "times new roman", times, serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .1em;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	color: #666;
	background-color:  #f5f5f5;
}
.calendarCell a:link {
	color: #1a2227;
	font-size: 14px;
	text-decoration:   none;
	background-color:  transparent;
} 
.calendarCell a:visited {
	color: #1a2227;
	font-size: 14px;
	text-decoration: none;
	background-color: transparent;
}
.calendarCell a:hover {
	color: #ccc;
	font-size: 14px;
	text-decoration: underline;
	background-color: transparent;
}
/*---------------------------------Contact Form------------------------------*/
.fieldset {
	width: 460px;
	height: 100%;
	padding: 0;
	margin-bottom: 30px;
	border: none;
}
.fieldset label {
	display: block;
	font-size: 14px;	
	color: #1a2227;
	margin: 5px 0 0 0;
	padding: 0;	
}
.fieldset input.textbox{
	display: block;
	height: 20px;
	width: 220px; 
	margin: 2px 0 0 0;
	padding: 0;
	border: 1px solid #666666;
	background-color: #f5f5f5;
	overflow: hidden;
}
.fieldset input.checkbox{
	margin: 0 5px 0 0;
}
.fieldset textarea {
	display: block;
	height: 125px;
	width: 458px; 
	margin: 2px 0 0 0;
	padding: 0;
	border: 1px solid #666666;
	background-color: #f5f5f5;
	overflow: hidden;
}
.fieldset .submit {
 	cursor: pointer;
	float: left;
 	width: 100px;
	height: 25px;
	margin: 10px 10px 10px 0;
	padding: 0;
	font-size: 12px;
}

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/
html, body, #wrapper_main {
	height: 100%;
}

body > #wrapper_main {
	height: auto; min-height: 100%;
}

#wrapper_content {
	padding-bottom: 158px;
}  
/* must be same height as the footer */

#wrapper_footer {
	position: relative;
	margin-top: -158px; /* negative value of footer height */
	clear:both;
} 

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.addthis_button img {
  margin-bottom:-4px;
}