/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
SkyNAP.com master CSS page
Date:	Setp 27, 2007
Author:	Afrael Ortiz (http://afrael.com.ve)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


body {
	margin: 0px; padding: 0px;
  	background: #dadada;
  	font: small Tahoma, Verdana, Sans-serif;
  	color: #333;
  	line-height: 1.6em;
}

body * { margin: 0px; padding: 0px;}

body a * { border: none; } 

h1, h2, h3, h4, h5, h6{
	font-family: Arial;
}

#centerbox{
	background: #fff;
  	margin-right: auto; margin-left: auto;
  	padding: 10px 60px 10px 20px;
  	text-align: left;
  	width: 680px;
    border-right: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
}

#header, #menu, #body, #footer{
	clear: both;
}

#footer{
	border-top: 1px solid #dadada;
}

#skynaplogo{
	float: left;
	clear: none;
}

#search{
	float: right;
	width: 310px;
	margin-right: -35px;
	margin-top: 40px;
}

#searchform{
	display: inline;
}

#searchbox{
  	float: left;
    border: 1px solid #000;
}

#searchtext{
	float: left;
	border: 0px;
	padding: 4px 0px 0px 20px;
	background: #FFFFFF url(i/textboxback.gif) no-repeat scroll left top;
	height: 25px;
}

#submitsearch{
	float: left;
}

#menu{
	padding-top: 10px;
	width: 720px;
	height: 32px;
	background: #FFFFFF url(i/menuback.gif) no-repeat scroll left bottom;
}

/* Menu Related CSS (Listamatic2) */

#nav, #nav ul {
	float: left;
	width: auto;
	list-style: none;
	line-height: 1;
	background: transparent;
	font-weight: bold;
	padding: 0;
	margin: 0.5em 0 1em 0.25em;
}

#nav a {
	display: block;
	width: 6em;
	w\idth: auto;
	color: #2E473B;
	text-decoration: none;
	padding: 0.25em 2em;
    font-size: 0.85em;
}

#nav a.daddy {
	background: url(rightarrow2.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0;
	width: auto;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
    background: #f4f4f4;
}

#nav li li {
	padding-right: 1em;
	width: 13em
}

#nav li ul a {
	width: 13em;
	w\idth: 9em;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #dadada;
}
 /*End */

#topbanner{
	color: #336699;
	font-size: 1.25em;
	margin: 5px;
}

#innerbody{
	width: 725px;
	clear: both;
}

#centerbody{
	height: auto; width: 725px;
	background: transparent url(i/centerback.jpg) no-repeat scroll left top;
	padding-top: 1px;
}

#centerbody-left{
	color: #fff;
	float: left;
	height: 95%; width: 375px;
	margin: 15px 0px 0px 15px;
	background: transparent url(i/datacenter.jpg) no-repeat scroll left top;
}

#centerbody-left h3{
	padding: 200px 0px 0px 95px;
	margin: 0px;
	font-size: 1.80em;
}

#centerbody-left h5{
	padding: 0px 0px 0px 95px;
	font-size: 0.95em;
	line-height: 1.2em;
}

#centerbody-right{
	color: #333;
	float: right;
	width: 285px;
	margin-right: 25px;
	margin-bottom: 25px;
}

#centerbody-right h4, 
#centerbody-low-right h4,
#centerbody-low-middle h4{
	margin: 15px 0px 5px 0px;
	color: #CC3333;
	font-size: 1.35em;
}

#centerbody-right p{
	font-family: "Trebuchet MS", Tahoma, Verdana, Sans Serif;
	font-size: 0.85em;
	line-height: 1.2em;
	margin: 0px 0px 15px 0px;
}

#centerbody-low-right, #centerbody-low-middle, #centerbody-low-left{
	float: left;
}

#centerbody-low{
	margin: 5px;
	margin-top: 20px;
    width: 700px;
	border: 1px solid #eee;
	padding: 5px;
}

#centerbody-low-right p{
	color: #006699;
	font-size: 0.80em;
	width: 75%;
	line-height: 1.2em;
	margin-bottom: 10px;
}

#availabilityform, #contactform{
	display: inline;
	width: 100px;
}

#availabilityform label, #contactform label{
	width: 100px;
	float: left;
	font-size: 0.85em;
	font-weight: bold;
}

#availabilityform input, #contactform input{
	font-size: 1em;
	border: 1px solid #dadada;
	margin-bottom: 10px;
}

#centerbody-low-left{
	margin-left: 40px;
	padding-top: 40px;
}

#centerbody-low-middle{
	text-align: center;
}

#centerbody-low-right{
	width: 275px;
	padding-left: 10px;
}

#footer{
	clear: both;
	width: 105%;
	padding: 10px;
	font-size: 0.9em;
	background: transparent url(i/poweredbyskynap.gif) no-repeat scroll right top;
}

/* CSS for Inner Pages */
#residentialbanner{
	height: 220px; width: 100%;
	padding: 0px;
    background: transparent url(i/resid_serv_backdrop.jpg) no-repeat scroll right top;
}

#businessbanner{
	height: 220px; width: 100%;
	padding: 0px;
    background: transparent url(i/busi_serv_backdrop.jpg) no-repeat scroll right top;
}

