body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 62.5%;
margin: 10px 0px 0px 10px;
padding: 0px;
background-color: Black;
color: #A2A2A2;
}

* html body { text-align: center;}

#container{
	text-align: left;
	margin: 0 auto 0 auto;
	width: 760px;
	top: 1px;
	left: 0px;
	height: 100%;
	min-height: 100%;
}

#fullflash{
margin: 0px;
padding: 0px;
	text-align: center;
	height: 100%;
	min-height: 100%;
}

img.fullscreen{
	margin: 5px 0px 0px 0px;
}

#logocontainer{
	width: 760px;
	float: left;
	padding-bottom: 20px;
	border-bottom: 1px solid #333333;
}

#logoheader{
	float: left;
	width: 414px;
}

#mainstrapheader{
	float: right;
}

#columnMainWide{
	float:right;
	width:590px;
	font-size: 1.2em;
	padding-left: 8px;
	padding-top: 5px;
}

#columnMainHome{
	float:right;
	width:590px;
	font-size: 1.2em;
	padding-left: 8px;
	padding-top: 5px;
	text-align: center;
}

#columnMainHome span{

	text-align: left;
}

#columnMainFull{
background-color: black;
	float:left;
	width:340px;
	font-size: 1.2em;
	padding-left: 4px;
	padding-top: 5px;
	color: #A2A2A2;
	text-align: justify;
}

#columnMain{
	float:right;
	width:435px;
	font-size: 1.2em;
	padding-left: 8px;
}

#columnServices{
	float:right;
	width:435px;
	height: 400px;
	font-size: 1.2em;
	padding-left: 8px;
	padding-top: 8px;
	text-align: justify;
}


#columnLeft{
	font-size: 1.2em;
	float:left;
	width:156px;
	background-color: #333333;

}

#columnLeft2{
	font-size: 1.2em;
	float:left;
	width:156px;
	background-color: #3c3c3c;
	margin-left: 4px;
}

#columnRight{
	float:right;
	width:120px;
}

#enclose{
	float:left;
	width:760px;
	background-image: url(images/prod_enclose_bg2.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	background-color: Black;
	margin-top: 0px;
}

#encloseWide{
	float:left;
	width:760px;
	background-image: url(images/prod_enclose_bg3.gif);
	background-position: top left;
	background-repeat: repeat-y;
	margin-bottom: 5px;
	background-color: Black;
	margin-top: 0px;
}

#encloseFull{
	float:left;
	width:760px;
	margin-bottom: 5px;
	background-color: Black;
	margin-top: 0px;
}

#footer{
background-color: Black;
clear: both;
font-size:1.2em;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
height:20px;
margin-top: 5px;
line-height: 20px;
color: #3C3C3C;
}

#footer a{
	color: #3c3c3c;
	text-decoration: none;
}

#footer a:hover{
	color: #ababab;
	text-decoration: underline;
}

td a{
	color: #ababab;
	text-decoration: underline;
}

td a:hover{
	color: #3c3c3c;
	text-decoration: none;
}


#copyright{
background-color: Black;
clear: both;
font-size:1.2em;
height:20px;
margin-top: 5px;
line-height: 20px;
color: #3C3C3C;
}

#netistix{
	float: left;
}

#copy{
	float: right;
}

#copyright a{
color: #3c3c3c;
text-decoration: underline;
}

#copyright a:hover{
color: #ababab;
text-decoration: none;
}

#introflashholder{
	padding-bottom: 40px;
	padding-left: 3px;
	float: right;
}


/* main navigation*/

#navigation{
float: left;
display: block;
text-align: left;
background-color: #2b2b2b;
width: 157px;
line-height: 20px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal; 
}



#navigation ul{
list-style: none;
padding: 0;
margin: 0;

}

#navigation ul li{
margin: 0;
padding: 0px;
}

#navigation ul li a{

background-color: #1d1d1d;
padding: 2px 0px;
margin-right: 0px;
text-indent: 5px;
text-decoration: none;
color: #ababab;
width: 157px;
display: block;
border-bottom: 1px solid #252525;
}

body #navigation ul li a {
width: 157px;
margin-left: 0;
text-indent: 0px;
 voice-family: "\"}\"";
 voice-family: inherit;
 text-indent: 5px;
width: 157px;
}

