/*===================================*/
/*=css reset=========================*/
/*===================================*/

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: black;
background: white;
}
ol, ul {
list-style: none;
}
/* 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: "" "";
}

/*===================================*/
/*=start style=======================*/
/*===================================*/

.menu {position:relative; height:35px; width:888px; font-weight: bold; margin: 20px auto; background: url(images/menuGrad.png); border-top: 1px solid #ddd;text-align: left;}
.menu ul {list-style:none; z-index:10; position:absolute; z-index:100; padding:9px 5px}
.menu li {float:left}
.menu a, .menu a:visited {text-decoration:none; color:#4b4b48; padding:10px;}
a.active {color: #F05133;}
a:hover.active {color: #F05133;}
.menu a:hover {color:#2b2b2b}
#slide {position:absolute; bottom:0; height:4px; background:#F05133; z-index:10}

body {
background-image: url(images/grad.png);
background-repeat: repeat-x;
text-align: center;
font-family: tahoma;
font-size: .8em;
line-height: 15px;
}

#rap {
width: 1152px;
margin: 0 auto;
}

#inner {
width: 870px;
margin: 0 auto;
text-align: left;
}

#header {
width: 1152px;
height: 172px;
margin: 0 auto;
background-image: url(images/header.png);
text-align: left;
}

#headerInner {
width: 365px;
height: 70px;
margin-left: 790px;
padding-top: 103px;
}

#cc {
background-image: url(images/pay.png);
width: 110px;
height: 58px;
margin-top: 3px;
float: left;
margin-right: 15px;
}

#snl {
width: 80px;
height: 28px;
float: right;
margin-top: 6px;
}

#snl a {
padding: 0;
}

#middle {
width: 1152px;
padding-bottom: 20px;
margin: 0 auto;
background-image: url(images/middle.png);
overflow: auto;
}

#goldLeft {
margin-top: 10px;
width: 62%;
float: left;
}

#goldRight {
margin-top: 10px;
width: 38%;
float: right;
}

#goldRightFlip {
margin-top: 10px;
width: 62%;
float: right;
}

#goldLeftFlip {
margin-top: 10px;
width: 38%;
float: left;
}

#bottom {
width: 1152px;
height: 17px;
margin: 0 auto;
background-image: url(images/bottom.png);
}

#footer {
color: #ccc;
width: 845px;
margin: 0 auto;
margin-top: 10px;
border-top: 1px solid #e7e6e6;
padding-top: 15px;
}

#footer a {
color: #ccc;
}

#navlist li{
display: inline;
list-style-type: none;
padding-right: 20px;
}

#article {
width: 506px;
height: 82px;
background-image: url(images/article.gif);
}

#article img {
position: relative;
left: 15px;
top: 12px;
border: 1px solid #cccccc;
float: left;
padding: 2px;
}

#priceQuote {
width: 315px;
height: 30px;
color: white;
text-align: center;
font-weight: bold;
font-size: 1.3em;
background: #3992d0;
margin-top: 12px;
}

#priceQuote p {
padding-top: 6px;
}

h1.article {
font-size: 1.2em;
color: red;
font-weight: bold;
position: relative;
top: 13px;
left: 25px;
right: 20px;
}

p.article {
position: relative;
top: 15px;
left: 25px;
padding-right: 40px;
}

a {
color: blue;
}

a:hover {
color: blue;
text-decoration: none;
}

a.more {
color: red;
font-size: .9em;
}

h1.blue {
color: #396ed0;
font-weight: bold;
font-size: 1.4em;
margin-bottom: 14px;
}

h2.blue {
color: #396ed0;
font-weight: bold;
font-size: 1.2em;
margin-bottom: 14px;
letter-spacing: 1px;
}

h1.orange {
color: #F05133;
font-weight: bold;
font-size: 1.4em;
margin-bottom: 14px;
}

.black {
color: #2b2b2b;
font-size: 1em;
margin-bottom: 14px;
margin-top: -10px;
margin-left: 2px;
padding-right: 18px;
padding-left: 10px;
letter-spacing: 1px;
}

h2.orange {
color: #F05133;
font-weight: bold;
font-size: 1.2em;
margin-bottom: 7px;
}

.blue {
color: #396ed0;
}

.flashfade {
height: 121px; 
width: 498px;
margin-bottom: 15px;
border: 1px solid #cccccc;
margin-left: 2px;
}

.flashfade2 {
height: 93px; 
width: 326px;
margin-bottom: 15px;
border: 1px solid #cccccc;
}

.phone {
float: left;
position: relative; 
top: -6px;
right: 3px;
}

#services {
width: 493px;
height: 700px;
}

#services h3 {
cursor: pointer;
display: block;
background-image: url(images/services.png);
height: 42px;
margin-bottom: 2px;
}

#servicesInner {
padding: 12px;
padding-bottom: 17px;
}

#servicesInner p {
padding-left: 3px;
}

#servicesInner h2 {
color: #2b2b2b;
font-weight: bold;
font-size: 1em;
margin-bottom: 7px;
margin-left: 2px;
}

.floatRight {
float: right;
border: 1px solid #ccc;
padding: 1px;
margin-left: 16px;
}

.floatLeft {
float: left;
border: 1px solid #ccc;
padding: 1px;
margin-right: 14px;
}

.clear {
color: red;
background: green;
}
/* Rates */
#rates1 {
background-image: url(images/rates/price1.gif);
width: 449px;
height: 184px;
}

#rates2 {
background-image: url(images/rates/price2.gif);
width: 449px;
height: 184px;
}

#ratesInner {
padding: 16px;
}

h3.price {
color: white; 
font-weight: bold; 
background: green; 
width: 75px; 
padding-left: 2px;
padding-bottom: 2px;
margin-top: 12px;
}

#ratesInner p {
width: 300px;
margin-top: 14px;
}

/* Sites */

#sites {
width: 98%;
}

#portfolio {
width: 423px;
height: 336px;
background-image: url(images/sites/portfolio.png);
float: left;
}

#portfolio img {
position: relative;
top: 20px;
left: 20px;
border: 1px solid #cccccc;
}

#portfolio p {
font-size: .9em;
line-height: 14px;
width: 377px;
}

#portfolioInner {
width: 423px;
height: 40px;
margin-top: 25px;
padding-left: 24px;
}

.webRates {
color: white;
background: green;
border: 1px solid #cccccc;
}


#tabs li{
display: inline;
list-style-type: none;
padding-right: 20px;
}

table.mailer td {
padding: 4px;
letter-spacing: 1px;
}

.mailer input {
background: #F9F9F9;
border: 1px solid #ddd;
color: #787877;
font-weight: bold;
padding: 2px;
font-family: trebuchet ms;
font-size: .9em;
}

.mailer textarea {
background: #F9F9F9;
border: 1px solid #ddd;
color: #787877;
font-weight: bold;
padding: 2px;
font-family: trebuchet ms;
font-size: .9em;
}

input.mailerbutton {
background: url(images/mailerbutton.gif);
width: 73px;
height: 26px;
border: 0;
padding: 0;
cursor: pointer;
}

#topleft {
position: absolute;
left: 0;
top: 0;
display: block;
height: 90px;
width: 90px;
background: url(images/TLbanner.png) no-repeat;
text-indent: -999em;
text-decoration: none;
}

/* l i n k s   p a g e */

#link {
background: url(images/links/link.gif);
width: 876px;
height: 111px; 
}

#linkInner {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}