﻿/*
	Version 1.0 - June 23, 2008
	Version 1.1 - Modified, October 1, 2008

	/////////////////////////////////////////////////////////////
	
	STYLE-TEMPLATE.CSS ORDER BREAKDOWN 	
		1. Body / Column Count
		2. Skip To
		3. Page Container
		4. Header
		5. Navigation (Top, Side)
		6. Sub Navigation
		7. Content Container (content types, breadcrumb)
		8  Footer/Copyright		
	
*/

img{
	
	border: none;
}
.clear {
	clear:both;
}

.clearFieldBlurred { color: #666; font-style: italic; }
.clearFieldActive { color: #000; }


body {
	background-position: center top;
	background-image: url('../images/bockground.jpg');
	background-repeat: repeat-y;
	background-color: #2E2B26;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	background-attachment: fixed;
	padding:10px;
	margin:0;
}

/*Classes for content*/

h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	margin-top: 0px;
	font-weight: bolder;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
}

iframe.scroll {
overflow-x: hidden;
overflow-y: auto;
} 

ul {
	list-style-type: none;
	list-style-position: outside;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #BB1B1B;
	font-weight: normal;
	font-size: 24px;
	margin-top: 0px;
	text-align:center;
	
}
h2.sidebarHeading {
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 18px;
	background-image: url('../images/moduleHeading.jpg');
	background-repeat: repeat-x;
	margin: 0;
	height: 25px;
	text-align: center;
	vertical-align: middle;
	line-height: normal;
}


h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	margin-bottom: 10px;
	font-weight: normal;
	font-size:14px;
}
h3.promoTitle {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: medium;
	margin: 0;
	font-size:14px;
	font-weight: bold;
}


h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	margin-bottom:10px;

}

p {
	line-height: normal;
	margin: 0;
	padding: 0px 0 10px 0;
}

a {
	color:#FFCC00;
}


td.even {
	background-color:#2A2B2A;
	padding: 5px;
}

tr.odd {
	background-color:#404040;
}

tr.even {
	background-color:#2A2B2A;
}

td.odd {
	background-color:#404040;
	padding: 5px;
}

		
		
/* putting everything in a container to keep html code down */	
#pageContainer {
	width: 898px;
	margin: 0px auto 0 auto;
	position: relative;
	background-color:black;
}



#contentContainer {
	border: 1px solid #FFF;
	padding: 10px;
	width: 876px;
	background-color: #232323;
	background-image: url('../images/containerBKG.gif');
	background-repeat: repeat-x;
}
.floatLeft {
	float: left;
	position: relative;
	z-index: 99;
	margin-right: 10px;
	width:188px;
	display: inline;
}
.floatMiddle {
	float: left;
	position: relative;
	margin-right:10px;
	width: 438px;
	display: inline;
}

.floatRight {
	float: left;
	position: relative;
	width:230px;
	display: inline;
}



/* HEADER */
#header {
	padding: 10px;
	height: 96px;
	position: relative;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-image: url('../images/header.jpg');
	background-repeat: no-repeat;
}
	
	
	/* supplementary navigation in the header */
	
	ul.headerNav {
	margin: 0 0 0 228px;
	padding: 0;
	list-style-type: none;
	position: relative;
	height: 30px;
	font-size: 14px;
	font-family: Helvetica,Arial,Verdana,sans-serif;
	font-weight: bold;
	
	}
		
	ul.headerNav li {
	display: inline-block;
	float: left;
}

	ul.headerNav li a{
	display: inline-block;
	margin: 0 0 0 5px;
	color: #336600;
	text-decoration: none;
	padding: 6px 15px 6px 15px;
	background-image: url('../images/top_nav_btn.gif');
	background-repeat: repeat-x;
	border: 1px solid #FFCC00;
}
	ul.headerNav li a:hover{
	color:#FFCC00;
	background-color:#1A1A1A;
	background-image: url('../images/top_nav_btnhover.gif');
	background-repeat: repeat-x;

}

		
	/* site logo */
	#header .logo {
		position: absolute; 
		left: 11px; 
		top: -100px;
		}
		
		#header img {
		border-style:none;
		
}


.module {
	border: 1px solid #000000;
	margin-bottom:15px;
	padding: 5px 5px 5px 5px;
	background-color:#333433;
}

.moduleInner {
	border: 1px solid #3D3C39;
	padding: 10px;
	background-image: url('../images/moduleInnerBKG.jpg');
	background-repeat: repeat-x;
	background-color: #171817;
}

.moduleContent {
	border: 1px solid #3D3C39;
	background-color: #30302F;
	padding: 5px;
}

#sidebar1 {
	min-height:290px;
	position:relative;
}


#listings {
	height: 130px;
}


#listings a{
	color: white;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
#listings a:hover {
	color: #FFCC00;
	text-decoration: none;
}

#thumbs {
	position:relative;
	float:left;
	width: 415px;
	margin-bottom:10px;
}

#contentCopy img.right {
	border: 4px silver solid; float: right; margin: 10px 0 10px 10px;
}

.flashRotator {
	position: relative;
	width:415px;
	height: 266px;
	margin-bottom:20px;
}

.flashContent {
	position:absolute;
	top: -47px;
	width: 415px;
	height: 325px;
}

#content {
	position: relative;
	border: 1px solid #000;
	padding: 10px;
	width: 415px;
	float: left;
	position: relative;
	background-color: #1A1A1A;
	min-height: 200px;
	height: auto !important;
	background-image: url('../images/conentBodyBKG.jpg');
	background-repeat: repeat-y;
	margin-bottom:20px;
}


img.model {
	border: thick solid #507546;
	float: right;
	margin: 10px 0 20px 20px;
}
.centerContent {
	text-align: center;
}

.justifyContent {
	text-align: justify;;
}

#content h4{
	margin-top: 10px;
}

ul.sitemapLinks li a {
	line-height:20px;
}

#content ul {
	list-style-type: none;
}
#content img {
}

#contentInside {
	clear: both;
}

.promoContainer {
	position: relative;
	clear:both;
	width:435px;
	height:170px;
	background-color:#2C2C2C;
}


.box {
	position: relative;
	float: left;
	width: 125px;
	margin-right: 15px;
	background-color:#DB4415;
	padding: 5px;
	height: 150px;
}

.construction {
	background-image:url('../images/construction.jpg');
}
/*====LISTING STYLES*/

#listingsDetail {
	background-color: transparent;
	overflow: visible;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 100%;
	height:2050px;
}




/* SITE FOOTER/NAVIGATION */
#footer {
	font-size: 10px;
	position: relative;
	padding-top: 20px;
	width: 900px;
	margin: 0 auto 0 auto;
	min-height:175px;
}

	#footer .bottomNav li {
		display: inline;
	}
		#footer .bottomNav li a {
		}
		
		
/*footer links*/

#other-features {
	width: 900px;
	height:140px;
	padding-bottom:10px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

#other-features p {
	font-size: 13px;
}


.footerCol {
	position:relative;
	float: left;
	width: 200px;
	margin-right: 75px;
}

.footerCol h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#FFCC00;
	font-weight: bolder;
	text-align:left;
}

.footerCol ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	list-style-type: none;
	font-size: 11px;
	margin: 0px;
	padding: 0;
}

.footerCol ul a {
	color: #fff;
	text-decoration: none;
}

.footerCol ul a:hover {
	color: #FFCC00;
	text-decoration: none;
}

/* copyright info */
#copyright {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top:20px;
	font-size: 12px;
	text-align:center;
}
