html{
	background-color: #001439;
}

body{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	background-image:url('../img/bg-header.jpg'); background-repeat: no-repeat; background-position: top center; 
	b1ackground-image:url('../img/bg.jpg');
	b1ackground-repeat: repeat-x;
	b1ackground-position: top left;
	
	font-family: Arial;
	font-size: 12px;
	text-align:center;
}

/* PAGE LAYOUT */
#wireframe{ display: inline-table; width: 990px; text-align: left;}
#wireframe #header{ display: table-header-group table-cell; height: 580px; position: relative;}
#wireframe #body{ display: table;}
#wireframe #footer{ display: table-footer-group table-cell; height: 100px;}
#wireframe #content { display: table-cell;}

/* PAGE HEADER */
#header .logo { position: absolute; top: 20px; }
#header .testimonial { padding: 20px 0px 35px 0px; background-image:url('../img/h-testimonial-bg.png'); background-repeat: no-repeat; background-position: top left; width: 432px; text-align: center; color: #53a1b8; font-style: italic; position: absolute; top: 25px; left: 325px; }
#header .nav{ position: absolute; top: 20px; right: 0px;}
#header .nav ul { padding: 0px 0px 0px 0px; list-style: none; text-align: center; width: 195px;}
#header .nav ul li { padding: 9px 0px 9px 0px; margin-left: 5px; color: #ffffff; font-size: 16px; background-image:url('../img/btn-yellow.png'); background-repeat: no-repeat; background-position: center left;  width: 91px; float: left; font-weight: bold; font-size: 14px; letter-spacing: -1px; text-transform: uppercase;}
#header .nav ul li a { color: #ffffff; text-decoration: none;}
#header .nav ul li a:hover { color: #f5e7d2; text-decoration: none;}
#header .video { padding: 20px 0px 35px 0px; background-image:url('../img/h-video-bg.png'); background-repeat: no-repeat; background-position: top left; width: 454px; height: 372px; position: absolute; top: 200px; left: 283px;}
#header .cta1 { position: absolute; top: 110px; width: 100%; color: #ffffff; font-size: 24px; letter-spacing: -1px; text-align: center;}
#header .cta1 strong { color: #efb22c; text-decoration: underline;}
#header .cta2 { position: absolute; top: 220px; color: #ffffff; font-style: italic; font-size: 19px; line-height: 23px; }
#header .cta2 strong { font-style: normal; font-size: 27px;}
#header .cta2 img { position: absolute; right: -30px; top: 50px;}
#header .steps { position: absolute; top: 320px;}
#header .steps ul { padding: 0px 0px 0px 0px; list-style: none;}
#header .steps ul li { padding: 6px 0px 6px 35px; color: #ffffff; font-size: 16px; background-image:url('../img/star.png'); background-repeat: no-repeat; background-position: center left; font-weight: bold; letter-spacing: -1px;}
#header .steps ul li strong { color: #53a1b8; width: 100%; display: block; font-size: 12px; font-style: italic; letter-spacing: 0px;}
#header .signup { position: absolute; right: 10px; top: 197px; width: 228px; height: 400px;  background-image:url('../img/h-signup-bg.png'); background-repeat: no-repeat; background-position: top left; }
#header .signup h2 { color: #ffffff; letter-spacing: -1px; font-weight: normal; font-size: 19px; font-style: italic; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 10px;}
#header .signup form { width: 217px; height: 295px; margin: 18px 10px 0px 15px; color: #001338;  font-size: 11px;}
#header .signup form p { clear: both;}
#header .signup form .table .td { width: 203px; }
#header .signup form label { color: #001338; text-transform: uppercase; font-weight: bold; font-size: 8px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; display: block; }
#header .signup form .text { width: 90%; margin: 3px 0px 10px 0px; }
#header .signup form .checkbox {margin: 0px 5px 20px 0px; display: table block; float: left; }
#header .signup form .submit { background-image:url('../img/submit1-btn.png'); background-repeat: no-repeat; background-position: top left; width: 203px; height: 38px; border: 0px solid red; color: #ffffff; font-weight: bold; font-style: italic; padding: 0px 0px 7px 0px; }
#header .signup .privacypolicy { text-align: right; color: #ffffff; line-height: 18px;}
#header .signup .privacypolicy a { color: #00ffff; }

