
/* Tag Resets */
body, div, img, p, ul, ul li, form, table, td
{
margin: 0;
padding: 0;
border: 0;
color: #464646;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
vertical-align: top;
}

/* Tag Defaults */
body
{
background: #2b4a59 url(/images/backgrounds/page.gif) repeat-x;
}

div, img
{
display: block;
overflow: hidden;
}

img.left
{
float: left;
}
img.left-padding-small
{
padding: 0 5px 5px 0;
}

img.right
{
float: right;
}
img.right-padding
{
padding: 0 0 10px 15px;
}

img.bottom-padding
{
padding-bottom: 10px;
}

p
{
margin-bottom: 15px;
font-size: 0.8em;
line-height: 1.4em;
}
p img
{
display: inline;
}
p.top-padding
{
padding-top: 15px;
}
p.no-margin
{
margin: 0;
}
p.small-margin
{
margin-bottom: 7px;
}
p.no-leading
{
line-height: normal;
}
p.title
{
padding-right: 7px;
float: left;
width: 90px;
font-weight: bold;
text-align: right;
}

ul
{
margin-bottom: 15px;
}
ul li
{
padding-left: 12px;
list-style: none;
background: url(/images/bullet.gif) no-repeat 0 7px;
font-size: 0.8em;
line-height: 1.4em;
}
ul.spaced
{
margin: 0;
}
ul.spaced li
{
margin-bottom: 15px;
}

a:link, a:visited, a:focus, a:hover, a:active
{
outline: 0;
color: #0482b2;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}

/* Main Wrapper */
#wrapper
{
margin: 0 auto;
width: 806px;
background: #fff;
}

/* Top Bar */
#top
{
height: 81px;
}
#top p
{
padding: 15px 15px 0 0;
color: #7d7d7d;
font-size: 0.8em;
line-height: normal;
font-weight: bold;
text-align: right;
}
#top p strong
{
color: #de800e;
text-transform: uppercase;
}

/* Navigation */
#navigation
{
height: 29px;
background: url(/images/backgrounds/navigation.gif) repeat-x;
}
#navigation a
{
display: block;
overflow: hidden;
float: left;
height: 25px;
background: none no-repeat left top;
text-indent: -1000px;
}
#navigation a:hover, #navigation a.active
{
background-position: left bottom;
}

#navigation #nav-home
{
width: 80px;
background-image: url(/images/home.gif);
}
#navigation #nav-our-product
{
width: 109px;
background-image: url(/images/our_product.gif);
}
#navigation #nav-our-company
{
width: 118px;
background-image: url(/images/our_company.gif);
}
#navigation #nav-customer-support
{
width: 147px;
background-image: url(/images/customer_support.gif);
}
#navigation #nav-contact-us
{
width: 105px;
background-image: url(/images/contact_us.gif);
}

/* Home Box */
#home-box
{
height: 281px;
background: url(/images/backgrounds/home_box.gif) repeat-x;
}

#home-box-left
{
overflow: visible;
float: left;
width: 506px;
}

#home-box-left ul li
{
background: url(/images/bullet_home.gif) no-repeat 0 8px;
color: #fff;
font-size: 1.0em;
}

#home-box-right
{
float: right;
width: 248px;
}

/* Home Content */
#home-content-left
{
padding: 30px 0 15px 25px;
float: left;
width: 470px;
}
#home-content-left p
{
color: #000;
font-size: 0.9em;
}

#home-content-right
{
padding: 30px 7px 15px 0;
float: right;
width: 234px;
}

/* Second Level Content */
#content-box
{
background: url(/images/backgrounds/content.gif) repeat-y;
}

#content
{
padding: 15px 0 2px 25px;
float: left;
width: 506px;
}
#content ol
{
margin: 0 0 15px 10px;
padding-left: 20px;
font-family: Arial, Helvetica, sans-serif;
}
#content ol li
{
font: normal 0.8em/1.4em Arial, Helvetica, sans-serif;
}

/* Second Level Right Bar */
#right-bar
{
padding: 10px 17px 0 0;
float: right;
width: 214px;
}

/* Footer */
#footer, #footer-home
{
clear: both;
height: 56px;
background: url(/images/backgrounds/footer.gif) repeat-x;
}
#footer p, #footer-home p
{
padding-left: 25px;
color: #000;
font-size: 0.7em;
line-height: 40px;
}
#footer-home p
{
line-height: 52px;
}
#footer a, #footer-home a
{
color: #023a61;
}

/* Quote Box */
div.quote p
{
color: #036594;
font-size: 0.9em;
}
div.quote p em
{
color: #de800e;
font-style: normal;
}
div.quote p.name
{
color: #464646;
font-size: 0.7em;
line-height: 1.25em;
font-weight: bold;
}

/* Item Box */
div.box
{
margin-bottom: 15px;
border: 1px solid #b7b7b7;
background: #edf4f9;
}
div.box div
{
padding: 10px 10px 5px 10px;
}
div.box div p
{
margin-bottom: 5px;
font-size: 0.7em;
line-height: 1.35em;
}
div.box div p.phone
{
padding-left: 22px;
background: url(/images/icons/phone.gif) no-repeat;
line-height: 22px;
}

/* Form Table */
table.form
{
margin-bottom: 10px;
}
table.form td
{
padding-bottom: 5px;
}
table.form td.text
{
font-size: 0.8em;
}
table.form td.text-small
{
font-size: 0.7em;
}
table.form td.label
{
padding: 2px 7px 5px 0;
font-size: 0.8em;
text-align: right;
}
table.form td input.text-box
{
padding: 1px;
border: 1px solid #000;
width: 200px;
font: normal 0.8em Arial, Helvetica, sans-serif;
}

table.form table td
{
padding: 0;
vertical-align: middle;
}

/* Tabbed Table */
table.tabs
{
width: 100%;
}
table.tabs td.text-area
{
padding: 15px 15px 0 15px;
border: 1px solid #c8c7c7;
border-top: 0;
}
table.tabs td a.tab-button
{
display: block;
overflow: hidden;
height: 31px;
background: none no-repeat left top;
text-indent: -1000px;
}
table.tabs td a.tab-button:hover, table.tabs td a.active
{
background-position: left bottom;
}

table.tabs td #tab-button-0
{
width: 127px;
background-image: url(/images/buttons/tab_overview.gif);
}
table.tabs td #tab-button-1
{
width: 110px;
background-image: url(/images/buttons/tab_features.gif);
}
table.tabs td #tab-button-2
{
width: 99px;
background-image: url(/images/buttons/tab_forms.gif);
}
table.tabs td #tab-button-3
{
width: 170px;
background-image: url(/images/buttons/tab_customersatisfaction.gif);
}

/* Additional Classes */
span.required
{
color: #de800e;
font-weight: bold;
}
span.error
{
display: block;
color: #c00;
font-size: 0.7em;
font-weight: bold;
}
table#form3 tr td
{
font-size:0.8em;
line-height:1.4em;
}