/**** ************************************************************** ****/
/**** TO LEARN MORE ABOUT CSS PLEASE VISIT http://www.w3schools.com/css/ ****/
/**** ************************************************************** ****/



/**** **************** ****/
/**** GLOBAL ELEMENTS ****/
/**** **************** ****/

* {margin: 0; padding: 0}
body {background-color: #5392be; text-align: center; font-family: arial, sans-serif; font-size: 12px; color: #636363}

img.floatRight {float: right; margin: 4px 0 10px 10px}

#container {width: 854px; background-color: #ffffff; text-align: left; margin: auto; background: url("images/container_bg.gif")}

#container #content {width: 854px; background: url("images/content_bg.jpg") no-repeat top right; margin: auto}

a {color: #5392be; text-decoration: underline}
a:hover {color: #801428; text-decoration: underline}

/**** **************** ****/
/**** HEADER ELEMENTS ****/
/**** **************** ****/

#header {width: 854; height: 186px; background: url("images/header.jpg"); clear: both}

/**** **************** ****/
/**** SIDEBAR ELEMENTS ****/
/**** **************** ****/

#sidebar {width: 176px; margin: 75px 50px 10px 15px; float: right; border-left: 1px solid #e3e3e3;}

#sidebar #phone {background: url("images/phone.gif") no-repeat top left; background-position: 1px 12px; border-bottom: 1px solid #e3e3e3; padding: 10px 2px}
#sidebar #phone h2 {color: #d4a61d; font-size: 14px; padding: 0px 0 0 35px}
#sidebar #phone p {color: #b40823; font-size: 16px; padding: 5px 0 0 35px}

#sidebar #promoCode {width: 176px; text-align: center; color: #b40823; font-size: 20px; border-bottom: 1px solid #e3e3e3; padding-bottom: 10px}
#sidebar #promoCode p {padding-top: 10px}

#sidebar ul {list-style-type: none; margin: 20px; padding: 0 5px 0 2px; background-color: #fff; border: 0px solid #e3e3e3;}
#sidebar ul li {list-style-type: none; padding: 5px 0}
#sidebar ul li a {color: #5392be; font-size: 12px; font-weight: bold; text-decoration: none}
#sidebar ul li a:hover {text-decoration: underline}

/**** **************** *****/
/**** CONTENT ELEMENTS ****/
/**** **************** *****/

#copy {width: 565px; margin: 10px 10px 10px 0; float: right}

#copy h1 {margin: 20px 10px 10px 10px; color: #000000; font-family: arial}
#copy h2 {margin: 20px 10px 10px 10px; color: #b40823}
#copy h3 {margin: 20px 10px 10px 10px; color: #b40823}

#copy p {margin: 10px}

#copy ul {margin:20px; padding:20px}

/**** **************** ****/
/**** FOOTER ELEMENTS ****/
/**** **************** ****/

#footer {background: url("images/footer.jpg") no-repeat #514847; width: 854px; height: 100px; margin: auto; padding-top: 7px; clear: both}
#footer * {color: #fff; padding: 5px 5px 30px 5px}
#footer a:hover {text-decoration: underline}