/* PAGE CONTENT */
#content .table { display: table; width: 100%;}
#content .td { display: table-cell; vertical-align: top;}
#content .features { background-image:url('../img/frame1-bg.png'); background-repeat: no-repeat; background-position: top left; width: 994px; height: 457px; }
#content .features ul { list-style: none; padding: 25px 0px 0px 27px;}
#content .features ul li { float: left; width: 35%; padding: 0px 0px 15px 105px; margin: 0px 40px 15px 0px; color: #ffffff; line-height: 18px;}
#content .features ul li h2 { font-size: 14px; color: #efb22c; line-height: 14px; margin: 0px 0px 0px 0px; letter-spacing: -1px;}
#content .features ul li address { color: #53a1b8; margin: 0px 0px 10px 0px;}
#content .features ul .host { background-image:url('../img/icon-host.png'); background-repeat: no-repeat; background-position: center left; border-bottom: 1px solid #09162f;  }
#content .features ul .broadcast { background-image:url('../img/icon-broadcast.png'); background-repeat: no-repeat; background-position: center left; border-bottom: 1px solid #09162f;  }
#content .features ul .build { background-image:url('../img/icon-build.png'); background-repeat: no-repeat; background-position: center left; border-bottom: 1px solid #09162f;  }
#content .features ul .advertise { background-image:url('../img/icon-advertise.png'); background-repeat: no-repeat; background-position: center left; border-bottom: 1px solid #09162f;  }
#content .features ul .pilot { background-image:url('../img/icon-pilot.png'); background-repeat: no-repeat; background-position: center left;  }
#content .features ul .upgrade { background-image:url('../img/icon-upgrade.png'); background-repeat: no-repeat; background-position: center left;  }
#content .testimonials { background-image:url('../img/frame2-bg.png'); background-repeat: no-repeat; background-position: top left; width: 994px; height: 168px; margin-top: 20px; margin-bottom: 20px; overflow: hidden; position: relative; }
#content .testimonials ul { list-style: none; padding: 3px 0px 0px 15px; position: absolute; width: 1030px;}
#content .testimonials ul li { float: left; width: 217px; padding: 0px 15px 0px 5px; margin: 0px 10px 0px 0px; color: #53a1b8; line-height: 15px; font-size: 11px; font-weight: bold; font-style: italic; border-right: 1px solid #09162f; }
#content .testimonials ul li a { width: 100%; display: block; font-size: 14px; color: #efb22c; line-height: 14px; margin: 10px 0px 3px 0px; font-style: normal;}
#content .testimonials ul li a:hover { color: #ffffff;}
#content .testimonials ul li address { color: #ffffff; margin: 0px 0px 10px 0px; font-weight: normal; font-size: 13px;}
#content .video { background-image:url('../img/frame3-bg.png'); background-repeat: no-repeat; background-position: top left; width: 481px; height: 358px; }
#content .video ul { list-style: none; padding: 25px 0px 0px 27px; margin: 0px 0px 0px 0px;}
#content .video ul li { float: left;  padding: 0px 20px 25px 10px;}
#content .video ul li img { cursor: pointer;}
#content .signup { background-image:url('../img/frame4-bg.png'); background-repeat: no-repeat; background-position: top left; width: 481px; height: 345px; margin-left: 25px; padding: 15px 0px 0px 18px; position: relative;}
#content .signup h2 { color: #400000;  width: 60%; font-size: 16px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; line-height: 18px;}
#content .signup strong { color: #800000; margin: 20px 0px 23px 0px; display: block; font-size: 20px; text-decoration: underline;}
#content .signup address { color: #400000; }
#content .signup form { width: 420px; height: 145px; margin: 25px 10px 0px 15px; color: #001338;  font-size: 11px;}
#content .signup form p { clear: both;}
#content .signup form .table .td { width: 203px; }
#content .signup form label { color: #001338; text-transform: uppercase; font-weight: bold; font-size: 8px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; display: block; }
#content .signup form .text { width: 90%; margin: 3px 0px 10px 0px; }
#content .signup form .checkbox {margin: 0px 5px 20px 0px; display: table block; float: left; }
#content .signup form .submit { background-image:url('../img/submit-btn.png'); background-repeat: no-repeat; background-position: top left; width: 203px; height: 38px; border: 0px solid red; color: #ffffff; font-weight: bold; font-style: italic; padding: 0px 0px 7px 0px; }
#content .signup object, #content .signup embed { position: absolute; top: -15px; right: 20px;}
#content .morefeatures {  background-image:url('../img/morefeatures-btn.png'); background-repeat: no-repeat; background-position: top left; width: 994px; height: 80px; display: block; margin-top: 20px; cursor: pointer;}
#content .morefeatures:hover {  background-image:url('../img/morefeatures-btn1.png'); background-repeat: no-repeat; background-position: top left; width: 994px; height: 80px; display: block; margin-top: 20px;}
#content #featuredcontent { background-image:url('../img/frame5-bg.png'); background-repeat: no-repeat; background-position: top left; width: 994px; height: 1810px; position: relative;}

