@charset "UTF-8";
BODY {
	background-image: url(images/BG.jpg);
	margin: 0px 0px 0px 0px;
	height: 1000px;
}

.proj_link {
	text-align: right;
	padding-right: 5px;
}

	.proj_link a {
		font-family: Arial, Helvetica, sans-serif;
		color: #3e7b9c;
	}	
	.proj_link a:link {
		text-decoration: none;
	}
	
	.proj_link a:visited {
		text-decoration: none;
	}
	
	.proj_link a:hover {
		text-decoration: underline;
	}

.header_bg {
	background: url(images/top_pat.jpg) repeat-x;
	width: 100%;
}

.cloud_r {
	background: url(images/cloud_r.jpg) no-repeat top right;
	width: 100%;
}

.cloud_l {
	background: url(images/cloud_l.jpg) no-repeat top left;
	width: 100%;
}

.page_bg {
	background: url(images/water.jpg) repeat-x 0px 249px;
	height: 1000px;
}


.page_span {
	width: 713px;
}

.side_spacer {
	width: 37px;
	float: left;
}

.pagecont_wrap {
	width: 676px; 
	float: right;
	background: url(images/page_pat.png) repeat-y;
}

.crumb_span {
	width: 676px;
	height: 51px;
	background: url(images/link_cap.gif) no-repeat;
}

.crumb {
	width: 210px;
	height: 27px;
	padding-top: 20px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	line-height: 15px;
	text-align: left;
	float: left;
	
}

	.crumb a:link {
		color: #ffffff;
		text-decoration: underline;
	}

	.crumb a:hover {
		color: #ffffff;
		text-decoration: none;
	}
	
	.crumb a:visited {
		color: #ffffff;
		text-decoration: underline;
	}

.col_l {
	width: 407px;
	float: left;
}

.col_r {
	width: 235px;
	float: right;
	padding: 0px 0px 0px 0px;
}
.proj_thumb {
	float: left;
	width: 87px;
}

	.proj_thumb img {
		border: solid #75aad7 1px;
	}
	
.journal_thumb {
	float: left;
	width: 95px;
}

	.journal_thumb img {
		border: solid #75aad7 1px;
	}

.proj_desc {
	float: right;
	width: 206px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 15px;
	text-align: left;
}

.journal_desc {
	float: right;
	width: 247px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 15px;
	text-align: left;
}

	.journal_desc h2 {
		font-size: 12px;
		font-weight: bold;
		color: #3e7b9c;
		margin-bottom: 0px;
		margin-top: 0px;
		padding-bottom: 5px;
		text-align: left;
	}
	

	.proj_desc h2 {
		font-size: 12px;
		font-weight: bold;
		color: #3e7b9c;
		margin-bottom: 0px;
		margin-top: 0px;
		padding-bottom: 5px;
		text-align: left;
	}
	
.gallery_wrap {
	width: 206px;
}

	.gallery_wrap img {
		padding: 4px 4px 4px 4px;
	}	
	
.gal_ctrl {
	width: 100%;
	height: 10px;
	border: solid #333333 1px;
	padding: 2px 2px 2px 2px;
}

.footer_wrap {
	width: 676px;
	height: 38px;
	background: url(images/footerBG.png) no-repeat center right;
	float: right;
}	

/* Portfolio Classes */

.port_det_wrap {
	width: 648px;
	background: url(images/portBG.gif) no-repeat bottom center;
	padding-left: 15px;
}


.port_det_foot {
	width: 648px;
	background: url(images/portBG2.gif) no-repeat bottom center;
	padding-left: 15px;
	height: 34px;
}

