/*reset*/
body,table,h1,h2,h3,h4,h5,tr,th,td,form,label,input,button,p,img { border: 0; padding: 0; margin: 0; border-collapse: collapse; font-weight: normal; }

/*elements*/
body,html { margin: 0px; background: url("../img/background.png") repeat-x #fff; color: #777; font-size: 12px; font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;  }
td, th { font-family: inherit; font-size: inherit; color: inherit; }
a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }
h2 { font-size: 30px; }
h3 { font-size: 30px; margin: 0 0 10px 0; }

#live-chat-now { display: block; position: absolute; top: 132px; left: 0px; width: 29px; height: 210px; background: url('/static/img/live-chat-now.png') no-repeat; z-index: 3; }

/*frame*/
#wallpaper { background: url("/static/img/background.jpg") no-repeat top center; }
#wrapper { width: 960px; margin: 0 auto; position: relative;}

/*header*/
#header { height: 131px; width: 960px; position: relative; margin: 0 0 50px 0; }
#lightspeed { position: absolute; top: 20px; left: 0px; width: 960px; height: 111px; }

/*software*/
#software { height: 223px; }
#software a img { display: block; }

#company-info { width: 960px; color: #7c7d7d; position: absolute; top: 360px; left: 0px; text-align: center; }
#company-info p { width: 650px; margin: 0 auto; display: block; }
#company-info #slogan { font-size: 30px; }

#teamspeak3 { position: absolute; top: 167px; left: 111px; }
#ventrilo { position: absolute; top: 170px; left: 307px; }
#mumble { position: absolute; top: 178px; left: 490px; }
#teamspeak2 { position: absolute; top: 167px; left: 730px; }


/*content*/
.content { -webkit-box-shadow: 0px 5px 20px #505050;  -moz-box-shadow: 0px 5px 20px #505050; box-shadow: 0px 5px 20px #505050; margin: 58px 30px 38px 30px; padding: 10px; width: 900px; position: relative; color: #fff; background: url("/static/img/content.png") #777; border: 1px solid #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.content-table td:first-child { vertical-align: top; padding: 0 20px 0 0; }

/*pages*/
.page-reseller .sidenote { margin: 20px 0 0 0; color: #fff; }
.page-reseller .sidenote a {color: #fff; }
.page-contact { height: 385px; margin: 20px 0 0 0; }
.page-lrf h3 { font-size: 16px; }

/*reseller*/
#reselling-link { display: block; font-size: 14px; font-weight: bold; }
#reseller-info { width: 960px; color: #555; position: absolute; top: 345px; left: 0px; text-align: center; }
#reseller-info p { width: 650px; display: block; position: absolute; top: 38px; left: 155px; z-index: 10; }
#reseller-info #reseller-slogan { font-size: 30px; }

#reseller-1 { position: absolute; top: 170px; left: 100px; }
#reseller-2 { position: absolute; top: 186px; left: 405px; }
#reseller-3 { position: absolute; top: 172px; left: 685px; }

#register-now { margin: -6px 0 0 0; }

.reseller-details th { font-weight: bold; text-align: left; padding: 0 0 0 10px; }
.reseller-details td { text-align: left; vertical-align: top; }
.reseller-details .gutter { text-align: right; }

.reseller-features { width: 300px; }
ul.feature-list, ul.feature-list li { padding: 0; margin: 0; display: block; list-style-type: none; }
ul.feature-list li { background: url("/static/img/check.gif") no-repeat 0 4px; padding: 0 0 2px 17px; }

.reseller-pricing th { color: #75bae2; font-size: 14px; }
.reseller-pricing sup { color: #bbb; }
.reseller-pricing td { padding: 5px 0 0 10px; }
.reseller-pricing tr:hover td { background: #4f4f4f; cursor: default; }

.additional-prices { margin: 10px 0 0 0; }
.additional-prices tr th { color: #75bae2; padding: 0 15px 0 0; }

.other-information td { vertical-align: top; }
.last-updated { float: right; color: #aaa; font-size: 10px; }

#requirements { width: 360px; }
#support { width: 200px; }
#other-facts { }

/*login form*/
#login-form { position: absolute; top: 10px; left: 290px; z-index: 100; width: 450px; }
#login-form td, #login-form th { padding-right: 5px; font-size: 10px; }
#login-form th { font-family: arial, verdana; color: #8e9091; text-transform: uppercase; }
#login-form td input { height: 20px; background: url("/static/img/login-input.gif") no-repeat; }
#login-button { width: 68px; height: 21px; }

/*form*/
label { display: block; float: left; clear: both; width: 120px; }
ul.form { list-style: none outside none; padding: 0 15px; margin: 0; }
ul.form li label, ul.form li input,  ul.form li select { font-size: 16px; padding: 3px; }
ul.form li input { border: 1px solid #7f9db9; }
ul.form li ul { list-style: none outside none; padding: 0 15px; margin: 0px; }
ul.form li { padding: 5px 0; margin: 0px; clear: left; }

/*packages*/
.product { width: 290px; position: relative; float: left; margin-right: 10px;  }

.description { margin: 0 5px 0 0; }
.package { top: 78px; left: 0px; position: absolute; display: block; display: block; float: left; background: url(/static/img/25-users.gif) no-repeat; width: 66px; height: 43px; padding-top: 62px; font-size: 16px; font-weight: bold; color: #87D1FF; text-align: center; }

/*prices*/
.price-chart { position: relative; margin: 5px 0 0 0; }
.prices { display: none; background: url("/static/img/price-table.png"); width: 229px; position: absolute; bottom: 34px; left: 3px; z-index: 100; padding: 10px 0 0 0;  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.prices table { width: 100%; }
.prices table td { color: #666; font-size: 30px; text-align: left; font-family: arial; }
.prices table th { color: #2373a1; font-size: 20px; text-align: right;  padding: 0 10px 0 0; font-family: arial; }
.prices table tr:hover th { color: #00517f; cursor: pointer; }
.prices table tr:hover td { color: #000; cursor: pointer; }
.prices table div.as-low-as { color: #666; font-size: 10px; text-align: right; }
.prices table td.spacer { height: 10px; }


/*behavior*/
.center { text-align: center; }
.spacer { height: 20px; clear: both; }
.sidenote { color: #6b6b6b; font-size: 10px; }
.sidenote a { text-decoration: underline; }

/*footer*/
#footer { width: 960px; text-align: center; }
#footer-links a, #footer-links { color: #888; padding: 0 0 20px 0; }
#lsg { width: 137px; height: 47px; margin: 0 auto; }

/*clearfix*/
.clear { clear: both; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }