html {

padding: 0;
margin: 0;

}

/* Start of divs */

#container {

width: 817px;

}

#header {

width: 815px;
height: 140px;

}

#content {

width: 815px;

}

#testimonial {

position: absolute;
background-image: url(images/blue_box.jpg);
width: 204px;
height: 264px;
top: 160px;
left: 15px;
z-index: 100;

}

#text {

position: absolute;
top: 313px;
left:224px;
padding: 0 10px 0 10px;
width: 587px;
z-index: 200;

}

#text_vserver {

position: absolute;
top: 163px;
left:124px;
padding: 0 10px 0 10px;
width: 587px;
z-index: 200;

}

#header_links {

font-family: Arial;
font-size: 8pt;
color: #656565;
height: 12px;
position: absolute;
top: 15px;
left: 470px;

}

#header_crawl {

height: 24px;
width: 815px;
float: bottom;
margin-bottom: 10px;

}

/* End of divs */

/* Start of spans */

.cash_in {

position: absolute;
top: 444px;
left: 15px;
width: 204px;
z-index: 100;

}

.email {

position: absolute;
top: 570px;
left: 15px;
width: 204px;
height: 204px;
align: center;
padding-top: 15px;
z-index: 100;

}

.cedia {

position: absolute;
top: 710px;
left: 15px;
width: 204px;
align: center;
padding-top: 15px;
z-index: 100;

}

.banner {

position: absolute;
top: 160px;
left: 230px;
height: 124px;
width: 588px;
z-index: 100;

}

.blue {

font-family: Helvetica;
font-size: 12pt;
font-weight: bold;
color: #c01a2e;

}

.grey {

background-color: #e3e3e3;
display: block;
padding: 10px;

}

.white {

display: block;
padding: 10px;

}

.para {

display: block;
padding-left: 5px;

}

.p {

font-family: Arial;
font-size: 10pt;
color: #656565;

}

/* End of spans */

/* This footer div hack is not pretty and should be fixed */ 

#footer_index {

clear: both;
position: relative;
bottom: 0px;
padding-top: 1155px;
width: 815px;
height: 50px;
font-family: Arial;
font-size: 8pt;
color: #656565;

}

#footer_how {

clear: both;
position: relative;
bottom: 0px;
padding-top: 700px;
width: 815px;
height: 50px;
font-family: Arial;
font-size: 8pt;
color: #656565;

}

#footer_bridge {

clear: both;
position: relative;
bottom: 0px;
padding-top: 725px;
width: 815px;
height: 50px;
font-family: Arial;
font-size: 8pt;
color: #656565;

}

#footer_condition {

clear: both;
position: relative;
bottom: 0px;
padding-top: 895px;
width: 815px;
height: 50px;
font-family: Arial;
font-size: 8pt;
color: #656565;

}

#footer_testimonials {

clear: both;
position: relative;
bottom: 0px;
padding-top: 3675px;
width: 815px;
height: 50px;
font-family: Arial;
font-size: 8pt;
color: #656565;

}

#footer_faq {

clear: both;
position: relative;
bottom: 0px;
padding-top: 700px;
width: 815px;
height: 50px;
font-family: Arial;
font-size: 8pt;
color: #656565;

}

#footer_review {

clear: both;
position: relative;
bottom: 0px;
padding-top: 700px;
width: 815px;
height: 50px;
font-family: Arial;
font-size: 8pt;
color: #656565;

}

#footer_contact {

clear: both;
position: relative;
bottom: 0px;
padding-top: 720px;
width: 815px;
height: 50px;
font-family: Arial;
font-size: 8pt;
color: #656565;

}

/* End of footer hacks */

/* Start of global link styles */

a:link {

color: #c01a2e;
text-decoration: none;

}

a:visited {

color: #c01a2e;
text-decoration: none;

}

a:active {

color: #c01a2e;
text-decoration: none;

}

a:hover {

color: #c01a2e;
text-decoration: underline;

}

/* End of global link styles */

/* Start of Blue Link styles */

a:link.blue {

color: #336596; 
text-decoration: none;

}

a:visited.blue {

color: #336596; 
text-decoration: none;

}

a:active.blue {

color: #336596; 
text-decoration: none;

}

a:hover.blue {

color: #336596; 
text-decoration: underline overline;

}

/* End of Blue Link Styles */

/* Below is the CSS for the menu buttons */

#menu_header {

position: absolute;
top: 83px;
left: 253px;
height: 40px;
overflow: hidden;
        
}

#menu_header a {

display: block;
background: url(images/button_bg_blue.jpg) no-repeat;
width: 125px;
height: 33px;
font-size: 12px;
line-height: 30px;
text-align: center;

}

#menu_header a:hover {

display: block;
background: url(images/button_bg_green.jpg) no-repeat;
width: 125px;
height: 33px;
font-size: 12px;
line-height: 30px;
text-align: center;
text-decoration: none;

}

#menu_header a.open {

display: block;
background: url(images/button_bg_green.jpg) no-repeat;
width: 125px;
height: 33px;
font-size: 12px;
line-height: 30px;
text-align: center;

}

#menu_header ul {

list-style: none;
color: #ffffff;
margin-top: 8px;
margin-left: 15px;
        
}

#menu_header li {
        
line-height: 14px;
display: block;
float: left;
margin-right: 5px;
        
}

/* End of CSS for menu buttons */

/* Start of individual, global styles for elements */

p {

font-family: Arial;
font-size: 10pt;
color: #474747;
text-align: justify;

}

h1 {

font-family: Arial;
font-size: 14pt;
color: #c01a2e;

}

h2 {

font-family: Arial;
font-size: 14pt;
color: #474747;
text-align: right;

}

h3.testimonial {

font-family: Arial;
font-size: 12pt;
color: #c01a2e;

}

h3 {

font-family: Arial;
font-size: 12pt;
color: #c01a2e;

}

p.testimonials {

font-family: Arial;
font-size: 10pt;
text-align: left;
color: #ffffff;
padding: 10px;

}

h3.testimonials {

font-family: Arial;
font-size: 14pt;
color: #ffffff;
padding: 0 10px 0 10px;

}

h4.testimonials {

font-family: Arial;
font-size: 12pt;
color: #ffffff;
padding: 0 10px 0 10px;

}
/* End of global element styles */