#locationsbanner{
	height: 220px; width: 100%;
	padding: 0px;
    background: transparent url(i/locations_backdrop.jpg) no-repeat scroll right top;
}

#networkbanner{
	height: 220px; width: 100%;
	padding: 0px;
    background: transparent url(i/network_backdrop.jpg) no-repeat scroll right top;
}

#maintainbanner{
	height: 220px; width: 100%;
	padding: 0px;
    background: transparent url(i/maintain_backdrop.jpg) no-repeat scroll right top;
}

#continuitybanner{
	height: 220px; width: 100%;
	padding: 0px;
    background: transparent url(i/continuity_backdrop.jpg) no-repeat scroll right top;
}

#supportbanner{
	height: 220px; width: 100%;
	padding: 0px;
    background: transparent url(i/services_backdrop.jpg) no-repeat scroll right top;
}

#contactbanner{
	height: 220px; width: 100%;
	padding: 0px;
    background: transparent url(i/contact_backdrop.jpg) no-repeat scroll right top;
}

#contactusbanner{
	height: 220px; width: 100%;
	padding: 0px;
    background: transparent url(i/contactus_backdrop.jpg) no-repeat scroll right top;
}

#residentialbanner ul, 
#businessbanner ul, 
#locationsbanner ul,
#networkbanner ul,
#maintainbanner ul,
#continuitybanner ul,
#supportbanner ul,
#contactbanner ul,
#contactusbanner ul{
    margin: 5px 5px 5px 375px; 
    padding: 25px 5px 25px 0px;
    list-style-type: none;
}

#residentialbanner ul li, 
#businessbanner ul li, 
#locationsbanner ul li,
#networkbanner ul li,
#maintainbanner ul li,
#continuitybanner ul li,
#supportbanner ul li,
#contactbanner ul li,
#contactusbanner ul li{
    line-height: 1.2em;
    margin: 10px 0px 0px 5px;
    padding-left: 20px;
    background: url(i/bala.png) 0px 3px no-repeat
}

#details{
    margin: 5px;
    padding: 5px;
}

#details dl dt{
  margin-top: 10px;
  font-weight: bold;
  font-size: 1.1em;
  color: #336699;
}

#details dl dd h5{
    color: #CC0000;
}

#extended_info{
	padding: 5px;
}

#extended_info a {
	color: black;
	background: LemonChiffon;
	text-decoration: none;
}

#extended_info a:link {
	background: LemonChiffon;
}

#extended_info a:hover {
	color: red;
	text-decoration: underline;
	background: LemonChiffon;
}

#extended_info a:visited {
	color: black;
	background: LemonChiffon;
}

#extended_info a:active {
	color: black;
	background: LemonChiffon;
}





/* Classes */
.infograph{
	float: right;
	margin: 0px 10px 5px 5px;
}

.linkbutton{
	padding: 10px 0px 0px 0px;
}

dl.map {
  background: url(i/turnberry_thseccam.jpg) no-repeat;
  border: 1px solid #999;
  margin: 0px;
  padding: 0px;
  text-align:left;
  width: 640px;
  height: 480px;
  position: relative;
}

dl.map dt {
  display: inline;
  list-style:none;
}

dl.map dd {
  background: #555;
  border: 2px solid #222;
  border-radius: 8px; /* CSS3 rounded corners */
  -moz-border-radius: 8px; /* Mozilla rounded corners */
  color: #fff;
  padding: 4px;
  width: 200px;
  position: absolute;
  left: -9999px;
  z-index: 11;
}

dl.map a.location {
	display:block;
	position:absolute;
	padding: 6px 0 0 0;
	text-align:center;
	color: #FFF;
	font-family: Arial, Verdana, Sans-Serif, Monaco;
	font-size: 16px;
	font-weight: bold;
	background:url(i/cam.png) no-repeat;
	width:36px;
	height:36px;
	outline:none;
	z-index:10;
	text-decoration:none;
}
dl.map a.location:hover {
	color: #000;
	background:url(i/cam-hover.png) no-repeat -1px -1px;
}

dl.map a#cam01 {
	top:365px;
	left:570px;
}
dl.map a#cam02 {
	top:405px;
	left:583px;
}
dl.map a#cam03 {
	top:435px;
	left:583px;
}
dl.map a#cam04 {
	top:385px;
	left:145px;
}
dl.map a#cam05 {
	top:235px;
	left:145px;
}
dl.map a#cam06 {
	top:200px;
	left:155px;
}
dl.map a#cam07 {
	top:25px;
	left:235px;
}
dl.map a#cam08 {
	top:15px;
	left:260px;
}
dl.map a#cam09 {
	top:85px;
	left:440px;
}
dl.map a#cam10 {
	top:105px;
	left:460px;
}
dl.map a#cam11 {
	top:200px;
	left:470px;
}
dl.map a#cam12 {
	top:225px;
	left:480px;
}
dl.map a#cam13 {
	top:215px;
	left:270px;
}
dl.map a#cam14 {
	top:6px;
	left:150px;
}
dl.map a#cam15 {
	top:0px;
	left:235px;
}