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

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

* {margin: 0; padding: 0}
body {background-color: #fff; text-align: center; font-family: arial, sans-serif; font-size: 12px; color: #000000}

#container {width: 792px; 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:#0066FF; text-decoration: none; font-weight: normal}
a:hover {text-decoration: underline}

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

#header {width: 792px; height: 140px; 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}

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

#sidebar {width: 160px; float: left; margin: 0 0 0 30px; border-right: 4px solid #fff}

#sidebar #phone {margin: 20px 0}
#sidebar #phone h2 {color: #599837; font-size: 16px; text-transform: uppercase; font-style: italic}
#sidebar #phone p {color: #2f2b3a; font-size: 16px; padding: 1px 0 0 0}

#sidebar #promoCode {}
#sidebar #promoCode h2 {color: #599837; font-size: 16px; text-transform: uppercase; font-style: italic}
#sidebar #promoCode p {color: #2f2b3a; font-size: 16px; padding: 1px 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: #0066FF; font-size: 13px; font-weight: bold; text-decoration: none}
#sidebar #menu ul li a:hover {text-decoration: underline}

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

#content {width: 594px; float: right; border: 0px solid red}

#content h1 {margin: 22px 20px 10px 20px; color: #2f2b3a; font-size: 22px}
#content h2 {margin: 26px 20px 10px 20px; color:#000000; font-size: 16px}
#content h3 {margin: 26px 20px 10px 20px; color:#000000; font-size: 16px}
#content p {margin: 15px 26px}

#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 ****/
/**** **************** ****/

#footer {width: 820px; 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: 38px 30px 40px 0}
#footer p a {font-weight: normal; color: #fff}
#footer small {display: block; margin: 0; font-size: 11px}
#footer a:hover {text-decoration: underline}