@charset "utf-8";
/* CSS Document */

* { margin:0; padding: 0; }
/* ........TAGS.................. */
body { background: url(../images/bkgd01.gif) top repeat-x #788C8C; }
h1 { font-family: Georgia; font-size: 20px; font-weight: bold; color: #788C8C; }
h2 { font-family: Georgia; font-size: 14px; font-weight: bold; color: #788C8C; }
h3 { font-family: Arial; font-size: 11px; font-weight: bold; color: #788C8C; }
p { font-family: Arial; color: #000000; }
a:link, a:visited { color: #FF6600; text-decoration: underline; }
a:hover, a:active { color: #FF6600; text-decoration: none; }
/* ........CLASSES............... */

.clearing { height: 0px; line-height: 0px; clear: both; }
.address { margin: 0px; }
.map { background: url(../images/icon-map.gif) no-repeat left; padding-left: 20px; margin: 0px 10px 10px 0px; float: left; }
.email { background: url(../images/icon-email.gif) no-repeat left; padding-left: 20px; margin: 0px 10px 10px 0px; float: left; }
.pdf { background: url(../images/icon-pdf.gif) no-repeat left; padding-left: 15px; margin: 0px 10px 10px 0px; float: none; }
.callout { /*background: #EBEEEE;*/
	float: left; width: 175px;/*padding: 10px;*/
}
.calloutfooter { /*background: #EBEEEE;*/
	float: left; width: 392px; margin: 0px; padding: 0px; }
.picture { background: url(../images/pic-equipment.jpg) no-repeat top left; width: 388px; height: 172px; }
/* ........PAGE.................. */
#page { width: 870px; margin: auto; position: relative; min-height: 100%; height: auto; }
#header { clear: both; height:116px; padding:1px 10px 0px; position:relative; top:5px;}
#content { background-color:#FFFFFF; background: url(../images/content-bkgd.gif) top no-repeat; width: 800px; margin:0; padding:36px 35px 15px; overflow:hidden; clear: both; }
#extracontent { background-color:#FFFFFF; width: 800px; margin:0px 10px 0px 10px; padding:5px 25px 18px; overflow:visible; position:relative; }

#shop { position:absolute; width: 429px; height: 232px; margin: 0; top:-187px; right:-15px; }
#shop .button { width:100%; height:100%; text-decoration:none; color:#FFF; font-size:12px; line-height:1.7em;}
#shop .button span { background-image:url(../images/button-shop.jpg); padding:45px 0 0 40px; width:389px; height:187px; }
#shop .button b { display:block; color:#9abcd7; }
#shop .button b.head { font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.1em; font-style:italic; font-weight:bold; color:#FFF; }

#vendors { border-top:1px solid #CFCFCF; margin:12px 0 0; height:84px; }
#vendors h4 { font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin: 12px 0 10px; padding:0; }
#vendors ul { list-style:none; padding:0; margin:0; width:102%;}
#vendors ul li { float:left; margin:0 16px 0 0; padding:0; }
#vendors a img { border:none; }

#lightbox { background-color: #FFFFFF; background-image: none; margin: 0px; padding: 25px; }
#footer { /*border: 1px solid #000000;*/
	background: url(../images/footer-bkgd.gif) top left repeat-x #EBEEEE; width: 824px; padding-top:9px; margin: 0px 23px 23px 23px; clear: both; overflow: hidden; }
/* ........HEADER................ */
#header h1 { float:left; background: url(../images/logo.jpg) top no-repeat; text-indent: -4444px; width: 228px; height: 116px; }
#header h2 { border-left:1px solid #BBBEBC;color:#D3711A;float:left;font-family:arial;font-size:12px;font-weight:bold;height:21px;line-height:21px;margin:88px 0 0 20px;padding:0 0 0 20px; }
/* ........CONTENT............... */

#rightcolumn { background: #FFF; margin-left: 25px; width: 388px; height:350px; float: right; }
#content h1 { margin-bottom: 12px; }
#content p { font-size: 12px; margin-bottom: 10px; text-align: justify; }
/* ........LIGHTBOX.......... */

#lightbox p { font-size: 12px; margin-bottom: 10px; }
#lightbox h3 { font-family: Arial; font-size: 12px; font-weight: bold; color: #000000; }
#insurance { display: block; background: url(../images/btn-insurance-forms.gif) top no-repeat; text-indent: -4444px; width: 300px; height: 31px; margin: 0px; }
/* ........FOOTER................ */
#footer #upper { clear: both; margin: 20px 0px 0px 20px; padding: 0px; width: 804px; overflow:auto; }
#footer #lower { background: #EBEEEE; clear: both; margin: 20px 0px 20px 20px; padding: 0px; width: 804px; overflow:auto; }
#footer #bottom { /*border: 1px solid #ff6600;*/
	background: url(../images/footer-bottom.gif) no-repeat top left; width: 824px; line-height: 1; height: 10px; overflow: hidden; }
#footer #bottom { /*_display: none;*/
}
.location { width: 180px; float: left; margin: 0px 16px 0px 0px; }
.locationBox { margin: 0px; float: left; width: 390px; /*background: url(../images/alt-bottom.gif) no-repeat bottom left;*/
	background-color: #FFFFFF; }
.locationBox .location { margin:0; }
.locationBox .top { background: url(../images/alt-top.gif) no-repeat top left; width:390px; height: 4px; }
.locationBox .inner { padding:5px; width:354px; }
#footer h2, #lower h2, #formBox h2 { margin: 0px 0px 0px 0px; text-transform: uppercase; }
#footer h3 { clear: both; margin: 10px 0px 0px 0px; }
#footer p { font-size: 11px; }

#formBox .close { float:right; }
#formBox h2 { margin-bottom:10px; }
#formBox h3 { font-family: Arial; font-size: 11px; font-weight: bold; color: #788C8C; }

/*---------------- Begin Buttons ----------------*/
.graphical, .button, .button_at{
	position:relative;
	overflow:hidden;
	display:block;
}
.graphical img, .button img, .button_at img{
	border:none;
}
.button_at{
	cursor:default;
}
.button{
	cursor:pointer;
}
.graphical{
	cursor:default;
}

.graphical span, .button span{
	position:absolute;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center top;
	top:0;
	left:0;
}
.button_at span{
	position:absolute;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:left top;
	top:0;
	left:0;
}
.button:hover{
	border:none;
    text-decoration:none;
}
.button:hover span{
	background-position:right top;
}
.button:focus,
.button_at:focus{
	border:none;
}
/* End Buttons */