/*
 * Author: Brian Gebel
 * File: style.css
 * Description: Handles the format and style of the entire site
 *
 */

/* Reset browser defaults */
@import url('library/styles/reset.css');

/* Fancy Box Styles */
@import url('library/styles/jquery.fancybox-1.3.1.css');

/* --------------------------------------------------------------
	Global Elements
-------------------------------------------------------------- */
body {
	color: #222222;
	font: 10pt Arial, Helvetica, sans-serif;
	background: url('library/images/bg_main.png') repeat top left;
	line-height: 1.5;
}
a, a:visited {color: #222222;text-decoration: none;}
a:hover {color: #b40835;text-decoration: none;}
h1, h2, h3, h4, h5, h6 {color: #222222;font: bold Arial, Helvetica, sans-serif;margin-bottom: 15px;}
h1 {font-size: 20pt;}
h2 {font-size: 12pt;}
h3 {font-size: 11pt}
p {margin-bottom: 15px;}
#wrapper {
	width: 1024px;
	margin: 0px auto;
	background-color: #f9f9f9;
}
#outer-wrapper {
	width: 1100px;
	margin: 0px auto;
	background: url('library/images/bg_shadow.png') repeat-y top;
}
/* --------------------------------------------------------------
	Global Class Elements
-------------------------------------------------------------- */
.indent {
	padding-left: 10px;	
}
.special_links a:hover {
	color: #222222;
}
.special_links a {
	color: #b40835;
}
.clear {
	clear: both;	
}
.hide {
	visibility: hidden;
}
.inner {
	clear:both;
	height:100%;
	margin:0 auto;
	min-width:960px;
	position:relative;
	text-align:left;
	width:960px;
}
.one_fourth {width: 204px;float: left;margin: 0px 48px 0px 0px;position: relative;}
.one_third {width: 288px;float: left;margin: 0px 48px 0px 0px;position: relative;}
.one_half {width: 456px;float: left;margin: 0px 48px 0px 0px;position: relative;}
.last {margin-right: 0 !important;}

/* Portfolio Pages */
.portfolio-box {
	height: 310px;
}
.portfolio-img {
	background:url("library/images/portfolio_full_frame.png") repeat scroll 0 0 transparent;
	height:308px;
	width:489px;
	position:relative;
	float: left;
}
.portfolio-img img {
	height: 246px;
	width: 447px
	border:1px solid #FFFFFF;
	padding:4px;
	position:absolute;
	top:22px;
	left:16px;
}
.portfolio-text{
	height:250px;
	width:400px;
	padding: 29px 10px 29px 10px;
	position:relative;
	float: left;
}
/* more link */
a.more-link, a.more-link:active {background:url('library/images/buttons.png') no-repeat scroll right -34px #111111;color:#EEEEEE;display:inline-block;font-size:11px;height:30px;margin-right:5px;margin-top:0;padding-right:17px;text-transform:uppercase;}
a.more-link span {background: url('library/images/buttons.png') no-repeat scroll left -34px #111111;display:block;line-height:10px;padding:9px 0 11px 15px;}
a.more-link:hover span {background-position: left -2px;}
a.more-link:hover {background-position: right -2px;}
ul.list-arrow {
	padding: 0 0 10px 20px;
}
ul.list-arrow li a {
	background: url("library/images/sprite_mini_icons.png") no-repeat scroll -265px 2px transparent;
	display: block;
	padding: 4px 0 8px 20px;
	text-shadow: 1px 1px 1px #FFFFFF;
}
ul.list-arrow li ul.children {
	padding:0 0 0 40px;
}
/* --------------------------------------------------------------
	Header Elements
-------------------------------------------------------------- */
#header {
	width: 1024px;
	height: 150px;
	background: #111111 url('library/images/bg_header.png') no-repeat top center;
	position:relative;
}
#header-wrap div.home {
	height: 150px;
}
#home-feature {display: none; height: 400px;background: #111111 url('library/images/bg_home_feature.png') repeat-x scroll left top;}
.background {background: url('library/images/bg_full_stage.png') no-repeat scroll center top transparent;}
#loading-animation {background: url("library/images/slider_loader.gif") no-repeat scroll center top transparent;height: 64px;position: absolute;text-align: center;top: 170px;width: 960px;z-index: 20;}

#sub-header-content {
	background-color:#E6E6E6;
	min-height:110px;
	overflow:hidden;
	position:relative;
}
#sub-header-content .inner {padding-top: 40px;	}
#sub-header-content .content-image-title {background:url("library/images/bg_intro.png") no-repeat scroll right -7px transparent;color: #f9f9f9;	display:block;float: left;font-size: 32px;height: 62px;line-height: 32px;margin-right: 30px;padding-right: 17px;}	
#sub-header-content .content-image-title span {background: url("library/images/bg_intro.png") no-repeat scroll -7px -7px transparent;display: block;line-height: 32px;padding: 12px 20px 16px 30px;}
#sub-header-content .content-header-title {color: #444444;font-size: 24px;line-height: 100%;min-height: 57px;min-width: 200px;overflow: hidden;padding: 5px 0px 5px 15px;}
#sub-header-content .content-header-title p.twitter {margin: 0px;padding-left: 65px;background:url('library/images/tweet.png') no-repeat scroll -10px -25px transparent;}
#sub-header-margin {
	background:url("library/images/bg_sub_header.png") repeat-x scroll left top #E6E6E6;
	height:50px;
}
#branding {position: absolute;top: 25px;left: 0px;}
/* --------------------------------------------------------------
	Menu Elements
-------------------------------------------------------------- */
#access {font-size: 8pt;text-transform: uppercase;height: 40px;overflow: visible;position: absolute;top: 5px;right: 0px;z-index:100;}
/*** ESSENTIAL STYLES ***/
.sd-menu, .sd-menu * {margin: 0;padding: 0;list-style: none;}
.sd-menu {line-height: 1.0;}
.sd-menu ul {position: absolute;top: -999em;width: 10em; /* left offset of submenus need to match (see below) */}
.sd-menu ul li {width: 100%;}
.sd-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
.sd-menu li {float:	left;position: relative;padding: 0px 10px;line-height: 40px;}
.sd-menu a {color: #999999;display: block;position: relative;}
.sd-menu a:hover {color: #cccccc;display: block;position: relative;}
.sd-menu li:hover ul,.sd-menu li.sdHover ul {left: 0;top: 2.5em; /* match top ul list item height */z-index: 99;}
ul.sd-menu li:hover li ul,ul.sd-menu li.sdHover li ul {top:	-999em;}
ul.sd-menu li li:hover ul,ul.sd-menu li li.sdHover ul {left: 10em; /* match ul width */top: 0;}
ul.sd-menu li li:hover li ul,ul.sd-menu li li.sdHover li ul {top: -999em;}
ul.sd-menu li li li:hover ul,ul.sd-menu li li li.sdHover ul {left: 10em; /* match ul width */top: 0;}

/* MAKE CONTROLLED BY JAVASCRIPT */
ul.sd-menu li ul.children {
	background: url('library/images/bg_drop_left.png') no-repeat -5px 0px transparent;
	width: 186px;
	padding: 15px 0px 2px 0px;
}
ul.sd-menu li ul.children li {
	line-height: 30px;
	padding-left: 15px;
	width: 150px;
	margin: 0px 2px 0px 2px;
}
ul.sd-menu li ul.children li:hover {
	background-color: #222222;
}
/* --------------------------------------------------------------
	Header Banner Elements
-------------------------------------------------------------- */
#subscibe {
	background-image: url('library/images/social_links.png');
	width: 248px;
	height: 66px;
	display: block;
	position: absolute;
	top: 40px;
	right: 0px;
}
#facebook {
	width: 76px;
	height: 66px;
	position:absolute;
	bottom: 0px;
	left: 0px;
}
#myspace {
	width: 76px;
	height: 66px;
	position:absolute;
	bottom: 0px;
	left: 86px;
}
#twitter {
	width: 76px;
	height: 66px;
	position:absolute;
	bottom: 0px;
	left: 172px;
}
.social_icon { /* IE 7 fix */
	width: 76px;
	height: 66px;
}
/* --------------------------------------------------------------
	Index Page Header Elements
-------------------------------------------------------------- */
#main_banner {
	width: 980px;
	position: relative;
}

