/* CSS Document */
a {
	color:#3399CC;
	text-decoration:none;
}
a:hover {
	color:#33CCFF;
}
a:visited {
	text-decoration:none;
}
td,p,div,span {
	font-family:Verdana;
	font-size:11px;
	color:#333333;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3399CC;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3399CC;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #3399CC;
}
.copyright {
	color: #c0c0c0;
}

.indexboxHead {
	padding-top:4px;
	padding-right:20px;
	font-weight:bold;
	border-top:solid 1px #ffffff;
}
.indexboxItem {
	padding-top:4px;
	padding-left:10px;
	padding-right:10px;
	border-top:solid 1px #ffffff;
	border-left:solid 1px #ffffff;
	text-decoration:none
}
.boxitem {
	text-decoration:none;
	color:#666666;
}
.boxitem:link {
	text-decoration:none;
	color:#666666;
}
.boxitem:hover {
	text-decoration:underline;
	color:#666666;
}

#aboutIndex a {
	display:block; 
	width:53px; 
	height:34px; 
	background: url("images/index/nav/about.jpg") top left no-repeat;
}
#aboutIndex a:hover {
	background-position: 0 -44px;
}
#about1Index a {
	display:block; 
	width:52px; 
	height:38px; 
	background: url("images/nav/about.jpg") top left no-repeat;
}
#about1Index a:hover {
	background-position: 0 -48px;
}
#about a {
	display:block; 
	width:52px; 
	height:38px; 
	background: url("images/nav/about.jpg") top left no-repeat;
}
#about a:hover {
	background-position: 0 -48px;
}
#aboutOn a {
	display:block; 
	width:52px; 
	height:38px; 
	background: url("images/nav/about_on.jpg") top left no-repeat;
}

#productsIndex a {
	display:block; 
	width:75px; 
	height:34px; 
	background: url("images/index/nav/products.jpg") top left no-repeat;
}
#productsIndex a:hover {
	background-position: 0 -44px;
}
#products1Index a {
	display:block; 
	width:76px; 
	height:38px; 
	background: url("images/nav/products.jpg") top left no-repeat;
}
#products1Index a:hover {
	background-position: 0 -48px;
}
#products a {
	display:block; 
	width:76px; 
	height:38px; 
	background: url("images/nav/products.jpg") top left no-repeat;
}
#products a:hover {
	background-position: 0 -48px;
}
#productsOn a {
	display:block; 
	width:76px; 
	height:38px; 
	background: url("images/nav/products_on.jpg") top left no-repeat;
}

#portfolioIndex a {
	display:block; 
	width:81px; 
	height:34px; 
	background: url("images/index/nav/portfolio.jpg") top left no-repeat;
}
#portfolioIndex a:hover {
	background-position: 0 -44px;
}
#portfolio1Index a {
	display:block; 
	width:81px; 
	height:38px; 
	background: url("images/nav/portfolio.jpg") top left no-repeat;
}
#portfolio1Index a:hover {
	background-position: 0 -48px;
}
#portfolio a {
	display:block; 
	width:81px; 
	height:38px; 
	background: url("images/nav/portfolio.jpg") top left no-repeat;
}
#portfolio a:hover {
	background-position: 0 -48px;
}
#portfolioOn a {
	display:block; 
	width:81px; 
	height:38px; 
	background: url("images/nav/portfolio_on.jpg") top left no-repeat;
}

#technologyIndex a {
	display:block; 
	width:91px; 
	height:34px; 
	background: url("images/index/nav/technology.jpg") top left no-repeat;
}
#technologyIndex a:hover {
	background-position: 0 -44px;
}
#technology1Index a {
	display:block; 
	width:91px; 
	height:38px; 
	background: url("images/nav/technology.jpg") top left no-repeat;
}
#technology1Index a:hover {
	background-position: 0 -48px;
}
#technology a {
	display:block; 
	width:91px; 
	height:38px; 
	background: url("images/nav/technology.jpg") top left no-repeat;
}
#technology a:hover {
	background-position: 0 -48px;
}
#technologyOn a {
	display:block; 
	width:91px; 
	height:38px; 
	background: url("images/nav/technology_on.jpg") top left no-repeat;
}

