BODY { 
color : #000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style : normal;
font-weight : lighter;
font-variant : normal;
text-transform : none;
letter-spacing : 0;
font-size:85%;
cursor:default;
color:#666666;
text-align:justify;
font-size:11.5px;
background-color:#d0d0d0;
line-height:18px;

} 

a img {
border:0;
}

h1 {

font-size:15px;
font-weight:500; 
margin-top:2px;
margin-bottom:2px;
color:#666666;
}

h2{

font-size:13px;
font-weight:500;
margin-top:2px;
margin-bottom:2px; 
color:#666666;
}

h3{

font-weight:500;
margin-top:2px;
margin-left:5px;
margin-bottom:2px;
color:#666666;
font-weight:500;
font-size:14px;

}

p, li {

font-size:12px;
font-weight:500;
line-height:15px;
margin-top:4px;
margin-bottom:4px;
color:#666666;
}


ul {

margin-top:10px;
margin-bottom:00px;

}

A { 
color : #FFFFFF;
text-decoration : none;
} 
A:hover { 
color : #aabbdd;
} 


/* main styles */

#topBar {
background: url(../images/topBar.jpg) no-repeat;
width:984px;
height:30px;
}

#mainHolder {
background: url(../images/mainBg.jpg) repeat-y;
overflow:hidden;
height:480px;
}


#main {
width:924px;
margin-left:30px;

}

#home {
margin-top:40px;
margin-left:15px
}


#homeVideo {
float:left;
}

#homeText, #prodText, #prodImage, #contactText {
width:329px;
height:329px;
border:2px solid #e6d8e7;
float:left; margin-left:20px;
overflow:hidden;
}



#innerImage {
 margin-left:20px;
  margin-top:20px;
}

#homeTextContent {
width:229px;
height:229px;
overflow:hidden;
margin:50px;
color:#666666;
text-align:justify;
font-size:11.5px;
line-height:18px;
}

#contact {
width:530;
height:329px;
border:2px solid #e6d8e7;
float:left; 
overflow:hidden;
padding-bottom:0px;
}

#prodTextContent, {
width:274px;
height:277px;
overflow:hidden;
margin:20px;
color:#666666;
text-align:justify;
font-size:11.5px;
line-height:18px;
}

#ClientContent {
width:284px;
height:277px;
overflow:hidden;
margin:20px;
margin-top:10px;
margin-right:10px;
color:#666666;
text-align:justify;
font-size:11.5px;
line-height:18px;
}

#ClientContent h1 {

font-size:14px; color:#000000; margin-bottom:5px;

}

#ClientContent h2 {

font-size:11px; color:#333333; 
}

.fileScroll {


width:255px; height:75px;
margin-bottom:10px;
overflow:auto;
scrollbar-face-color: #FFFFFF;
scrollbar-arrow-color: #e6d8e7;
scrollbar-base-color: #FFFFFF;
scrollbar-shadow-color: #e6d8e7;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-highlight-color: #e6d8e7;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;

}

#form {
float:right;
}

#prodTextContent img {
display:block;
}

#homeTextContent p, #prodTextContent p, #ClientContent p{
color:#666666;
text-align:justify;
font-size:11.5px;
line-height:18px;
}

#portfolio {
margin-top:35px;
margin-left:15px
}

#bottomBar {
background: url(../images/bottomBar.jpg) no-repeat;
width:984px;
height:33px;

}



#logoHolder {

background: url(../images/underline.jpg) no-repeat right bottom;
padding-bottom:5px;
}

#logo {
background: url(../images/visicomLogo.jpg) no-repeat;
width:205px;
height:66px;
text-indent:-6000px;
float:left;
}

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


#buttons {
width:620px;
height:22px;
margin-top:45px;
margin-right:20px;
font-size:12px;
float:right;

}

#navigation  { 
	padding: 0px;
	margin:0;
	width:620px;
	overflow:hidden;

}

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

#navigation li{
	margin:0;
	list-style:none;
	display:inline;
}

#navigation li a{
	margin-right:5px;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-indent:5px;
	color:#333333;
}


#navigation a:hover{


color:#fff000;
 
}

