/* MODE 3 CONSTRUCTION */

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

body, html { 
	background: #e9eaea;
	font-family: Arial, Helvetica, sans-serif;
	color: #4c4c4c;
}

/* STANDARD ------ */
h1 {
	font-size: 24px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase; 
	color: #0c2e62; 
	font-weight: normal;
	margin-bottom: 20px;
}
h2 { 
	font-size: 18px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 20px;
	line-height: 18px; 
	color: #444444;
}
h3 { /* news headings */
	font-size: 18px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-top: 20px;
}
h4 { /* news date */
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 15px;
}
h5 {
	font-size: 24px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #0c2e62; 
	font-weight: normal;
	margin-top: 10px;
}

p { 
	font-size: 12px;
	margin-bottom: 15px;
	line-height: 20px; 
}
td {
	font-size: 12px;
	vertical-align: top;
}

a { 
	color: #4675bd;
	text-decoration: none; 
}
a:hover { 
	color: #0c2e62; 
	text-decoration: underline;
}

hr {
	height: 0px;
	border: none;
	border-top: 1px solid #EFEFEF;
	background: none;
}

/* FORM */
form { 
	margin: 20px 0px 10px 0px;
}
form td { 
	padding: 2px;
	height: 20px;
}
.FormSpace {
	height: 18px;
	vertical-align: middle;
}
.FormLabel { 
	width: 240px;
	font-weight: bold;
}
.FormInput { 
}
.FormInput input { 
	width: 260px;
}
.FormInputSmall input { 
	width: 120px;
}
.FormInput textarea { 
	height: 100px;
	width: 262px;
	max-width: 274px;
}
.FormInput select {
	width: 220px;
}
.FormInput .submit,
.FormInput .clear { 
	width: 50px;
	margin-left: 5px;
}
.FormError { 
	color: #990000; 
	font-size: 11px; 
	text-align: right;
}
.FormSubmit {
	text-align: right;
}
.FormExtra {
	font-weight: bold;
	vertical-align: middle;
}

/* GENERIC ------ */
#Container { 
	width: 100%;
}
.Area { 
	width: 960px;
	height: 100%;
	margin: 0px auto;
}
.Link {
	background: url('../images/bulletA_cross.gif') no-repeat 0px 3px;
	padding-left: 13px;
	font-weight: bold;
}
.Link:hover {
	background-position: 0px -18px;
}
.Left { float: left; }
.Right { float: right; }
.Clear { clear: both; }
.Space { margin-bottom: 200px; }
.ReadMore { 
	margin-left: 10px;
}
.Sep {
	margin: 0px 10px;
}

/* LAYOUT ------ */
#Header {
	height: 141px;
	border-bottom: 1px solid #FFFFFF;
	background: url('../images/bg/hdr_bg.gif') #0c2e62 repeat-x bottom;
}
#Banner { 
	height: 149px;
	border-bottom: 1px solid #FFFFFF;
	background: url('../images/bg/banner_bg.jpg') #c6ccd7 repeat-x center;
}
#Content { 
	height: auto;
	background: url('../images/bg/main_bg.jpg') #FFFFFF repeat-x top;
}
#Footer { 
	height: 75px; border-top: 1px solid #FFFFFF;
	background: url('../images/bg/ftr_bg.jpg') #e9eaea repeat-x top;
	font-size: 11px;
	line-height: 18px 
}

/* HEADER & NAV */
#Header .Area { 
	background: url('../images/bg/hdr_base.gif') center top no-repeat; 
}
#Nav { 
	height: 40px; 
	padding: 101px 1px 0px 12px; 
	text-align: left; 
}
#Nav a { 
	display: block; 
	float: left; 
	margin-right: 1px; 
	height: 40px; 
	background-position: 50% 0px; 
	background-repeat: no-repeat; 
}
#Nav a:hover { 
	background-position: 50% -40px; 
}

#navItemHome { 
	background-image: url('../images/nav/nav_home.gif'); 
	width: 70px; 
}
#navItemAbout { 
	background-image: url('../images/nav/nav_about.gif'); 
	width: 125px; 
}
#navItemProj { 
	background-image: url('../images/nav/nav_projects.gif'); 
	width: 90px; 
}
#navItemNews { 
	background-image: url('../images/nav/nav_news.gif'); 
	width: 72px; 
}
#navItemContact { 
	background-image: url('../images/nav/nav_contact.gif'); 
	width: 106px; 
}

#Nav .navActive, 
#Nav .navActive:hover { 
	background-position: 50% -80px; 
}

/* BANNER */
#Banner .Area { 
	background: url('../images/bg/banner_base.jpg') center; 
}

/* FOOTER */
#Footer .Left { 
	width: 48%; 
	padding-top: 15px; 
}
#Footer .Right { 
	width: 48%; 
	padding-top: 15px; 
	text-align: right; 
}

/* CONTENT --------------------- */
#Content .Area { 
	background-color: #efefef; 
	/*background: url('../images/bg/frame_top.jpg') repeat-x right top #efefef; 
	padding-left: 1px; */
}
#Content .Left {
	background: url('../images/bg/main_bg.jpg') #FFFFFF repeat-x top; 
	/*background: url('../images/bg/main_endlong.jpg') no-repeat left top; */
	width: 529px; 
	padding: 20px 40px 20px 20px; 
	border-right: 1px solid #FFFFFF; 
}
#Content .Right { 
	/*background: url('../images/bg/frame_btm.jpg') no-repeat right bottom;  */
	background: url('../images/bg/frame_top.jpg') no-repeat right top;
	width: 329px; 
	padding: 70px 20px 90px 20px; 
}
#Content span.Left {
	background: url('../images/bg/main_end.jpg') no-repeat left top #efefef; 
	border-right: 0px;
	padding: 0px;
	width: 1px;
	height: 250px;
	display: block;
}

/* ABOUT / HOME */
.PageAbout #Banner { 
	height: 249px; 
}
.PageAbout #Content .Right { 
	height: 317px /*297px image*/; 
	background: url('../images/bg/frame_btm.jpg') no-repeat right 297px; 
	padding: 0px 0px 60px 0px; 
	width: 419px; 
}
.PageAbout #Content div.Left { 
	height: 337px; 
	width: 479px /*540-pad*/;
}

/* CONTACT */
.PageContact #Content .Area {
	background: url('../images/map.jpg') no-repeat right bottom #EFEFEF;
	padding: 0px;
}
.PageContact form { 
	width: 500px; 
	margin-left: 15px; 
	margin-top: 0px; 
}
.PageContact #Content .Right {
	padding-right: 0px;
	padding-bottom: 0px;
	width: 349px; 
}
.PageContact #Content .Right img { float: right; }

/* NEWS */
.PageNews #Content .Right a {
	font-weight: bold;
	color: #4c4c4c;
}
.PageNews #Content .Right a:hover {
	color: #4675bd;
}
.PageNews #Content .Right p {
	line-height: 15px;
}
.PageNews #Content .Right p span { 
	float: right; 
	clear: both; 
	font-weight: normal; 
	margin-left: 10px;
	font-size: 11px;
}