/* CSS Document */

/* ----- MAIN ----- */

h1{
	font-size:12px;
	margin:5px;
	font-weight:normal;	
	}

h2{}

h3{}

h4{
	font-size:14px;
	margin:5px;
	font-weight:bold;
	color:#000000;
	}

h5{}

h6{}

body {
	width:850px;
	margin:0 auto;
	background-image: url(/images/bg-glow.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #645B48;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #645C49;
	padding:3px;
}

img {border-color:" #666666 ";}


a:link {
	color:#999999;
	text-decoration: none;
}

a:visited {
	color:#999999;
	text-decoration: none;
}

a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

a:active {
	color: #FFFFFF;
	text-decoration: none;
}

a.readmore{
float:right;
}

.flLeft{float:left;}
.clearer{ clear:left;}

/* ----- Form Styles ----- */

table.dealers {
	text-align:left;
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	width:95%;
}

table.dealers tr {
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
}

table.dealers tr.gray {
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	background-color:#333333 !important;
}

table.dealers td {
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
}

table.dealers td.name{
width:175px;
}

table.dealers td.cityState{
width:125px;
}

table.dealers td.phone{
width:100px;
}


#tableBox{
	display:table;
	width:95%;
}

#tableBoxGray{
	background-color:#333333;
	display:table;
	width:95%;
}

#tableCol{
	float:left;
	width:285px;
	display:table-column;
	text-align:right;
}

#tableRow{
	float:left;
	display:table-row;
	width:100%;
}

#formBox{
	margin:0px 0px;
	display:inline-table;
	vertical-align:top;
}

form.stateMenu{
	margin-top:5px;
	margin-left:15px;
	vertical-align:middle;
}

input.submitButtonStates{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	border-style:none;
	height:20px;
	width:64px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:5px;
	margin-right:0px;
	cursor:pointer;
	vertical-align:middle;
}

input.submitButton{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	border-style:ridge;
	height:23px;
	width:64px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:115px;
	margin-right:15px;
	cursor:pointer;
	vertical-align:top;
	float:left;
}

input.checkBox{
	margin-bottom:10px;
	margin-left:105px;
	margin-right:5px;
	vertical-align:top;
	float:left;
}

input.inputBox{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	width:150px;
	margin-bottom:10px;
	margin-left:5px;
	margin-right:5px;
	cursor:text;
	vertical-align:top;	
}

textarea.textInputBox{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	height:75px;
	width:435px;
	margin-bottom:10px;
	margin-left:40px;	
	margin-right:30px;
	cursor:text;
	vertical-align:top;
	
}

#imgBoxLeft{
	float:left; 
	padding:20px;
	padding-top:5px;
}

#imgBoxRight{
	float:right; 
	padding:20px;
	padding-top:5px;
}

/* ----- HEADER ----- */

#header {
	width:850px;
	height:115px;
	background-color:#000000;

}

#block {
	width:850px;
	height:245px;
	background-color:#000000;
}

/* ----- Accordion Menu ----- */



#acordElement{
	margin:1px; 
	margin-top:5px;
	border-top: medium none; 
	border-bottom: medium none; 
	overflow: hidden; 
	padding-top: 0px; 
	padding-bottom: 0px;
}

#acordTn{
	float:left;
	margin-top:0px;
	margin-left:0px;	
	margin-right:5px;
	margin-bottom:5px;	
	border:0px;
}

#acordLink{
	color:#e0542f;
}

#acordLinkBold{
	color:#e0542f;
	font-weight:bold;
}
	
/* ----- NAVIGATION ----- */
#navMain {
	width: 850px;
	height: 25px;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#ffffff;
	text-align: center;
	vertical-align: top;
	padding-top: 8px;
}

#navMain a{
    padding: 0px 15px;
	color:#ffffff !important;
}

#navMain li {
list-style: none;
}

#navMain li a {
	margin: 0px; 
	padding-right:30px; 
	text-decoration: none;
	border: none;
}

#navNews a, #navGallery a, #navResources a, #navProducts a, #navInternational a, #navDealers a, #navContact a, #navSponsorProgram a{
	top: 0px; padding-left:35px; padding-right:35px; border: none; }


#navNews a {  }
#navNews a:link, #navNews a:visited { color:#000000; }
#navNews a:hover { color:#FFFFFF; }
#navNews a:active, body#News #navNews a { color:#FFFFFF; }

#navGallery a {  }
#navGallery a:link, #navGallery a:visited { color:#000000; }
#navGallery a:hover { color:#FFFFFF; }
#navGallery a:active, body#Gallery #navGallery a { color:#FFFFFF; }

#navProducts a {  }
#navProducts a:link, #navProducts a:visited { color:#000000; }
#navProducts a:hover { color:#FFFFFF; }
#navProducts a:active, body#Products #navProducts a { color:#FFFFFF; }

#navResources a {  }
#navResources a:link, #navResources a:visited { color:#000000; }
#navResources a:hover { color:#FFFFFF; }
#navResources a:active, body#Resources #navResources a { color:#FFFFFF; }

#navInternational a { color:#FFFFFF; }
#navInternational a:link, #navInternational a:visited { color:#000000; }
#navInternational a:hover { color:#FFFFFF; }
#navInternational a:active, body#International #navInternational a { color:#FFFFFF; }

#navDealers a {  }
#navDealers a:link, #navDealers a:visited { color:#000000; }
#navDealers a:hover { color:#FFFFFF; }
#navDealers a:active, body#Dealers #navDealers a { color:#FFFFFF; }



/* ----- MAIN CONTENT ----- */

