﻿/* --------------------------------------------------------------------------------------------- HTML Format classes */
html{
    min-height:101%;
}

body
{
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:Verdana, Arial, MS Sans Serif;
	background:#999 url(../Images/Design/body_bg.jpg) repeat-x top;
	min-height:100%;
	color:#ccc;
}

h1, h2, h3, h4, h5, h6{color: #ffcc00;}

h1
{
	font-size:18px;
	margin:0px 0px 15px 0px;
}

h2
{
	font-size:14px;
	margin:10px 0px 10px 0px;
}

h3
{
	font-size:14px;
	margin:5px 0px 10px 0px;
}

h4, h5, h6
{
	font-size:11px;
	margin:5px 0px 5px 0px;
}

a:link, a:visited, a:active {
	color:#FFCC00;
	text-decoration:underline;
}

a:hover {
	color: #538BC4;
}

p
{
	margin:0px 0px 20px 0px;
}

/* ----------------------------------------------------------------------------------------------- layout classes */

#outer
{
	padding:20px 0px 20px 0px;
}

#inner
{
	width:980px;
	margin:auto;
	border:2px solid #fff;
	background-color:#21405F;
	min-height:650px;
}

#main
{
	margin:5px 25px 0px 25px;
}

.clearBoth
{
	clear:both;
}


/* ----------------------------------------------------------------------------------------------- Header classes */
#hdr
{	
	margin:10px;
	height:100px;
	background: url(../Images/Design/header_bg.jpg) no-repeat left;
}

#hdrInner
{

	border-bottom:1px solid #999;
	margin: 0 10px 0px 15px;
	height:95px;
}

#logo {
	float: left;
	height:100px;
	width:220px;
}

/* ----------------------------------------------------------------------------------- Menu / Navigation classes */
.mnuMain
{
	float:left;
	width:710px;
}

.mnuMainInner
{
	background:url(../Images/Design/menu_bg.jpg) left top no-repeat;
	width:710px;
	margin: 55px auto 0px auto;
	overflow:hidden;
	float:right;
}

.mnuMain ul
{
	float:right;
	list-style-type:none;
	padding:0px;
	margin:0px;
	background:url(../Images/Design/menu_bg.jpg) right top no-repeat;
}

.mnuMain ul li
{
	float:left;
	background:url(../Images/Design/menu_bg_item.jpg) right top no-repeat;
}

.mnuMain ul li a
{
	color:#fff;
	display:block;
	text-decoration:none;
	line-height:40px;
	float:left;
	padding:0px 15px 0px 15px;
	font-weight:bold;
	font-size:14px;
}

.mnuMain ul li a:hover
{
	background:url(../Images/Design/menu_item_bg.gif) center bottom no-repeat;
	color:#ffcc00;
	text-decoration:underline;
}

/* ------------------------------------------------------------------------------------------ content area classes */

#contentLeft, #contentRight
{
	margin:10px 0px 0px 0px;
}

#contentLeft
{
	width:560px;
	float:left;
}

#contentRight
{
	width:350px;
	margin-left:20px;
	float:left;
}

#content
{
	float:left;
	min-height:470px;
	line-height:18px;
}

#contentInner
{
	min-height:252px;
}

#contentPods
{
	width:550px;
	height:180px;
	margin:10px 0px 10px 0px;
	display:block;
	float:left;
}

.contentPodBg
{
	width:265px;
	margin:0px 5px 0px 5px;
	height:180px;
	display:block;
	float:left;
	background:url(../Images/Design/pod_new_bg.jpg) top left no-repeat;
}

.contentPod
{
	margin:20px 0px 0px 25px;
}

.contentPod h2
{
	margin:10px 0px 5px 40px;
	line-height:30px;
}

.contentPodInner
{
	margin:10px 8px 0px 10px;
	min-height:90px;
}

.contentPodMore
{
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
	text-align:right;
	margin-right:10px;
}

.highlight
{
	color:#fff;
	font-style:italic;
}

/* ------------------------------------------------------------------------------------------------ sitemap classes */
.siteMap ul
{
	margin:0px 0px 0px 15px;
}

.siteMap li
{
	line-height:20px;
	color:#ffcc00;
	padding-left:22px;
}

.siteMap ul li
{
	list-style-type:none;
	background:url(../Images/Design/sitemap_outer_bg.gif) no-repeat left top;

	line-height:25px;
	margin:5px 0px 5px 0px;
}

.siteMap ul li ul li
{
	list-style-type:none;
	background:url(../Images/Design/sitemap_inner_bg.gif) no-repeat left top;
	line-height:20px;
	margin:5px 0px 5px 0px;
}

.siteMap ul li ul
{
	margin:0px 0px 0px 15px;
}


/* ------------------------------------------------------------------------------------------------ Footer classes */
#ftr
{
	margin:10px 0px 0px 0px;
	clear:both;
	height:30px;
}

#ftrInner
{
	margin:auto;
	width:960px;
	border-top:1px solid #3D6792;
}

.ftrPanel
{
	float:left;
	width:50%;
	font-size:11px;
	line-height:30px;
}

#ftr ul
{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

#ftr li
{
	display:inline;
	float:left;
	margin:0px 15px 0px 0px;
}

#ftr a
{
	text-decoration:none;
	line-height:20px;
}

.ftrPanelLeft a:link, .ftrPanelLeft a:visited, .ftrPanelLeft a:active
{
	color:#ccc;
}


.ftrPanelLeft a:hover
{
	color:#ffcc00;
	text-decoration:underline;
}

.ftrPanelRight, .ftrPanelRight a:link, .ftrPanelRight a:visited, .ftrPanelRight a:active
{
	color:#538BC4;
}

.ftrPanelRight a:hover
{
	color:#ffcc00;
}

.ftrPanelRight{text-align:right;}


.slogan
{
	width:350px;
	height:40px;
	background:url(../Images/Design/slogan_bg.gif) center center no-repeat;
}


/* ------------------------------------------------------------------------------------------------ standard photo box classes */
.photoBox
{
	width:350px;
	border:2px solid #587FAA;
	background:url(../Images/Photos/car_on_ramp.jpg) top no-repeat;
	height:260px;
	margin:0px 0px 15px 0px;
}



/* ------------------------------------------------------------------------------------------------ slide show shuffle classes */
.slideShow
{
	height:260px;
	width:350px;
	border:2px solid #587FAA;
	margin:0px 0px 15px 0px;
    position:relative;
    background-color:#efefef;
}

.slideShowInner
{
	height:260px;
	width:350px;
    overflow: hidden;
    margin:0px;
}

/* ------------------------------------------------------------------------------------------------ contact classes */
.contact
{
	width:350px;
	line-height:18px;
	border:2px solid #587FAA;
	background:url(../Images/Design/contact_bg.jpg) top repeat-x;
	margin:0px 0px 15px 0px;
	height:180px;
}

.contactInner
{
	margin:0px 10px 0px 10px;
}

.contactLeft
{
	width:200px;
	float:left;
}

.contactRight
{
	width:120px;
	float:left;
}

.contactFooter
{
	clear:left;
	margin:5px 0px 5px 0px;
}

.googleMap
{
	height:400px;
	width:540px;
	border:1px solid #ccc;
	color:#000;
	line-height:14px;
}
