					/* CSS Document for Saturn Motor Company */
					
					/** General **/
*					{ margin: 0; padding: 0; }

img					{ border: none; }

body				{ background: url(../images/body-bg.jpg) center top repeat-x #ffffff; font-family: Arial, Helvetica, sans-serif; }

div#wrapper			{ width: 972px; height: auto; margin: 0 auto; }

img#toplogo			{ float: right; margin: 0 44px 10px 717px; }					
					
					/** Top Nav **/
div#header			{ width: 972px; height: 165px; float: left; background: url(../images/header-bg.jpg) center top no-repeat; }
ul#topnav			{ float: right; list-style: none; height: 40px; width: 750px; }
ul#topnav li		{ float: left; }
ul#topnav li a		{ float: left; height: 40px; display: block; width: auto; text-indent: -9999px; overflow: hidden; }

ul#topnav li#HO a	{ width: 71px; background: url(../images/nav/home.jpg) center top no-repeat; }
ul#topnav li#SH a	{ width: 118px; background: url(../images/nav/showroom.jpg) center top no-repeat; }
ul#topnav li#FI a	{ width: 89px; background: url(../images/nav/finance.jpg) center top no-repeat; }
ul#topnav li#AU a	{ width: 102px; background: url(../images/nav/aboutus.jpg) center top no-repeat; }
ul#topnav li#LH a	{ width: 140px; background: url(../images/nav/locandhours.jpg) center top no-repeat; }
ul#topnav li#CU a	{ width: 117px; background: url(../images/nav/contactus.jpg) center top no-repeat; }

ul#topnav li#HO a:hover,ul#topnav li#SH a:hover,ul#topnav li#FI a:hover,ul#topnav li#AU a:hover,ul#topnav li#LH a:hover,ul#topnav li#CU a:hover		{ background-position: bottom; }

#HOM ul#topnav li#HO a{ background: url(../images/nav/home-a.jpg) center top no-repeat; cursor: default; }
#SHO ul#topnav li#SH a{ background: url(../images/nav/showroom-a.jpg) center top no-repeat; cursor: default; }
#FIN ul#topnav li#FI a{ background: url(../images/nav/finance-a.jpg) center top no-repeat; cursor: default; }
#ABO ul#topnav li#AU a{ background: url(../images/nav/aboutus-a.jpg) center top no-repeat; cursor: default; }
#LOC ul#topnav li#LH a{ background: url(../images/nav/locandhours-a.jpg) center top no-repeat; cursor: default; }
#CON ul#topnav li#CU a{ background: url(../images/nav/contactus-a.jpg) center top no-repeat; cursor: default; }

					/** Image Transition **/
div#imtran			{ width: 972px; height: 245px; float: left; background: url(../images/imtran-bg.jpg) center top no-repeat; position: relative; }

div#slider1 		{ width: 972px; height: 245px; position: relative; overflow: hidden; }
div#slider1Content 	{ width: 972px; height: 245px; position: absolute;	top: 0;	left: 0; list-style: none; }
li.slider1Image 	{ float: left; position: relative; display: none; }
li.slider1Image span{ display: none; }
.clear 				{ clear: both; }
span.top 			{ top: 0; left: 0; display: none; visibility: hidden; } 

					/** Bullets over ImTran, other styles for here found in css/sifr.css **/
ul#bigticks			{ position: absolute; top: 50px; left: 30px; z-index: 200; list-style: none; }
ul#bigticks li		{ height: 30px; }
					

					/** Content Area **/
div#main			{ width: 972px; height: auto; float: left; background: #cccccc; }

div#content			{ width: 652px; height: auto; float: left; margin: 0 0 0 10px; display: inline; }
div#contentmain		{ width: 652px; height: auto; float: left; background: #ffffff; min-height: 385px; }
* html div#contentmain{ height: 385px; }
div#contentbot		{ width: 652px; height: 10px; float: left; background: url(../images/contentbot-bg.jpg) center top no-repeat; }

div#rightcol		{ width: 300px; height: auto; float: right; margin: 0 10px 0 0; display: inline; background: #666666; }
div#rightcolmain	{ width: 300px; height: auto; float: left; background: #000000; min-height: 385px; }
* html div#rightcolmain{ height: 385px; }
div#rightcolbot		{ width: 300px; height: 10px; float: left; background: url(../images/rightcolbot-bg.jpg) center top no-repeat; }

					/** Footer Area **/
div#footer			{ width: 972px; height: 100px; float: left; background: url(../images/footer-bg.jpg) center top no-repeat; }
div#footleft		{ width: 652px; height: 40px; float: left; margin: 0 0 0 10px; display: inline; }
div#ukw				{ width: 300px; height: 40px; float: right; margin: 0 10px 0 0; display: inline; text-align: center; color: #cccccc; font-style: italic; font-size: 11px; text-transform: uppercase; }
div#ukw a			{ text-decoration: none; color: #cccccc; height: 40px; line-height: 40px; cursor: pointer; }
div#ukw a:hover		{ text-decoration: none; color: #333333; }


ul#footnav			{ height: 40px; width: 435px; list-style: none; margin: 0 auto; }
ul#footnav li		{ float: left; }
ul#footnav li a		{ color: #b81732; text-decoration: none; font-style: italic; font-size: 11px; text-transform: uppercase; height: 40px; line-height: 40px; padding: 0 4px; }
ul#footnav li a:hover{ text-decoration: none; color: #333333; }

					/** Text Formatting **/
h1					{ font-family: Candara, Arial, Helvetica, sans-serif; color: #c41230; font-size: 24px; text-transform: uppercase; font-style: italic; font-weight: bold; margin: 40px 30px 10px 30px; }				
h1 span.strapline	{ font-size: 14px; color: #666666; font-weight: bold; font-style: italic; text-transform: uppercase; }

p.normP				{ margin: 5px 30px 10px 30px; color: #333333; text-align: justify; font-size: 11px; }

div#rightcolmain p.normP { color: #ffffff; }
div#rightcolmain p.normP a { text-decoration: none; color: #cc0000; }
div#rightcolmain p.normP a:hover { text-decoration: none; color: #cccccc; }

p#maintel			{ width: 270px; height: 63px; line-height: 63px; float: left; font-family: Verdana, Geneva, sans-serif; color: #ffffff; font-size: 26px; padding-left: 50px; background: url(../images/phone-bg.jpg) left top no-repeat; margin: 15px; }

div#rightcolmain h3	{ font-family: Candara, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 20px; margin: 0 20px 10px 30px; text-transform: uppercase; font-weight: normal; }

p#footertext		{ font-size: 11px; color: #333333; width: 972px; text-align: center; border-top: 1px dotted #cccccc; padding-top: 10px; font-style: italic; }

					/** Directions Map **/
div#map				{ width: 582px; height: 500px; margin: 15px 30px; border: 2px solid #c41230; }					
div#map iframe 		{ width: 582px; height: 500px; }


.SLStockFound p		{ color: #333333; font-size: 11px; font-style: italic; }