@charset "utf-8";

html {min-height: 100%; margin-bottom: 1px; overflow-y: scroll;}

#nav {
width: 90%;
	float: right;
	margin: 0 0 3em 20;
	padding: 0;
	list-style: none;
	background-color: #ffffff;
	border-bottom: 1px dashed #f00;
	border-top: 1px dashed #f00;
}


#nav li {
	float: left; }



hr {
width: 99%;
      border-top: 1px dashed #CC0000;
      border-bottom: 0px solid #ffffff;
      color: #fff;
      background-color: #fff;
      height: 0px;
} 


hr.style-two {
width: 99%;
      border-top: 1px solid #000000;
      border-bottom: 0px solid #ffffff;
      color: #fff;
      background-color: #fff;
      height: 0px;

}


h1 {
font-family: Tahoma, Verdana, Arial, Helvetica;
font-size: 20px;
font-style: normal;
font-weight: normal;
color: 
#CC0000;
letter-spacing: .02em;

}

.IndexButton {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	letter-spacing: 0.02em;
	line-height: 50px;
	text-align: center;
}

.IndexButton a:link {color: #666666; text-decoration: none;}
.IndexButton a:visited {color: #666666; text-decoration: none;}
.IndexButton a:hover {color: #CC0000; text-decoration: none;}
.IndexButton a:active {
	color: #666666;
	text-decoration: none;
	border: 0;
} 


a:link {color: #CC0000; text-decoration: none;}
a:visited {color: #CC0000; text-decoration: none;}
a:hover {color: #CC0000; text-decoration: none;}
a:active {
	color: #666666;
	text-decoration: none;
	border: 0;
} 


h2 

{
font-family: Tahoma, Verdana, Arial, Helvetica;
font-size: 20px;
font-style: normal;
font-weight: normal;
color: 
#CC0000;
letter-spacing: .02em;
}


h3

{
font-family: Tahoma, Verdana, Arial, Helvetica;
font-size: 13px;
font-style: normal;
font-weight: normal;
color: 
#CC0000;
letter-spacing: .02em;
}



.Heading2 a:link {color: #CC0000; text-decoration: none;}
.Heading2 a:visited {color: #CC0000; text-decoration: none;}
.Heading2 a:hover {color: #CC0000; text-decoration: underline;}
.Heading2 a:active {color: #666666; text-decoration: none;} 

.Heading3 {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #444444;
	letter-spacing: .02em;
}
.Heading4 {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #CC0000;
	letter-spacing: .02em;
}
.TextBlock {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 10px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	color: #666666;
	text-align: just;
	letter-spacing: 0.01em;
}
.TextBlockOnBlk {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 10px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #666666;
	text-align: justify;
	letter-spacing: 0.01em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.TextBlock a:link {color: #CC0000; text-decoration: none;}
.TextBlock a:visited {color: #CC0000; text-decoration: none;}
.TextBlock a:hover {color: #CC0000; text-decoration: none;}
.TextBlock a:active {color: #CC0000; text-decoration: none;} 

.TextBlock2 {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #666666;
	text-align: justify;
	letter-spacing: 0.01em;
	margin: 2em 0 2em 0;
}
.TextBlock2 a:link {color: #555555; text-decoration: underline;}
.TextBlock2 a:visited {color: #555555; text-decoration: underline;}
.TextBlock2 a:hover {color: #CC0000; text-decoration: underline;}
.TextBlock2 a:active {color: #666666; text-decoration: underline;} 


.TextSpecs {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 10px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #666666;
	text-align: justify;
	letter-spacing: .02em;
	border: 1px solid #cccccc;
}

.price {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 10px;
	font-style: normal;
	line-height: 17px;
	font-weight: blod;
	color: #cc0000;
	text-align: left;
	letter-spacing: .02em;
}
.topofpage {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 10px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	color: #666666;
	text-align: center;
	letter-spacing: .02em;
}

.topofpage a:link {color: #555555; text-decoration: underline;}
.topofpage a:visited {color: #555555; text-decoration: underline;}
.topofpage a:hover {color: #CC0000; text-decoration: underline;}
.topofpage a:active {color: #666666; text-decoration: underline;} 


.spectable { border: 3px solid #cccccc; } /*removes embossed effect that appears in firefoex*/

.FeatureIcon {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 9px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	color: #999999;
	word-spacing: 0.02em;
	text-align: center;
}

.ModelCaption {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 9px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	color: #666666;
	word-spacing: 0.02em;
	text-align: left;
}
.ModelThumbnail {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 10px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	color: #666666;
	word-spacing: 0.02em;
	text-align: center;


}

.ModelThumbnail a:link {color: #666666; text-decoration: none;}
.ModelThumbnail a:visited {color: #666666; text-decoration: none;}
.ModelThumbnail a:hover {color: #CC0000; text-decoration: none;}
.ModelThumbnail a:active {color: #666666; text-decoration: none;} 



.menulist {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	color: #666666;
	word-spacing: 0.02em;
	text-align: left;}
	
.menulist {
	list-style-type: none;
	padding: 0;
	margin: 0;}

.menulist {display: inline-block;} /*precedes display: inline. solves problem with horizontal inline lists when zooming page IE7*/
	
.menulist {display: inline; padding: 0; margin: 0;}

.menulist a {
	padding-left: 1.6em; 
	padding-right: 1.6em; 
	border-right-style: solid;
	border-right-color: #666666;
	border-right-width: .1em;}
	
.menulist  a.first {padding-left: 0;}
.menulist  a.last {border: none;} /* removes left border from last contact link in nav bar */

/*could try setting first LH border and last RH border to .35em to cover over ul background issue. But IE7 renders an elements borders dashed if defined as 1px then one side defined as 2px or higher*/
/*revised... have set solid bords to nav li for time being and used .35em borders */

.menulist a:link {color: #666666; text-decoration: none;}
.menulist a:visited {color: #666666; text-decoration: none;}
.menulist a:hover {color: #cc0000; text-decoration: none;}
.menulist a:active {color: #cc0000; text-decoration: none;}