/* INDEX */

* {
	padding: 0px;
	margin: 0px;
	}

html, body {
	text-align: center;
	font-family: sans-serif, Trebuchet MS, "Century Gothic", "Times New Roman", Times, serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-color: #f5f5e0;
	}
	
body {
	background-image: url(img/background-top.gif);
	background-repeat: repeat-x;
	background-color: #f5f5e0;
	}
	
body.portfolio {
	background-image: url(img/background-top2.gif);
	background-repeat: repeat-x;
	background-color: #f5f5e0;
	}
	
a, a:hover {
	text-decoration: none;
	}
	
h1 {
	font-size: 38px;
	font-weight: normal;
	padding-bottom: 10px;
	color: #fff;
	}
	
	h1 a{
	font-size: 38px;
	font-weight: normal;
	padding-bottom: 10px;
	color: #A4DBF5;
	text-decoration: none;
	}
	
	h1 a:hover{
	font-size: 38px;
	font-weight: normal;
	padding-bottom: 10px;
	color: #FFF;
	text-decoration: none;
	}
	
	#head-content3 h1 {
	color:#FFFFFF;
display:block;
float:left;
font-size:38px;
font-weight:normal;
height:200px;
padding-bottom:10px;
	}
	
	#head-content3 h1 img {
	border: 1px solid #FFF;
	}

h2 {
	font-size: 18px;
	color: #032b38;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 10px;
	}
	
h3 {
	color: #2a7aa0;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 5px;
	}

#container {
	width: 1004px;
	margin: 0 auto;  
	text-align: center;
	}
	
	#top {
		width: 1004px;
		margin: 0 auto;	
		}
		
		#logo {
			width: 330px;
			float: left;
			}
		
		#menu {
			width: 670px;
			float: right;
			}
		
		#menu ul {	
			list-style: none;
			float: right;
			margin:0 0 0 auto;
			text-align: right;
			padding-top: 20px;
			height: 40px;
			
			}
		
		#menu ul li {
			float: left;
			}
			
		#menu ul li a {
			padding-left: 10px;
			padding-right: 10px;
			line-height: 35px;
			display: block;
			color: #fff;
			text-transform: uppercase;
			text-decoration: none;
			background-image:url(img/menu-divider.gif);
			background-repeat:no-repeat;
			background-position:right;
			}
			
		#menu ul li.last a {
			background-image: none;
			}
			
		#menu ul li a:hover {
			text-decoration: none;
			color: #a4dbf5;
			}
			
		#top-content {
			width: 1004px;
			clear: both;
			display: block;
			color: #a4dbf5;
			}
			
		#breadcrumbs {
			width: 1004px;
			height:20px;
			display: block;
			clear: both;
			text-align: left;
			padding-top: 20px;
			font-size: 10px;
			}
			
		#breadcrumbs a {
			color: #fff;
			text-decoration: none;
			}
			
		#breadcrumbs a:hover {
			text-decoration: underline;
			}
		
		#head-content {
			width: 995px;
			height: 129px;
			display: block;
			clear: both; 
			text-align: left;
			padding-top: 10px;
			text-align: justify;
			}
			
		#head-content2 {
			width: 995px;
			height: 49px;
			display: block;
			clear: both; 
			text-align: left;
			padding-top: 10px;
			text-align: justify;
			}
			
		#head-content3 {
			width: 995px;
			height: 49px;
			display: block;
			clear: both; 
			text-align: left;
			padding-top: 10px;
			text-align: justify;
			}
	
	
	#content {
		width: 1004px;
		display: block;
		clear: both;
		padding-top: 20px;
		padding-bottom: 20px;
		}

		#submenu {
			width: 216px;
			float: left;
			padding-bottom: 20px;
			clear: both; 
			}
			
		.box-top {
			width: 200px;
			float: left;
			padding-bottom: 20px;
			clear: both;
			background-image:url(img/left_top.gif);
			padding-top: 18px;
			text-align: left;
			padding-left: 16px;
			}
		
		.box-bottom {
			width: 200px;
			float: left;
			padding-bottom: 20px;
			clear: both;
			background-image: url(img/left_bottom.gif);	
			padding-top: 18px;
			text-align: left;
			padding-left: 16px;					
			}
			
		.box-top a, .box-bottom a {
			color: #000;
			text-decoration: none;
			}

		.box-top a:hover, .box-bottom a:hover {
			text-decoration: underline;
			}
			
			
		#submenu-end {
			width: 216px;
			clear: both;
			}
			
		#submenu ul {
			width: 216px;
			background-image:url(img/left_top.gif);
			padding-top: 15px;
			list-style: none;
			}
			
		#submenu ul li {
			float: left;
			clear: both;
			text-align: left;
			}
			
		#submenu ul li a {
			font-size: 14px;
			padding-left: 20px;
			padding-bottom: 3px;
			width: 185px;
			display: block;
			background-image:url(img/dot-submenu.gif);
			background-position: 5px 7px;
			background-repeat:  no-repeat;
			color: #000;
			text-decoration: none;
			line-height: 25px;
			}
			
		#submenu ul li a:hover {
			color: #2a7aa0;
			}

		#main {	
			width: 777px;
			float: left;
			}
			
		#main a, #main2 a {	
			color: #2A7AA0;
			text-decoration: none;
			}
			
		#main a:hover, #main2 a:hover {	
			color: #000;
			text-decoration: none;
			}
		
		#main2 {	
			width: 1002px;
			float: left;
			}
			
		#main2 p, #main p {
			padding-bottom: 10px;
			}
		
			#main-text {
				text-align: left;
				padding-left: 15px;
				text-align: justify;				
				}
				
			#main-text2 {
				text-align: left;
				padding-left: 0;
				text-align: justify;				
				}

			#main-text-small {
				width: 480px;
				float: left;
				padding-right: 20px;
				text-align: left;
				padding-left: 20px;
				}
				
			#main-text-small2 {
				width: 725px;
				float: left;
				padding-right: 20px;
				text-align: left;
				padding-left: 0px;
				}
				
			.input-field {
				width: 194px;
				height: 20px;
				border: solid 1px #8db5c3;
				}
				
				select{
				width: 194px;
				border: solid 1px #8db5c3;
				}
			
			.message {
				width: 434px;
				border: solid 1px #8db5c3;
				}			
			
			#information {
				background-image:url(img/right_background.gif);
background-repeat:no-repeat;
float:left;
padding-left:20px;
text-align:left;
width:237px;
				}
				
				#information a{
				color: #2A7AA0;
				text-decoration: none;
				}
				
				#information a:hover{
				color: #2A7AA0;
				text-decoration: underline;
				}
	
	
#footer {
	width: 100%;
	height: 44px;
	background-image:url(img/footer-background.gif);
	text-align: center;
	color: #fff;
	}

	#footer-central {
		width: 1015px;
		margin: 0 auto;
		padding-top: 14px;
		}

		#copyright {
			width: 520px;
			float: left;
			} 
		
		#footer-menu {
			width: 490px;
			float: right; 
			}
		
		#footer-menu ul {
			list-style: none;
			text-align: right;
			float: right;
			}
			
		#footer-menu ul li {
			float: left;
			margin:0 0 0 auto;
			}
			
		#footer-menu ul li a {
			padding-left: 5px;
			padding-right: 5px;
			color: #fff;
			text-decoration: none;
			}
			
		#footer-menu ul li a:hover {
			text-decoration: none;
			color: #a4dbf5;
			}
			
			
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

.lefted {margin:0 auto 0 0;}
.centered {margin:0 auto;}
.righted {margin:0 0 0 auto;}