html, body {margin:0;padding:0;}

body { background: #F2F2F2 url(/multimedia/layout/header-back.gif) repeat-x left top; color: #555; font-family: Arial, Helvetica, sans-serif; text-align: center;}
body { font-size: 76%;}

div, p, table, th, td, li, .normal {font-size: 1.0em;}

a, a:link, a:visited { color: #A00; text-decoration: none;}
a:hover { color: #900; text-decoration: underline;}

h1, h2, h3, h4, h5, h6, p {margin-top: 0;}
h4, h5 {margin-bottom: 5px;}

h1 { font-size: 2em; color: #FFF;}
h2 { font-size: 2em; color:#000; font-weight: normal;}
h3, .heading { font-size: 1.5em; color:#222; font-weight: normal;}
h4 { font-size: 1.3em; color: #166082; font-weight: normal;}
h5, .subheading { font-size: 1.1em; color: #000;}
h6, .normal {	font-size: 1em; color: #FFF;}

th { text-align: left;}

img {border:0}
hr { border: 0; height: 1px; width: 100%; color: #C00; background-color: #C00;}
strong {color: #000;}

* html #middle {height:1%;}
* html #right {height:1%;}

#overall {width: 960px; margin: 0px auto; text-align: left;}
#overall .padding { background: transparent;}

#header {height: 197px; background: transparent;}

#logo { width: 200px; padding: 0px;}
#logo img { margin: 9px 0 0 10px; padding:0;}
#logo h1 {margin: 0; padding: 0;}

#navigation { float: right; width: 680px; margin: 80px 10px 0px 0px; padding: 0px; text-align: left;}
#navigation ul {	float: left; margin:0px; padding: 0; list-style: none;}
#navigation li { float: left; margin: 0; padding: 0;}
#navigation li a, #navigation li a:visited { display: block; margin:0; padding: 0 15px 3px 15px; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 1.15em; font-weight: 400; color:#FFF; text-decoration: none;}
#navigation li a:hover, #navigation li a.menuhover {text-decoration: none; text-shadow: 0 0 5px #FFF;}
#navigation ul ul {margin-top: 0px; background: #000 url(/multimedia/layout/header-back.gif) repeat-x left center; z-index: 1;}
#navigation li li a, #navigation li li a:visited { display: block; margin:0; padding: 7px 15px; font-size: 1.15em; font-weight: 400; color:#FFF; text-decoration: none;}
#navigation li li a:hover, #navigation li li a.menuhover {text-decoration: none; text-shadow: 0 0 5px #FFF;}

#photobox { position: relative; width: 972px; height: 262px; margin: -76px -6px 20px -6px; background: url(/multimedia/layout/photobox-back.jpg) no-repeat center center; text-align: center; }
#photobox img { margin: 19px auto;}

.strapline { float: right; width: 570px; height: 70px; position: absolute; right: 30px; top: 30px; text-align: left; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 2.1em; color: #FFF;}
.star {z-index: 1; float: right; width: 148px; height: 148px; position: absolute; right: -15px; top: -17px;}
.head-quote {float: left; width: 300px; height: 100px; position: absolute; left: 20px; bottom: 20px; margin: 0px; padding: 0px; text-align: left; font-size: 1.2em; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; background: url(/multimedia/layout/head-quote-back.png) no-repeat left top;}
.head-quote img { margin: 5px 15px 5px 5px !important; padding: 0px;}

#right { float: right; width: 320px;}
#right .content { padding: 0px 0px 15px 0px;}

#middle { margin-right: 360px;}
#middle .content { padding: 0px 0px 15px 10px;}
#middle .content p, #middle .content li { font-size: 1.15em;}
#middle .sitemap ul li{ list-style: none; }

#footer { clear:both; margin: 0px auto 10px auto; width: 900px; text-align: left;}
#footer .content { padding: 15px 25px; font-size: 0.9em; color:#666; line-height: 1.1em; text-align: center;}
#footer .content a { text-decoration:none;color:#666;}
#footer .content a:hover { text-decoration:none; color:#333;}

#footer ul, #left ul {list-style: none; margin: 0px; padding: 0px;}
#footer li, #left li {display: inline; margin-right: 15px;}

.clr {clear:both;}
.small, .error {font-size: 0.9em;}
.bluetext {color:#0066CC;}
.blacktext  {color:#000000 !important;}
.redtext, .error {color:#CC0000;}
div.float { float: left; padding: 1px;}
.photo { padding: 5px; border: 1px solid #BDBCBD; background: #FFF;}

.document { padding-left: 35px;}
.divider { float: left; height: 205px; width: 1px; margin: 0px 20px; background: url(/multimedia/layout/divider.gif) no-repeat center center;}

.calltoaction { width: 92%; margin: 0 auto 15px auto; padding: 10px; background: #9BEA4D url(/multimedia/layout/grad-grn.gif) repeat-x left center; font-size: 1.2em; font-weight: bold; color: #FFF; text-align: center; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.calltoaction:hover { background: #9BEA4D url(/multimedia/layout/grad-grn.gif) repeat-x left top;}
.calltoaction a, .calltoaction a:link, .calltoaction a:visited { color: #FFF; text-decoration: none;}
.calltoaction a:hover { color: #FFF; text-decoration: underline;}

.prodbox { margin: 0px -10px 15px -10px; background: url(/multimedia/layout/prodbox-bottom.jpg) no-repeat left bottom;}
.prodpadding { padding: 15px 20px; background: url(/multimedia/layout/prodbox-top.jpg) no-repeat left top;}
.product { float: left; width: 260px;}
.product p { font-size: 0.9em;}

.quotesbox, .videobox { margin-bottom:15px;}
.quotesbox h3, .videobox h3 { margin: 0; padding: 0 0 0 15px; line-height: 30px;}

.quotesbox { background: url(/multimedia/layout/quotebox-back.gif) no-repeat left bottom;}
.quotesbox .padding { padding: 15px;}
.quotesbox .padding img { float: left; margin: 0 10px 5px 0px;}
.quotesbox h3 { height: 39px; background: url(/multimedia/layout/quotebox-heading.gif) no-repeat left top; line-height: 30px; color: #FFF;}

.messagered { margin: 10px 0px; padding:15px 10px 15px 52px; color: #393 !important; border: 1px solid #CCC; border-radius: 5px; background: #F9F9F9 url(/multimedia/icons/gift.png) no-repeat 10px center; font-size: 1.2em;}

.testimonial {margin-bottom: 15px; border: 1px solid #CCC; -moz-border-radius: 7px; -webkit-border-radius: 7px; background: #FFF;}
.testimonial .padding { padding: 0px 15px;}
.testimonial .padding blockquote { margin: 15px 0px; padding: 7px 5px 0px 25px; background: url(/multimedia/layout/quote.gif) no-repeat 0px 4px;}
.testimonial .padding blockquote p { font-size: 1.1em !important; font-style: italic; }
.testimonial .padding blockquote strong { font-style: normal; }
.testimonial .quote-end { display: inline-block; height: 14px; width: 17px; margin: 0 0 -5px 5px; background: url(/multimedia/layout/quote-end.gif) no-repeat right top;}

.videobox {}
.videobox h3 { height: 30px; background: url(/multimedia/layout/videobox-heading.gif) no-repeat left top; line-height: 30px; color: #870005;}

.votetowin { margin: 15px auto; padding: 13px; background: #FFF; font-size: 1.1em; font-weight: bold; text-align: center; border: 1px solid #900;  -moz-border-radius: 7px; -webkit-border-radius: 7px; }

.warning { margin: 15px auto; padding: 13px; background: #FFF; font-size: 1em; border: 1px solid #ccc;  -moz-border-radius: 7px; -webkit-border-radius: 7px; }

/* Form CSS */
.contactButton, .registerButton, .contactInput, .registerInput, .contactTextbox {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.contactButton, .registerButton {font-size: 0.9em; font-weight: bold; background: #222; border: 1px solid #000; color: #FFF;}
.contactInput, .registerInput, .contactTextbox {font-size: 0.9em; background: #FFF; border: 1px solid #666;}
.contactTextbox {}