/* GENERAL */

* {
	-moz-box-sizing: border-box;
}

body {
	margin: 0px;
	padding: 0px;
	
	text-align: center;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #E7EBEB;
}

ul 			{ list-style-type: none; 
					margin: 0px;
					padding: 0px;}
img 		{ border: none;}
.hide 	{ display: none; }

table, tr, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* POSITIONING */

#container {
	width: 750px;
	margin: auto;
	text-align: left;
	border: 1px SOLID #004978;
	border-top: none;
	
	background-image: url("bg.gif"/*tpa=bg.gif*/);
	background-color: #FFFFFF;
}

#header {
	width: 100%;
	height: 120px;

	background-image: url("topbg.gif"/*tpa=topbg.gif*/);
	background-repeat: repeat;
}

#header #logo { float: left; }
#header #map	{ float: right; }

#content {
	padding: 10px 0px 0px 10px;
}

#inner_content {
	float: left;
	width: 630px;
}

#footer {
	clear: both;
	width: 100%;
	height: 19px;
	padding-top: 2px;
	text-align: center;
	color: #7E9E9D;
	border-top: 1px SOLID #004978;
	background-color: #FBFDD3;
}

#footer p { margin: 0px; }

#productlist #options {
	width: 100%;
	padding: 5px;
	background-color: #E0E8ED;
}

/* NAVIGATION AND LINKS */

a { color: #397195; }
a:hover { color: #7399B2; }

#menu
{
	float: right;
	width: 86px;
	margin: 10px 0px 0px 10px;
	overflow: hidden;
	
	text-align: right;
}

#menu li { 
	height: 26px;
	margin-bottom: -2px;
	/*border: 1px SOLID #000;*/ 
}

#menu li a
{
	display: block;
	width: 100%;
	height: 26px;
	border-top: 1px SOLID #FFF;
}

#menu #home a 							{ background-image: url("home1.gif"/*tpa=home1.gif*/); }
#menu #home a:hover 				{ background-image: url("home2.gif"/*tpa=home2.gif*/); }
#menu #information a 				{ background-image: url("info1.gif"/*tpa=info1.gif*/); }
#menu #information a:hover 	{ background-image: url("info2.gif"/*tpa=info2.gif*/); }
#menu #agencies a 					{ background-image: url("agencies1.gif"/*tpa=agencies1.gif*/); }
#menu #agencies a:hover 		{ background-image: url("agencies2.gif"/*tpa=agencies2.gif*/); }
#menu #productlist a 				{ background-image: url("productlist1.gif"/*tpa=productlist1.gif*/); }
#menu #productlist a:hover 	{ background-image: url("productlist2.gif"/*tpa=productlist2.gif*/); }
#menu #offices a 						{ background-image: url("offices1.gif"/*tpa=offices1.gif*/); }
#menu #offices a:hover 			{ background-image: url("offices2.gif"/*tpa=offices2.gif*/); }
#menu #contact a 						{ background-image: url("contact1.gif"/*tpa=contact1.gif*/); }
#menu #contact a:hover 			{ background-image: url("contact2.gif"/*tpa=contact2.gif*/); }

#menu .link 					{ display: block; margin: 20px 0px 20px 0px;}

#productlist #lists {
	margin-bottom: 15px;
}

#productlist #lists li {
	margin: 4px;
}

#productlist #lists a {
	color: #397195;
	font-weight: bold;
	text-decoration: none;
}

#productlist #lists a:hover { text-decoration: underline; color: #7399B2; }
#productlist #lists .active { text-decoration: underline; color: #0CAFE7; }
#productlist #lists .active:hover { text-decoration: underline; color: #0CAFE7; }

#productlist #alphabeth {
	width: 100%;
	height: 20px;
}

#productlist #alphabeth li {
	float: left;
	width: 3.6%;
	height: 20px;
	
	text-align: center;
	background-color: #CCCCCC;
}

#productlist #alphabeth li a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 17px;
	text-decoration: none;
	color: #FFFFFF;
	border: 1px SOLID #FFFFFF;
	border-right: none;
	background-color: #7399B2;
}

#productlist #alphabeth li a:hover 		{ background-color: #397195; }
#productlist #alphabeth li .last 			{ border-right: 1px SOLID #FFFFFF; }
#productlist #alphabeth .active 			{ background-color: #FBFDD3; color: #397195; }
#productlist #alphabeth .active:hover { background-color: #FBFDD3; }

#productlist #products { 
	margin: 20px 0px 20px 0px; 
	border-top: 1px SOLID #397195; 
}

#productlist #products a {
	display: block;
	width: 100%;
	line-height: 22px;
	overlfow: hidden;
	
	text-decoration: none;
	color: #397195;
	
	background-color: #F7F9FB;
}

#productlist #products a:hover 	{ background-color: #FBFDD3; }
#productlist #products a span 	{ cursor: pointer; }

#productlist #products .name {
	float: left;
	width: 50%;
	margin-left: 10px;
}

#productlist #products .type {
	float: left;
	width: 45%;
}

#productlist #products .bottom {
	display: block;
	clear: both;
	border-bottom: 1px SOLID #397195;
}

#productlist #products h1 { display: block; padding-bottom: 20px;}

#productlist #products h1 .name {
	color: #397195;
	font-size: 18px;
	text-align: center;
	border-right: 2px SOLID #397195;
}

#productlist #products h1 .type {
	 color: #7399B2;
	 font-size: 14px;
	 text-align: center;
}

#productlist #products .description {
	clear: both;
	display: block;
	padding: 10px;
	color: #397195;
	border-top: 1px SOLID #397195;
	border-bottom: 1px SOLID #397195;
	background-color: #F7F9FB;
}

#productlist #products .back {
	clear: both;
	width: 50px;
	padding-top: 10px;
	border: none;
	background-color: #FFF;
}

#productlist #products .back:hover { background-color: #FFF; color: #7399B2;}

#offices .office {
	float: left;
	width: 180px;
	margin: 10px;
	padding: 5px;
	
	background-color: #E0E8ED;
}

.office .title {
	display: block;
	font-weight: bold;
}

#agencies .agency {
	margin-bottom: 15px;
	border-bottom: 1px SOLID #397195;
}

#agencies .agency a {
	display: block;
	text-decoration: none;
}

#agencies .agency a img {
	float: left;
	padding-right: 10px;
	border-right: 1px SOLID #7399B2;
}

.agency .details { 
	float: left;
	margin: 0px 0px 0px 10px;
}

.agency .name {
	display: block;
	
	font-size: 20px;
	font-weight: bold;
	color: #397195;
}

.agency .place {
	font-weight: bold;
	color: #7399B2;
}

.agency p { 
	display: block;
	clear: both;
	padding-top: 15px;
}

/* FORMS */

.forms {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #CCCCCC;
	border: 1px solid #000066;
}