@charset "UTF-8";
/* CSS Document */ 

* { margin:0; padding: 0 }
html,body{height: 100%;margin: 0;padding: 0;}
#container {margin-left: auto ;margin-right: auto ;padding: 0px;width: 775px;background-color: #edeae5;}

a{ color:#006aae;}
a:hover{ color:#999;}

#container_top_features {margin: 0px;padding: 10px 0 0 275px;width: 500px;height: 289px;background: url(images/background_main_features.jpg) no-repeat top left;text-align: left;}

#container_top_usefultips {margin: 0px;padding: 10px 0 0 275px;width: 500px;height: 289px;background: url(images/background_main_usefultips.jpg) no-repeat top left;text-align: left;}

#container_top_support {margin: 0px;padding: 10px 0 0 275px;width: 500px;height: 289px;background: url(images/background_main_support.jpg) no-repeat top left;text-align: left;}

/*Welcome*/
#welcome {margin: 0 ;padding: 0px;width: 490px;height: 150px;background-color: #006aae;}
h1 {margin: 0px;padding: 15px 0 0 20px;font-family: Arial, Helvetica, sans-serif;font-size: 20px;font-weight: bold;color: #fff;text-shadow: 0.1em 0.1em 0.05em #265f99;text-align: left;}
h2 {margin: 0px;padding: 0 20px 0 20px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: normal;line-height: 20px;color: #fff;text-shadow: 0.1em 0.1em 0.05em #265f99;text-align: left;}


/* Signup */
#signup {margin: 10px 0 0 0;padding: 0px;width: 490px;height: 110px;background-color: #a9dadb;vertical-align:middle;overflow:hidden;}
#signup .signup_text {margin: 0px;padding: 10px 40px 0 0;width: 290px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;line-height: 16px;color: #646a64;text-align: left;float: left;}
#signup .thumb_email {margin: 0px;padding: 0 10px 0 10px;float: left;}
#signup .signup_seperator {margin: 0px;padding: 0 10px 0 10px;float: left;}
.signup_btn {margin: 10px 0 0 0;padding: 3px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #646a64;float: right;text-transform: uppercase;background-color: #edeae5;}


/* Navigation */
#container_nav {background:url(images/background_nav_off.gif) repeat-x;height: 41px;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;font-size: 18px;line-height: 41px;text-align: left;}
#container_nav .nav1 a{padding: 0 20px 0 20px;height: 41px;float: left;text-decoration:none;color:#FFFFFF;background: url(images/nav_brk.gif) no-repeat right;}
#container_nav .nav1on a{padding: 0 20px 0 20px;height: 41px;float: left;text-decoration:none;color: #006aae;background:url(images/background_nav_on.gif) repeat-x;}
#container_nav .nav1 a:hover{padding: 0 20px 0 20px;height: 41px;float: left;text-decoration:none;color:#006aae;background: url(images/background_nav_on.gif) repeat-x;}
#container_nav .nav2 a{padding: 0 20px 0 20px;height: 41px;float: left;text-decoration:none;color:#FFFFFF;background: url(images/nav_brk.gif) no-repeat right;}
#container_nav .nav2on a{padding: 0 20px 0 20px;height: 41px;float: left;text-decoration:none;color: #006aae;background:url(images/background_nav_on.gif) repeat-x;}
#container_nav .nav2 a:hover{padding: 0 20px 0 20px;height: 41px;float: left;text-decoration:none;color:#006aae;background: url(images/background_nav_on.gif) repeat-x;}
#container_nav .nav3 a{padding: 0 20px 0 20px;height: 41px;float: left;text-decoration:none;color:#FFFFFF;background: url(images/nav_brk.gif) no-repeat right;}
#container_nav .nav3on a{padding: 0 20px 0 20px;height: 41px;float: left;text-decoration:none;color: #006aae;background:url(images/background_nav_on.gif) repeat-x;}
#container_nav .nav3 a:hover{padding: 0 20px 0 20px;height: 41px;float: left;text-decoration:none;color:#006aae;background: url(images/background_nav_on.gif) repeat-x;}

/* Social Icons */
.nav4 li{margin: 0px auto;padding: 0px;display: inline-block;list-style-type:none;float: right;}
.rollover_1 a {display:block;width: 24px;height: 24px;margin: 8px 5px 0 5px;padding:0 0 0 0;background: url("images/icon_dg.gif") 0 0 no-repeat;text-decoration: none;}
.rollover_1 a:hover { background-position: 0 -24px;}
.rollover_1 a:active {background-position: 0 24px;}
.rollover_1 a:visited { font-family: Arial, Helvetica, sans-serif;background-position: 0 24px;}
.rollover_1 a:visited:hover{ background-position: 0 -24px;}
.rollover_2 a {display:block;width: 24px;height: 24px;margin: 8px 0px 0 5px;padding:0 0 0 0;background: url("images/icon_dl.gif") 0 0 no-repeat;text-decoration: none;}
.rollover_2 a:hover { background-position: 0 -24px;}
.rollover_2 a:active {background-position: 0 24px;}
.rollover_2 a:visited { font-family: Arial, Helvetica, sans-serif;background-position: 0 24px;}
.rollover_2 a:visited:hover{ background-position: 0 -24px;}
.rollover_3 a {display:block;width: 24px;height: 24px;margin: 8px 0px 0 5px;padding:0 0 0 0;background: url("images/icon_tw.gif") 0 0 no-repeat;text-decoration: none;}
.rollover_3 a:hover { background-position: 0 -24px;}
.rollover_3 a:active {background-position: 0 24px;}
.rollover_3 a:visited { font-family: Arial, Helvetica, sans-serif;background-position: 0 24px;}
.rollover_3 a:visited:hover{ background-position: 0 -24px;}
.rollover_4 a {display:block;width: 24px;height: 24px;margin: 8px 0px 0 5px;padding:0 0 0 0;background: url("images/icon_fb.gif") 0 0 no-repeat;text-decoration: none;}
.rollover_4 a:hover { background-position: 0 -24px;}
.rollover_4 a:active {background-position: 0 24px;}
.rollover_4 a:visited { font-family: Arial, Helvetica, sans-serif;background-position: 0 24px;}
.rollover_4 a:visited:hover{ background-position: 0 -24px;}
.rollover_5 a {display:block;width: 24px;height: 24px;margin: 8px 0px 0 5px;padding:0 0 0 0;background: url("images/icon_rss.gif") 0 0 no-repeat;text-decoration: none;}
.rollover_5 a:hover { background-position: 0 -24px;}
.rollover_5 a:active {background-position: 0 24px;}
.rollover_5 a:visited { font-family: Arial, Helvetica, sans-serif;background-position: 0 24px;}
.rollover_5 a:visited:hover{ background-position: 0 -24px;}
.displace {	position: absolute;	left: -5000px;	}

/* Nav Shadow */
.container_nav_shadow {margin: 0px;padding: 0px;height: 3px;background-color:#000000;/* for IE */filter:alpha(opacity=20);/* CSS3 standard */opacity:0.2;overflow:hidden;}

/* Content */
#content {padding: 15px 0 0 0;width: 760px;font-family:Arial, Helvetica, sans-serif;font-size: 12px;color: #646a64;line-height: 18px;text-align: left;}
.content_header {margin: 0 0 0 20px;font-size: 20px;font-weight: bold;background-color: #006aae;color:#FFFFFF;}
.content_text {margin: 0 0 0 20px;font-size: 14px;}
.box_header {font-size: 16px;font-weight: bold;}
.box{margin: 15px 0 0 20px;padding:0 0 20px 0;width: 345px;float:left;border-bottom: #d0cdc9 solid 1px;}
.boxpromo{margin: 20px 0 0 0px;padding:30px 0 20px 20px; background: url(images/background_promo.gif) top left no-repeat;width: 600px;float:left;}
.box_promoheader {font-size: 20px;font-weight: bold; color:#FFFFFF;background-color: #006aae;}
.box a{color: #006aae;}
.box a:hover{color: #999;}
a.button {background: transparent url('images/btn_right_01.gif') no-repeat scroll top right; display: block;float: left;height: 24px;margin-right: 6px;padding-right: 10px;text-decoration: none;color: #006aae;font-family: Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;text-transform: uppercase;}
a.button span {background: transparent url('images/btn_left_off_01.gif') no-repeat; display: block;line-height: 24px;padding: 1px 0 0px 30px;}
a.button:hover span{text-decoration: none;color: #999;background: transparent url('images/btn_left_on_01.gif') no-repeat; display: block;line-height: 24px;padding: 1px 0 0px 30px;}

/* LeftNav */
#leftnav {padding: 0 0 0 20px;width: 165px;line-height: 30px; float: left;}
#leftnav ul li{list-style-type: none;border-bottom: #CCC solid 1px;}
#leftnav .nav a{color:#646a64;text-decoration: none; display:block;}
#leftnav .nav a:hover{color:#006aae; font-weight:bold; display:block;}
#leftnav .navon a{color:#006aae; font-weight:bold;text-decoration: none;  display:block;}

/* tips */
#alltips { margin: 0 0 0 20px; padding: 30px 0 0 10px; width: 540px; float: left; background:url(images/background_tips_topnav.gif) repeat-x top;}
.tips_header {margin: 0 0 0 0;font-size: 20px;font-weight: bold; color:#646a64; line-height: 25px;}
#alltips ul{ margin: 10px 0 40px 0px}
#alltips li{padding: 0 100px 0 0; list-style-type: none;}
#tipsnav_left{ float:left;}
#tipsnav_left a{ color:#006aae;}
#tipsnav_left a:hover{ color:#646a64;}
#tipsnav_right{ float:left;}
#tipsnav_right a{ color:#006aae;}
#tipsnav_right a:hover{ color:#646a64;}
#tips { padding: 50px 0 0 0; border-bottom: #CCCCCC}
#submittip { padding: 50px 0 0 0;}
#headertop1 {margin: 0px;float:left;}
#headertop2 {margin: 0px;padding: 0px 0px 0px 0px;float: right;}
hr{border: 0;background-color: #ccc;color:ccc; height:1px;}


/* Footer */
#footer {margin: 0;padding: 20px 0 0 20px;background:url(images/background_footer.gif) no-repeat top #FFFFFF;font-size: 9px;color:#646a64;font-family:Arial, Helvetica, sans-serif;}