/**** ************************************************************** ****/
/**** 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"); text-align: center; font-family: verdana, arial, sans-serif; font-size: 12px; color: #636363}

#container {width: 849px; background-color: #fff; text-align: left; margin: auto; border: 1px solid #636363; border-top: none}

a {color: #9e4710; text-decoration: none}
a:hover {text-decoration: underline}

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

#header {width: 849px; height: 223px; background: url("images/cloudnine-hgh.jpg"); clear: both; border-bottom: 0px solid #c0c0c0}



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

#sidebar {width: 180px; background-color: #cccccc; border: 1px solid #c0c0c0; margin: 10px; float: left}

#sidebar #promoCode {text-align: center; color: #666666; font-size: 20px; border-bottom: 1px solid #c0c0c0; padding: 2px}

#sidebar #phone {background: url("images/phone.gif") no-repeat top left; border-bottom: 1px solid #c0c0c0; padding: 2px}
#sidebar #phone h2 {color: #fff; font-size: 14px; padding: 5px 0 0 30px}
#sidebar #phone p {color: #555555; font-size: 16px; padding: 5px 0 0 30px}

#sidebar ul {list-style-type: none; margin: 10px; padding: 5px; background-color: #fff}
#sidebar ul li {list-style-type: none; padding: 5px 0}
#sidebar ul li a {color: #c66f1f; font-size: 11px; font-weight: bold; text-decoration: none}
#sidebar ul li a:hover {text-decoration: underline}
#sidebar #Code{margin-left: 22px;
margin-bottom: 10px;
margin-top: 20px;
}

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

#content {width: 635px; border: 1px solid #c0c0c0; margin: 10px 10px 10px 0; float: left}

#content h1 {margin: 20px 10px 10px 10px; color: #9e4710; font-family: verdana, arial black}
#content h2 {margin: 20px 10px 10px 10px; color: #9e4710;}
#content h3 {margin: 20px 10px 10px 10px; color: #636363;}
#content p {margin: 10px; text-align: justify;}
#content p img{margin: 10px 20px 10px 50px;}



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

#footer {width: 849px; height: 100px; margin: auto; clear: both}
#footer * {color: #9e4710; padding: 5px}
#footer a:hover {text-decoration: underline}