﻿body 
{
    background: url(Images/body-bg.gif) repeat-x top #FFD254;
    font-size: 62.5%; /* 1em = 10px */
    font-family: Arial, Helvetica, Verdana;
    margin: 0px;
}
form
{
    margin: 0px; padding: 0px;
}
img
{
    border: none;
}
#container
{
    width: 800px;
    margin: 0px auto 0px auto;
}

.contentPage h1
{
    color: #FFEAA7;
    font-size: 2.2em;
    padding: 5px 0px 5px 0px;
    margin: 0px 5px 10px 10px;
    border-bottom: solid 1px #963754;
    font-weight: normal;
    font-family: "Trebuchet MS", Arial, Verdana, Helvetica;
}

#content h2
{
    color: #FFEAA7;
    font-size: 2em;
    padding: 5px 0px 5px 0px;
    margin: 0px 5px 10px 10px;
    border-bottom: solid 1px #963754;
    font-weight: normal;
    font-family: "Trebuchet MS", Arial, Verdana, Helvetica;
}

#content h3
{
    color: #FFEAA7;
    font-size: 1.3em;
    margin: 0px 5px 10px 10px;
    padding: 5px 0px 5px 0px;
    border-bottom: dotted 1px #963754;
}

/* Header */
#header
{
    width: 800px;
    float: left;
    display: block;
    margin: 0px;
}

#header img
{
    float: left;
    display: block;
}

.quoteBox
{
    float: right;
    display: block;
    width: 327px;
    height: 132px;
    border: solid 4px #FBDE91;
    padding: 0px;
    background: url(Images/speech-top-left.gif) no-repeat top left #FFFDE8;
    color: #881B3C;
    margin: 6px 0px 0px 0px;
}
.quoteBox p
{
    display: block;
    float: left;
    width: 297px;
    height: 96px;
    background: url(Images/speech-bot-right.gif) no-repeat bottom right;
    font-style: normal;
    margin: 0px;
    top: 113px;
    padding: 15px 5px 0px 25px;
    font-size: 1.6em;
}
.quoteBox div
{
    display: block;
    float: left;
    width: 254px;
    height: 16px;
    margin: 0px;
    padding: 3px 0px 2px 3px;
    font-size: 1.1em;
    background: #FDEABC;
    font-style: normal;
    top: 113px;
    font-weight: bold;
}
.quoteBox a, .quoteBox a:visited
{
    display: block;
    float: left;
    width: 65px;
    height: 16px;
    font-size: 1.1em;
    padding: 3px 0px 2px 5px;
    background: url(Images/blue-arrow.gif) no-repeat 60px 7px #FDEABC;
    font-style: normal;
    top: 113px;
    color: #0066FF;
}
.quoteBox a:hover
{
    background: url(Images/blue-arrow.gif) no-repeat 60px 7px #FBDC89;
    color: #0066FF;
}

/* Nav */

