/* DOC css 4-4-2008 */
* {margin: 0; padding: 0;}

body {background:url(../images/bg.png) 50% 0% repeat-x; background-color:#669aff; 
font: 14px Arial, Helvetica, sans-seirf; color: #000; 
text-align: center; 
margin: 0; 
padding: 0;
text-align:center;}

/*url(../images/bg.png) 50% 0% repeat-x;*/

#outer {margin:0px auto; width: 890px; z-index:0;}

#wrapper {background: url(../images/pbg.png) 50% 100% repeat-y; 
margin:0px auto; 
width: 890px;
position:relative;
}

#wrap {width: 890px; 
text-align: left; 
margin:auto;}

#header {background: #fff url(../images/header.jpg) top left no-repeat;
height:105px; 
margin: 0; 
padding: 0;}

#header h1 
{text-indent: -9999px; 
background: transparent url(../images/logo.gif) 5px 5px no-repeat;
width: 380px;
margin: 0; 
padding: 0;}

#header h1 a 
{display: block; 
height: 100px; 
border: none;}

#nav {margin:0px auto; width:890px;}
* html #nav {float: left;}

#nav ul
{
font-size: 14px;
margin:0px;
padding:0px;
background: #ff7c32 url(../images/nav-bg.png) top left repeat-x;
color: #ff7c32;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
border-bottom: none;
}

#nav ul li { display: inline; }

#nav ul li a
{
padding: 10px 25px;
background: #ff7c32 url(../images/nav-bg.png) top left repeat-x;
color: #333333;
text-decoration: none;
float: left;
border-bottom: none;
}

#nav ul li a:hover
{
background: #ff7c32 url(../images/nav-hover-bg.png) top left repeat-x;
color: #fff;
}

#nav ul li a.active {background: #9abbfe; color: #333; font-weight: 300; border: none;}

#nav ul li .doc-con {float:right; color:#ffffff; background:#6B8F8B;}
/* green color #6c908c */

/*homepage styles*/
#billboard {clear:both;float:left; margin-top:0px; margin-left:0px; height:auto;position:relative; z-index:0;}
#billboard-wrap {position:absolute;  top: 45px; left: 75px;}
#billboard-wrap h3 {color: #fff; font-weight: 500; font-size: 25px; line-height: 1.75em; margin: 0; }
#billboard-wrap p {color: #333; width: 350px; font-size: 14px; line-height: 20px;margin-top: 0px;}
#magnets {float: left; margin: 25px 0px 20px 50px; background: url(../images/pbg.png) repeat-x; display:inline;}

#magnet-top-1 {float:left; background: url(../images/magnet-top.jpg) 0% 0% no-repeat; margin:0; padding:0; display:inline;}

#magnet-top-2 {float:left; margin-right:45px; margin-left:45px; background: url(../images/magnet-top-2.jpg) 0% 0% no-repeat; padding:0; display:inline;}

#magnet-top-3 {float:left; background: url(../images/magnet-top-3.jpg) 0% 0% no-repeat; margin:0; padding:0; display:inline;}

#mag-1 {width: 233px; float:left; margin-top:100px; background: #6899ff url(../images/mag-bg-1.png) repeat-x; height: 153px;}

#mag-2 {width: 233px; float:left; margin-top:100px;background: #fc8e51 url(../images/mag-bg-2.png) repeat-x; height: 153px;}

#mag-3 {width: 233px; float:left; margin-top:100px;background: #6c908c url(../images/mag-bg-3.png) repeat-x; height: 153px;}

#magnets h3 {font: 16px Arial, Helvetica, sans-seirf;; padding: 0px 25px 5px 25px; margin: 0px; color:#333;}
#magnets p {font-size: 14px; padding: 0 25px; line-height: 18px; color:#fff;}
* html #magnets p {padding: 0 25px;}
#magnets img {display: block; margin: 0 auto; margin:0 0 0 0; text-align: center;}
#magnets a {text-decoration:none;}

