/*
 * 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');

/* Image Slider Styles */
@import url('library/styles/imageSlider.css');

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

/* --------------------------------------------------------------
	Global Elements
-------------------------------------------------------------- */
body {
	color: #222222;
	font: 11pt Arial, Helvetica, sans-serif;
	background: url('library/images/bg_main.png') repeat top left;
	line-height: 1.5;
}
h1 {
	color: #222222;
	font: bold 20pt Arial, Helvetica, sans-serif;
}
h2 {
	color: #222222;
	font: bold 12pt Arial, Helvetica, sans-serif;
}
h3 {
	color: #222222;
	font: bold 11pt Arial, Helvetica, sans-serif;
}
a, a:visited {
	color: #222222;
	text-decoration: none;
}
a:hover {
	color: #b40835;
	text-decoration: none;
}
#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
-------------------------------------------------------------- */
.para_space {
	margin-bottom: 15px;
}
.indent {
	padding-left: 10px;	
}
.special_links a:hover {
	color: #222222;
}
.special_links a {
	color: #b40835;
}
.clear {
	clear: both;	
}
.hide {
	visibility: hidden;
}
/* --------------------------------------------------------------
	Header Elements
-------------------------------------------------------------- */
#header {
	width: 1024px;
	height: 550px;
	background: #f9f9f9 url('library/images/bg_header.png') repeat-x top left;
}
#header_pages {
	width: 1024px;
	height: 260px;
	background: #f9f9f9 url('library/images/bg_header2.png') repeat-x top left;
}
#inner_header {
	width: 1024px;
	height: 108px;
	background: url('library/images/sdlt_sprite.png') 0px 0px no-repeat;
}
#main_menu {
	font-size: 9pt;
	width: 924px;
	margin: 0px auto;
	position: relative;
}
#main_menu img {
	position: absolute;
	top: 25px;
	left: 0px;
}
#main_menu ul {
	position: absolute;
	top: 25px;
	right: 0px;
}
#main_menu ul li {
	float: left;
	padding-right: 15px;
}
#main_menu a, #main_menu a:visited {
	color: #f9f9f9;
}
#main_menu a:hover {
	color: #b40835;
}
/* --------------------------------------------------------------
	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
-------------------------------------------------------------- */
#main {
	float: left;
	width: 600px;
	height: inherit;
	margin: 25px 0px 25px 25px;
	padding-right: 35px;
	border-right: 1px solid #dddddd;
}
#main_full {
	height: inherit;
	padding: 25px;
}
/* --------------------------------------------------------------
	SideBar Elements
-------------------------------------------------------------- */
#sidebar {
	float: right;
	width: 300px;
	margin: 25px;
}
#sidebar img {
	display: block;
	margin: 0px auto;
	margin-bottom: 15px;
	border: 5px solid #e6e6e6;
}
/* --------------------------------------------------------------
	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;
	padding-bottom: 25px;
}
.right_side {
	float: right;
	text-align: right;
	margin-right: 25px;
	padding-bottom: 25px;
}
/* --------------------------------------------------------------
	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 {
	font: 10pt Arial, Helvetica, sans-serif;
	height: 382px;
	width: 1024px;
	background: #111111 url('library/images/sdlt_sprite.png') 0px -118px no-repeat;
	position: relative;
}
#footer_inner {
	width: 924px;
	margin: 0px auto;
	position: relative;
}
#footer_inner img {
	position: absolute;
	top: -55px; 
	right: 0px;
}
#footer_inner ul {
	float: left;
	margin: 60px 60px 0px 0px;
}
#footer_inner h2 {
	color: #999999;
}
#footer_inner a, #footer_inner a:visited {
	color: #777777;	
}
#footer_inner a:hover {
	color: #b40835;
}
#copyright {
	height: 60px;
	width: 1024px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#copyright div {
	width: 924px;
	margin: 0px auto;
	padding-top: 24px;
}
#copyright p {
	color: #999999;
	font: 8pt Helvetica,Arial,Georgia,serif;
}
/* --------------------------------------------------------------
	Special Notes
-------------------------------------------------------------- */
/* 
 * 
 */
/* --------------------------------------------------------------
	The End
-------------------------------------------------------------- */