/* RESETS & BASIC PAGE SETUP
-------------------------------- */

* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: 62.5% Helvetica, sans-serif; background: #C6DAF2; }
li								{ list-style-position: inside; }
ul								{ margin-bottom: 10px; }
table							{ border-collapse: collapse; }
ul.list { padding-left: 25px; font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; }
p { font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; }
a { outline: none; }
a img { border: none; }
h1 { font-size: 2em; }
h2 { margin:0 0 1em; }
h3 { font-size: 1.3em; }

/* TOOLBOX
-------------------------------- */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.center { text-align: center; }

/* LAYOUT
-------------------------------- */

#page-wrap { width:980px; margin:0 auto; background: url(../images/content-bg.jpg); }
#header { width: 980px; height: 200px; }
#header img { margin-top: 10px; margin-left: 10px; float: left; }
#header p { display: block; width: 540px; height: 60px; float: right; margin-top: 5px; font:1.4em "Palatino Linotype", "Book Antiqua", Palatino, serif; text-align: left; }

#main { float:right; width:710px; padding:10px; }
#main p { font-size: 1.4em; line-height: 1.5em; margin-bottom: 1.5em; }
#sidebar { float:left; width:250px; }
#footer { clear:both; padding:5px 10px; }
#footer p { margin-top: 55px;}
#footer img { float: right; }
* html #footer { height:1px; }

.chat { float: right; width: 350px; margin: 0; }
.chat2 { float: right; width: 275px; margin: 0; }

/* BUILDING STYLES
-------------------------------- */

.picbox { float: left; }
.picbox table tr td { padding: 2px; text-align: center; }
.infobox { margin-left: 40px; float: left; }
.features li { margin-left: 25px; font-size: 12px; list-style: circle; line-height: 1.5em; }
.info-contain { margin: auto; width: 750px; clear: both; padding: 25px 0; }
#video { float: left; padding: 15px; }

/* NAVIGATION
   ============================= */
#nav { height: auto; width: 250px; float: left; overflow: hidden; }
ul.menu, ul.menu ul { font: 15px Georgia, "Times New Roman", Times, serif; list-style-type:none; margin: 0; padding: 0; width: 250px; }
ul.menu a { display: block; text-decoration: none; }
ul.menu li { }
ul.menu li a { background: #78A936; color: #fff; padding: 0.5em; margin: 2px; overflow: hidden; border: 2px solid #fff; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 5px 0px #999; -moz-box-shadow: 0px 0px 5px 0px #999; box-shadow: 0px 0px 5px 0px #999; }
ul.menu li a:hover { background: #fff; color: #78A936; }
ul.menu li ul li a { background: #407EB7; color: #fff; padding-left: 10px; }
ul.menu li ul li a:hover { background: #fff; color: #407EB7; padding-left: 10px; }
#help { width: 275px; height: 95px; float: right; margin-left: 15px; }
#separator { width: 980px; height: 10px; background: #006; }
