/*  Universal Collision Centre
------------------------------
Author: Chris Peters of Omni Studios Inc
Contact: info@omnistudios.com
Website: http://omnistudios.com/
------------------------------
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, em, font, img, strong, sub, b, u, i, center, ol, ul, li, form { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; font-family: Arial; text-decoration: none; }
body { line-height:1; background:#171717 url(images/bg.jpg) top center no-repeat; }
ul { list-style: none; }
:focus { outline: 0; }

/* header */
#header { width:980px; height:150px; margin:0 auto; }
#header h1,#header h1 a { display:block; width:325px; height:55px; }
#header h1 { float:left; margin-top:47px; }
#header h1 a { background:url(images/ucc_logo.png) 0 0 no-repeat; text-indent:-9999px; }
/* quick contact */
#quickContact { float:right; margin-top:47px; background:#171717; height:35px; padding:13px 10px 5px 10px; vertical-align:middle; }
#quickContact span { display:inline-block; text-align:center; font-size:11px; color:white; margin-top:5px; }
#quickContact div.contact { float:left; }
#quickContact a.sgi { display:block; width:139px; height:50px; float:right; background:url(images/sgi_logo.png) 0 0 no-repeat; margin-top:-12px; text-indent:-9999px; }

/* navigation */
#navigation { width:980px; height:79px; background:url(images/navigation_bg.png) 0 0 repeat-x; margin:0 auto; margin-bottom:20px; }
#nav { float: left; width: 980px; height:43px; margin: 0; padding: 0; list-style: none; background: #171717; }
#nav li { display: inline; }
#nav li a { float: left; font: bold 12px arial; line-height: 43px; color: #fff; padding: 0 20px; text-transform:uppercase; }
#nav .current a, ul#nav li:hover > a  { color: #ffcb08; }
#nav  ul { display: none; }
#nav li:hover > ul { position: absolute; display: block; width: 950px; height: 36px; position: absolute; margin: 43px 0 0 0; padding-left:30px; background:url(images/subNav_arrow.png) left center no-repeat; }
#nav li:hover > ul li a { float: left; font: normal 12px arial; line-height: 35px; color: white; padding: 0 20px 0 0; text-transform:uppercase; }
#nav li:hover > ul li a:hover { color: #ffcb08; }

/* rotator */
#rotator { width:980px; height:302px; margin:0 auto; overflow:hidden; z-index:100; }

/* accident tab */
#accidentTab { width:980px; height:91px; margin:0 auto; position:relative; margin-top:-280px; z-index:1000; }
#accidentTab a { display:block; float:left; width:379px; height:91px; background:url(images/accident.png) 0 0 no-repeat; margin-left:-15px; }
/* thrifty tab */
#thriftyTab { width:980px; height:84px; margin:0 auto; position:relative; margin-top:65px; margin-bottom:50px; z-index:999; }
#thriftyTab a { display:block; float:right; width:293px; height:84px; background:url(images/thrifty.png) 0 0 no-repeat; margin-right:-15px; }

/* container */
#contentContainer { width:980px; margin:0 auto; display:inline-block; overflow:hidden; }
#contentContainer { display:block; }

/* blocks */
#blocks { clear:both; width:980px; height:160px; margin:0 auto; }
#blocks > div { float:left; width:233px; height:160px; margin-right:16px; background:yellow; background:url(images/block_bg.png) bottom left repeat-x; }
#blocks > div.autospa { background:url(images/block_autospa_bg.png) bottom left repeat-x; }
#blocks > div.tele { background:url(images/block_tele_bg.png) bottom left repeat-x; } 
#blocks > div > h1 { display:block; width:auto; height:35px; margin:-8px 0 0 10px;font:bold 12px arial; padding:32px 0 0 60px; text-transform:uppercase; }
#blocks > div > h1.gear { background:url(images/block_icon_gear.png) 0 0 no-repeat; }
#blocks > div > h1.autospa { background:url(images/block_icon_autospa.png) 0 0 no-repeat; padding-top:24px; }
#blocks > div > h1.ads { background:url(images/block_icon_ads.png) 0 0 no-repeat; }
#blocks > div > h1.promos { background:url(images/block_icon_promos.png) 0 0 no-repeat; padding-top:24px;}
#blocks > div > ul { list-style-image:url(images/bullet_arrow.png); width:auto; padding:10px 0 0 30px; }
#blocks > div > ul li { color:white; font:normal 12px Arial; margin-bottom:10px; }
#blocks > div > ul a { color:white; }
#blocks > div > ul a:hover { color:#FFCB08; }
#blocks > div > center { padding-top:10px; }
div.last { margin:0!important; }

