body{
	margin:0;
	font:12px Arial, Helvetica, sans-serif;
	background:#e5e5e5;
}
form,fieldset,img{margin:0;padding:0;border:0;}
a{text-decoration:none; 	color:#000099;}
a:hover{text-decoration:underline; 	color:#000099;}
input,
textarea,
select{
	font:12px arial,sans-serif;
	vertical-align:middle;
}
h1{
	margin:0;
}
#wrapper{
	margin:15px auto 0;
	width:919px;
	padding:0 21px;
	overflow:hidden;
}
#header{
	position:relative;
	margin:0;
	width:919px;
	height:142px;
	background: url(../images/bg-header.gif) no-repeat transparent;
	z-index:1;
	overflow:visible;
}
#header-home{
	position:relative;
	margin:0;
	width:919px;
	height:142px;
	background: url(../images/bg-header-home.gif) no-repeat;
	z-index:1;
	overflow:visible;
}
.logo{
	width:87px;
	height:107px;
	margin:20px 0 0 22px;
	float:left;
	background:url(../images/logo.gif) no-repeat;
	overflow:hidden;
	display:inline;
}
.logo a {
	height: 100%;
	width: 100%;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
#header h2{
	width:397px;
	height:14px;
	margin:41px 39px 0 0;
	float:right;
	background:url(../images/architecs.gif) no-repeat;
	overflow:hidden;
	display:inline;
}
#header h1 a,
#header h2 a{
	height:100%;
	width:100%;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

#header-home h2{
	width:397px;
	height:14px;
	margin:41px 39px 0 0;
	float:right;
	background:url(../images/architecs.gif) no-repeat;
	overflow:hidden;
	display:inline;
}
#header-home h1 a,
#header-home h2 a{
	height:100%;
	width:100%;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

#main{
	width:919px;
	background: url(../images/bg-main.gif) repeat-y;
	overflow:hidden;
	position:relative;
}
#main-home{
	width:919px;
	background: url(../images/home-graphic.jpg) no-repeat;
	overflow:hidden;
	position:relative;
}
.box{
	min-height:431px;
	background: url(../images/bg-footer.gif) no-repeat 0 100%;
	overflow:hidden;
}
.box-home{
	min-height:417px;
	background: url(../images/bg-footer-home.gif) no-repeat 0 100%;
	overflow:hidden;
}
* html .box{
	height:431px;
	overflow:visible;
}
* html .box-home{
	height:417px;
	overflow:visible;
}
.column{
	width:166px;
	min-width:166px;
	float:left;
	padding-right:5px;
	clear:right;
}
#main .list{
	margin:11px 0 0 26px;
	padding:0;
	list-style:none;
	/*width:145px;
	float:left;
	display:inline;*/
	height:1%;
}
.list li{
	line-height:24px;
	letter-spacing:1px;
	/*float:left;
	display:inline;*/
	height:1%;
}
.list li a{
	color:#6969b2;
}
.list li a:hover, .list li .active{
	color:#000099;
	text-decoration:none;
}
.content{
	margin:0 0 0 36px;
	width:500px;
	float:left;
	display:inline;
	padding:0 0 35px 0;
}
.content p{
	margin:10px 0 0 0;
}
.content h3{
	margin:12px 0 0 0;
	color:#000099;
	font-size:14px;
}
.content h4{
	margin:15px 0 0 0;
	font-size:11px;
	font-weight:bold;
}
.content a{
	color:#000099;
}

.content-home{
	margin:0 0 0 0;
	width:500px;
	float:left;
	display:inline;
	padding:0 0 0 0;
}
.sidebar {
	float:right;
	width:188px;
	padding:0 0 250px 0;
}
.sidebar-home {
	float:right;
	width:188px;
}

