html, body, form, fieldset { margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0;}
li, dd, blockquote { margin-left: 1em;}
form label { cursor: pointer;}
fieldset, a, img { border: none;}
input, select, textarea { font-size: 100%; font-family: inherit;}
html { font-size:100.01%;}
body { text-align:center; font-size:1em; font-family:Arial,Helvetica,sans-serif; }
p { font-size:.9em; }
a { text-decoration:none; color:#008CD3; outline: none; }
/*--- OUTER LAYOUT ---*/
#site { background: #fff url(../images/layout/shadow-bg.gif) top center repeat-y scroll; }
#header { height:140px; background-color:#fff; }
.width { width:850px; margin: 0pt auto; text-align:left; position:relative; }
.clear {clear:both;}
/*--- HEADER OBJECTS ---*/
#logo { height:67px; padding: 23px 20px 0; }
#logo h1 { padding:0 0 0 20px; margin:0; font-size:.825em; color:#4E4E4E; }
#phone { position:absolute; top:35px; left:350px; background: transparent url(../images/layout/icon-phone.gif) top left no-repeat; height:23px; line-height:1.1em; padding-left:27px; font-size:1.2em; color:#545454; }
#phone a { text-decoration:none; color:#545454; }
#reasons { position:absolute; top:0px; right:5px; }
/*--- MAIN NAVIGATION ---*/
#navigation { height:50px; background: #2783c4 url(../images/layout/shadow-top-bg.gif) bottom center no-repeat scroll; }
#navigation ul { margin: 0pt auto; list-style:none; width:830px; height:35px; text-align:left; }
#navigation li { float:left; line-height:35px; padding:0 9px 0 12px; margin:0; background:transparent url(../images/layout/nav-line.gif) top left no-repeat; }
/* Nav Hovers - Add pages as necessary
------------------ Make sure to change body id on new page, set nav
------------------ class and add to BOTH css declaration below */
#navigation li:hover,
#navigation li:active,
#page-home #navigation li.nav-home,
#page-web-services #navigation li.nav-web-services,
#page-small-business #navigation li.nav-small-business,
#page-ecommerce #navigation li.nav-ecommerce,
#page-articles #navigation li.nav-articles,
#page-login #navigation li.nav-login,
#page-support #navigation li.nav-support {
background-color:#2176b2;
}
#navigation li a:hover,
#navigation li a:active,
#page-home #navigation .nav-home a,
#page-web-services .nav-web-services a,
#page-small-business .nav-small-business a,
#page-ecommerce .nav-ecommerce a,
#page-articles .nav-articles a,
#page-login .nav-login a,
#page-support .nav-support a {
color:#fff;
background:#2176b2 url(../images/layout/nav-bg.gif) bottom center no-repeat scroll;
}
/* --- END OF NAV HOVERS --- */
#navigation li a { color:#fff; text-decoration:none; font-weight:bold; display:block; }
#content { margin: -15px auto 0; width:850px; }
.pads { padding:5px; }
/*--- PAGE HEADERS ---*/
h2 { margin:0; padding:0; display:block; position:relative; }
h2 img { vertical-align:bottom; }
h2 a { display:block; position:absolute; bottom:5px; left:14px; height:69px; width:112px; }
/*--- TWO COLUMN ---*/
.border { border:#cbe6f9 2px solid; }
.needs-margin { margin: 4px 0 0; }
.gradient { background:#fff url(../images/banners/book/bg.gif) bottom left repeat-x scroll; }
#col-left { float:left; width:616px; }
#col-right { padding: 0 0 0 4px; float:left; width:220px; /* Need this for jquery scroller */ position:relative; }
#col-right2 { padding: 0 0 0 4px; float:left; width:220px; }
/*--- CONTENT ---*/
#col-left .padding-20, #testimonial-bottom { padding:20px; color:#333333; }
#col-left p, #col-left ul { font-size:.9em; line-height:1.4em; font-family:Arial,Helvetica,sans-serif; margin-top:5px; margin-left:.3em; }
#col-left h3 { font-size:1em; font-family:Arial,Helvetica,sans-serif; font-weight:bold; margin:0; }
#col-left ul { margin-left:3.5em;list-style-image:url(../images/bg_li.gif);}
#col-left li { margin: .5em 0; }
/*--- FORMS ---*/
input, textarea, select { font:12px/12px Arial, Helvetica, sans-serif; padding:0; }
label { font-size:11px; font-weight:bold; color:#666; }
label.opt { font-weight:normal; }
label.error { padding-left:210px; display:block; color:#FF0000; background:#D3D3D3; }
.req { color:#FF0000; }
.req p { margin:0 0 5px 0 !important; }
.form-buttons { margin-bottom:0 !important; padding-left:149px; }
/*--- REMOTE SUPPORT ---*/
#page-instant label { text-align:right;width:50px;float:left; }
#page-instant .smallbox { width:250px; background:#E6E6E6; padding:5px; float:right }
#page-instant .smallbox input { width:230px !important; }
.bigger { color:#FF0000;float:right;font-size:3em;padding:10px 30px 10px 0; }
/*--- SIDEBAR ---*/
.button { padding:0 3px 6px; }
.button.final { padding: 0 3px; }
.button a { display:block; }
.button img { vertical-align:bottom; }
#services { list-style:none; margin:0; padding:0 3px 0; text-align:center;}
#services li { margin:0 0 5px; border:1px solid #CDD6FE; background: #fff url(../images/sidebar/link-bg.gif) bottom left repeat-x scroll; }
#services li.last { margin:0; }
#services li a { padding:8px 0; display:block; color:#2A6899; font-size:.675em; font-weight:bold; }
#services li a:hover { color:#008CD3; }
/*--- TESTIMONIAL ---*/
#testimonial { background:transparent url(../images/layout/quote-top.gif) top left no-repeat scroll; }
#testimonial-bottom { background:transparent url(../images/layout/quote-bottom.gif) bottom right no-repeat scroll; min-height:99px; }
#testimonial p { margin:0; line-height:1.1em; }
.quote { font-size:.675em; padding:0 0 5px; text-indent:10px; line-height:normal !important; }
.person { font-weight:bold; font-style:italic; }
/*--- FOOTER ---*/
#footer { background: #fff url(../images/layout/footer.jpg) top center no-repeat scroll; height:35px; clear:both; color:#008CD3; }
#footer a { color:#008CD3; text-decoration:none; }
#footer span { color:#999; font-size:.8em; }
#footer .padding { padding:20px 20px 10px; font-size:.7em; }
/*--- Support Styles ---*/
.error {color:#f00;}