/* sidebar */
#sidebar { float:left; width:233px; margin:16px 16px 0 0; display:inline-block; overflow:hidden; }
#sidebar { display:block; }
#sidebar h1 { display:block; width:218px; height:35px; background:#ffcb08;  padding:0 0 0 15px; font-size:14px; color:#2e2e2e; text-transform:uppercase; line-height:35px; }
#sidebar h2 { display:block; width:212px; height:30px; }
#sidebar h2 a { display:block; width:212px;  margin:0;height:30px; background:white url(images/sidebar_h2_arrow.png) right center no-repeat; padding:0 23px 0 0; text-transform:uppercase; text-align:right; font-size:14px; color:black; font-weight:normal; line-height:30px; }
#sidebar ul { width:auto; margin-top:16px; }
#sidebar li { color:white; font-size:12px; background:#242424 url(images/bullet_arrow.png) center left no-repeat; }
#sidebar li:nth-child(odd) { background:#242424 url(images/bullet_arrow.png) center left no-repeat; }
#sidebar li:nth-child(even) { background:#2e2e2e url(images/bullet_arrow.png) center left no-repeat; }
#sidebar li a { display:block; color:#8a8a8a; padding:7px 3px 7px 23px; }
#sidebar li a:hover { color:white; }
#sidebar > div.promo { width:233px; height:auto; margin:0 0 16px 0; }

/* content */
#content { float:left; width:731px; margin:16px 0 0 0; display:inline-block; overflow:hidden; background:#2e2e2e; padding:0 0 15px 0; }
#content { display:block; }
#content h1 { display:block; width:716px; height:35px; background:#2e2e2e; padding:0 0 0 15px; font-size:14px; color:white; text-transform:uppercase; line-height:35px; border-bottom:16px solid #171717; }
#content h2 { display:block; width:auto; height:35px; background:#00AEEF; margin:15px 15px 0 15px; padding:0 0 0 16px; font-size:14px; color:white; text-transform:uppercase; line-height:35px; }
#content p { padding:15px 15px 0 15px; font-size:12px; color:#c5c5c5; line-height:18px; text-align:justify; }
#content a { color:#FFCB08; }
#content ul { margin:15px 15px 0 20px; }
#content li { font-size:12px; color:#c5c5c5; background:url(images/bullet_arrow.png) center left no-repeat; padding:7px 3px 7px 23px; text-align:justify; line-height:16px; }
#content li b { font-size:14px; color:#f4f4f4; }

/* spa packages */
.spapackage { background:#242424; width:731px; height:180px; vertical-align:middle; }
.spapackage ul { float:left; margin:15px 15px 0 30px!important; }
.spapackage ul.two { margin:35px 15px 0 39px!important; }
.spapackage ul.three { margin:45px 15px 0 67px!important; }
.spapackage ul.four { margin:55px 15px 0 40px!important; }
.spapackage li { font-size:12px; color:#c5c5c5; background:url(images/bullet_arrow.png) center left no-repeat; padding:1px 3px 1px 23px!important; text-align:justify; line-height:16px; }
.spapackage img.logoOne { float:left; margin:50px 0 0 30px; }
.spapackage img.logoTwo { float:left; margin:49px 0 0 30px; }
.spapackage img.logoThree { float:left; margin:53px 0 0 55px; }
.spapackage img.logoFour { float:left; margin:50px 0 0 29px; }

/* footer */
#footer { width:100%; height:160px; background:#282828; margin-top:40px; }
#footerInner { width:980px; height:160px; margin:0 auto; background:url(images/footer_inner_logos.png) right center no-repeat; }
#footerInner ul { float:left; width:720px; margin:25px 0 10px 0; }
#footerInner li { float:left; margin:0 20px 0 0; }
#footerInner li a { font-size:12px; color:#757575; text-transform:uppercase; }
#footerInner a:hover { color:#cacaca; }
#footerInner span { display:block; clear:both; color:#757575; font-size:12px; color:#757575; text-transform:uppercase; margin:10px 0 0 0; }
#footerInner span.omnistudios { color:#444444; }
#footerInner span.omnistudios a { color:#9378a4; }

/* input forms */
td { padding: 3px; vertical-align: top; font-size:12px; color:#c5c5c5; text-transform:uppercase; }
select, input, textarea { border: 1px solid #CCC; background-color: #FFF; background-repeat: repeat-x; font-family: Arial; color: #333; font-size: 12px; font-weight: bold; text-shadow: 0px 1px 0px #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 3px; background-color: #D8D8D8; background-image: url('formbg.gif'); }
select { background-color: #FFF; }
input:focus, textarea:focus { box-shadow: inset 0 0 5px #D5D5D5; -moz-box-shadow: inset 0 0 5px #D5D5D5; -webkit-box-shadow: inset 0 0 5px #D5D5D5; background-color: #D8D8D8; border: 1px solid #555; }
input[type=submit] { padding: 5px; }