#navigation
{
    display: block;
    float: left;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 800px;
	height: 56px;
	background: url(Images/menu-bg.gif) no-repeat 0px 5px;
}
#navigation li
{
    display: block;
	float: left;
	margin: 0px;
	padding: 0px;
}
#navigation li a
{
    display: block;
	float: left;
	font-size: 1.5em;
	font-family: Trebuchet MS;
	text-align: center;
}
.firstItem
{
    color: #333333;
}
.midItem
{
    color: #333333;
}
.firstItem a
{
    color: #333333;
    width: 97px;
    height: 34px;
    margin: 7px 0px 0px 0px;
    padding: 9px 0px 0px 0px;
    border-right: solid 1px #E0E0DF;
    text-decoration: none;
}
.midItem a
{
    color: #333333;
    width: 100px;
    height: 34px;
    margin: 7px 0px 0px 0px;
    padding: 9px 0px 0px 0px;
    border-right: solid 1px #E0E0DF;
    text-decoration: none;
}
.firstItem a:hover
{
    text-decoration: none;
    background: url(Images/menu-bg-first-hov.gif) no-repeat top left;
}
.midItem a:hover
{
    text-decoration: none;
    background: url(Images/menu-bg-hov.gif) repeat-x top;
}
.firstItem a.selected
{
    display: block;
	float: left;
	padding: 15px 0px 0px 0px;
	margin: 0px;
	border: none;
	text-decoration: none;
	color: #ffffff;
	font-size: 1.4em;
	font-family: Trebuchet MS;
	background: url(Images/tab-selected-first.gif) no-repeat top left;
	height: 56px;
	_height: 41px;
	text-align: center;
	width: 120px;
}
.midItem a.selected
{
    display: block;
	float: left;
	padding: 15px 0px 0px 0px;
	margin: 0px;
	border: none;
	text-decoration: none;
	color: #ffffff;
	font-size: 1.4em;
	font-family: Trebuchet MS;
	background: url(Images/tab-selected.gif) no-repeat top;
	height: 56px;
	_height: 41px;
	text-align: center;
	width: 123px;
}
.firstItem a.selected:hover
{
    text-decoration: underline;
    background: url(Images/tab-selected-first.gif) no-repeat top left;
}

.midItem a.selected:hover
{
    text-decoration: underline;
    background: url(Images/tab-selected.gif) no-repeat top;
}

/* Content */
#content, .homepage, .contentPage
{
    width: 645px;
    float: left;
    display: block;
}
#content
{
    background: url(Images/content-bottom.gif) no-repeat bottom #881B3C; 
}
.homepage
{
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
    background: url(Images/content-top-right.gif) no-repeat top right #881B3C;
}
.contentPage
{
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
    background: url(Images/content-top.gif) no-repeat top #881B3C;
}
#content p
{
    color: #FFFFFF;
    font-size: 1.2em;
    line-height: 1.8em;
    margin: 0px 5px 10px 10px;
}
#content a
{
    color: #F6BF37;
}
#content a:hover
{
    color: #FF9900;
}

#content li
{
    color: #FFFFFF;
    font-size: 1.2em;
    line-height: 1.8em;
}
#content dl
{
    color: #FFFFFF;
    margin: 0px 5px 10px 10px;
}
#faq dt
{
    margin: 5px 0px 0px 0px;
    font-size: 1.2em;
    line-height: 1.8em;
}
#faq dt a
{
    cursor: pointer;
    width: 612px;
    display: block;
    padding: 3px 3px 3px 15px;
    background: url(Images/faq-dt.gif) no-repeat center left;
    border-bottom: dotted 1px #963754;
    color: #FFFFFF;
}
#faq dt a:hover
{
    color: #F6BF37;
    text-decoration: underline;
}
#faq dd
{
    margin: 0px;
    padding: 5px;
    background:#912D4B;
}
.HpLeft
{
    float: left;
    display: block;
    width: 260px;
    margin: 0px 0px 5px 5px;
}
.HpLeft img
{
    float: left;
    display: block;
}
.HpRight
{
    float: left;
    display: block;
    width: 370px;
}
.homepage h1
{
    font-size: 1.4em;
    float: left;
    display: block;
    margin: 5px 0px 0px 0px;
    padding: 5px;
    background:#912D4B;
    width: 250px;
    clear: none;
    color: #581227;
    font-weight: normal;
    text-align: center;
}


