							/* CSS Doc for Drews Motor Co */
							
							/** General **/
							
*							{ margin: 0; padding: 0; }

body						{ background: #ffffff; font-family: Verdana, Geneva, sans-serif; }

img							{ border: none; }

.clear 						{ clear: both; }

div#wrapper					{ width: 992px; height: auto; margin: 0 auto; }

div#shadow					{ width: 992px; height: auto; background: url(../images/shadow-bg.jpg) center top repeat-y; float: left; }

div#header					{ width: 982px; height: 400px; float: left; position: relative; margin-left: 5px; display: inline; }

/** Top Nav Styles are in superfish.css & superfish-vertical.css **/

							/** Image Transition **/

div#imtran					{ width: 737px; height: 400px; position: absolute; right: 0; top: 0; z-index: 100; }

div#slider1 				{ width: 737px; height: 400px; position: relative; overflow: hidden; z-index: 300; }
div#slider1Content 			{ width: 737px; height: 400px; position: absolute;	top: 0;	left: 0; list-style: none; }
li.slider1Image 			{ float: left; position: relative; display: none; }
li.slider1Image span		{ display: none; }
span.top 					{ top: 0; left: 0; display: none; visibility: hidden; }

div#justarrived				{ position: absolute; right: 12px; bottom: 12px; z-index: 500; background: url(../images/justarrived-bg.png) left top no-repeat; width: 273px; height: 97px; }

							/** Content & Leftcol **/
							
div#main					{ width: 982px; height: auto; float: left; margin-left: 5px; display: inline; }
div#content					{ width: 737px; height: auto; float: right; min-height: 350px; background: url(../images/content-bg.jpg) left top no-repeat #efefef; padding-bottom: 10px; }
* html div#content			{ height: 350px; }
div#leftcol					{ width: 245px; height: auto; float: left; min-height: 350px; background: url(../images/leftcol-bg.jpg) right bottom no-repeat #ffffff; }
* html div#leftcol			{ height: 350px; }

							/** Footer Area **/
div#footer					{ width: 992px; height: 150px; float: left; background: url(../images/footer-bg.jpg) center top no-repeat; position:relative;}

ul#botnav					{ list-style: none; width: 972px; margin: 0 10px; height: 30px; float: left; display: inline; }
ul#botnav li				{ border-right: 1px solid #000000; height: 10px; float: left; margin-top: 10px; }
ul#botnav li a				{ color: #ffffff; font-size: 11px; float: left; text-decoration: none; margin: 0 10px; height: 10px; line-height: 10px; }
ul#botnav li a:hover		{ text-decoration: none; color: #cccccc; }
ul#botnav li.end			{ border-right: none; }


							/** Text Formatting **/
h1							{ font-family: "Gill Sans MT"; color: #1b4486; font-size: 20px; margin: 25px 30px 15px 30px; }

h2							{ font-size: 14px; color: #333333; margin: 25px 30px 15px 30px; }

p.normP						{ font-size: 11px; margin: 10px 30px 5px 30px; color: #333333; }

p.normP a					{ color: #1b4486; text-decoration: none; }
p.normP a:hover				{ text-decoration: none; color: #000000; }

ul.normUL					{ font-size: 11px; margin: 10px 30px 5px 70px; color: #333333; }

p#lefttel 					{ text-indent: 35px; font-size: 20px; color: #222222; background: url(../images/phone-bg.jpg) left top no-repeat; position: absolute; left: 40px; bottom: 0; height: 30px; } 

p#bought4cash a				{ width: 200px; height: 137px; display: block; margin: 100px auto 10px auto; text-indent: -9999px; overflow: hidden; background: url(../images/bought4cash.png) center top no-repeat; }
p#bought4cash a:hover		{ background-position: bottom; }

p#footaddy					{ font-size: 10px; color: #999; float: left; margin: 10px; display: inline; }
p#footaddy-big					{ font-size: 12px; color: #666666; float: left; margin: 10px; display: inline; font-weight: bold; }

div#ukw						{ float: right; margin: 10px; height: 10px; font-size: 11px; line-height: 10px; color: #666666; display: inline; }
div#ukw a					{ font-size: 11px; color: #666666; text-decoration: none; }
div#ukw a:hover				{ text-decoration: none; color: #333333; }

div#map						{ width: 671px; height: 350px; margin: 10px 0 0 30px; border: 3px solid #ffffff; }
div#map iframe 				{ width: 671px; height: 350px; }

#twitter a {
	display: block;
	width: 199px;
	height: 67px;
	margin: 0 auto;
	overflow: hidden;
	text-indent: -9999px;
	background: url('../images/twitter.jpg') no-repeat 0 0;
}

#twitter a:hover {
	background-position: 0 -67px;
}

#twitter a:active {
	background-position: 0 -134px;
}