.port_desc {
	width: 290px;
	float: right;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

.port_pic {
	width: 360px;
	float: left;
	padding-left: 12px;
}


.desc_pad {
	padding-right: 20px;
}

	.desc_pad h2 {
		font-size: 20px;
		margin: 6px 0px 12px 0px;
	}
	
.port_list_wrap {
	width: 648px;
}

	.port_list_wrap img {
		padding: 8px 8px 8px 8px;
	}
	
.v_link {
	width: 59px;
	height: 10px;
	padding: 17px 0px 0px 175px;
}

/* Contact Classes */

.contact_l {
	width: 363px;
	float: left;
}

.contact_r {
	width: 284px;
	height: 250px;
	float: right;
	background: url(images/contactBG.jpg) no-repeat bottom right;
}

.contact_wrap {
	width: 648px;
	padding-left: 15px;
}

	.contact_l #title {
		float: left;
		width: 63px;
		padding: 12px 0px 0px 0px;
		font-family: Arial, Helvetica, sans-serif;
		color: #333;
		font-size: 11px;
		text-align: right;
	}
	
	.contact_l #field {
		float: right;
		width: 290px;
		padding: 3px 0px 0px 8px;
		text-align: left;
	}
	
	.contact_l #field input {
		border: none;
		background: url(images/fieldBG.gif) no-repeat top;
		font-size: 11px;
		width: 149px;
		height: 27px;
		padding: 5px 0px 0px 8px;
	}
	
	
	.contact_l #field textarea {
		border: none;
		background: url(images/field2BG.gif) no-repeat top;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		width: 220px;
		height: 80px;
		padding: 7px 12px 0px 8px;
	}
	
	
.contact_pos {
	width: 171px;
	height: 115px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 21px;
	font-style: italic;
	padding-top: 27px;
	padding-right: 15px;
	text-align: center;
}	
	
.container {
	width: 642px;
}
	
.news_wrap {
	width: 234px;
	background: url(images/newsBG.gif) no-repeat bottom center;
	padding: 0px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

.news_txt {
	width: 203px;
	color: #666666;
	line-height: 14px;
	font-size: 11px;
	padding: 0px 0px 0px 13px;
	
}

	.news_txt h2 {
		margin: 0px;
		padding: 10px 0px 8px 0px;
		font-size: 11px;
		font-weight: bold;
	}
	
	.news_txt a:link {
		color: #1f80b7;
		text-decoration: none;
	}
	
	.news_txt a:hover {
		color: #1f80b7;
		text-decoration: underline;
	}
	
	.news_txt a:visited {
		color: #1f80b7;
		text-decoration: none;
	}
	
.maincol_l {
	width: 202px;
	float: left;
}

.maincol_r {
	width: 202px;
	float: right;
}


.main_txt {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 17px;
	text-align: center;
	padding: 4px 0px 0px 0px;
}

.form {
	text-align: left;
	padding: 5px 0px 6px 0px;
}

.txt_field {
	border: none;
	background: url(images/txt_field.gif) no-repeat;
	width: 194px;
	height: 18px;
	padding: 0px 0px 3px 0px;
	color: #666;
}

.txt_area {
	border: none;
	background: url(images/txt_area.gif) no-repeat top;
	width: 194px;
	height: 71px;
	padding: 3px 0px 3px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #666;
	overflow: hidden;
	text-align: left;

}

.flickr_wrap {
	width: 234px;
	
}

.port_0 {
	width: 642px;
	background: url(images/port_bg.gif) no-repeat bottom center;
}

.port_1 {
	width: 642px;
}

.port_desc {
	width: 266px;
	float: left;
	font-size: 11px;
	padding: 0px 0px 14px 0px;
}

	.port_desc h2 {
		font-size: 12px;
		font-weight: bold;
		margin: 0px;
		padding: 0px 0px 10px 0px;
	}

.port_pics {
	width: 351px;
	float: right;
	padding: 0px 18px 14px 0px;
}

.port_thumb_lrg {
	width: 280px;
	float: right;
}

.port_thumb_sm {
	width: 46px;
	float: left;
}

	.port_thumb_sm img {
		padding: 0px 0px 10px 0px;
	}
	
.news_pad {
	padding: 0px 0px 0px 8px;
}

.copyr {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 10px;
	text-align: left;
	padding: 15px 0px 0px 9px;
}

.clist_l {
	width: 33%;
	float: left;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	padding: 0px 0px 0px 19px;
	line-height: 20px;
}	

.clist_r {
	width: 28%;
	float: left;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	padding: 0px 10px 0px 0px;
	line-height: 20px;
}
.clist_r2 {
	width: 28%;
	float: left;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	padding: 0px 10px 0px 0px;
	line-height: 20px;
}

.feedback {
	font-size: 10px;
	text-align: center;
	color: #f66d1b;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px 7px 0px;
}