/* CSS Document for Rycote Motor Company */
							
							/*** General ***/							
*							{ margin: 0; padding: 0; }

html						{ width: 100%; height: 100%; }

body						{ background: url(../images/body-bg.jpg) center top no-repeat #121212; font-family: Arial, Helvetica, sans-serif; height: 100%; }

img							{ border: none; }

a,a:active,a:visited,a:focus{ outline: none; }

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


							/*** Header Area ***/
div#header					{ width: 992px; height: 158px; float: left; position: relative; }

a#rycote-logo				{ width: 304px; height: 89px; position: absolute; left: 31px; top: 11px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/rycote-logo.jpg) no-repeat; }

p#phone						{ color: #ffffff; font-size: 16px; text-transform: uppercase; font-weight: bold; position: absolute; right: 50px; top: 20px; width: 350px; text-align: right; }
p#phone em					{ font-size: 14px; }
p#phone a					{ color: #ffffff; text-decoration:none; }
p#phone a:hover				{ color: #999999; text-decoration:none; }

ul#main-nav					{ list-style: none; position: absolute; left: 0; bottom: 8px; height: 40px; width: 992px; }
ul#main-nav li				{ float: left; }
ul#main-nav li a			{ float: left; font-weight: bold; color: #ffffff; font-size: 12px; text-transform: uppercase; text-decoration: none; padding: 0 12px; height: 40px; line-height: 40px; }
ul#main-nav li a:hover		{ text-decoration: none; color: #999999; }


							/*** Main Content Area ***/
div#content					{ width: 992px; height: auto; float: left; margin-top: 5px; }
div#content-top				{ width: 992px; height: 8px; float: left; background: url(../images/content-top.png) center bottom no-repeat; }
div#content-mid				{ position: relative; width: 992px; height: auto; float: left; background: url(../images/content-mid.png) center top repeat-y; }
div#content-bot				{ width: 992px; height: 8px; float: left; background: url(../images/content-bot.png) center top no-repeat; }

div#leftcol					{ width: 762px; height: auto; float: left; }
div#rightcol				{ width: 230px; height: auto; float: right; }

h1							{ font-size: 22px; color: #ffffff; margin: 28px 40px 10px 40px; text-transform: uppercase; }
h1 strong					{ color: #cc0000; }
h1 em						{ font-size: 12px; color: #666666; }

p.normP						{ color: #ffffff; font-size: 15px; line-height: 20px; margin: 10px 40px; text-align: justify; }
p.center					{ color: #ffffff; font-size: 15px; line-height: 20px; margin: 10px 40px; text-align: center; }
.normList					{ color: #ffffff; font-size: 15px; margin: 15px 0 10px 70px; }

.fancyList1					{ color: #ffffff; font-size: 13px; font-weight: bold; width: 180px; height: 220px; padding: 15px 15px 15px 10px; background: url(../images/fancyList1-bg.jpg) no-repeat; margin-top: 11px; list-style: none; }
.fancyList1 li				{ background: url(../images/fancyList1-li.jpg) no-repeat; padding-left: 25px; margin-bottom: 6px; }

#SAL .fancyList1			{ float: left; margin-bottom: 10px;  }

a#directions-link			{ width: 200px; height: 204px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/directions-link.jpg) center top no-repeat; margin-top: 11px; }
a#directions-link:hover		{ background-position: bottom; }

div#openhours				{ width: 200px; height: 247px; background: url(../images/opening-hours-bg.jpg) no-repeat; margin: 20px 0; }

.hours						{}
.hours-currentDay			{ background: url(../images/cc0000-1px.png) repeat; }
.hours-standardDay			{}
.hoursTB 					{border-color:#000000;}
.hourstext 					{ display: none; }
.hourstable 				{ width: 170px; height: auto; margin: 65px 15px 0 15px; float: left; }
.hourstable td				{ color: #ffffff; font-size: 10px; height: 24px; line-height: 24px; text-indent: 2px; }


							/*** Footer Area ***/
div#footer					{ width: 992px; height: 280px; float: left; }

ul#foot-nav					{ float: left; list-style: none; margin-top: 18px; }
ul#foot-nav li				{ float: left; height: 10px; line-height: 10px; border-right: 1px solid #cc0000; }
ul#foot-nav li.end			{ border: none; }
ul#foot-nav li a			{ float: left; color: #ffffff; display: block; font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 0 6px; text-decoration: none; }
ul#foot-nav li a:hover		{ text-decoration: none; color: #cccccc; }

div#ukw						{ float: right; margin-top: 18px; color: #ffffff; text-transform: uppercase; font-size: 11px; font-weight: bold; background: url(../images/ukw-globe.png) right top no-repeat; margin-right: 6px; padding-right: 20px; }
div#ukw	a					{ color: #ffffff; text-decoration: none; }
div#ukw	a:hover				{ color: #cc0000; text-decoration: none; }

p#footaddy					{ width: 980px; margin: 15px 6px; color: #999999; text-transform: uppercase; font-size: 11px; font-weight: bold; clear: both; float: left; }
p#footaddy strong			{ color: #cc0000; }

div#logos					{ width: 992px; height: auto; float: left; }
div#logos img				{ margin-bottom: 10px; }
div#logos img#autoprotect	{ margin-left: 0px; }
div#logos img#federation	{ margin-left: 15px; }
div#logos img#credit		{ margin-left: 186px; }

div#map						{ width: 912px; height: 400px; margin: 10px 40px; }
div#map iframe				{ width: 912px; height: 400px; }