/* --- Reset to consistant behavior --------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal; }
ol,ul {	list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;	font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0;}

/* --- Page layout styles ------------------------------ */

body{ background:#224B83; color:#262626; font:11px "Lucida Grande","Lucida Sans Unicode","sans-serif"; text-align:center; }
#wrap{ background:url(background.gif) center repeat-y; width:100%; overflow:auto; } 
#container{ text-align:left; margin:0px auto; width:760px; }

#heading{ width:100%; height:125px; background:url(heading.png) top left no-repeat; position:relative; overflow:visible; z-index:200; }
#nav{ position:absolute; bottom:5px; left:0px; }
#nav ul{ padding-right:20px; position:relative; }
#nav a{ display:block; padding:4px 7px 5px 7px; color:white; cursor:pointer; cursor:hand; text-decoration:none; }
#nav li{ position:relative; background:#123360; border-bottom:1px solid #415c80; display:block; }
#nav li.main{ float:left; border-right:1px solid #415c80; background:url(menu-arrow.gif) 95% 10px no-repeat; border-bottom:none; }
#nav li.main a{ padding-right:20px !important; }
#nav li ul li a{ background:none !important; position:relative; padding-right:7px; }
#nav ul li ul{ position:absolute; width:160px; padding:0px; left:0px; top:100%; background:#123360;}
#nav ul li ul li{ position:relative;}
#nav ul li ul{ display:none; }
#nav ul li:hover ul{ display:block; position:absolute;}
#nav ul li ul li:hover{ background:#234F8A;}

#left_col{ width:200px; float:left; line-height:18px; }
#left_col div{ padding:10px; }
#left_col li.main{ border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px; cursor:pointer; cursor:hand;}
#left_col li.main a{ font-size:12px; color:#262626; text-decoration:none; }
#left_col li.main ul a{ font-size:11px; color:#0066ff;}
#left_col li a:hover{ text-decoration:underline !important; } 

#order-now{ width:180px; height:130px; background:#989898 url(get-started.gif) bottom left no-repeat; color:white; position:relative; }
#order-now a{ display:block; width:110px; height:25px; position:absolute !important; top:107px; left:10px; text-decoration:none; text-indent:-9999em; background:transparent; }
#phone-blurb{ width:180px; padding-top:20px !important; height:50px; background:#1e4783; color:white; }
#phone-blurb *{ margin-bottom:0px; font-weight:normal !important; }

#right_col{ width:557px; float:right; min-height:400px; line-height:18px; z-index:-10;  }
#right_col a{ text-decoration:underline; }
#right_col div{ padding:10px;}
#right_col div.nopad{ padding:0px; }
#right_col ul{ list-style-type:disc !important; margin-left:20px; margin-bottom:10px; }
#top{ width:555px; height:145px; background:#ccc; padding:0px !important; overflow:hidden; z-index:10; }

div.bluebox{ float:right; width:175px; background:#dee4ed; margin-right:10px;} 
div.thumb{ float:right; margin:0px 0px 20px 20px; text-align:center; }
div.thumb img{ border:1px solid #ccc;}

#footer{ width:100%; height:55px; background:url(footer.gif) center no-repeat; clear:both; }
#fooder div{ width:760px; margin:0px auto; }
#footer p{ text-align:center; padding:15px; color:white; font-size:smaller; }


/* --- General page styles. ---------------------------- */

a, a:visited{ color:#0066FF; }
a:hover{ text-decoration:underline; }
h2{ font-size:17px; letter-spacing:-1px; }
h1{ font-size:20px; padding:10px; letter-spacing:-1px; line-height:24px; margin-bottom:0px; }
h3{ font-size:14px; font-weight:bold;}
h2,h3,h4,h5{ margin-bottom:10px;}
*.red{ color:#af0000;}
p{ margin-bottom:15px;}
strong{ font-weight:bold; }

div.left, ul.left{ width:45%; float:left; clear:left; }
div.right, ul.right{ width:45%; float:right; }
ul.left,ul.right{ width:42%; }