.sidebar-home h3 {
	font-size:12px;
	color:#000099;
}
.sidebar-home h4 {
	font-size:11px;
	color:#000099;
}
.search-area{
	overflow:hidden;
	height:1%;
	background:url(../images/bg-form.gif) no-repeat 0 100%;
}
.search-area fieldset{
	margin:0 10px 13px 9px;
	background:#f2f2f2;
	overflow:hidden;
	padding:11px 0 0;
}
.search-area h3{
	margin:0 0 0 13px;
	padding:0 0 6px 0;
	font-size:12px;
	color:#000099;
	width:140px;
}
.search-area .check{
	padding:0;
	margin:3px 0 0 12px;
	width:120px;
	list-style:none;
}
.search-area .check li{
	width:120px;
	font-size:12px;
	line-height:18px;
	width:100%;
	overflow:hidden;
}
.search-area .check input{
	width:15px;
	height:16px;
	float:left;
	margin:2px 4px 0 0 ;
}
.search-area .check label{
	margin:0 0 0 3px;
	font-size:12px;
	float:left;
}
.name{
	margin:7px 0 0 14px;
	display:block;
}
.input-holder1{
	margin:0;
	overflow:hidden;
	height:1%;
}
.input-holder1 .text{
	float:left;
	width:133px;
	height:12px;
	margin:4px 0 0 13px;
	padding:4px 0 0 4px;
	border:1px solid #000;
}
.input-holder2{
	margin:10px 0 11px 9px;
	overflow:hidden;
	height:1%;
}
.input-holder2 .submit{
	float:left;
}
.visual{
	position:absolute;
	bottom:10px;
	right:10px;
}
.visual img{
	display:block;
}
* html .visual{
	right:9px;
	bottom:9px;
}

#footer{
	padding:0 0 30px 0;
}
#footer p{
	font-size:10px;
	margin:0;
	float:left;
	color:#888;
	margin:0 0 0 191px;
	display:inline;
}
#footer .footer-nav{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	overflow:hidden;
}
.footer-nav li{
	margin:0 4px 0 -4px;
	padding:0 4px 0 5px;
	float:left;
	background: url(../images/devider.gif) no-repeat 0 3px;
}
.footer-nav li a{
	font-size:10px;
	color:#000099;
}
#footer .designed-by{
	margin:0 21px 0 0;
	float:right;
}
#footer .designed-by a{
	font-weight:bold;
	color:#ff7e00;
	font-size:10px;
}



/* Vertical Navigation Menu */ 


#main .list{
	margin:11px 0 0 26px;
	padding:0;
	list-style:none;
	/*width:145px;
	float:left;
	display:inline;*/
	height:1%;
}
.list li{
	line-height:24px;
	letter-spacing:1px;
	/*float:left;
	display:inline;*/
	height:1%;
}
.list li a{
	color:#6969b2;
}
.list li a:hover, .list li .active{
	color:#000099;
	text-decoration:none;
}



.vertnav1, .vertnav1-act, .vertnav2, .vertnav2-act 
{ 	margin:11px 0 0 26px;
	padding:0;
	list-style:none;
	/*width:145px;
	float:left;
	display:inline;*/
	height:1%;
	color:#6969b2;
	
	 }

.vertnav1 a:link {
	display:block;

	color: #6969b2;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	min-height:18px;
}
.vertnav1 a:visited {
	display:block;

	color: #6969b2;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	min-height:18px;
		
}
.vertnav1 a:active {
	display:block;

	color: #000099;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;	
	min-height:18px;
}
.vertnav1 a:hover {
	display:block;

	color: #000099;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	min-height:18px;
}
.vertnav1-act a:link {
	display:block;

	color: #000099;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	min-height:18px;
}
.vertnav1-act a:visited {
	display:block;

	color: #000099;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	min-height:18px;
}
.vertnav1-act a:active {
	display:block;

	color: #000099;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	min-height:18px;
}
.vertnav1-act a:hover {
	display:block;

	color: #000099;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	min-height:18px;
}

.vertnav2 a:link {
	display:block;
	font-weight:bold;
	color: #333;	
	text-decoration:none;	
	padding:2px 2px 2px 15px;
	min-height:18px;
	font-size:10px;
}
.vertnav2 a:visited {
	display:block;
	font-weight:bold;
	color: #333;	
	text-decoration:none;	
	padding:2px 2px 2px 15px;
	min-height:18px;
	font-size:10px;
}
.vertnav2 a:active {
	display:block;
	font-weight:bold;
	color: #333;	
	text-decoration:none;	
	padding:2px 2px 2px 15px;
	min-height:18px;
	font-size:10px;
}
.vertnav2 a:hover {
	display:block;
	font-weight:bold;
	color: #333;	
	text-decoration:none;	
	padding:2px 2px 2px 15px;
	min-height:18px;
	font-size:10px;

}

