@charset "utf-8";
/* CSS Document */

html, body { background:url("../images/bg-stripes.gif") top left repeat-x; margin:0px;
font-family: Arial, Helvetica, sans-serif }

#page {
	width:898px; 
	margin:0 auto;
	text-align:center;
	border:2px solid #4b5963;
}
#page-content {
	width:894px;
	margin:0 auto;
	text-align:left;
	border:2px solid #4b5963;
}

#page-header {width:890px; height:90px; background:url("../images/bg-stripes-dark.gif") top left; border:2px solid #4b5963; }

#page-header #page-header-left {height:60px; width:300px; float:left; margin-top:30px; margin-left:45px}
#page-header #page-header-right {text-align:right; height:80px; width:400px; float:right; margin-top:10px; margin-right:45px}
#page-header #page-header-right h2 {color:#FFFFFF; font-size:18px; font-weight:normal; margin:35px 0px 0px 0px; padding:0px}
#page-header #page-header-right p {color:#FFFFFF; font-size:14px; margin:0px; padding:0px}
#page-header #page-header-right a {color:#ffffff; text-decoration:none}
#page-header #page-header-right .current {font-weight:bold; color:#b1f130}

#page-sub-head {height:300px; background:url("../images/bg-grey.gif") top left repeat-x; background-color:#ffffff; border:2px solid #4b5963;}
#page-sub-head a:link {color:#000000; text-decoration:none; font-weight:bold}
#page-sub-head a:visited {color:#000000; text-decoration:none; font-weight:bold}
#page-sub-head a:active {color:#000000; text-decoration:none; font-weight:bold}
#page-sub-head a:hover {color:#000000; text-decoration:underline; font-weight:bold}

#page-sub-head #page-sub-head-left {float:left; width:385px; height:260px; padding: 15px 15px 10px 25px}
#page-sub-head #page-sub-head-left h1 {font-size:14px; line-height:20px}
#page-sub-head #page-sub-head-left p {font-size:11px; line-height:14px}

#page-sub-head #page-sub-head-right {float:right; width:456px; height:300px; background:url("../images/five-simple-steps.jpg") top left no-repeat}
#page-sub-head #page-sub-head-right #text {padding-left:50px; padding-top:72px}
#page-sub-head #page-sub-head-right h2 {font-size:14px; font-weight:bold; color:#ffffff; margin:0px; padding:0px}
#page-sub-head #page-sub-head-right p {font-size:11px; color:#ffffff; margin:0px; padding:0px; line-height:14px}
#page-sub-head #page-sub-head-right a:link {color:#ffffff; text-decoration:none}
#page-sub-head #page-sub-head-right a:visited {color:#ffffff; text-decoration:none}
#page-sub-head #page-sub-head-right a:hover {color:#ffffff; text-decoration:underline}
#page-sub-head #page-sub-head-right .spacer {height:14px}

#page-main {height:285px; background-color:#ffffff; border-left:2px solid #4b5963; border-right:2px solid #4b5963}

#page-sub-footer {height:160px; background:url("../images/bg-sub-footer.jpg") top left repeat-x; border-top:2px solid #4b5963; border-left:2px solid #4b5963; border-right:2px solid #4b5963; position:relative}
#page-sub-footer h2 {font-size:18px; font-weight:bold; color:#ffffff; margin:0px; padding:0px}
#page-sub-footer h3 {font-size:28px; font-weight:bold; margin:0px; padding:0px}
#page-sub-footer p {font-size:10px; color:#ffffff; margin:0px; padding:0px}
#page-sub-footer #package1 {float:left; width:135px; margin-left:55px; margin-top:30px}
#page-sub-footer #package1 h3 {color:#d033be}
#page-sub-footer #package2 {float:left; width:135px; margin-left:135px; margin-top:30px}
#page-sub-footer #package2 h3 {color:#6ed5fb; font-size:14px; font-weight:bold}
#page-sub-footer #package3 {float:left; width:135px; margin-left:135px; margin-top:30px}
#page-sub-footer #package3 h2 {font-size:18px}
#page-sub-footer #package3 h3 {color:#f15c5c; font-size:14px; font-weight:bold}

#page-footer {background:url("../images/bg-stripes-dark.gif") top left; border-top:2px solid #4b5963; border-left:2px solid #4b5963; border-right:2px solid #4b5963}
#page-footer a {color:#ffffff; text-decoration:none}

#page-footer #footer-top {height:85px}
#page-footer #footer-top #get-instant-quote {float:left; width:230px; margin-left:45px; margin-top:20px}
#page-footer #footer-top #get-instant-quote h1 {font-size:20px; color:#b1f130; margin:0px; padding:0px}
#page-footer #footer-top #get-instant-quote p {font-size:12px; font-weight:bold; color:#ffffff; margin:0px; padding:0px}
#page-footer #footer-top #arrow {float:left; width:56px; margin-left:5px; margin-top:25px}
#page-footer #footer-top #calculator {float:left; width:56px; margin-left:6px; margin-top:22px}
#page-footer #footer-top #calculation-text {float:left; width:200px; margin-left:15px; margin-top:20px}
#page-footer #footer-top #calculation-text h2 {font-size:16px; color:#ffffff; margin:0px; padding:0px}
#page-footer #footer-top #calculation-text .green {color:#b1f130}
#page-footer #footer-top #get-a-quote {float:left; width:205px; background:url("../images/get-a-quote-box.gif") top left no-repeat; margin-left:30px; margin-top:15px}
#page-footer #footer-top #get-a-quote h2 {font-size:18px; color:#ffffff; margin-top:12px; margin-left:8px}
#page-footer #footer-top #get-a-quote .green {color:#b1f130}

#page-footer #footer-bottom {border-top:2px solid #4b5963; padding-top:5px}
#page-footer #footer-bottom p {font-size:11px; color:#ffffff}
#page-footer #footer-bottom #footer-bottom-left {float:left; width:350px; margin-left:45px}
#page-footer #footer-bottom #footer-bottom-right {float:right; text-align:right; width:350px; margin-right:45px}
