/* -------- */
/* MAIN CSS */
/* -------- */
body {
padding : 0;
margin : 0 auto;
background : url(images/bg-top.jpg) repeat-x;
background-color : #a9a9a9;
font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
color : #464646;
}
#main-wrap {
margin : 0 auto;
width : 800px;
margin-bottom : 140px; /* same height as bg-footer.jpg */
}
#header-wrap {
background : url(images/bg-header.jpg) no-repeat;
height : 220px;
}
#content-wrap {
background : url(images/bg-content.jpg) repeat-y;
padding-bottom : 1px;
padding-top : 1px;
}
#content {
padding-left : 75px;
padding-right : 75px;
padding-bottom : 1px;
padding-top : 1px;
}
#footer-bottom {
background : url(images/bg-footer-wrap.jpg) repeat-x left bottom;
overflow : visible;
position : inherit;
top : 0;
left : 0;
width : auto;
height : 140px;
background-color : #a9a9a9;
margin-top : -164px; /* manual adjust might necessary to lower the gap with the content */
}
#footer {
background : url(images/bg-footer.jpg) no-repeat;
margin : 0 auto;
width : 800px;
height : 140px;
margin : auto;
}


/* ------------ */
/* SUB-MAIN CSS */
/* ------------ */
#box-testimonial {
text-align : center;
width : 500px;
margin : 0 auto;
}
#box-testi-top {
background-image : url(images/testi_01.jpg);
height : 99px;
}
#box-testi-middle {
background-image : url(images/testi_02.jpg);
min-height : 100%;
}
#box-testi-bottom {
background-image : url(images/testi_03.jpg);
height : 28px;
}
#box-order {
margin : 0 auto;
margin-top : 10px;
width : 420px;
padding : 14px 30px 14px 30px;
background-color : #ecfbff;
border : 2px dashed #002f75;
}
#box-optin {
background : url(images/optin.jpg);
width : 550px;
height : 316px;
margin : 0 auto;
}
#box-optin-inside {
padding-top : 165px;
padding-left : 210px;
position : absolute;
}
label {
float : left;
width : 115px;
font-family : Tahoma, Arial;
color : #fcfcfc;
}
input {
width : 125px;
margin-bottom : 5px;
}
input#submitbutton {
margin-left : 120px;
margin-top : 5px;
width : 90px;
cursor : pointer;
}
#valid-check {
font-size : 10px;
text-align : center;
}


/* -------------- */
/* ADDITIONAL CSS */
/* -------------- */
.h1 {
font-size : 32px;
font-weight : bold;
line-height : 33px;
letter-spacing : -1px;
text-align : center;
}
.h2 {
font-size : 28px;
font-weight : bold;
line-height : 29px;
letter-spacing : -1px;
text-align : center;
}
.h3 {
font-size : 24px;
font-weight : bold;
line-height : 25px;
letter-spacing : -1px;
text-align : center;
}
.h4 {
font-size : 20px;
font-weight : bold;
line-height : 21px;
letter-spacing : -1px;
text-align : center;
}
.headline-box {
width : 580px;
background-color : #ecfbff;
border-top-style : dotted;
border-bottom-style : dotted;
border-top-width : 2px;
border-bottom-width : 2px;
border-top-color : #999999;
border-right-color : #999999;
border-bottom-color : #999999;
border-left-color : #999999;
padding : 10px 14px 10px 14px;
margin : 0 auto;
font-size : 20px;
font-weight : bold;
color : #333333;
line-height : 24px;
}
p {
font-family : Tahoma, Arial;
color : #464646;
line-height : 20px;
}
p.text-bold {
font-size : 20px;
font-weight : bold;
color : #333333;
}
p.text-small {
font-size : 11px;
}
p.text-smaller {
font-size : 10px;
}
p.text-testimonials {
padding : 10px 10px 10px 10px;
margin-left : 20px;
margin-right : 20px;
margin-top : 0;
margin-bottom : 0;
display : block;
text-align : left;
font-family : "Verdana";
font-size : 12px;
line-height : 16px;
}
p.checkbox {
color : #464646;
text-indent : 26px;
height : 22px;
background : url(images/checkbox.jpg) no-repeat;
background-position : 0% -2px;
margin : 0 auto 0 80px;
}
p.dotted-line {
border : 0 none;
border-top : 1px dotted #999;
height : 1px;
}
p.align-center {
text-align : center;
}
img {
border : 0;
}
a:link {
color : #00619c;
}
a:hover {
color : #00619c;
text-decoration : none;
}
a:active {
color : #00619c;
}
a:visited {
color : #00619c;
}
.color-SolidBlack {
color : #000000;
}
.color-DarkerBlue {
color : #002f75;
}
.color-DarkBlue {
color : #1882ff;
}
.color-DarkGrey {
color : #444444;
}
.color-LightGrey {
color : #fdf4f9;
}
.color-DarkGreen {
color : #0b620b;
}
.color-MediumOrange {
color : #eda921;
}
.color-DarkOrange {
color : #faa92f;
}
.color-Red {
color : #ff0000;
}
.underline {
text-decoration : underline;
}
.separator {
clear : both;
height : 10px;
}