#flasharea {
	width:850px;
	height:165px;
	background-color:#000000;
	background-image:url(../images/bg-noflash.jpg)
}

#title{
	float:right;
	
	filter: alpha(opacity=50);
	opacity: .5;
	
	background-color:#000000;
	margin-top:50px;
}

#solid{
	font-size:26px;
	color:#FFFFFF;
	font-weight:bold;
	filter: alpha(opacity=100) !important;
	opacity: 1.0 !important;
	z-index: 2; 
	
}


#dynTitle{
	padding-top:0px;
	padding-bottom:0px;
	padding-left:10px;
	font-size:20px;
	color:#A7A18E;
}

#dynTitle .center{
	text-align:center;
}

#portfolioTitle{
	padding-top:0px;
	padding-bottom:15px;
	padding-left:41px;
	font-size:20px;
	color:#A7A18E;
	text-align:left;
	width:440px;
}


#dynTitle .spacer{
	height:30px;
}

#locationBox{
float:left; 
width:250px;
}

#content1 { 
	width:850px;
	overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
	background-color:#000000;
	padding-bottom:50px;
	min-height:500px;
	padding-top:20px;
}

#content1 .leftBox{
	float:left;
	width:224px;
	background-color:#000000;
	margin:9px;
	margin-left:0px;
	margin-right:4px;
	margin-top:0px;
	border:solid 0px;
	/* border-color:#a39f93; */
	height:auto !important; /* for modern browsers */
}

#content1 .rightBox {
	float:right;
	width:564px;
	background-color:#000000;
	color:#FFFFFF;
	margin:9px;
	margin-right:10px;
	margin-left:4px;
	border:solid 0px;
	border-color:#a39f93;
	height:auto !important; /* for modern browsers */
}

#portfolioMenu {
	float:right;
	width:130px;
	height:auto !important; /* for modern browsers */
	text-align:center;
	vertical-align:middle;
}

#portfolioMenu .element{
	padding-bottom:23px;
	padding-top:5px;
	width:64px;
	text-align:left;
}

portfolioMenu a:link, portfolioMenu a:visited {
	text-decoration: none;
	border: solid 2px;
	border-color:#000000;
}

portfolioMenu a:hover, portfolioMenu a:active {
	border: solid 2px;
	border-color:#FFFFFF;
}

#portfolioContent {
	width:420px;
	min-height:200px;
	height:auto !important; /* for modern browsers */
	text-align:center;
	vertical-align:middle;
	padding-left:32px;
}

#ajContainer2{
text-align:center;
overflow:hidden;

}

#content2 { 
	width:850px;
	overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
	background-color:#000000;
}

#content2 .leftBox{
	float:left;
	width:585px;
	background-color:#e0ded9;
	margin:9px;
	margin-right:4px;
	border:solid 1px;
	border-color:#a39f93;
	height:auto !important; /* for modern browsers */
}

#content2 .rightBox {
	float:right;
	width:235px;
	background-color:#e0ded9;
	margin:9px;
	margin-left:4px;
	border:solid 1px;
	border-color:#a39f93;
	height:auto !important; /* for modern browsers */
}

#content3 { 
	width:850px;
	overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
	background-color:#000000;
}

#content3 .unibox{
	margin:25px;
	margin-right:100px;
	margin-left:100px;
	height:auto !important; /* for modern browsers */
}

#content3 .leftBox{
	float:left;
	width:410px;
	background-color:#e0ded9;
	margin:9px;
	margin-right:4px;
	border:solid 1px;
	border-color:#a39f93;
	height:auto !important; /* for modern browsers */
}

#content3 .rightBox {
	float:right;
	width:410px;
	background-color:#e0ded9;
	margin:9px;
	margin-left:4px;
	border:solid 1px;
	border-color:#a39f93;
	height:auto !important; /* for modern browsers */
}

#content4 { 
	width:850px;
	overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
	background-color:#000000;
}

#content4 .leftBox{
	position:absolute;
	width:175px;
	background-color:#e0ded9;
	margin:9px;
	margin-top:4px;
	margin-left:0px;
	margin-right:4px;
	border:solid 1px;
	border-color:#a39f93;
	border-left: none;
	height:auto !important; /* for modern browsers */
}

#content4 .middleBox{
	position:absolute;
	width:465px;
	background-color:#FFFFFF;
	margin:9px;
	margin-top:4px;	
	margin-right:0px;
	margin-left: 184px;
	border:solid 1px;
	border-color:#a39f93;
	height:auto !important; /* for modern browsers */
}

#content4 .rightBox {
	float:right;
	width:190px;
	background-color:#e0ded9;
	margin:9px;
	margin-top:4px;
	margin-left:4px;
	margin-right:0px;
	border:solid 1px;
	border-color:#a39f93;
	border-right: none;
	height:auto !important; /* for modern browsers */
}

/* ----- FOOTER ----- */

#footer { 
width:850px;
height:10px;
background-color:#000000;
}

.menunav {
word-spacing: 30px;
}

#greyline { 
width:850px;
height:2px;
background-color:#84938B;
}

#copyright { 
width:850px;
height:25px;
}
.copyfooter {
	font-size: 10px;
	color: #84938B;
}
a.copyfooter:link    { text-decoration: none; color: #84938B;}
a.copyfooter:visited { text-decoration: none; color: #84938B;}
a.copyfooter:hover   { text-decoration: none; color: #000000;}
a.copyfooter:active  { text-decoration: none; color: #000000;
}

img.portfolioImage{
border: solid 1px #908d84 !important;
}