@charset "utf-8";
*{
	margin:0;
	padding:0;
	border:0;
}
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000072;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	width: 100%;
}
/* Why do I do that?  ...hmm.. since switching from Tables to CSS, I've learned it is easier 
for MY feeble brain to lay out the design first with just colored boxes THEN paint it in photoshop, this just helps me 
to get the layout of the elements first.  Then I refine theses values with more specifics through 
IDs and Classes when the graphics call for it, in my case the barebones basic layout comes 
first with designs in my head BEFORE I open PhotoShop... but that's just me */

h1, h2, h3, h4, h5, h6 {
	color: #00F;
}
#header  {
	margin: -10px auto 10px;
	width: 1000px;
	background: url(../images/islogo.gif) no-repeat left;
	height: 160px;
} 
#header h1  {
	display: none;

}
#header p a {
	color: #FFF;
	text-decoration: none;
}
#header p a:hover {
	font-size: 1.1em;
	color: #089CFF;
	text-decoration: none;
}
			 
#header p {
	color: #FFF;
	font-weight: bold;
	font-size: 1em;
	text-align: right;
	margin: 0px;
	padding: 60px;
	text-decoration: none;
}
#container  {
	width: 780px;
	background: #000072 url(../images/containbk.gif) repeat-x center top;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding: 20px 0px;
	height: 628px;
} 
#topnav {
	float:left;
	width:100%;
	line-height:normal;
	margin-top: -51px;
	text-align: center;
	text-decoration: none;
}
* html #topnav {
  position: relative;
  zoom: 1;
}
#topnav ul {
	margin:0;
	padding:10px 10px 0;
}
#topnav li {
	float:left;
	margin:0;
	padding:0 0 0;
	list-style: none;
	width: 195px;
	background: url(../images/nav-buttons/right_nav.gif) no-repeat right top;
}
#topnav a {
	display:block;
	background: url(../images/nav-buttons/left_nav.gif) no-repeat left top;
	padding: 5px 10px 8px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
}
#topnav #current {
	background: url(../images/nav-buttons/curr_right_nav.gif) 100% 0px;
}
#topnav #current a {
	background: url(../images/nav-buttons/left_nav.gif) no-repeat 0% top;
	padding-bottom: 17px;
	color: #026BB2;
}
#topnav #current_le {
	background: url(../images/nav-buttons/curr_right_nav.gif) no-repeat 100% 0px;
}
#topnav #current_le a {
	background: url(../images/nav-buttons/curr_left_nav.gif) no-repeat 0% top;
	padding-bottom: 17px;
	color: #026BB2;
}
#topnav #current_re {
	background: url(../images/nav-buttons/curr_right_nav.gif) no-repeat 100% -150px;
}
#topnav #current_re a {
	background: url(../images/nav-buttons/left_nav.gif) no-repeat 0% top;
	padding-bottom: 17px;
	color: #026BB2;
}
#topnav #curr_rt a {
	background: url(../images/nav-buttons/curr_left_nav.gif) no-repeat 0% 0px;
}
#topnav li a:hover , #topnav li a:focus{
	text-decoration: none;
	color: #000072;
	font-size: 1em;
}
#topnav #current a:hover, #topnav #current_le a:hover, #topnav #current_re a:hover{
	text-decoration: none;
	font-size: .9em;
}
/*#topnav li:hover, #topnav #current:hover a {
	background-position:100% 0px;
	color:#000;
} remeout used in sliding door tech */
/*#topnav #current:hover a {
	background: url(../images/nav-buttons/curr_left_nav.gif) no-repeat left top;
} remeout used in sliding door tech */
/*#topnav {
	width: 780px;
	background: #3cf;
	text-align: center;
	margin: 0px;
	color: #FFF;
	padding: 0px;
}*/

/*#topnav li a {
	line-height: 2em;
	font-size: 1.2em;
	color: #FFF;
	text-decoration: none;
}*/
/*#topnav li a:hover , #topnav li a:focus{
	text-decoration: underline;
	font-weight: bold;
}*/

/*#topnav li {
	padding-right: 10px;
	padding-left: 10px;
	list-style: none;
	display: inline;
}*/
#sidebar1  {
	float: left; /* since this element is floated, a width must be given */
	width: 170px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px;
	margin-left: 10px;
	font-size: 85%;
}
#sidebar1 li {
	list-style:none;
}
#sidebar1 li a   {
	font-size: 1em;
	padding: 15px 0px 0px 15px;
	margin: 0px;
	text-decoration: none;
	height: 45px;
	width: 120px;
	line-height: 1.6em;
	font-weight: bold;
	display: block;
	background: url(../images/usb_button.gif) no-repeat left;
	list-style: none;
}
#sidebar1 li a:hover , #sidebar1 li a:focus  {
	padding: 15px 0px 0px 30px;
	background: url(../images/usb_button.gif) no-repeat center;
	width: 140px;
	color: #000072;
}
.sales #sidebarnav #sales a, .repair #sidebarnav #repair a, .network #sidebarnav #network a, .design #sidebarnav #design a, .hosting #sidebarnav #hosting a, .access #sidebarnav #access a 	{
	background: url(../images/usb_plugin.gif) no-repeat right;
	padding: 15px 0px 0px 70px;
	height: 45px;
	width: 101px;
	color: #03F;
}
#content-wrap {
	margin-left: 180px;
	width: 540px;
	height: 580px;
	margin-top: 15px;
	background: url(../images/cwborder.gif) no-repeat;
	padding: 20px 0px 0px;
}


#content  {
	padding: 0px;
	font-size: 0.8em;
	background: #FFF;
	border: medium inset #DEF1FF;
	overflow: auto;
	height: 485px;
	margin: 0px 20px 20px;
}


#content h2 {
	text-align: center;
	padding: 0px 10px;
}
#content p {
	margin: 0px 10px;
	padding: 10px 10px 0px;
}
#content ul , dl{
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 20px;
}



#footer  {
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#000072;
} 

#footer p  {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 20px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#footnav {
	width: 780px;
	text-align: center;
	margin: 0px;
	color: #FFF;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

#footnav li {
	padding-right: 10px;
	padding-left: 10px;
	list-style: none;
	display: inline;
}

#footnav li a {
	line-height: 2em;
	font-size: 1.2em;
	color: #FFF;
	text-decoration: none;
}
#footnav li a:hover , #footnav li a:focus {
	text-decoration: underline;
	font-weight: bold;
	color: #089CFF;
}
.home #footnav #home a, .computer #footnav #computer a, .internet #footnav #internet a, .contact #footnav #contact a {
	font-weight: bold;
	color: #528EAD;
	text-decoration: none;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.contactus {
	font-size: 1.3em;
}
.contactus dt {
	padding: 10px 0px 0px;
	margin: 0px 0px 0px 20px;
	color: #000072;
}
.contactus dd {
	margin: 0px 0px 0px 20px;
}


.copyright {
	color: #FF0;
	margin-top: 14px;
	font-size: 0.7em;
}
.contactus dd a:hover {
	font-weight: bold;
}