/*
	Wiltsietb.ca CSS Document
*/

/*
	To navigate - ctrl + f, type the below plus an "s"
	=paragraph
	=heading
	=list
	=link
	=form
	=table
	=div-struc
	=classe
	=fixe
*/
@media screen, projection {

*{margin:0;	padding:0;}



html,body{
	font-size:83%;
	text-align:center;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	color:#DDD;
	background-color:#45403C;
	line-height:1.4em; 
}

a{outline:none;}
address,h1,h2,h3,h4,h5,h6,p{margin-left:12px;}
address{margin-top:8px; margin-bottom:8px; font-style:normal;}
blockquote{}
fieldset{}
legend{}
strong { color:#FFF; }
img {border:none;}


/*
	=paragraphs
********************************/
p{font-size:1em;}

#footer p{margin:0; padding:0; font-size:0.9em;}

#copy-front p{margin-left:12px; margin-right:12px; margin-top:8px; margin-bottom:0px; text-align:justify;}
#copy-sub p{margin-left:12px; margin-right:60px; margin-top:8px; margin-bottom:0px; text-align:left;}

#history-table p{text-align:justify; margin:0 0 12px 0;padding:0;}

#history-table .col2{padding-left:15px;}

#services-table p{ margin:8px;}
/*
	=headings
*******************************/
h1{padding:15px 0px 0px 0px; font-size:1.5em;margin:0px 0px 0px 12px;}

h2{padding:0px; font-size:1.3em; margin:12px 0px 0px 12px; color:#347e38;}

h3{font-size:1.1em; margin:10px 0 20px 12px; color:#ccc; padding:5px 0 5px 0px;}

#history-table td h2{margin-left:10px; margin:0 0 12px 0; padding:0;}

#services-table td h2{ margin:0px; background-color:#333; border:2px solid #a2a4a5; border-width:1px 0px; padding:10px 0px 10px 12px; height:30px;}
/*
	=lists
*******************************/
#header ul{list-style:none; font-size:1.3em; position:relative; top: 45px; left: 294px; font-weight:bold;}
#header ul li{display:inline;}

#left-main  { list-style:none; margin-left:46px; margin-top:5px;}
#left-main  li{ display:block; height:23px; line-height:23px;  margin-left:5px; margin-top:1px;}

#body-type-list {list-style:none; margin-top:1px;}
#body-type-list li {display:block; height:23px; line-height:23px; padding-left:53px; font-size:1em;}

#content ul{margin:8px 50px 8px 35px;}

/*
	=links
*******************************/

#content a{}

#content a:link,#content a:visited{color:#e1b327;}

#content a:hover,#content a:active{text-decoration:none;}

#header ul a:link, #header ul a:visited{color:#fff;}
#header ul a:hover, #header ul a:active{color:#e1b327;}

#left-main a, #header a, #body-type-list a, #footer a{text-decoration:none;}

#left-main a{font-weight:bold;}
#left-main a:link, #left-main a:visited{color:#e1b327;}
#left-main a:hover, #left-main a:active{color:#fff;}

#body-type-list a:link, #body-type-list a:visited{color:#fff;}
#body-type-list a:hover, #body-type-list a:active{color:#347e38;}

#footer a:link, #footer a:visited{color:#fff;}
#footer a:hover, #footer a:active{color:#000;}

/*
	=tables
*******************************/
#services-table, #history-table, #contact-staff {width:89%; margin-left:10px;}
#services-table td, #history-table td, #contact-staff td {width:50%; vertical-align:top;}

#services-table td{background-color:#282829;}

#history-table td{text-align:justify;}

#contact-staff td img{padding:3px; background-color:#000; border:1px solid #514F50; margin:0 auto 0 auto; display:block;}
#contact-staff th {text-align:center; padding:5px 0 15px 0;}




/*
	=div-struct
*******************************/
#container,#header, #body{position:relative;}

#container{
	width:760px;
	height:auto;
	text-align:left;
	margin:0 auto;
}

#header{width:760px;}

#body{width:760px;height:100%;background:url(images/flap-large-repeat.jpg) repeat-y top left;}

#navigation{
	float:left;
	width:184px;
	height:412px;
	background:url(images/leftnav.jpg) no-repeat top left;
}

#content{float:right;width:573px;background-color:transparent;}

#copy-cont-front{position:relative; width:312px; background:url(images/copy-front-repeat.jpg) repeat-y top center; float:left;}
#copy-front{position:relative; top:0; left:0; min-height:229px; _height:229px; background:url(images/copy-front-main.jpg) no-repeat;}
#copy-front-bottom{position:relative;width:312px; height:10px; background:url(images/copy-front-bottom.jpg) left bottom no-repeat;}



#copy-cont-sub{position:relative; width:573px; background:url(images/copy-sub-repeat.jpg) repeat-y top center; float:left;}
#copy-sub{position:relative;min-height:229px; _height:229px; background:url(images/copy-sub-main.jpg) no-repeat;}
#copy-sub-bottom{position:relative;width:573px; height:10px; background:url(images/copy-sub-bottom.jpg) left bottom no-repeat;}

#flickr { float:right;width:261px; height:240px; background: url(images/flickrbox-front.jpg) no-repeat top right;}

#footer{
	width:760px;
	height:114px;
	background:url(images/footer.jpg) no-repeat top left;
	text-align:center;
	padding-top:115px;
}

#printHdr{display:none;}

/*
	=classes
*******************************/
/*header classes*/


.ylwwHdr{color:#e1b327;}
.grnHdr{color:#347e38;font-size:90%;}

.imgRightSmall{float:right; display:inline; margin:0 75px 8px 5px; padding:3px; background-color:#000; border:1px solid #514F50;}
.vehicle-visual-left{float:left; display:inline;  margin:12px 12px 12px 12px; padding:3px; background-color:#000; border:1px solid #514F50;}
.vehicle-visual-right{float:right; display:inline;  margin:12px 70px 12px 12px;padding:3px; background-color:#000; border:1px solid #514F50;}

.photo-gallery-image{float:right; margin-right:75px; margin-top:8px;}

IMG.thumb { border:1px solid #e1b327; padding:3px;}

DIV.photo { width:89%; margin:10px 10px; }

DIV.photo IMG { border:1px solid #e1b327; padding:3px; }

/*
	=fixes
*******************************/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
}

@media print {
* { background: #fff; color: #000; }
html { font: 100%/1.5 georgia, serif; }
#header, #navigation, #vehicle-banner, #flickr, #contact-staff, #footer { display: none; }
#printHdr{display:block;}
}