﻿/*--
  CSS Reset (Reloaded)
  by Eric Meyer
  www.meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
--------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #000000;
	background: #FFFFFF;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ---- Basic Elements ---- */
body { background: #FFFFFF; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 75%; height: 100%; width: 100%; } /* Global Font Size -> 12px */

h1 { color: #00538e; font-family: Helvetica, Verdana, sans-serif; font-size: 32px; }
h2 { color: #00538e; font-family: Helvetica, Verdana, sans-serif; font-size: 28px; }
h3 { color: #00538e; font-family: Helvetica, Verdana, sans-serif; font-size: 18px; }

a { text-decoration: none; color:#00538e;}
a:hover { text-decoration: none; color:#000000; }
em { font-style: oblique; }
strong { font-weight: bold; }
img { display: block; }

/* ---- Generic Classes ---- */
.clear { clear: both; height: 0; line-height: 0; margin: 0; padding: 0; }
.leftAlign { float: left; width: auto; }
.rightAlign { float: right; width: auto; }
.noBdr { border: none !important; }

/* Button Classes */
.button a { display: block; height: 21px; overflow: hidden; text-indent: -9999px; width: auto; }
.button a:hover { background-position: 0 -21px; }
.readMore a { background: url(../imgs/btn_readMore.gif) 0 0 no-repeat; width: 90px; }
.learnMore a { background: url(../imgs/btn_learnMore.gif) 0 0 no-repeat; width: 94px; }
/* .findOut a { background: url(../imgs/btn_findOut.gif) 0 0 no-repeat; width: 77px; } */
.moreFaqs a { background: url(../imgs/btn_moreFaqs.gif) 0 0 no-repeat; width: 90px; }
.view a { background: url(../imgs/btn_view.gif) 0 0 no-repeat; width: 54px; }
.go a, .go2 a { background: url(../imgs/btn_go.gif) 0 0 no-repeat; width: 46px; }
.backSupport a { background: url(../imgs/btn_backToSupport.gif) 0 0 no-repeat; width: 126px; }
.dlNow a { background: url(../imgs/btn_downloadNow.gif) 0 0 no-repeat; width: 122px; }
.inquire a { background: url(../imgs/btn_inquireCharge.gif) 0 0 no-repeat; width: 160px; }
.visitHelp a { background: url(../imgs/btn_helpCenter.gif) 0 0 no-repeat; width: 153px; }
.moreOptions a { background: url(../imgs/btn_contactOptions.gif) 0 0 no-repeat; width: 159px; }

/* ---- Basic Layout ---- */
#pg { height: 100%; width: 100%;line-height:20px; }
#cw { background: url(../imgs/bg_pageFill.png) 0 0 repeat-y; margin: 0 auto; width: 950px; }
#hd, #bd { margin: 0 3px; width: 942px; }
#hd { background: url(../imgs/bg_header.gif) 0 0 no-repeat; }
#bd {}
#ft { background: url(../imgs/bg_footerFill.png) 0 100% repeat-x; padding: 25px 0 5px; width: 100%; }

#leftCol { float: left; margin-left: 23px; padding: 46px 0 0; width: 575px; }
#middleCol { float: left; width: auto; }
#rightCol { float: right; margin-right: 12px; width: 305px; }
#fullCol { margin: 0 23px; padding: 46px 0 0; }

/* ---- Header ---- */
#hd h1 { padding: 10px 0 0 22px; height: 57px; } 
#nav { background: url(../imgs/bg_nav.gif) 0 0 repeat-x; height: 30px; padding: 0 0 0 177px; width: 765px; position: relative; z-index: 10; }
#nav li { background: url(../imgs/nav_divide.gif) 0 0 no-repeat; display: inline-block; float: left; height: 30px; padding: 0 0 0 2px; position: relative; }
#nav li a { color: #FFFFFF; display: block; font-size: 14px; font-weight: bold; height: 22px; padding: 8px 0 0; text-align: center; width: 151px; }
#nav li.on a, #nav li.over a, #nav li a:hover { background: url(../imgs/nav-on.gif) 0 0 repeat-x; text-decoration: none; }

#nav .subNav { border: 1px solid #aac1d3; border-top: none; display: none; left: -17px; margin-bottom: -3px; position: absolute; top: 30px; width: 151px; }
#nav .subNav li { background: none; background-color: #FFFFFF; border-top: 1px solid #aac1d3;  clear: both; display: block; height: 32px; padding: 0; }
#nav .subNav li a { background: url(../imgs/subNavBullet.gif) 12px 12px no-repeat; color: #336699; font-size: 13px; font-weight: normal; float: left; padding: 10px 0 0 27px; text-align: left; width: 124px; }
#nav .subNav li a:hover { background: #01548f url(../imgs/subNavBullet-on.gif) 12px 12px no-repeat; color: #FFFFFF; } 

/* ---- Content ---- */
#hero { border-bottom: 2px solid #aac1d3; position: relative; z-index: 1; }
#mainContent { padding: 26px 0 10px; position: relative; top: -26px; z-index: 2; zoom: 1; }
#fullCol #flashContainer { margin: 20px 0 20px 150px; width: 610px; }
#leftCol h2 { padding-bottom: 10px; text-transform: lowercase; }
#leftCol h3 { padding-bottom: 6px; text-transform: lowercase; }
#leftCol h4 { color: #595959; font-size: 14px; font-weight: bold; padding-bottom: 8px; }
#leftCol p { color: #666666; font-size: 14px; line-height: 1.4; padding: 0 0 20px; }
#leftCol a { color: #339999; }
#leftCol ul { margin-bottom: 25px; padding-left: 22px; }
#leftCol ul ul { margin-top: 15px; }
#leftCol li { background: url(../imgs/starBullet.gif) 0 0 no-repeat; color: #666666; font-size: 12px; line-height: 1.3; margin-bottom: 10px; padding-left: 8px; }
#leftCol .backSupport { padding-left: 25px; }

#tabContainer { background: url(../imgs/tabs-bottom.gif) 0 100% no-repeat; margin: -26px 0 35px 6px; padding: 0 0 11px; position: relative; z-index: 5; }
#tabs { height: 26px; }
#tabs li { display: inline-block; float: left; height: 26px; margin: 0; padding: 0; }
#tabs a { display: block; height: 26px; text-indent: -9999px; }
#tabOne { background: url(../imgs/tabs.png) 0 0 no-repeat; width: 137px; }
#tabTwo { background: url(../imgs/tabs.png) -137px 0 no-repeat; width: 144px; }
.two #tabOne { background: url(../imgs/tabs.png) 0 -26px no-repeat; width: 137px; }
.two #tabTwo { background: url(../imgs/tabs.png) -137px -26px no-repeat; width: 144px; }

#header #searchbar
{
}


#intro #introicon
{
	float: right;
	margin: 35px 50px;
}



.post
{
	background: #fafafa;
	border: solid 1px #eeeeee;
	margin: 20px 5px 20px 5px;	
	padding: 30px;	
	_padding: 7px;
}
.post .postheader .commentcount
{
	width: 27px;
	line-height: 12px;
	float: left;
	text-align: center;
	padding-right: 10px;
}.post .postheader .commentcount a
{
	text-decoration: none;
	color: #4884bc;
}.post .postheader .posttitle
{
	
	line-height: 20px;
}.post .postheader .posttitle h2
{
	font-family:Helvetica, Verdana, sans-serif;
	font-size: 20px;
	padding: 0;
	margin: 0;
}.post .postheader h2 a
{
	text-decoration: none;
}.post .postheader .posttitle .postmeta
{
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 11px;
}.post .postcontent
{
	margin-top: 20px;
	line-height: 17px;
}.post .postcontent p
{
	margin-bottom: 10px;
}.post .posttags, .post .posttags a
{
	color: #959595;
	clear:both;
	margin-top: 20px;
	text-align: right;
}.commentbox
{
	background: #fff;
	border: solid 1px #eeeeee;
	margin: 10px 5px 20px 5px;
	padding: 15px;
	_padding: 7px;
}.commentmeta .avatar
{
	float: left;
	padding-right: 6px;
	_padding-right: 3px;
}.commenttext
{
	clear: both;
	margin-top: 10px;
}.commentform input
{
	padding: 0;
	margin: 0;
	line-height: 0;
}#commentform .text {
	width: 300px;
    margin: 0 0 15px 0;
}#commentform textarea
{
    width:450px;
    height:150px;
    margin:0;
    padding:5px;
}.navlinks
{
	margin: 0px 5px 40px 5px;	
}.navlinks a
{
	text-decoration: none;
}.navlinks img
{
	margin-right: 5px;
}


#sidebar #wrapbox
{
	border: solid 1px #eeeeee;	
	padding: 17px;
	margin: 20px 5px 20px 5px;
	_margin: 40px 0px 20px 0px;
}#sidebar .sidebarbox
{
	line-height: 20px;
	margin-bottom: 20px;
}#sidebar .sidebarbox h3
{
	font-size: 14px;
	color: #00538E;
	margin-bottom: 10px;
}#sidebar .sidebarbox a
{
	text-decoration: none;
}#sidebar .sidebarbox ul
{
	list-style-type: none;
	text-indent: -1.5em;
}#sidebar .sidebarbox li
{
	font-size: 11px;
	text-indent: 0em;
}#sidebar .sidebarbox .pages ul
{
	text-indent: -3em;
}#footer
{
	height: 52px;
	background: url('images/bottombg.png') no-repeat 0 0;
}


.searchform #searchbox
{
	float: left;
	background: #f1f1f1;
	border: solid 1px #e3e3e3;
	width: 120px;
	height: 14px;
	font-size: 11px;
}


.searchform #searchbutton{
	height: 18px;
	width: 18px;
	margin-left: 6px;
	border: none;
	cursor: pointer;
	background: url('images/searchbutton.jpg') no-repeat 0 0;
}

/*** Wordpress ***/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin: 0 10px 10px 0;
}

.alignright {
   float: right;
   margin: 0 0 10px 10px;
}

.wp-caption {
   background: #fafafa;
   border: solid 1px #eeeeee;
   text-align: center;
   padding-top: 4px;
}

.wp-caption img {
   float: none;
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0px;
   margin: 0px;
}
.entry_author_image { padding-left:21px; }

