/* ================================ *
 * - Global Styles
 * -------------------------------- */
 
* {padding: 0;margin: 0;}
body {background: #e5dab6 url(gui/bg.jpg) repeat-x 0 0;font-size: 10px;font-family: Arial,sans-serif;color: #51462d;text-align: center;}
#wrapper {width: 800px;margin: 0 auto;margin-top: 30px;text-align: left;border: 1px solid #cfbf8b;}
a#masthead {text-indent: -5000px;overflow: hidden;left: 0px;top: 30px;height: 192px;width: 800px;display: block;background: transparent url(gui/SR_header.jpg) no-repeat;}
#wrapper2 {width: 800px;margin: 0 auto;text-align: left;padding:0 0 20px 0;background: #fafafa url(gui/wrapper_bg.gif) no-repeat;}
#leftcol {width: 525px;margin: 0 auto;text-align: left;float: left;}
#rightcol {width: 275px;margin: 0 auto;text-align: left;float: left;}

/* ================================ *
 * - Footer Styles
 * -------------------------------- */
 
#footer {width: 800px;height: 100px;margin: 0 auto;text-align: left;}
#footer p {font-size: 10px;line-height: 18px;color: 4a4020;padding: 0px 5px 5px 5px;}
a#five-q {position: absolute;margin: 10px 0px 0px 700px;height: 15px;width: 100px;text-indent: -5000px;overflow: hidden;background: #fff url(gui/5Q-branding.gif) no-repeat 0px 0px;}
a:hover#five-q {background-position: 0px -15px;}

/* ================================ *
 * - Bottom Styles
 * -------------------------------- */
 
#bottom {width: 800px;height: 206px;margin: 0 auto;text-align: left;}
#fivefp {width: 327px;height: 206px;margin: 0 auto;text-align: left;float: left;background: url(gui/5_fp_img.gif) no-repeat;}
#commute {width: 157px;height: 206px;margin: 0 auto;text-align: left;float: left;background: url(gui/commute.jpg) no-repeat;}
#fitness {width: 159px;height: 206px;margin: 0 auto;text-align: left;float: left;background: url(gui/fitness.jpg) no-repeat;}
#energy {width: 157px;height: 206px;margin: 0 auto;text-align: left;float: left;background: url(gui/energy.jpg) no-repeat;}

/* ================================ *
 * - Contact Styles
 * -------------------------------- */
 
address {font-size: 13px;line-height: 18px;padding: 0px 9px 9px 15px;}
th {font-size: 13px;line-height: 18px;padding: 0px 9px 9px 15px;}

/* ================================ *
 * - Content Styles
 * -------------------------------- */
 
h1,h2,h3,h4,h5 {font-family: Arial;margin-bottom: 9px;}
h1 {font-size: 26px;font-weight: bold;color: #b59b4c;margin: 15px 0px 10px 15px;}
h2 {font-size: 21px;color: #62946a;margin: 15px 0px 10px 15px;}
h3 {font-size: 18px;color: #62946a;margin: 15px 0px 10px 15px;}
h4 {font-size: 16px;color: #62946a;margin: 15px 0px 10px 15px;}
h5 {font-size: 14px;color: #62946a;margin: 15px 0px 10px 15px;}
#leftcol h1 {color: #b59b4c;}
#leftcol h2 {color: #62946a;}
#leftcol h2 span {color: #62946a;}
#leftcol h3 {color: #62946a;}
#leftcol p {font-size: 13px;line-height: 18px;padding: 0px 9px 9px 15px;}
#leftcol ul,ol {margin: 0px 9px 9px 35px;font-size: 13px;}
#leftcol li {padding: .3em 0;}
#leftcol ul.special {color: #5d759e;list-style: none;margin: 0px 15px 20px 15px;border-top: 2px solid #d0d0d0;}
#leftcol ul.special li {padding: .0em;border-bottom: 1px dotted #d0d0d0;}
#leftcol ul.special li a {display: block;padding: .4em;* margin: 0;color: #8b7637;text-transform: capitalize;text-decoration: none;font-weight: bold;}
#leftcol ul.special li a:hover {color: #584b22;background: #f1ecdd;}
#leftcol ul.special li a span.details {color: #b59b4c;font-size: 11px;font-weight: normal;}
#leftcol ul.special li a:hover span.details {color: #8b7637;font-size: 11px;font-weight: normal;}
.clearall {clear: both;}
.fix {clear: both;font-size: 1px;height: 1%;}
.left {float: left;}
img.left {margin: 0 1em 1em 0;}
img.right {margin: 0 0 1em 1em;}