#main_banner img.mission {
	position: absolute;
	top: 40px;
	left: 25px;
}
/* --------------------------------------------------------------
	Body Elements
-------------------------------------------------------------- */
#body-wrap {
	background:url("library/images/bg_sidebar_middle.png") repeat-y scroll center top transparent;
}
#main-wrap {
	background:url("library/images/bg_sidebar_top.png") no-repeat scroll center top transparent;
}
#content {
	background:url("library/images/bg_sidebar_bottom.png") no-repeat scroll center bottom transparent;	
}
#main {
	float: left;
	width: 600px;
	height: inherit;
	margin: 25px 0px 25px 25px;
	padding-right: 35px;
}
#main_full {
	height: inherit;
	padding: 25px;
}
/* --------------------------------------------------------------
	SideBar Elements
-------------------------------------------------------------- */
#sidebar {
	float: right;
	width: 300px;
	margin: 25px;
}
#sidebar .online-quote img {
	display: block;
	margin: 0px auto;
	margin-bottom: 15px;
	border: 5px solid #e6e6e6;
}
#sidebar .social-networking img {
	float: left;
	padding-right: 10px;
}
#sidebar .location h5 {
	margin: 0;	
}
/* --------------------------------------------------------------
	Service Elements
-------------------------------------------------------------- */
.main_box {
	min-height: 300px;
	margin: 0px 15px 15px 15px;	
	padding: 15px;
}
.service_images {
	float: left;
	border: 5px solid #e6e6e6;
	margin-right: 25px;
}
/* --------------------------------------------------------------
	Company Elements
-------------------------------------------------------------- */
.left_side {
	float: left;
	text-align: left;
}
.right_side {
	float: right;
	text-align: right;
	margin-right: 25px;
}
.left_side p, .right_side p {
	padding: 0;
	margin: 0;
}
/* --------------------------------------------------------------
	Fleet Elements
-------------------------------------------------------------- */
.fancybox_list {
	width: 950px;
	float: left;
}
.fancybox_list li {
	float: left;
	margin: 20px 15px 20px 15px;
	border: 3px solid #e6e6e6;
	border-bottom: none;
	background-color: #e6e6e6;
}
/* --------------------------------------------------------------
	Affiliates Elements
-------------------------------------------------------------- */
#affiliates ul {
	margin-bottom: 25px;
}
.list1 {
	height: 115px	
}
.list2 {
	height: 90px	
}
.list3 {
	height: 25px	
}
#affiliates ul li {
	width: 175px;
	float: left;
	padding-right: 15px;
}