#why { background:url(../images/buttons/whyUs.gif) 0 0  no-repeat;}
#who { background:url(../images/buttons/who.gif) no-repeat top left ;}	
#library { background:url(../images/buttons/library.gif) no-repeat top left ;}	
#production { background:url(../images/buttons/production.gif) no-repeat top left ;}	
#postProd { background:url(../images/buttons/postProd.gif) no-repeat top left ;}	
#distribution { background:url(../images/buttons/delivery.gif) no-repeat top left ;}	
#duplication { background:url(../images/buttons/duplication.gif) no-repeat top left ;}	
#support { background:url(../images/buttons/support.gif) no-repeat top left ;}	
#who:hover, #why:hover, #why:hover, #library:hover, #production:hover, #postProd:hover, #distribution:hover , #duplication:hover, #support:hover{ background-position: 0 -20px;}	

#subnav,{
	padding: 0px;
	margin: 0px;
	margin-bottom:0px;
	clear:both;
	width:190px;
	float:left;
}

#clients {
overflow:hidden;
height:325px;
float:left;
padding-right:
}
	
	
#subNavClients {


overflow:auto;
padding: 0px;
margin: 0px;
margin-bottom:0px;
clear:both;
width:200px;
height:320px;
scrollbar-face-color: #FFFFFF;
scrollbar-arrow-color: #e6d8e7;
scrollbar-base-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-darkshadow-color: #e6d8e7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #e6d8e7;
scrollbar-track-color: #FFFFFF;

}

#subNavfiles {
padding: 0px;
margin: 0px;
height:200px;
margin-bottom:0px;
clear:both;
scrollbar-face-color: #FFFFFF;
scrollbar-arrow-color: #e6d8e7;
scrollbar-base-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-darkshadow-color: #e6d8e7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #e6d8e7;
scrollbar-track-color: #FFFFFF;

}

#information{
	float: right;
}
#information a{
	text-decoration: none;
	text-indent: -90000em;
background-image:url(../images/bozboz.gif);
background-repeat:no-repeat;
width:85px;
height:14px;
	display:block;

}



#subnav a ,#subNavClients a, #subNavfiles a{
	
	text-decoration:none;
	padding: 2px 2px 2px 2px;
	margin-bottom:5px;
	margin-top:0px; 
	color:#666666;
	width:170px;
	height:20px;
	border:2px solid #e6d8e7;
	display:block;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-indent:-9000px;
	
	
}

#subNavfiles a{ 
width:230px;
}

#subNavClients a, #subNavfiles a {

text-indent:0px;

}

#subNavClients a {
width:170px;
}

#subNavfiles a{
text-indent:5px;
background-color:2px solid #FFFFFF;
color:#bfafc0;
}
#subNavfiles a:hover{
background-color:2px solid #bfafc0;
color:#d4c3d5;
}




#subnav a:hover, #subnav a:hover{

}	

#subnav ul, #subNavClients ul, #subNavfiles ul {
	margin:0px;
	padding:0px;

	
}

#subnav li, #subNavClients li, #subNavfiles li{
	display: block;
	margin:0px;
	margin: 1px;
	padding:0px;
}

.formbox {

	BORDER: #e6d8e7 2px solid;
	COLOR: #000000;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}
.protxNames {
font-size:10px;
}

.links {
background-color:#d0e0e3;
padding:10px;

margin-bottom:10px; margin-top:10px;


}

.linksTop{
background-image:url(../images/miniMango.gif);
background-repeat:no-repeat;
background-position:top left;
padding-left:20px;
height:25px;
margin-left:-30px;
}

.linksTop h1{
font-size:12px;
font-weight: bold;
line-height:20px;
margin-bottom:0px;
}

.linksBody a {

color:#58655c;
font-size:10px;
margin:0px;

}

.linksBody{

padding-left:20px;
}


.linksBody p {

color:#666666;
font-size:10px;
line-height:12px;
padding:0;
margin:0;

}

#footerBar {
clear:both;

width:826px;
height:25px;
overflow:hidden;
margin:auto;
color:#addae6;
background-color:#57b3cc;
margin-top:40px;
line-height:20px;
margin-bottom:20px;
padding:10px;
padding-top:10px;
padding-bottom:5px;
font-size:10px;
}

#footerBar a {

color:#FFFFFF;
}

#footerBar a:hover {

color:#c2e3ec;
}



.selectBox {


	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #cccccc;
	scrollbar-face-color: #666666;
	scrollbar-arrow-color: #666666;
	scrollbar-base-color: #666666;
	scrollbar-shadow-color: #B2B2B2;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-highlight-color: #666666;
	scrollbar-3dlight-color: #666666;
	scrollbar-track-color: #666666;


}

.form {

	scrollbar-face-color: #FFFFFF;
	scrollbar-arrow-color: #666666;
	scrollbar-base-color: #FFFFFF;
	scrollbar-shadow-color: #B2B2B2;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-highlight-color: #666666;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
}