#distributorsIndex a {
	display:block; 
	width:99px; 
	height:34px; 
	background: url("images/index/nav/distributors.jpg") top left no-repeat;
}
#distributorsIndex a:hover {
	background-position: 0 -44px;
}
#distributors1Index a {
	display:block; 
	width:99px; 
	height:38px; 
	background: url("images/nav/distributors.jpg") top left no-repeat;
}
#distributors1Index a:hover {
	background-position: 0 -48px;
}
#distributors a {
	display:block; 
	width:99px; 
	height:38px; 
	background: url("images/nav/distributors.jpg") top left no-repeat;
}
#distributors a:hover {
	background-position: 0 -48px;
}
#distributorsOn a {
	display:block; 
	width:99px; 
	height:38px; 
	background: url("images/nav/distributors_on.jpg") top left no-repeat;
}

#contactIndex a {
	display:block; 
	width:71px; 
	height:34px; 
	background: url("images/index/nav/contact.jpg") top left no-repeat;
}
#contactIndex a:hover {
	background-position: 0 -44px;
}
#contact1Index a {
	display:block; 
	width:71px; 
	height:38px; 
	background: url("images/nav/contact.jpg") top left no-repeat;
}
#contact1Index a:hover {
	background-position: 0 -48px;
}
#contact a {
	display:block; 
	width:71px; 
	height:38px; 
	background: url("images/nav/contact.jpg") top left no-repeat;
}
#contact a:hover {
	background-position: 0 -48px;
}
#contactOn a {
	display:block; 
	width:71px; 
	height:38px; 
	background: url("images/nav/contact_on.jpg") top left no-repeat;
}

.contentArea {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
}
.sidenavBox {
	border-right:solid 1px #cccccc;
}
#sidenavItem a{
	display:block;
	padding:5px;
	padding-right:20px;
	background:#ffffff;
	border:solid 1px #ffffff;
	border-right:none;
	text-decoration:none;
}
#sidenavItem a:hover {
	background:#ffffff;
	text-decoration:none;
	border:solid 1px #33ccff;
	border-right:none;
	background-image: url("images/nav/sidenavr.gif");
	background-position:center right;
	background-repeat:repeat-y;
	color:#3399cc;
}
#gallery {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px;
}
.imgbox{
	BORDER-RIGHT: #a4c0cd 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #a4c0cd 1px solid; PADDING-LEFT: 0px; MIN-HEIGHT: 7px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 5px; BORDER-LEFT: #a4c0cd 1px solid; WIDTH: 120px; PADDING-TOP: 0px; BORDER-BOTTOM: #a4c0cd 1px solid; TEXT-ALIGN: center;
}
.imgboxP{
	BORDER-RIGHT: #a4c0cd 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #a4c0cd 1px solid; PADDING-LEFT: 0px; MIN-HEIGHT: 7px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 5px; BORDER-LEFT: #a4c0cd 1px solid; WIDTH: 164px; PADDING-TOP: 0px; BORDER-BOTTOM: #a4c0cd 1px solid; TEXT-ALIGN: center;
}
.imgbox IMG {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px;
}
.imgboxP IMG {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px;
}
.imgbox A.img{
	DISPLAY: block; PADDING-TOP: 5px; HEIGHT: 110px;
}
.imgboxP A.img{
	DISPLAY: block; PADDING-TOP: 5px; HEIGHT: 144px;
}
.imgbox A.img:hover {
	BACKGROUND-COLOR: #33ccff;
}
.imgbox .name_box {
	FONT-SIZE: 9px; PADDING-BOTTOM: 0px; MARGIN: 1px 0px; PADDING-TOP: 2px; FONT-FAMILY: Verdana; color:#3399cc;
}
.imgboxP .name_box {
	FONT-SIZE: 9px; PADDING-BOTTOM: 0px; MARGIN: 1px 0px; PADDING-TOP: 2px; FONT-FAMILY: Verdana; color:#3399cc;
}
.imgboxP A.img:hover {
	BACKGROUND-COLOR: #33ccff;
}
.photo_name {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; OVERFLOW: hidden; PADDING-TOP: 0px; HEIGHT: 2.6em;
}