/* --------------------------------------------------------------
	Contact Elements
-------------------------------------------------------------- */
.form_entry_input {
	margin-bottom: 15px;
}
.form_entry_input input {
	width: 200px;	
}
.form_entry_input textarea {
	width: 500px;	
}
#targetDiv {
	margin-top: 20px;
}
.redtxt {
	color: #b40835;
}
/* --------------------------------------------------------------
	Footer Elements
-------------------------------------------------------------- */
#footer-wrap {
	font: 10pt Arial, Helvetica, sans-serif;
	width: 1024px;
	background: url('library/images/bg_footer.png') repeat-y top center;
	position: relative;
}
#footer {
	width: 924px;
	margin: 0px auto;
	position: relative;
}
#footer img {
	position: absolute;
	top: -55px; 
	right: 0px;
}
#footer ul {
	float: left;
	margin: 60px 60px 60px 0px;
}
#footer ul.footer-reserve {
	padding: 25px;
}
#footer ul.footer-reserve h1 {
	color: #333333;
}
#footer h2 {
	color: #999999;
}
#footer a, #footer a:visited {
	color: #777777;	
}
#footer a:hover {
	color: #b40835;
}
#sub-footer {
	background-color: #000000;
	border-top: 1px solid #151515;
	font-size: 9px;
	min-height: 30px;
	padding-top: 12px;
}
#sub-footer #siteinfo {
	clear: both;
	color: #666666;
	font-size: 11px;
	line-height: 18px;
	margin: 0 auto;
	width: 940px;
}
#sub-footer #siteinfo a {
	color: #999999;
}
#sub-footer #siteinfo a.lostpropaganda-link {
	color: #b40835;
}
#sub-footer #siteinfo ul li {
	float: left;
	padding-left: 15px;
}
#sub-footer p {
	color: #999999;
	font: 8pt Helvetica,Arial,Georgia,serif;
}
/* --------------------------------------------------------------
	Cycle Script Elements
-------------------------------------------------------------- */
.slideshow { display: none;height: 232px; width: 232px; margin: auto;display: block;height:400px;overflow:hidden;width:960px;}
.slideshow div.slider-content { height:400px;width:960px;position: relative;overflow:hidden;margin: 20px 0px 20px 0px;}
.slideshow div.slider-text {width:300px;padding-left:30px;padding-top:30px;}
.slideshow div.slider-image {position: absolute;top: 0px;right: 0px;}
.slideshow-controls {display: none;}
/* --------------------------------------------------------------
	Special Notes
-------------------------------------------------------------- */
/* 
 * 
 */
/* --------------------------------------------------------------
	The End
-------------------------------------------------------------- */