/* RHN */
#rhn
{
    width: 150px;
    float: left;
    display: block;
    margin: 0px 0px 5px 5px;
}
.rhnHead
{
    float: left;
    display: block;
    width: 140px;
    padding: 5px;
    margin: 0px 0px 5px 0px;
    font-size: 1.4em;
    color: #881B3C;
    border-bottom: solid 1px #881B3C;
    background: url(Images/rhn-box-top.gif) no-repeat top;
}
.rhnBox
{
    float: left;
    display: block;
    width: 150px;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 15px 0px;
    background: url(Images/rhn-box-bg.gif) no-repeat bottom;
    
}
.rhnBox p
{
    margin: 0px 0px 5px 5px;
    font-size: 1.3em;
    color: #333333;
}
.rhnBox ul
{
    margin: 0px 0px 5px 10px;
    padding: 0px;
    list-style-type: none;
    font-size: 1.3em;
    color: #333333;
    clear: both;
}
.rhnBox ul li
{
    float: left;
    display: block;
}
.rhnBox ul a
{
    background: url(images/pdf-icon.gif) no-repeat left;
    padding: 3px 0px 3px 25px;
    float: left;
    display: block;
}
.rhnEmailUs
{
    float: left;
    display: block;
    width: 140px;
    height: 25px;
    padding: 0px;
    margin: 0px 0px 0px 5px;
    _margin: 0px 0px 0px 2px;
    text-indent: -99999px;
    font-size: 0.0001em;
    color: #FFFFFF;
    background: url(images/button-email-us.gif) no-repeat top;
}
.rhnEmailUs:hover
{
    background: url(images/button-email-us.gif) no-repeat bottom;
}

/* Form */ 

.ContactForm
{
    font-size: 1.2em;
    color: #FFFFFF;
}
.ContactForm td, .ContactForm th
{
    padding: 5px;
}
.ContactForm th
{
    text-align: right;
    width: 120px;
    font-weight: bold;
}
.sendMessage
{
    float: left;
    display: block;
    width: 140px;
    height: 25px;
    padding: 0px;
    margin: 0px;
    text-indent: -99999px;
    font-size: 0.0001em;
    color: #FFFFFF;
    background: url(images/button-send-message.gif) no-repeat top;
}
.sendMessage:hover
{
    background: url(images/button-send-message.gif) no-repeat bottom;
}
.getSecP
{
    float: left;
    display: block;
    width: 200px;
}
.getSecure
{
    float: right;
    display: block;
    width: 140px;
    height: 25px;
    padding: 0px;
    margin: 10px 0px 0px 0px;
    text-indent: -99999px;
    font-size: 0.0001em;
    color: #FFFFFF;
    background: url(images/button-get-secure.gif) no-repeat top;
}
.getSecure:hover
{
    background: url(images/button-get-secure.gif) no-repeat bottom;
}
.address
{
    width: 240px;
    float: left;
    display: block;
}

/* Footer */

#footer
{
    float: left;
    display: block;
    background: url(images/footer-bg.gif) repeat-x top;
    height: 35px;
    width: 800px;
}

#footer ul
{
    padding: 0px 0px 0px 3px;
    margin: 0px 0px 10px 0px;
    float: left;
    display: block;
    background: url(images/footer-left.gif) no-repeat top left;
    list-style-type: none;
    height: 35px;
}

#footer ul li
{
    display: block;
    float: left;
}

#footer ul li a
{
    display: block;
    float: left;
    color: #666666;
    margin: 5px 0px 0px 0px;
    padding: 5px 5px 0px 5px;
    border-right: solid 1px #BBBBBB;
    text-decoration: none;
    font-size: 1.2em;
    height: 20px;
}

#footer ul li a:hover
{
    text-decoration: underline;
    color: #777777;
}

#copyright
{
    padding: 10px 5px 0px 0px;
    font-size: 1.2em;
    color: #999999;
    float: right;
    display: block;
    background: url(images/footer-right.gif) no-repeat top right;
    height: 25px;
}

#watermark
{
    width: 100%;
    float: left;
    display: block;
    text-align: center;
    color: #FFFDE8;
    font-size: 2em;
    padding: 0px;
    margin: 10px 0px 10px 0px;
    font-weight: normal;
}

.sprint
{
    float: left;
    font-size: 1em;
    color: #A14C65;
    margin: 5px;
    text-align: right;
    width: 350px;
}

.customers
{
    padding: 5px 0px 5px 10px;
}

.customers img
{
    margin: 0px 3px 3px 0px;
}
.customers br
{
    display: none;
}
