html, body, form, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd {
margin: 0;
padding: 0;
}

html {
background: url(body-bg.jpg) top center repeat-y #0e356a;
}

body {
background: url(body-bg.jpg) top center repeat-y #0e356a;
font-family: "Gill Sans MT", "Lucida Sans Unicode", "Lucida Grande", lucida, verdana, helvetica, sans-serif;
text-align: center;
}

#page {
background: url(body-bg.jpg) top center repeat-y #fff;
text-align: left;
margin: 0 auto;
width: 780px;
}

/* Common Elements */

p {
margin: 1em 0;
}

ul {
margin: 1em 0 1em 2em;
}

/* Layout */

#header, #intro, #content, #footer {
padding: 0 50px;
}

#header {
height: 90px;
background: url(title.jpg) top left no-repeat;
}

#title {
width: 260px;
float: left;
}

#title a {
display: block;
text-indent: -999em;
overflow: hidden;
width: 260px;
height: 90px;
text-decoration: none;
border: none;
}

#nav {
float: right;
list-style: none;
margin-top: 59px; 
margin-bottom: 0px; 
}

#nav li {
display: inline;
}

#nav li a {
display: block;
border: solid #ccc 1px;
border-top: none;
float: left;
padding: 3px 6px;
text-decoration: none;
margin: 0 0 0 4px;
text-transform: uppercase;
font-weight: bold;
color: #000;
font-size: .7em;
}

#nav li a span {
color: #1861c4;
}

#nav li a:hover, #nav li a.active {
background: #fff;
}

#intro {
clear: both;
height: auto !important;
height: 1%;
}

#intro:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#intro p {
margin: 0;
padding-bottom: 32px;
}

#intro p.blurb {
text-align: center;
font-size: 1.0em;
line-height: 1em;
float: left;
width: 150px;
}

#intro p.blurb span {
color: #1861c4;
display: block;
margin-bottom: .2em;
}

#intro .plans {
float: right;
width: 140px;
overflow: hidden;
}

#intro .plans a {
float: right;
background: #f6f6f6;
color: #000;
text-decoration: none;
padding: 10px 20px;
text-align: center;
margin: 0 0 0 10px;
border: solid #ccc 1px;
font-size: .9em;
line-height: 1em;
}

#intro .plans a span {
color: #1861c4;
font-size: 3.6em;
line-height: 1.2em;
display: block;
}

#intro .plans a:hover, #intro .plans a:hover span {
color: #fff;
background: #1861c4;
}

#content {
padding-top: 10px;
clear: both;
}

#content h2 {
text-transform: uppercase;
font-size: 1.2em;
}

#content h2 span {
color: #1861c4;
}

#content h3 {
text-transform: uppercase;
font-size: 1.0em;
}

#content h3 span {
color: #1861c4;
}

#content p, #content ul, #content dl, #content ol {
font: normal 80%/1.6em "Lucida Sans Unicode", "Lucida Grande", lucida, verdana, helvetica, sans-serif;
}

#features {
float: left;
width: 420px;
}

#sidebar {
float: right;
width: 240px;
}

#footer {
background: url(intro-bg.jpg) top left no-repeat;
padding-top: 32px;
clear: both;
text-align: center;
font-size: .8em;
}

#nav2 {
float: right;
list-style: none;
margin-top: 0px;
margin-bottom: 0px;
}

#nav2 li {
display: inline;
}

#nav2 li a {
display: block;
border: solid #ccc 1px;
border-top: none;
float: left;
padding: 3px 6px;
text-decoration: none;
margin: 0 0 0 4px;
text-transform: uppercase;
font-weight: bold;
color: #000;
font-size: .7em;
}

#nav2 li a span {
color: #1861c4;
}

#nav2 li a:hover, #nav li a.active {
background: #fff;
}

/* Feature List */
#flist ul {
margin: 0;
padding: 0;
}

#flist ul li {
display: inline;
padding: 0px 3px
}

/*#flist li:before {
content:  "o ";
}
*/