/*sub-page styles*/
#content {margin-top: 0px; min-height:420px; padding-top:50px; padding-left:50px;}
#content p {font-size: 1em; line-height: 25px; margin: 5px 50px 10px 0px; color:#333;}
#content h2 {font-size: 1.2em; color: #fc8e51; margin: 20px 0px 10px 0px;}
#content h3 {font-size: 18px; line-height: 1.4em; margin: 0px 50px 5px 0px; color: #6899ff; padding:0px;}
#content h4 {font-size: 1.2em; line-height: 1.3em; color: #fc8e51;}
#content .container {width:300px; float:right; margin:0 40px 0 20px;}

#content .container-book {width:225px; float:right; margin:0 40px 0 20px;}

#content .container2 {width:360px; float:right; margin: 20px 50px 0 0px;}
#content .container3 {width:300px; float:left; margin:0 10px 0 20px;}
#content img.content-img {float: right; border: 1px solid #fc8e51; padding: 5px; margin: 10px 10px 10px 0px; display: block; position:relative;}

#content .Form1{margin:0 40px 0 0px;}
#content .consultation tr {padding:10px 0px;}
#content .form {margin-bottom:0px; margin-left:10px; width:150px;}
#content .form4 {margin-bottom:0px; margin-left:10px; width:250px;}
#content .form2 {padding:8px 0px;}
#content .form3 {margin-top:10px; margin-left:13px; width:150px;}
#content .red {color:#FF0000;}
#content .button {background-color:#6498FE; color:#ffffff; padding:3px 1px; border:1px solid #555555; font-size:1.1em; margin:10px 10px 10px 0px;}
.immediate {background:#BEDAFF; width:200px; float:right; margin:0px 50px 0px 20px; border:1px solid #173D75; padding: 10px 20px;}
.immediate p {color:#000000;}
.immediate a {color:#FF955D;}
.immediate a:hover {color:#173D75; text-decoration:none;}
#content .border td {padding:5px; border:1px solid #CCCCCC;}
#content .form-history {padding:5px; border:1px solid #CCCCCC;}
#content .notes {padding:5px; border:1px solid #CCCCCC; width:270px;}
#content .phone {padding:5px; border:1px solid #CCCCCC; width:100px;}

#content img.content-img2 {float: right; border: 1px solid #fc8e51; padding: 5px; margin: 10px 0px 10px 10px; display: block; position:relative;}
#content img.content-img3 {float: right; border: 1px solid #fc8e51; padding: 5px; margin: 20px 30px 10px 10px; display: block; position:relative;}
#content img.content-img4 {float: left; border: 1px solid #fc8e51; padding: 5px; margin: 20px 30px 10px 0px; position:relative;}
#content p.caption {font-size:10px; font-style:italic; text-align:left; margin:10px;}
#content ul {list-style:none;}
#content li {background:url(../images/bullet.gif) 5px 10px no-repeat; list-style:none; padding: 5px 20px; font-size: 14px; line-height:16px; margin: 10px 5px 10px 50px;}
#content a {color: #609cfe; font-weight:500; text-decoration:none;}
#content a:visited {color: #fa9350;font-weight:500; text-decoration:none;}
#content a:hover {color: #6c908c; font-weight:500; text-decoration:none;}

#mag-right {float:right; margin: 20px; width: 185px; padding:10px; background-color: #e1e9e0; height: 20em;}
#mag-right p {font-size: 1.3em; line-height: 1.4em; margin: 0 0 10px 5px;}

#footer {margin:0px auto; clear:both; background:url(../images/footer.png) 50% 100% no-repeat; height: 100px; width:890px; }

#footer-text p {color: #fff; font-size: 10px; padding:40px 0 20px 0; margin: 0px 0px 0px 0px;}

#footer a {color: #fff; text-decoration: none;}
#footer a:visited {color: #fff;}
#footer a:hover {color: #fff; border-bottom: 1px dotted #fff;}

.iframe { margin:0px 0px 20px 20px; border:1px solid #9abbfe; padding:10px;}