@charset "UTF-8";
/* Default.css */

#page { 				width: 788px;
						height: auto;
						text-align: left;
						margin: 0 auto 50px auto;
						padding: 0; }


/* General Styles */

a:link, a:visited, a:active {		
						color: #000;
						text-decoration: none; }
	
a:hover {				color: #3991BD;
						text-decoration: underline; }	
						
a.active {				color: #3991BD;
						text-decoration: underline; }

h1 {					font: 22px Arial, Verdana, Geneva, sans-serif;
						color: 	#000;
						text-transform: uppercase;
						padding: 10px 0 3px 0px;
						margin: 0;
						font-weight: bold; }
						
h2 {					font: 12px Verdana, Geneva, sans-serif;
						color: 	#3991BD;
						text-transform: uppercase;
						padding: 0px 25px 7px 30px;
						margin: 0;
						font-weight: normal; }
						
h3 {					font: 14px Arial, Verdana, Geneva, sans-serif;
						color: 	#424247;
						text-align: right;
						padding: 50px 45px 0 0;
						margin: 0;
						line-height: 23px;
						text-transform: uppercase;
						font-weight: bold; }	
						
h4 {					font: 16px Arial, Verdana, Geneva, sans-serif;
						color: 	#494949;
						text-align: center;
						padding: 5px 0 0 0;
						margin: 0;
						line-height: 35px;
						text-transform: uppercase;
						font-weight: bold; }											
						
.clear {				clear: both; }		


						
/* Header */						

#headertop {			width: 788px;
						height: 13px;
						margin: 0;
						padding: 0; }
				
#header {				width: 788px;
						height: 124px;
						margin: 13px 0 0 0;
						padding: 0; }
						
#header a {				color: #6C6D6C;
						text-decoration: none; }
				
#header a:hover {		color: #6C6D6C;
						text-decoration: underline; }
						
#header a.active {		color: #6C6D6C;
						text-decoration: underline; }																

#header .left {			width: 350px;
						height: 124px;
						float: left;
						margin: 0;
						padding: 0; }
				
#header .right {		width: 438px;
						height: 124px;
						margin: 0;
						float: right;
						padding: 0; }


/* Navigation */						
						
#nav {					width: 788px;
						height: 50px;
						margin: 0;
						padding: 0;
						list-style: none;
						overflow: hidden;
						float: right; }
				
#nav li { 				float: left;
						text-align: -5000px; }
				 
#nav li a { 			display: block;
						padding: 50px 0 0 0;
						height: 0px !important;
						overflow: hidden; }
							
#home a { 				background: url(../images/nav-home.png) top left no-repeat; 
						width: 156px; }
								
#home a:hover { 		background-position: left -50px; }

#home a.active { 		background: url(../images/nav-home-active.png) top left no-repeat; } 
			
#about a { 				background: url(../images/nav-about.png) top left no-repeat; 
						width: 193px; }
								
#about a:hover { 		background-position: left -50px; }

#about a.active { 		background: url(../images/nav-about-active.png) top left no-repeat; } 
	
#portfolio a { 			background: url(../images/nav-portfolio.png) top left no-repeat; 
						width: 257px; }
							
#portfolio a:hover { 	background-position: left -50px; }

#portfolio a.active { 	background: url(../images/nav-portfolio-active.png) top left no-repeat; } 

#contact a { 			background: url(../images/nav-contact.png) top left no-repeat; 
						width: 182px; }
							
#contact a:hover { 		background-position: left -50px; }

#contact a.active { 	background: url(../images/nav-contact-active.png) top left no-repeat; } 

													
	
	
/* Footer */
						
#footer {				width: 788px;
						height: auto;
						margin: 15px 0 0 0;
						padding: 0;
						float: left;
						text-align:center; }

#footer p {				font: 10px Arial, Helvetica, sans-serif;
						color: #BCB9B9;
						padding: 0;
						margin: 0;
						line-height: 17px; }
						
#footer a:link {		color: #BCB9B9;
						text-decoration: none; }	
						
#footer a:visited {		color: #BCB9B9;
						text-decoration: none; }	
						
#footer a:active {		color: #BCB9B9;
						text-decoration: none; }
				
#footer a:hover {		color: #fff;
						text-decoration: none; }