/* --------------------------------------- */
/* ADDITIONAL CSS FOR NON PHOTOSHOP LAYOUT */
/* --------------------------------------- */
#header-note { 
padding-top : 10px; 
padding-left : 340px; 
font-family : Arial, Helvetica, sans-serif; 
font-weight : bold; 
font-style : oblique; 
font-size : 11pt; 
color : #000000; 
text-align : center;
} 
#header-title1 { 
margin-top: 16px; 
padding-left : 440px; 
position : absolute; 
font-family : Tahoma, Helvetica, sans-serif; 
font-size : 26pt; 
color : #f2f1f1; 
font-weight : bold; 
line-height : 26px; 
text-transform : uppercase; 
} 
#header-title2 { 
margin-top : 50px; 
padding-left : 426px; 
position : absolute; 
font-family : Impact, Tahoma, Helvetica, sans-serif; 
font-size : 44pt; 
color : #14c6fd; 
line-height : 46px; 
letter-spacing : -1px; 
text-transform : uppercase; 
} 
#header-title3 { 
margin-top : 99px; 
padding-left : 426px; 
position : absolute; 
font-family : Tahoma, Helvetica, sans-serif; 
font-size : 32pt; 
color : #f2f1f1; 
line-height : 34px; 
font-weight : bold; 
letter-spacing : 3px; 
text-transform : uppercase; 
} 
#box-optin-title-top {
margin-top : -18px;
padding-top : 4px;
padding-left : 55px;
position : absolute;
font-family : "Century Gothic", Helvetica, sans-serif;
font-size : 30pt;
color : #fdf4f9;
font-weight : bold;
line-height : 120px;
}
#box-optin-title-bottom {
padding-top : 70px;
padding-left : 55px;
position : absolute;
font-family : "Century Gothic", Helvetica, sans-serif;
font-size : 14pt;
color : #fdf4f9;
letter-spacing : -1px;
text-align : center;
}
#footer-title1 { 
padding-top : 40px; 
padding-left : 292px; 
position : absolute; 
font-family : Tahoma, Helvetica, sans-serif; 
font-size : 16pt; 
color : #f2f1f1; 
font-weight : bold; 
line-height : 18px; 
letter-spacing : 1px; 
text-transform : uppercase; 
} 
#footer-title2 { 
margin-top : 61px; 
padding-left : 290px; 
position : absolute; 
font-family : Impact, Tahoma, Helvetica, sans-serif; 
font-size : 28pt; 
color : #14c6fd; 
line-height : 30px; 
letter-spacing : -1px; 
text-transform : uppercase; 
} 
#footer-title3 { 
margin-top : 93px; 
padding-left : 286px; 
position : absolute; 
font-family : Tahoma, Helvetica, sans-serif; 
font-size : 20pt; 
color : #f2f1f1; 
line-height : 22px; 
font-weight : bold; 
letter-spacing : 2px; 
text-transform : uppercase; 
}