* html #navigation ul li a{width:157px;}

#navigation ul li a:hover{
background-color: #000000;
text-decoration: none;
color: #ababab;
}


#navigation ul li a.navoff{
background-image: url(images/main_nav_arrow_off.gif);
background-position: 140px;
background-repeat: no-repeat;
background-color: #1d1d1d;
padding: 2px 0px;
margin-right: 0px;
text-indent: 5px;
text-decoration: none;
color: #ababab;
width: 157px;
display: block;
border-bottom: 1px solid #252525;
}

body #navigation ul li a.navoff{
width: 157px;
margin-left: 0;
text-indent: 0px;
 voice-family: "\"}\"";
 voice-family: inherit;
 text-indent: 5px;
width: 157px;
}

body #navigation ul li a.navoff:hover{
width: 157px;
margin-left: 0;
text-indent: 0px;
 voice-family: "\"}\"";
 voice-family: inherit;
 text-indent: 5px;
width: 157px;
}

* html #navigation ul li a{width:157px;}


#navigation ul li a#navoff2{
background-image: url(images/main_nav_arrow_off.gif);
background-position: 140px;
background-repeat: no-repeat;
background-color: #1d1d1d;
padding: 2px 0px;
margin-right: 0px;
text-indent: 5px;
text-decoration: none;
color: #ababab;
width: 157px;
display: block;
border-bottom: 1px solid #252525;
}

#navigation ul li a.navon{
background-image: url(images/main_nav_arrow_on.gif);
background-position: 140px;
background-repeat: no-repeat;
background-color: black;
padding: 2px 0px;
margin-right: 0px;
text-indent: 5px;
text-decoration: none;
color: #ababab;
width: 157px;
display: block;
border-bottom: 1px solid #252525;
font-weight: bold;
}

body #navigation ul li a.navon{
width: 157px;
margin-left: 0;
text-indent: 0px;
 voice-family: "\"}\"";
 voice-family: inherit;
 text-indent: 5px;
width: 157px;
}


/* secondary navigation*/

#submenu{
float: left;
text-align: left;
background-color: black;
width: 155px;
line-height: 20px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal; 
}

#submenu ul{
list-style: none;
padding: 0;
margin: 0;

}

#submenu ul li{
margin: 0;
padding: 0;
background: black;
height: 25px;
}

#submenu ul li a{
background-color: black;
padding: 2px 0px;
margin: 0px;
text-indent: 5px;
text-decoration: none;
color: #ababab;
width: 155px;
display: block;
border-bottom: 1px solid #333333;
}

*html #submenu ul li a{
width: 155px;
margin: 0px;
text-indent: 2px;
}



#submenu ul li a:hover{
background-color: #2b2b2b;
text-decoration: none;
color: #ababab;
}

#submenu ul li a.navon{
background-color: #2b2b2b;
background-image: url(images/main_subnav_arrow_on.gif);
background-repeat: no-repeat;
background-position: 5px;
text-decoration: none;
color: #ababab;
font-weight: bold;
text-indent: 20px;
}

body #submenu ul li a.navon{
width: 100%;
text-indent: 20px;
 voice-family: "\"}\"";
 voice-family: inherit;
 text-indent: 20px;
width: 155px;
}

/* ie5 fix*/
html>body #submenu ul li a.navon{
width:auto;
}


/* ie5 fix*/
html>body #submenu ul li a{
width:auto;
}


td.holder{
	width: 142px;
	height: 142px;
	background-color: #333333;
	
}


.itemholder { background-color: #333333; border: 1px solid #252525;	width: 142px;
	height: 142px; vertical-align: middle; text-align: center;}
	
.itemholder img{
		border: 1px solid black;
}

img.emptyitemholder{
	border: 0;
}

img.homeimage{
border: 1px solid #252525;
margin-left: 5px;
margin-bottom: 5px;
}	

img.serviceimage{
border: 1px solid #252525;
margin-left: 15px;
margin-bottom: 250px;
margin-top: 8px;
}	

