@charset "UTF-8";
/* CSS Document */

html, body {
	margin: 0 auto;
}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px; 							
	color: #3c3c3c;
	line-height: 20px;
	background: url(/images/bg_tile.png) repeat;
}
		
a, a:visited {
	color: #861720;
	text-decoration: underline;
}

a:hover, a:active {
	color: #b0454e;
	text-decoration: none;
}

#container {
	width: 1024px;
	margin: 0 auto;
	background: url(/images/bg_static.png) no-repeat top center;
	background-attachment: fixed;
	overflow: hidden;
}

#left_static {
	float: left;
	width: 240px;
	margin-left: 79px;
	position: fixed;
}

.clear {
	clear: both;
}

	#nav ul.nav {
		margin: 4px 0 0 0;
		list-style: none;
		padding: 0;
		}
		
		#nav ul.nav li a {
			display: block;
			width: 240px;
			height: 41px;
			background: url(/images/nav.png) no-repeat;
			}

		#nav ul.nav li a:hover {
			display: block;
			width: 240px;
			height: 41px;
			background: url(/images/nav_over.png) no-repeat;
			}
			
		.displace {
			position: absolute;
			left: -5000px;
			}
			
		
		/*nav*/


		#nav ul.nav li.portfolio a {
			background-position: 0 0;
			}

		#nav ul.nav li.about a {
			background-position: 0 -42px;
			}

		#nav ul.nav li.contact a {
			background-position: 0 -84px;
			}
			
		/*Hover Links*/

		#nav ul.nav li.portfolio a:hover {
			background-position: 0 0;
			}

		#nav ul.nav li.about a:hover {
			background-position: 0 -42px;
			}

		#nav ul.nav li.contact a:hover {
			background-position: 0 -84px;
			}

#right_static {
	float: left;
	width: 600px;
	margin-left: 387px;
	}
	
	/* the following rules apply only to IE7 */
*+html #right_static {
	float: right;
	width: 600px;
	margin-left: 387px;
	
}
	

/*index styles */

	#index {
		margin: 120px 0 0 0;
	}
	
		#index-image {
			background: url(/images/bg_ind.png) no-repeat;
			width: 193px;
			height: 220px;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-style: italic;
			color: #434343;
			font-size: 14px;
			line-height: 19px;
			font-weight: 100;
			text-shadow: #fff 1px 1px;
			padding: 18px 15px 0 295px;
			margin-bottom: 25px;
		}
		
		#index_left {
			float: left;
			width: 175px;
			padding-right: 15px;
		}
		
			#index_left ul {
				text-align: right;
				list-style: none;
				margin: 0;
				padding: 0;
			}
				
				#index_left ul li {
					padding-bottom: 3px;
				}
		
		#index_right {
			float: left; 
			width: 320px;
		}
	
/*about styles */

	#about {
		clear: both;
		padding: 120px 0 0 0;
		margin-top: 580px;
	}
		
		#about_left {
			float: left;
			width: 335px;
			padding: 20px 0 0 5px;
		}
		
		#about_right {
			float: left;
			width: 225px;
			padding: 38px 0 0 35px;
		}
		
			#about_right ul {
				margin: 0;
				padding: 0;
				list-style: none;
			}
			
				#about_right ul li {
					padding: 0 0 5px 15px;
					background: url(/images/b_check.png) no-repeat;
					background-position: 0 .4em;					
				}
				
	/* portfolio styles */
	
		#portfolio {
			clear: both;
			padding: 120px 0 0 0;
			margin-top: 480px;
			border: none;
		}
		
		
			#portfolio ul {
				list-style: none;
				margin: 0;
				padding: 22px 0;
			}
			
				#portfolio ul li {
					padding: 0 3px;
					display: inline;
				}
				
			#portfolio_websites {
			}
			
				#portfolio_websites ul, #portfolio_html ul, #portfolio_print ul, #portfolio_logo ul {
					padding: 0;
				}
				
				#portfolio_websites ul li, #portfolio_html ul li, #portfolio_print ul li, #portfolio_logo ul li{
					padding: 0;
				}
			
			#portfolio_html, #portfolio_print, #portfolio_logo {
				display: none;
			}
			
			#portfolio .desc {
				background-color: #b9c4d3;
				border: #9cacc3 1px solid;
				font-size: 11px;
				padding: 10px;
				display: block;
			}
			
				#portfolio .desc .header {
				color: #353535;
				font-size: 15px;
				display: block;
				}
				
				

			
	
	/* contact styles */
	
		#contact {
			padding: 100px 0 0 0;
			margin-top: 450px;
		}
			
			#contact_left {
				float: left;
				width: 340px;
				padding-top: 20px;
			}
			
			#contact_right {
				float: left;
				width: 230px;
				padding: 38px 0 0 30px;
				font-size: 13px;
			}
			
			
			.thankyou {
				border: #bac6d4 1px solid;
				background: url(/images/bg_formfield.png);
				width: 90%;
				padding: 0 20px;
				margin-top: 20px;
				color: #1a4079;
			}
			
			.button {
				margin: 15px 0 0 10px;
			}
			
			.img {
				float: left;
				padding-right: 10px;
			}
			
			label {
				float: left;
				text-align: right;
				width: 100px;
				padding-top: 5px;
			}
			
			.input {
				float: right;
				background: url(/images/bg_formtext.png) no-repeat;
				border: none;
				width: 339px;
				padding: 10px;
				color: #595959;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 13px;
				margin-bottom: 8px;
				margin-right: 130px;
			}
			
			.textarea {
				float: right;
				background: url(/images/bg_formfield.png) no-repeat;
				border: none;
				width: 339px;
				height: 173px;
				padding: 10px;
				color: #595959;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 13px;
				margin-bottom: 8px;
				margin-right: 130px;
			}
			
			.submit {
				margin: 10px 0 0 120px;
			}
			
			#copyright {
				margin: 140px 0 30px 0;
				font-size: 11px;
				text-align: center;
				
			}
				
				.border {
					width: 95%;
					border-top: #b0b0b0 1px solid;
					padding-bottom: 5px;
				}