/**** ************************************************************** ****/
/**** TO LEARN MORE ABOUT CSS PLEASE VISIT http://www.w3schools.com/css/ ****/
/**** ************************************************************** ****/

/**** **************** ****/
/**** GLOBAL ELEMENTS ****/
/**** **************** ****/

* {margin: 0; padding: 0}
body {background: url("images/page_bg.gif") repeat-x top left #65606d; text-align: center; font-family: arial, sans-serif; font-size: 14px; color: black}

#container {width: 840px; text-align: left; background: url("images/content_bg.gif") repeat-y top left; margin: auto}

img.floatRight {float: right; margin: 10px 10px 0 0}

a {color: #0033FF; text-decoration: none; font-weight: normal}
a:hover {text-decoration: underline}

/**** **************** ****/
/**** HEADER ELEMENTS ****/
/**** **************** ****/

#header {width: 840px; height: 437px; background: url("images/header.jpg"); clear: both}

#header #menu ul {list-style-type: none; padding: 64px 10px 0 0; float: right}
#header #menu ul li {list-style-type: none; display: inline; padding: 0 6px 0 6px; border-right: 1px solid #e6e6e6}
#header #menu ul li.noBorder {border-right: 0px solid #e6e6e6}
#header #menu ul li a:hover {text-decoration: none; color: #9e9e9e}

#header #phone {height: 40px; width: 250px; padding: 105px 280px 0 0; float: right; text-align: right}
#header #phone h2 {color: #ffffff; font-size: 18px}
#header #phone p {color: #2b2534; font-size: 16px; padding: 4px 0 0 0}

/**** **************** ****/
/**** SIDEBAR ELEMENTS ****/
/**** **************** ****/

#sidebar {width: 180px; float: left; margin: 0 0 0 100px; border-right: 1px dashed #e7e7e7}

#sidebar #promoCode {width: 175px; margin-left: 5px; padding: 20px 0 12px 0; border-bottom: 1px dashed #e7e7e7}
#sidebar #promoCode h2 {color: #FF9900; font-size: 18px; margin: 0; padding: 0}
#sidebar #promoCode p {color: #2b2534; font-size: 16px; padding: 5px 0 0 0}

#sidebar #menu {background: url("images/sidebar_blue_bg.gif"); margin-top: 9px}
#sidebar #menu ul {list-style-type: none; margin: 0 5px; padding: 0 0px}
#sidebar #menu ul li {list-style-type: none; padding: 4px 0}
#sidebar #menu ul li a {color: #7eb8e3; font-size: 13px; font-weight: bold; text-decoration: none}
#sidebar #menu ul li a:hover {text-decoration: underline}

/**** **************** *****/
/**** CONTENT ELEMENTS ****/
/**** **************** *****/

#content {width: 455px; float: right; margin-right: 100px; border: 0px solid red}

#content h1 {margin: 22px 20px 10px 20px; color: #2b2534; font-size: 26px; text-transform: uppercase}
#content h3 {margin: 20px 20px 10px 20px; color: #FF9900; font-size: 18px;}
#content p {margin: 10px 20px}

#content ul {list-style-type: none; margin: 30px 60px}
#content ul li {list-style-type: none; background: url("images/bullet.gif") top left no-repeat; padding: 0px 0 15px 25px}

/**** **************** ****/
/**** FOOTER ELEMENTS ****/
/**** **************** ****/

#footerWrapper {width: 100%; background: url("images/footer_wrapper_bg.gif") repeat-x top left}
#footer {width: 840px; background: url("images/footer_bg.gif") no-repeat top left; color: #ccc; margin: auto; margin-bottom: 0px; clear: both; text-align: right}
#footer p {padding: 88px 106px 40px 0; border: 0px solid red}
#footer p a {font-weight: normal}
#footer small {display: block; margin: 0; font-size: 11px}
#footer a:hover {text-decoration: underline}