﻿body { background: #fff; }
#page-wrap { background:url('../images/header-bg.png') repeat-x left 20px; }
#page-wrap:after { content: "Wide Layout";color:#eee; }
#header{width: 800px;height:331px; position: relative;margin:0 auto;}
#header #logo{ text-align:left;z-index:10;position:absolute;top:0px;left:51px;}
#header #freewifi{position:absolute;right: 0px; top: 20px;color:#fff;font-size:28pt;font-weight:bold;height:61px;line-height:61px;}
#header #slide{position:absolute;left:200px;top:81px;}
#header .menu{background:#0071bb;margin-top:10px;}
#header .menu ul{ list-style-type:none;}
#header .menu ul li{float:left;width:160px;}
#header .menu ul li a{display:block; text-transform:uppercase;line-height:40px;color:White; text-decoration:none; text-align:center;font-size:16px;text-shadow:1px 1px 0 rgba(0,0,0,0.2);border-right:1px solid #2286c8;}
#header .menu ul li a.first{border-left:1px solid #2286c8;}
#header .menu ul li a:hover{background:#00599b;}
#header #information{position:absolute;width:100%;height:250px;top:81px; left:0;}
#header #information .terms{color:White;font-size:26pt;position:absolute;right:0;width:200px;font-weight:bold;background:#352f98;height:250px; text-align:center;}
#header #information .terms p{margin:10px 0;}
#header #information .terms span.free{color:Yellow;}
#header #information .terms p:first-child{font-size:31pt;}
#header #information .terms p:last-child{font-size:24pt;}
#header #information .terms span{font-size:40pt;}
#header .wireless{position:absolute;left:20px;top:140px;}
#homepage{border-top:20px solid #352f98;width: 800px;margin:0 auto;}
#homepage .box{float:left;width: 390px;margin:0 5px;}
#homepage .box .container{color:#222;width: 300px;}
#homepage .box .container p{margin-bottom:20px;}
#homepage .box .container .row{margin-bottom:10px;}
#homepage .box .container .row .label{float:left;width:110px;text-transform:uppercase;font-size:9pt;line-height:20px;}
#homepage .box .container .row .input{float:left;}
#homepage .box .container .row .input .area{width:30px; text-align:center;}
#homepage .box .container .row .input .number{width:65px;text-align:center;}
#homepage .box .container .status{}
#homepage .box .container .status ul{margin:0 0 1em 2em;color:Red;font-size:9pt;}
#homepage .box .container .submit{margin-top:15px;}
#homepage .box .container .submit a{background:#d72727 url(../images/buttons/alert-overlay.png) repeat-x;border:none; display: inline-block; padding: 8px 30px 9px;color: #fff;font-size:12pt;text-decoration: none;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;box-shadow: 0 0px 1px rgba(0,0,0,0.5);-moz-box-shadow: 0 0px 1px rgba(0,0,0,0.5);-webkit-box-shadow: 0 0px 1px rgba(0,0,0,0.5);text-shadow: 0 -1px 1px rgba(0,0,0,0.15);border-bottom: 1px solid rgba(0,0,0,0.25);position: relative;cursor: pointer;}

#footer{ text-align:center;margin-top:30px;color:#999;font-size:11px;}
#footer .copyright{}
#footer .copyright p{margin-bottom:5px;line-height:1.5;}
#footer .poweredby{margin-top:10px;}
#footer .poweredby span{display:block;margin-bottom:5px;}