img.serviceimage2{
border: 1px solid #252525;
margin-left: 15px;
margin-bottom: 10px;
margin-top: 8px;
}	
	
	
	.btnav img{
		border: 1px solid #252525;
	}
	
	.flashcontainer{
	width: 420px;
	padding: 4px;
	border: 1px solid black;
	border-bottom: 1px solid #333333;
	text-align: justify;
	margin-top: 5px;
	clear: both;
} 

	.flashcontainerFull{
	float: right;
	width: 400px;
	padding: 0px 4px 4px 4px;
	border: 1px solid black;
	text-align: right;
	margin-top: 5px;
	height: 100%;
	visibility: visible;
} 

	.itemdetails{
	width: 425px;
	padding: 4px 4px 4px 0px;
	border: 1px solid black;
	border-top: 1px solid black;
	color: #A2A2A2;
} 

.heading{
	font-weight: bold;
	color: #ababab;
}

.bread{
	font-weight: bold;
	color: #ababab;
	padding: 4px;
	margin-bottom: 5px;
}

.bread a{
	color: #999877;
	text-decoration: underline;
	font-weight: normal;
}

.bread a:hover{
	color: #ABABAB;
	text-decoration: none;
	font-weight: normal;
}

.ref{
text-align: right;
}


	#tooltipcontainer{
	background-color: #2b2b2b;
	display: none;
	width: 420px;
	padding: 4px;
	border: 1px solid #333333;
	text-align: justify;
	margin-top: 5px;
	color: #878787;
} 

#pagination{
	width: 420px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#pagination a{
	color: #999877;
	text-decoration: none;
	font-weight: normal;
}

#pagination a:hover{
	color: #ABABAB;
	text-decoration: none;
	font-weight: normal;
}

.previous{
display: inline;
	float: left;

}

.next{
	float: right;

}

#alternateviews{
	width: 420px;
	padding: 4px;
	margin-top: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #999877;
}

#alternateviews img{
border: 1px solid #A2A2A2;
}

.textscroller{

overflow-x: hidden;
overflow-y: scroll;
width:330px;
height: 400px;
padding-right: 10px;
scrollbar-base-color: #333333;
scrollbar-arrow-color: #DCDCB6;
scrollbar-track-color: #3C3C3C;

scrollbar-shadow-color: black;
scrollbar-lightshadow-color: #333333; 
scrollbar-darkshadow-color: #3C3C3C;

scrollbar-highlight-color: #3C3C3C;
scrollbar-3dlight-color: #333333;
overflow: auto;
}

.textscroller a{
	color: White;
	text-decoration: underline;
}

.textscroller a:hover{
	color: White;
	text-decoration: none;
}

.textscroller2{

overflow-x: hidden;
overflow-y: scroll;
width:420px;
height: 400px;
padding-right: 10px;
scrollbar-base-color: #333333;
scrollbar-arrow-color: #DCDCB6;
scrollbar-track-color: #3C3C3C;

scrollbar-shadow-color: black;
scrollbar-lightshadow-color: #333333; 
scrollbar-darkshadow-color: #3C3C3C;

scrollbar-highlight-color: #3C3C3C;
scrollbar-3dlight-color: #333333;
overflow: auto;
}

a.contact{
	color: #ABABAB;
	text-decoration: underline;
}

a:hover.contact{
	color: #ABABAB;
	text-decoration: none;
}

.style3 {font-size: 1.2em}

.upper{
	text-transform: uppercase;
}


table.contactdetails{
width: 430px;

}

table.contactdetails td div{
padding-left: 5px;
}

table.contactdetails td{
padding-top: 10px;
}


table.contactform{
	background-color: #060000;
	border: 1px solid #090000;
}

table.contactform th{
padding: 4px;
color: #878787;
font-weight: bold;
text-align: left;
background-color: #060000;
border-bottom: 1px solid #3C3C3C;
margin-bottom: 8px;
}

table.contactform td{
padding-top: 2px;
}

td.top{
margin-top: 5px;
}

table.contactform td div{
padding-left: 5px;
}

.contactform input{
	background-color: #333333;
	width: 300px;
	border: 1px solid #A2A2A2;
	color: #ABABAB;
}

input.submit{
	width: 100px;
}

.contactform textarea{
	background-color: #333333;
	width: 300px;
	border: 1px solid #A2A2A2;
	color: #ABABAB;
	height: 70px;
}

li.servicelist{
list-style-image: url(images/bullet.gif);
margin-top: 2px;
	
}

table.splash{
	height: 600px;
}

img.seton{
	border: 1px solid red;
	margin-left: 5px;
}