.vertnav2-act a:link {
	display:block;
	font-weight:bold;
	color: #333;	
	text-decoration:none;	
	padding:2px 2px 2px 15px;
	min-height:18px;
	font-size:10px;
}
.vertnav2-act a:visited {
	display:block;
	font-weight:bold;
	color: #333;	
	text-decoration:none;	
	padding:2px 2px 2px 15px;
	min-height:18px;
	font-size:10px;

}
.vertnav2-act a:active {
	display:block;
	font-weight:bold;
	color: #333;	
	text-decoration:none;	
	padding:2px 2px 2px 15px;
	min-height:18px;
	font-size:10px;

}
.vertnav2-act a:hover {
	display:block;
	font-weight:bold;
	color: #fff;	
	text-decoration:none;	
	padding:2px 2px 2px 15px;
	min-height:18px;
	font-size:10px;

}

	
	
#navigation {
	position:absolute;
	top:96px;
	left:192px;
	width:100%;
	clear:both;
	overflow:visible;
	z-index:1;
	}
	



.prodrop5 {padding:0 0 0 0px; margin:0; list-style:none; height:51px; position:relative; z-index:1; font-family:arial, verdana, sans-serif; }

.prodrop5 li.top {display:block; float:left;}

.prodrop5 li a.pro53 {width:68px; background:url(../images/sprite.gif) no-repeat 0 0; display:block; text-indent:-99999px; height:49px; } 
.prodrop5 li a.pro74 {width:84px; background:url(../images/sprite.gif) no-repeat -68px 0; display:block;text-indent:-99999px; height:49px;} 
.prodrop5 li a.pro80 {width:97px; background:url(../images/sprite.gif) no-repeat -152px 0; display:block;text-indent:-99999px; height:49px;} 
.prodrop5 li a.pro87 {width:94px; background:url(../images/sprite.gif) no-repeat -249px 0; display:block;text-indent:-99999px; height:49px;} 
.prodrop5 li a.pro98 {width:106px; background:url(../images/sprite.gif) no-repeat -343px 0; display:block;text-indent:-99999px; height:49px;} 
.prodrop5 li a.pro103 {width:107px; background:url(../images/sprite.gif) no-repeat -449px 0; display:block;text-indent:-99999px; height:49px;} 

.prodrop5 li.p53 {	width:68px; background:url(../images/sprite.gif) no-repeat 0 -49px;} 
.prodrop5 li.p74 {width:84px; background:url(../images/sprite.gif) no-repeat -68px -49px;} 
.prodrop5 li.p80 {width:97px; background:url(../images/sprite.gif) no-repeat -152px -49px;} 
.prodrop5 li.p87 {width:94px; background:url(../images/sprite.gif) no-repeat -249px -49px;} 
.prodrop5 li.p98 {width:106px; background:url(../images/sprite.gif) no-repeat -343px -49px;} 
.prodrop5 li.p103 {width:107px; background:url(../images/sprite.gif) no-repeat -449px -49px;} 


.prodrop5 li.current a.pro53 {width:68px; background:url(../images/sprite.gif) no-repeat 0 -49px;} 
.prodrop5 li.current a.pro74  {width:84px; background:url(../images/sprite.gif) no-repeat -68px -49px;} 
.prodrop5 li.current a.pro80 {width:97px; background:url(../images/sprite.gif) no-repeat -152px -49px;} 
.prodrop5 li.current a.pro87 {width:94px; background:url(../images/sprite.gif) no-repeat -249px -49px;} 
.prodrop5 li.current a.pro98 {width:106px; background:url(../images/sprite.gif) no-repeat -343px -49px;} 
.prodrop5 li.current a.pro103 {width:107px; background:url(../images/sprite.gif) no-repeat -449px -49px;} 

.prodrop5 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop5 a:hover {visibility:visible; position:relative; z-index:1;}
.prodrop5 li:hover {position:relative; z-index:1;}

.prodrop5 li a.top_link:hover {background:transparent;} 
.prodrop5 li:hover > a.top_link {background:transparent;} 

/* keep the 'next' level invisible by placing it off screen. */
.prodrop5 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop5 :hover ul {left:0; top:40px; background:#cccceb; padding:0px; height:auto; width:auto; z-index:1; min-width:150px;   }
.prodrop5 :hover ul li {display:block; height:auto; position:relative; font-weight:normal; width:150px; border-bottom:1px solid #fff; }
.prodrop5 :hover ul li a {display:block; font-size:11px; height:auto;  width:auto; padding:6px 10px 6px 10px ; color:#000099; background:transparent; text-decoration:none; }
.prodrop5 :hover ul li a:hover {color:#fff;}