/* Browser Resets */

html, body { height: 100%; margin: 0px; padding: 0px; }
body { background: #FFFFFF; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.2em; }
img { border: none; }
a, a:link, a:visited { outline: none; color: #0082D6; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Main DIVs */

#distance { width:1px; height:50%; float:left; margin-bottom:-250px; }
#container { margin: 0 auto; position: relative; height: 500px; width: 100%; min-width: 960px; clear: left; background: #000; }
#wrapper { width: 960px; height: 500px; margin: 0 auto; background: url(../images/bg-boxes.jpg) right 155px no-repeat; }
#main { width: 750px; height: 330px; }

/* Header */

#header { width: 960px; height: 90px; }
#header #menu { width: 675px; height: 90px; float: left; }
#header #logo { width: 285px; height: 74px; float: right; position: relative; top: 20px; }

/* Footer */

#footer { width: 960px; height: 80px; background: url(../images/bg-strapline.png) right 30px no-repeat; }
#creditcards { width: 245px; height: 65px; color: #666; margin: 0px; text-align: left; padding: 15px 0px 0px 0px; float: left; background: url(../images/bg-creditcards.png) 0px 35px no-repeat; }

/* Main Menu */

#menu { color: #FFFFFF; font-size: 1.2em; }
#menu ul.menu { list-style: none; margin: 0px; padding: 0px; }
#menu ul.menu li { float: left; }
#menu ul.menu li a { height: 15px; float: left; padding: 18px 25px 0px 25px; border-right: solid 2px #FFFFFF; display: block; color: #FFFFFF; text-decoration: none;  }
#menu ul.menu li a:link, #menu ul.menu li a:visited { color: #FFFFFF; text-decoration: none;  }
#menu ul.menu li.home a:hover { border-right: solid 2px #0082D6; }
#menu ul.menu li.about a:hover { border-right: solid 2px #DB0066; }
#menu ul.menu li.quote a:hover { border-right: solid 2px #FEF000; }
#menu ul.menu li.order a:hover { border-right: solid 2px #766C63; }
#menu ul.menu li.contact a:hover { border-right: solid 2px #0082D6; }

/* Content */

#content { width: 730px; height: 300px; padding: 0px 10px 10px 10px; }
#content h1 { margin: 0px 0px 20px 0px; padding: 0px; font-size: 1.4em; font-weight: bold; color: #FFFF00; }
#content h2 { margin: 0px 0px 15px 0px; padding: 0px; font-size: 1.2em; font-weight: bold; color: #FFFFFF; }
#content h3 { margin: 0px 0px 15px 0px; padding: 0px; font-size: 1.2em; font-weight: bold; color: #0082D6; }
#content p { margin: 0px 0px 10px 0px; padding: 0px; color: #CCC; }

#content #leftcol { width: 500px; float: left; }

#content #leftcol-narrow { width: 460px; float: left; }

#content #sidebar { width: 180px; height: 220px; float: right; margin: 35px 0px 0px 0px; padding: 10px; }
#content #sidebar p { color: #FFFFFF; }

#content #sidebar-wide { width: 220px; height: 220px; float: right; margin: 35px 0px 0px 0px; padding: 10px; }
#content #sidebar-wide p { color: #FFFFFF; line-height: 1.4em; }
#content #sidebar-wide a, #content #sidebar-wide a:link, #content #sidebar-wide a:visited { color: #DB0066; text-decoration: none; }
#content #sidebar-wide a:hover { text-decoration: underline; }

/* Custom Classes */

p.telephone { font-size: 2em; line-height: 1.4em; }
img.floatright { float: right; margin: 0px 0px 0px 10px; }
p.floatleft { float: left; clear: left; position: relative; top: 20px; }
* html p.floatleft { top: 0px; }
p.small { font-size: 0.85em; }
p.poster-para { float: right; width: 250px; }

/* Most Popular Menu */

ul.most-popular { list-style: disc; margin: 0px 0px 0px 20px; padding: 0px; }
ul.most-popular li { margin: 0px 0px 10px 0px; padding: 0px; }
ul.most-popular a, ul.most-popular a:link, ul.most-popular a:visited { color: #FFFFFF; text-decoration: none; }
ul.most-popular a:hover { text-decoration: underline; }

/* Contact Form */

form#contact { margin: 0px; padding: 6px 0px 0px 0px; color: #CCC; }
form#contact ul.contact { margin: 0px; padding: 0px; list-style: none; }
form#contact ul.contact li { margin: 0px 0px 10px 0px; padding: 0px; }
form#contact label { width: 80px; float: left; }
form#contact input { width: 350px; border: solid 1px #666; background: #FFFFFF; color: #333333; }
form#contact textarea { width: 350px; height: 80px; border: solid 1px #666; background: #FFFFFF; overflow: auto; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1em; color: #333333; }
form#contact input#submit { width: 80px; margin: 0px 0px 0px 80px; color: #000; border: solid 1px #666; }
* html form#contact input#submit { margin: 0px 0px 0px 83px; }

/* Services Icons */

ul.services { position: relative; top: 5px; margin: 0px; padding: 0px; list-style: none; }
ul.services li { float: left; width: 90px; height: 95px; margin: 0px 10px 12px 5px; padding: 0px; }
* html ul.services li { margin: 0px 10px 6px 5px; }
ul.services li a { padding: 92px 0px 0px 0px; font-size: 0.8em; line-height: 0.8em; }
ul.services li a span { float: left; width: 90px; text-align: center; cursor: pointer; }

/* Table */

table { border-top: solid 1px #999; border-left: solid 1px #999; color: #CCC; margin: 0px 0px 15px 0px; }
td, th { border-bottom: solid 1px #999; border-right: solid 1px #999; text-align: center; }
th { font-weight: bold; }