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

body, html { margin: 0px; padding: 0px; }
body { background: url(../_images/bg.png) repeat-x #040404; font-family: Verdana, Geneva, sans-serif; font-size: 12px; }
img { border: 0px; }
.clear { clear: both; display: block; }

#wrapper { position: relative; top: 24px; left: 50%; margin-left: -495px; width: 990px; }
#header #logo { background: url(../_images/logo.png) no-repeat; display: block; width: 136px; height: 46px; position: relative; left: 32px; top: 0px; float: left; }
#header #contact { background: url(../_images/contact.png) no-repeat; display: block; width: 158px; height: 62px; float: right; }
#header #featuredWifi { background: url(../_images/featuredWifi.png) no-repeat; display: block; width: 158px; height: 45px; float: right; }

#contentHolder { background-color: #ffffff; border-top: 1px solid #8c8c8c; position: relative; top: 30px; }

#contentHolder #left { position: relative; top: 20px; left: 30px; width: 230px; float: left; font-family:Arial; }
#contentHolder #left a { text-decoration: none; color: #000; display: block;  }
#contentHolder #left ul { list-style: none; width: 180px; margin: 0px; padding: 0px; }
#contentHolder #left ul li { cursor: pointer; border: 2px solid #fff; padding-left: 4px; line-height: 23px; margin-top: 3px; margin-bottom: 3px; }
#contentHolder #left ul li:hover, #contentHolder #left ul li.active { background: url(../_images/menuActiveBg.gif) repeat-x; border:2px solid #c6c6c6; }
#contentHolder #featured { position: absolute; bottom: 20px; left: 20px; }

#contentHolder #right { position: relative; top: 30px; right: 20px; width: 680px;float: right; color: #6a6a6a; }
#contentHolder #right ul { margin: 0px; padding: 0px; padding-left: 15px; }
#contentHolder #right #contentImage { padding-top: 15px; padding-bottom: 15px; border-top: 1px solid #8c8c8c; position: relative; top: 8px; }

#homeImg { position: relative; width: 980px; height: 250px; top: 30px; border-bottom: 2px solid #fff; }
#homeImg #homeNav { position: absolute; top: -15px; left: 50%; margin-left: -255px; width: 530px; }
#homeImg #homeNav ul { list-style: none; margin: 0px; padding: 0px;}
#homeImg #homeNav ul li #voip { background: url(../_images/homeNavSheet.png) no-repeat; width: 131px; height: 38px; display: block; cursor: pointer; float: left; }
#homeImg #homeNav ul li #voip:hover { background-position: 0px -38px; }
#homeImg #homeNav ul li #data { background: url(../_images/homeNavSheet.png) no-repeat; width: 146px; height: 38px; display: block; cursor: pointer; float: left; background-position: -131px 0px; }
#homeImg #homeNav ul li #data:hover { background-position: -131px -38px; }
#homeImg #homeNav ul li #storage { background: url(../_images/homeNavSheet.png) no-repeat; width: 128px; height: 38px; display: block; cursor: pointer; float: left; background-position: -277px 0px; }
#homeImg #homeNav ul li #storage:hover { background-position: -277px -38px; }
#homeImg #homeNav ul li #contact { background: url(../_images/homeNavSheet.png) no-repeat; width: 106px; height: 38px; display: block; cursor: pointer; float: left; background-position: -405px 0px; }
#homeImg #homeNav ul li #contact:hover { background-position: -405px -38px; }

#homeImg #homeImgContent { position: absolute; top: 95px; left: 30px; font-size: 12px; color: #fff; width: 450px; line-height: 18px; }
#homeImg #homeImgContent a { color: #f2c700; font-weight: bold; text-decoration: none; }
#homeImg #homeImgContent a:hover { text-decoration: underline; }

#homeContent { position: relative; top: 40px; color: #fff; padding-bottom: 70px; }
#homeContent .left { float: left; width: 290px; margin: 20px; }
#homeContent .middle { float: left; width: 290px; margin: 20px; }
#homeContent .right { float: right; width: 290px; margin: 20px; }
#homeContent h1 { font-size: 17px; font-family:Arial; text-transform: uppercase; font-weight: bold; }

#footerHolder { font-size: 10px; color: #fff; position: relative; top: 20px; border-bottom: 1px solid #8c8c8c; }
#footerHolder #left { position: relative; line-height: 35px; padding-left: 20px; float: left; width: 500px; }
#footerHolder #left a { color: #fff; text-decoration: none; }
#footerHolder #left a:hover { color: #f2c700; }

#footerHolder #right { position: relative; line-height: 35px; padding-right: 20px; float: right; width: 370px; }

#footerFinal { font-size: 10px; position: relative; color: #fff; top: 30px; }
#footerFinal strong { color: #a7a7a7; font-weight: normal; font-size: 10px;  }