#featuredcontent .salestext { padding: 10px 30px 0px 30px; color: #ffffff; line-height: 18px;}
#featuredcontent .salestext h1 { width: 100%; color: #efb22c; font-size: 24px; text-align: center; line-height: 30px; font-style: italic; padding: 0px 0px 15px 0px; text-decoration: underline;}
#featuredcontent .salestext h2 { width: 100%; color: #efb22c; font-size: 19px; text-align: center; line-height: 30px; font-style: italic; padding: 0px 0px 15px 0px; text-decoration: underline;}
#featuredcontent .salestext p { padding: 0px 0px 15px 0px; font-size: 13px; line-height: 20px;}
#featuredcontent .salestext p strong, #featuredcontent p a { color: #efb22c; }
#featuredcontent .salestext ul { padding: 0px 0px 0px 0px; margin: -13px 0px 20px 0px; list-style: none; }
#featuredcontent .salestext ul li {  background-image:url('../img/bullet-check.png'); background-repeat: no-repeat; background-position: center left; padding: 0px 0px 0px 25px; margin: 5px 0px 0px 20px; color: #4c5567; }
#featuredcontent .salestext ul li strong { color: #53a1b8; font-weight: bold; }
#featuredcontent .salestext a:hover { color: #ffffff;}

#featuredcontent .signatures { padding: 0px 0px 20px 0px;}
#featuredcontent .signatures p { width: 100%; text-align: center; display: table; margin: 0px 0px 0px 0px; }
#featuredcontent .signatures strong { width: 100%; text-align: center; display: table; margin: 0px 0px 0px 0px;}
#featuredcontent .signatures img { text-align: center;}

#featuredcontent .signup { background-image:url('../img/form-bg.png'); background-repeat: no-repeat; background-position: top left; width: 955px; height: 92px; margin: 0px 0px 0px 20px;  position: absolute; bottom: 5px;}
#featuredcontent .signup form { width: 100%; color: #ffffff; margin: -10px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 950px; height: 75px; display: block;}
#featuredcontent .signup form label { color: #efb22c;}
#featuredcontent .signup form a { color: #efb22c;}
#featuredcontent .signup form .checkbox { margin: 0px 5px 0px 0px;}
#featuredcontent .signup form .submit { background-image:url('../img/submit2-btn.png'); background-repeat: no-repeat; background-position: top left; width: 203px; height: 38px; border: 0px solid red; color: #ffffff; font-weight: bold; font-style: italic; padding: 0px 0px 7px 0px; }

/* PAGE FOOTER */
#footer { font-size: 11px; color: #213252; text-align: center; padding-top: 20px; }
#footer strong { color: #ffffff; font-weight: normal;}
#footer .logo { vertical-align: middle; padding-right: 5px;}

/* PAGE POPUP */
#popup { position: absolute; display: table; background-color: #000000; z-index: 1000; }
#popframe { position: absolute; display: table; width: 646px; height: 480px; border: 1px solid #082444; background-color: #000308; z-index: 2000; top: -480px; }
#popframe #content { height: 25px; background-image:url('../img/video-bg.png'); background-repeat: repeat-x; background-position: top left; text-align: left; position: relative;  }
#popframe #content strong { margin: 6px 0px 0px 10px; color: #81868d; font-size: 11px; font-style: italic; display: block; text-transform: uppercase;}
#popframe #content a { margin: 6px 0px 0px 10px; background-color: #ffb758; color: #400000; font-weight: bold; padding: 2px 5px 2px 5px; cursor: pointer; position: absolute; top: -3px; right: 3px;}
#popframe #content a:hover { background-color: #400000; color: #ffb758;}
#popframe iframe { border: 0px solid red; overflow: none; width: 640px; height: 450px; padding: 3px 0px 0px 0px; margin: 0px 0px 0px 0px; }
