/* ========================================== *
/* BASIC FORMATTING */
/* ========================================== */

body {
	text-decoration: none;
	text-align: left;
	margin: 0px;
	padding: 60px 0px 0px 0px;
	background-color: #fFFFFF;
}
img {border:0;}
img a{border:0;}
img a:hover{border:0;}
.invisible {visibility: hidden;	height: 0px;}
.regular {font-weight: normal; color:#000000;
}
textarea {resize: none;}
/* ========================================== *
/* MAIN BLOCK ELEMENTS */
/* ========================================== */

#main {
	font-family: Georgia, "Times New Roman", Times, serif !important;
	font-size: 12px;
	line-height: 16px;
	width: 985px;
	text-align: left;
	vertical-align: top;
	margin: 0px 60px;
	text-decoration: none;
	clear: both;
}
#clear-main {
	width:985px;
	height:0px;
	clear: both;
}
/* ========================================== *
/* MAIN FLOAT ELEMENTS */
/* ========================================== */
#column1 {
	width: 280px;
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 0;
	float:left;
}
#column2 {
	width: 100px;
	text-align: left;
	margin: 0 0 0 0;
	vertical-align: top;
	float:left;
}
#column3 {
	width: 605px;
	text-align:left;
	vertical-align:top;
	margin: 0;
	padding: 0;
	float: left;
	color: #000000;
}
/* ========================================== *
	COLUMN 1
/* ========================================== */
.nav {
	text-align: left;
	vertical-align: top;
	color: #FFFFFF;
}
.nav a{
	color: #000000;
	text-decoration: none;
	display: block;
}
.nav a:hover{
	color: #696a6d;
	text-decoration: none;
}
.nav a span{
	color: #696a6d;
	text-decoration: none;
}
.nav-project-list a{
	color: #696a6d;
	text-decoration: none;
	display: block;
}
.nav-project-list a:hover{
	color: #000000;
	text-decoration: none;
}
.nav-project-list a span{
	color: #000000;
	text-decoration: none;
}
.nav ul{
	margin: 0 0px 25px 0;
	padding: 0 0 0 0;
}
.nav li {
	text-align: left;
	vertical-align: top;
	display: block;
}
.nav-title{
	height: 48px;
	margin: 0;
	padding: 0;
	color: #FF0000;
	font-weight:bold;
}
.nav-title a{
	color: #FF0000;
	font-weight:bold;
}
.nav-title a:hover{
	color: #FF0000;
	font-weight:bold;
}
.contact-details{
	width: 275px;
	color: #000000;
}
.contact-details a{
	color: #000000;
	display: inline;
}
.contact-details a:hover{
	color: #000000;
}
.text-frame1{
	width: 275px;
	display: block;
	margin: 0;
	color: #000000;
}
.text-frame1 ul{
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 12px;
	text-align: left;
}
.text-frame1 ul > li:before {
   	content: "–"; 
   	position: absolute;
    	margin-left: -1.1em; 
}
.text-frame1 a{
	color: #000000;
	text-decoration: none;
	display: inline;
}
.text-frame1 a:hover{
	color: #696a6d;
	text-decoration: none;
}
.text-frame1 a span{
	color: #696a6d;
	text-decoration: none;
}
.current a { color: #696a6d; }
/* ========================================== *
	COLUMN 2
/* ========================================== */
#menu {
	width:100px;
	height: 48px;
	padding: 0;
	margin: 0;
	color: #000000;
}
#menu a{
	padding: 0;
	margin: 0px;
	color: #000000;
	text-decoration:none;
}
#menu a:hover{
	color: #696a6d;
	padding: 0;
	margin: 0;
}
/* style the active/focus colors for the text boxes (required for IE) */
#menu a:active, #menu a:focus {
color: #696a6d;
}
#details {width:100px; margin: 48px 0 0 0;}

/* ========================================== *
	COLUMN 3
/* ========================================== */
.caption-container {
	margin: 0px 0 0 0;
	padding: 0;
}
.caption-container ul{
	height: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}
.caption-container li{
	height: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}
.img-caption {
	width: 400px;
	border: 0;
	margin: 0;
	height: 600px;
}
#imgs-frame {
	width: 600px;
	display: block;
	margin: 0;
}
.text-frame{
	width: 600px;
	display: block;
	margin: 0;
	color: #000000;
}
.text-frame ul{
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 12px;
	text-align: left;
}
.text-frame ul > li:before {
   	content: "–"; 
   	position: absolute;
    	margin-left: -1.1em; 
}
.text-frame a{
	color: #000000;
	text-decoration: none;
	display: inline;
}
.text-frame a:hover{
	color: #696a6d;
	text-decoration: none;
}
.text-frame a span{
	color: #696a6d;
	text-decoration: none;
}
textarea {
	font-family: Georgia, "Times New Roman", Times, serif !important;
	font-size: 12px;
	line-height: 16px;
	width: 400px;
	text-align: left;
	vertical-align: top;
	margin: 0px 60px;
	text-decoration: none;
	clear: both;
	height: auto;
	display: block;
}