@charset "UTF-8";
/* CSS Document */
/* This controls the Wireless side of the site */

/* "text-align: center" in body centres the container with website, "text-align:left" in container resets default for the site itself */

body {
text-align: center;
background-color: #2F3133;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

/* everything is in container div to centre the website */
#container {
	margin: 0 auto;
	text-align: left;
	width: 900px;
	height: 720px;
	position: relative;
	background-image: url(../images/WirelessPage_Final.gif);
	background-repeat:no-repeat;
	background-position: top;
	padding-top: 0px;
}

/* Navbar */
#wNavbar {
	position: absolute;
	left: 74px;
	top: 146px;
	width: 170px;
	height: 365px;
}



/* Client login link rollover */
#c_login {
	position: absolute;
	left: 86px;
	top: 560px;
	width: 94px;
}

#c_login a {
display: block;
width: 94px;
   background: url(../images/buttons/IT_Supp_Client.gif) 0 0 no-repeat;
   }
   
#c_login a:hover {
   background-position: -94px 0;
   }
   
#c_login a:active {
   background-position: -94px 0;
   }


/* It Support_site_link rollover */
#ITsupp_site_link {
	position: absolute;
	left: 86px;
	top: 524px;
	width: 94px;
}

#ITsupp_site_link a {
display: block;
width: 94px;
   background: url(../images/buttons/SIGMA_Web_WireButts_IT.gif) 0 0 no-repeat;
   }
   
#ITsupp_site_link a:hover {
   background-position: -94px 0;
   }
   
#ITsupp_site_link a:active {
   background-position: -94px 0;
   }


/* adjust spacing after h1, h2 etc with bottom margin and padding */

h1 {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #000000;
	margin-bottom: 5px;
	padding-bottom: 0px;
	}

h2 {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
	
/* scrollbox div is where the main content goes */	
#scrollbox {
	position: absolute;
	left: 270px;
	top: 140px;
	width: 500px;
	height: 420px;
	overflow:auto;
	padding-bottom: 15px;
	padding-left: 5px;
	padding-top: 10px;
	padding-right: 30px;
}
/* Alternate scrollbox adjusted for video placement above */
#scrollbox2 {
	position: absolute;
	left: 270px;
	top: 440px;
	width: 500px;
	height: 120px;
	overflow:auto;
	padding-bottom: 15px;
	padding-left: 5px;
	padding-top: 10px;
	padding-right: 30px;
}

#videobox {
    position: absolute;
    left: 270px;
	top: 140px;
	width: 500px;
	height: 280px;
}

/*  to make map float to right and text to left in scrollbox */


.map iframe {
    float: right;
}
	
/*  to make pics sit right and text flow round */

.pics {
    float: right;
	position: relative;
	margin-right: 10px;
	margin-left: 30px;
	margin-bottom: 15px;
}

.pics a {
    text-decoration: none;
    font-size:9px;
}

.pics a:link {
    text-decoration: none;
    font-size:9px;
}

.pics a:visited {
    text-decoration: none;
    font-size:9px;
}

.pic_linktext {
	clear:left;
    font-size: 10px;
	text-decoration:none;
}

/* to clear after the right floated picture - put this div in and close it with nothing in it */
#clear {
clear:right;
}

.email_form {
    
	position:absolute;
	top: 20px;
	left:180px;
}

label {
display:block;
}

.checkbox {
float:left;
}


.address {
float: left;
font-size:13px;
}

/* Printlink div is for the print this page link rollover */
#printlink {
position:absolute;
left: 690px;
top: 610px;
width: 106px;
}

#printlink a {
display: block;
width: 106px;
   background: url(../images/buttons/PrintPage.gif) 0 0 no-repeat;
   }
   
#printlink a:hover {
   background-position: -106px 0;
   }
   
#printlink a:active {
   background-position: -106px 0;
   }
 
/* Printcontact div is for the print contact details rollover */
#printcontact {
position:absolute;
left: 670px;
top: 610px;
width: 130px;
}

#printcontact a {
display: block;
width: 130px;
   background: url(../images/buttons/PrintContact.gif) 0 0 no-repeat;
   }
   
#printcontact a:hover {
   background-position: -130px 0;
   }
   
#printcontact a:active {
   background-position: -130px 0;
   }   


/* hotspot area for link to front page from logo */

#logolink {
    position: absolute;
	left: 80px;
	top: 35px;
	width: 170px;
	height: 100px;
	}
	
/* text links at base of page */
#textlinks {
	position:absolute;
	top: 700px;
	left: 240px;
	width: 700px;
	font-size:11px;
	color:#6b6e70;
}

#textlinks a:link, a:visited {
	color:#6b6e70;
	text-decoration:none;
}

#textlinks a:hover, a:active {
	color:#FFFFFF;
 	text-decoration:none;
}