/* Global CSS for Bob Davies */
						
						/** General Styles **/
						
*						{ padding: 0; margin: 0; }

img						{ border: none; }

.clear					{ clear: both; }

body					{ background: url(../images/body-bg.jpg) center top repeat-x #990134; font-family: Verdana, Geneva, sans-serif; }

div#wrapper				{ width: 992px; height: auto; margin: 0 auto; } 

						/** Header Styles **/
						
div#header				{ width: 992px; height: 190px; float: left; }

div#logophone			{ width: 425px; height: 190px; float: left; background: url(../images/toplogo.jpg) center top no-repeat; }
div#logophone p			{ width: 425px; height: 30px; text-align: center; margin-top: 160px; color: #ffffff; font-size: 18px; }

div#smalltranwrap		{ width: 567px; height: 190px; float: right; background: url(../images/small-imtran-bg.jpg) center top no-repeat; }

div#smalltran			{ width: 466px; height: 135px; position: relative; overflow: hidden; margin: 25px 0 0 71px; padding: 0; }

ul#smalltranContent		{ width: 466px; height: 135px; position: absolute;	top: 0;	left: 0; list-style: none; margin: 0; padding: 0; z-index: 50!important; }

ul#smalltranContent img	{ z-index: 50!important; }

li.smalltranImage 		{ float: left; position: relative; display: none; z-index: 50!important; }

li.smalltranImage span 	{ position: absolute; height: 60px; width: 776px; background: url(../images/slider1Image-span-bg.png) center top no-repeat; color: #fff; display: none; }
.clear 					{ clear: both; }

span.top 				{ top: 0; left: 0; display: none; visibility: hidden; }

						/** Navigation & Transition **/
						
div#navtran				{ width: 992px; height: 330px; float: left; background: url(../images/navtran-bg.jpg) center top no-repeat; position: relative; }

ul#topnav				{ width: auto; height: 45px; list-style: none; float: left; margin-left: 10px; }
ul#topnav li			{ float: left; margin: 10px 3px 0 0; }
ul#topnav li a			{ font-size: 11px; font-weight: bold; float: left; color: #333333; height: 25px; line-height: 25px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; text-decoration: none; display: block; text-align: center }
ul#topnav li a:hover	{ text-decoration: none; }

ul#topnav li#HO a		{ width: 62px; background: url(../images/nav/home.jpg) center top no-repeat; }
ul#topnav li#VS a		{ width: 87px; background: url(../images/nav/cars.jpg) center top no-repeat; }
ul#topnav li#AU	a		{ width: 114px; background: url(../images/nav/company.jpg) center top no-repeat; }
ul#topnav li#LO	a		{ width: 114px; background: url(../images/nav/location.jpg) center top no-repeat; }
ul#topnav li#WA	a		{ width: 211px; background: url(../images/nav/warranty-aftersales.jpg) center top no-repeat; }
ul#topnav li#FI	a		{ width: 104px; background: url(../images/nav/finance.jpg) center top no-repeat; }
ul#topnav li#OH	a		{ width: 151px; background: url(../images/nav/hours.jpg) center top no-repeat; }
ul#topnav li#CU	a		{ width: 108px; background: url(../images/nav/contactus.jpg) center top no-repeat; }

ul#topnav li#HO a:hover, ul#topnav li#VS a:hover, ul#topnav li#AU a:hover, ul#topnav li#LO a:hover, ul#topnav li#WA a:hover, ul#topnav li#FI a:hover, ul#topnav li#OH a:hover, ul#topnav li#CU a:hover					
						{ background-position: bottom; color: #ffffff; }
						
#HOM ul#topnav li#HO a, #SAL ul#topnav li#VS a, #VDP ul#topnav li#VS a, #ABO ul#topnav li#AU a, #LOC ul#topnav li#LO a, #WAR ul#topnav li#WA a, #FIN ul#topnav li#FI a, #OPE ul#topnav li#OH a, #CON ul#topnav li#CU a
						{ background-position: bottom; color: #ffffff; cursor: default; }


ul#bigbuttons			{ position: absolute; right: 30px; top: 65px; width: 240px; height: auto; z-index: 300; list-style: none; }
ul#bigbuttons li		{ width: 240px; height: 89px; margin-bottom: 20px; }
ul#bigbuttons li a		{ width: 240px; height: 89px; line-height: 89px; display: block; font-family: Arial, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; color: #ffffff; font-size: 18px; background: url(../images/big-button-bgs.png) center top no-repeat; text-align: center; float: left; }
ul#bigbuttons li a:hover{ background-position: bottom; }

div#imtranwrap			{ width: 972px; height: 275px; float: left; margin-left: 10px; display: inline; background: url(../images/maintran-bg.jpg) center top no-repeat; }

div#imtran				{ width: 972px; height: 275px; position: relative; overflow: hidden; margin: 0; padding: 0; }

ul#imtranContent		{ width: 972px; height: 275px; position: absolute;	top: 0;	left: 0; list-style: none; margin: 0; padding: 0; z-index: 50!important; }

ul#imtranContent img	{ z-index: 50!important; }

li.imtranImage 			{ float: left; position: relative; display: none; z-index: 50!important; }

li.imtranImage span 	{ position: absolute; height: 60px; width: 776px; background: url(../images/slider1Image-span-bg.png) center top no-repeat; color: #fff; display: none; }

						/** Main Content Styles **/
						
div#main				{ width: 992px; height: auto; float: left; margin-top: 10px; }

div#content-top			{ width: 992px; height: 10px; float: left; background: url(../images/content-top-bg.jpg) center bottom no-repeat #ffffff; }
div#content-mid			{ width: 992px; height: auto; background: #ffffff; min-height: 370px; overflow: hidden; }

div#content-bot			{ width: 992px; height: 10px; float: left; background: url(../images/content-bot-bg.jpg) center bottom no-repeat #ffffff; }

div#smlcontentcol		{ width: 424px; float: left; }

div#rightcol			{ width: 239px; height: 370px; float: right; display: inline; margin-right: 10px; background: url(../images/rightcol-bg.jpg) center top no-repeat; }

div#postits				{ width: 315px; height: 370px; float: left; background: url(../images/postits.jpg) center top no-repeat; }

h1						{ font-size: 28px; color: #000000; font-style: italic; font-weight: normal; margin: 35px 45px 10px 45px;  } /* Temp Styles, will be a Cufon */

h2						{ font-size: 18px; margin: 35px 45px 10px 45px; color: #990134; }

#HOM h1					{ width: 380px; margin-right: 0; }

#VDP h1					{ width: 450px; float: left; }

p.normP					{ font-size: 11px; color: #333333; text-align: justify; margin: 10px 45px 5px 45px; }

p.normP a				{ font-weight: bold; color: #990134; text-decoration: none; }
p.normP a:hover			{ text-decoration: none; color: #666666; }

#HOM p.normP			{ margin-right: 0; }

p.closerightP			{ font-size: 11px; color: #333333; text-align: justify; margin: 10px 0 5px 45px; width: 365px; display: inline; }

img#hplogos				{ margin: 5px 0 0 75px; display: inline; }

p#browsetitle			{ font-size: 18px; color: #333333; margin: 20px; font-style: italic; }

						/** Footer Styles **/
						
div#footer				{ height: 160px; width: 992px; float: left; margin-top: 10px; }

div#footermarquee		{ width: 992px; height: 70px; float: left; background: url(../images/footer-marquee-bg.jpg) left top no-repeat; position: relative; overflow: hidden; }

ul#botnav				{ width: auto; height: 12px; list-style: none; float: left; margin-left: 5px; }
ul#botnav li			{ float: left; margin: 10px 0 0 0; border-right: 1px solid #fede0d; height: 12px; }
ul#botnav li a			{ font-size: 11px; float: left; color: #ffffff; height: 12px; line-height: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; padding: 0 5px; display: block; float: left; }
ul#botnav li a:hover	{ text-decoration: none; color: #cccccc; }
ul#botnav li.end		{ border-right: none; }

div#ukw					{ float: right; font-size: 11px; color: #999999; height: 12px; margin: 10px 10px 0 0; font-family: Arial, Helvetica, sans-serif; }
div#ukw a				{ color: #ffffff; text-decoration: none; }
div#ukw a:hover			{ text-decoration: none; }

p#footaddy				{ color: #ffffff; font-size: 14px; margin: 5px 0 0 10px; float: left; width: 972px; border-top: 1px dashed #7a032b; padding-top: 5px; }

p#foottxt				{ color: #999999; font-size: 10px; margin: 5px 0 0 10px; float: left; width: 992px; }

						/** Footer Slider **/
#footermarquee img		{ position: absolute; margin: 0; height: 50px; display: none; top: 10px; }
#imageloader 			{ position: relative; display: block; width: 100%; margin: 0px auto; text-align: center; display: none; }
#imageloader img 		{ position: relative; top: 70px; z-index: 100; width: 128px; height: 15px; display:inline;}		

#twocolwrap				{ width: 703px; height: auto; float: left; }

div#map					{ width: 912px; height: 500px; float: left; margin: 20px 37px; border: 3px solid #333333; }
div#map iframe 			{ width: 912px; height: 500px; }