body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /* for standards compliant browsers */
}

html>body { /* be nice to Opera declaration */
	font-size: small;
}

h1 {
	margin: 0;
	position:absolute;
	top:12px;
	left:1%;
	z-index:5;
	height:79px;
	width:341px;
	text-indent: -9000px;
}

a {
	outline: none;
}

h1 a {
	display: block;
	height:82px;
	width:354px;
	background:url(../images/ss_logo.jpg) no-repeat top left;
}

#wrapper {
	width: 100%;
	min-width:930px;
	margin:0;
	padding:0;
	height:620px;
}

#main {
	width:100%;
	margin-top:-14px;
	background: #4A6E92 url(../images/body_bg.jpg) no-repeat 100% 25%;
}	

#masthead {
	position:relative;
	height: 110px;
	width:100%;
	background:url(../images/home_header.jpg) repeat-x top left;
}

#login {
	z-index:6;
	position:absolute;
	top:87px;
	right:1%;	
	width:100px;
	margin:0;
	padding:0;
}

#login h4 {
	margin:0 0 2px 0;
}

#login h4 a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	padding: 1px 15px 1px 0;
	line-height:14px;
	margin:0;
	background:url(../images/padlock_white.gif) no-repeat right center;
}

#login h4 a:hover {
	color:#cc9900;
	background: url(../images/padlock_yellow.gif) no-repeat right center;
}

#nav {
	width: 100%;
	height: 1.3em;
	padding-bottom:5px;
	border-bottom:solid #003366 1px;
	background:#ffffff;
}

#nav a:link, #nav a:visited {
	color:#003366;
	text-decoration:none;
}

#nav a:hover, #nav a:active {
	color:#cc9900;
	text-decoration:none;
}

/*Makes current page highlight in nav */
body#home a#homenav,
body#about a#aboutnav,
body#contact a#contactnav,
body#community a#communitynav,
body#client a#clientnav, 
body#employment a#employnav,
body#sitemap a#sitenav {
	color: #cc9900;
	text-decoration:none;
}	

#tabs {
	position: absolute;
	top:75px;
	right: 2%;
	z-index:4;
	margin:0;
	padding:0;
	list-style: none;
	height: 35px;
	width:65%;
	display: inline;

	}

#tabs li {
	margin:0; 
	padding:0;
	display: inline;
	list-style-type: none;
	}

#tabs a {
	float: left;
	padding: 35px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:35px; /* for IE5/Win */
	}
	
#tabs a:hover {
	background-position: 0 -35px;
	}

#tabs a:active, #tabs a.selected {
	background-position: 0 -70px;
	}
	
/*Nav bar elements*/
#tlogin a  {
	position:absolute;
	top:0px;
	right:0;	
	width: 125px;
	background: url(../images/login_tab.png) top left no-repeat;
}



#nav ul {
	margin:0;
	padding:5px 0 5px 10px;
	list-style:none;
}

#nav li {
	float: left;
	margin: 0 7px 0 7px;
	padding: 0 14px 0 0;
	color:#003366;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;
	font-weight:bold;
	background:url(../images/nav_line.gif) no-repeat right center;
}

#intro {
	width:60%;
	height:150px;
	padding:0;
	margin-left:8%;
	margin-bottom:13px;
}

#intro table, #intro tr, #intro tbody, #intro td {
	padding:0;
	margin:0;
}

#intro p {
	font-size:85%;
	padding: 0 10px 5px 0;
	margin:0;
	color:#003366;
}

#intro a.webOffers {
	display:block;
	width:249px;
	height:41px;
	margin-top:10px;
	text-indent:-9000px;
	background:url(../images/web-offer-bg.png) top left no-repeat;
}

#intro a.support {
	display:block;

	width:227px;
	height:37px;
	text-indent:-9000px;
	background:url(../images/support-icon.png) top left no-repeat;
}

#intro h2 {
	font-size:130%;
	padding: 8px 0 0 0;
	margin-bottom:4px;
	color:#003366;
}

#sections {
	margin-left:8%;
	height: 400px;
}

#computerSection {
	float:left;
	display:inline;
	margin-right:3%;
	width:267px;
	height:360px;
}

#computerSection h2 a {
	position:relative;
	display:block;
	height:340px;
	width:267px;
	text-decoration:none;
	background: url(../images/computer_pixy.png) no-repeat top left;
	text-indent:-9000px;
}

#computerSection h2 a:hover {
	background: url(../images/computer_pixy.png) no-repeat top right;
}	
	

#webSection {
	float:left;
	display:inline;
	margin-right:3%;
	width:267px;
	height:360px;
}

#webSection a {
	position:relative;
	display:block;
	height:340px;
	width:267px;
	text-decoration:none;
	background: url(../images/web_pixy.png) no-repeat top left;
	text-indent:-9000px;
}

#webSection a:hover {
	background: url(../images/web_pixy.png) no-repeat top right;
}	

#cinemaSection {
	float:left;
	display:inline;
	margin-right:3%;
	width:267px;
	height:360px;
}

#cinemaSection h2 a {
	position:relative;
	display:block;
	height:340px;
	width:267px;
	text-decoration:none;
	background: url(../images/cinema_pixy.png) no-repeat top left;
	text-indent:-9000px;
}

#cinemaSection h2 a:hover {
	background: url(../images/cinema_pixy.png) no-repeat top right;
}	

#footer {
	clear: both;
	height:100px;
	width:100%;
	background: #ffffff url(../images/footer_bg.jpg) repeat-x top left;
	border-top:solid #666666 1px;
}

#details {
	float:left;
	width:27%;
	margin-top:13px;
	padding-right:5px;
}

#details p {
	font-size:75%;
	color:#003366;
	padding:0 10px 0 10px;
	margin: 0 0 0 0;
}

#details p.copyright {
	font-size: 65%;
}

#logos {
	float:left;
	width: 70%;
	border-left: solid #666666 1px;
	padding-left: 1%;
	margin: 5px 0 5px 0;
}

#logos p {
	font-size:70%;
	color:#003366;
	padding:0 2% 0 2%;
	margin: 15px 0 0 0;
}
	

#logos ul {
	list-style:none;
	margin:5px 0 0 0;
	padding:0;
}

#logos li {
	float: left;
	padding:0;
	text-indent:-9000px;
}
	
	
#logos li.trend {
	display:block;
	height:41px;
	width:96px;
	background:url(../images/trend-micro-logo.jpg) no-repeat;
	text-indent:-9000px;
	margin:5px 0 0 2%;
}

#logos li.microsoft {
	float:left;
	display:block;
	height:49px;
	width:119px;
	background:url(../images/mspart.gif) no-repeat;
	text-indent:-9000px;
	margin:8px 2% 0 2%;
}

#logos li.westnet {
	float:left;
	display:block;
	height:44px;
	width:152px;
	background:url(../images/WNAgent.gif) no-repeat;
	text-indent:-9000px;
	margin:7px 0 0 0;
}

#logos li.westnet a {
	display:block;
	height:44px;
	width:152px;
}

#logos li.hp {
	float:left;
	display:block;
	height:67px;
	width:82px;
	background:url(../images/hp_logo.gif) no-repeat;
	text-indent:-9000px;
	margin:0px 0 0 2%;
}

#logos li.toshiba {
	float:left;
	display:block;
	height:43px;
	width:150px;
	background:url(../images/tosh_reseller_logo.gif) no-repeat;
	text-indent:-9000px;
	margin:0px 0 0 2%;
}