/*****************************************
Resets
******************************************/
html, body, form, fieldset {
margin: 0;
padding: 0;
font-family: Verdana, Arial, sans-serif;
color: #222020;
background-image: none;
}

html{ font-size: 100%; }
body {
	text-align: center;
	margin: 0 auto;
	font-size: 62.5%;
	line-height: 180%;
	background-color: #009933;
	min-width: 770px;
	}
	
div#bgcontainer { 
	background-image: url(../images/architecture/body-bg2.jpg); 
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #fff;
	width: 100%;
	position: relative;
	}
	
#header, #content, #footerNav {
	width: 770px;
	margin: 0 auto;
	position: relative;
	text-align: left; 
	}	
	
#content {margin-bottom: 50px}	
	
/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0 0 10px 0; padding: 0; }

/* Apply indent margin to list items: */
li  { margin-left: 15px; }

/* Remove image border: */
img { border: 0; }


.clear { height: 1%; clear: both; }

#skipnav
	{ position:absolute;
	margin-left: -1000px;
	}

#skipnav a:focus, #skipnav a:active 
	{
	margin-left: 1000px;
	overflow: visible;
	display: block;
	width: 10em;
	}


/* --------------- HEADER --------------- */
#header {
	height: 196px;
	background-image: url(../images/pages/logo.jpg);
	background-repeat: no-repeat;
	}
#header h1 { 
	position : absolute;
	top: 28px;
	left: 20px;
	width: 200px;
	height: 142px;
	background-image: url(../images/architecture/headerh1.gif);
	background-repeat: no-repeat;
	text-indent: -9999px; 
	overflow: hidden; 
	margin: 0;
	}
#header h2 {
	position : absolute;
	top: 35px;
	right: 25px;
	width: 300px;
	height: 70px;
	margin: 0;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size: 1.8em;
	line-height: 125%;
	text-align: right;
	}


/* --------------- PRIMARY NAV --------------- */

#primaryNav {
	position: absolute;
	top: 130px;
	left: 195px;
	width: 575px;
	height: 66px;
	background-color:#FFFFFF;
	background-image: url(../images/architecture/nav_boxtop.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}
	
#primaryNav a {
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size: 1.5em;
	color: #222020;
	line-height: 66px;
	}

#primaryNav a:hover, body#home-page #primaryNav li#nav_home a,
body#about-page #primaryNav li#nav_about a,
body#projects-page #primaryNav li#nav_projects a,
body#services-page #primaryNav li#nav_services a,
body#contact-page #primaryNav li#nav_contact a { color: #ff6633; }

#primaryNav ul, #primaryNav li { margin: 0; padding: 0; }
#primaryNav li {
	float: left;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 18px;
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 66px;
	list-style-type: none;
	}

#primaryNav li#nav_home { background-image: url(../images/navigation/nav2_home.gif); padding-left: 35px;}
#primaryNav li#nav_about {background-image: url(../images/navigation/nav2_about.gif);padding-left: 39px; }
#primaryNav li#nav_projects {background-image: url(../images/navigation/nav2_projects.gif); padding-left:33px; }
#primaryNav li#nav_services {background-image: url(../images/navigation/nav2_services.gif);padding-left: 30px;}
#primaryNav li#nav_contact {background-image: url(../images/navigation/nav2_contact.gif); padding-left: 39px; }


/* FOOTER */

#footer {
	position: relative;
	width: 100%;
	color: #fff;
	background: #009933;
	border-top: 4px solid #999;
	}
		
#footerNav a { 
	color: #fff; 
	font-weight: bold; 
	margin: 0px; 
	padding: 2px 10px 2px 0px; 
	border-right: 1px dotted #cccccc; 
	}

#footer a:hover { color: #ffcc99; }
#footerNav { padding: 10px 0 10px 0px; }
#footerNav li { display: inline; }
#footerNav li.first { margin-left: 0px }
#footerNav li.last {color:#222020;}
#footerNav li.last a { border-right: none !important; color:#222020; font-weight: normal}


/* -------------CONTENT------------- */


/* Column 1 */
#column1 { width: 355px; float: left}
#main_content {
	margin: 25px 0 20px 0;
	padding-bottom: 10px;
	background-image: url(../images/architecture/boxtop2.jpg);
	background-repeat: no-repeat;
	}

#sub_content {
	padding-bottom: 10px;
	margin: 20px 0 40px 0;
	}

#main_content p, #sub_content p, 
#main_content h3, #sub_content h3,
#main_content h4, #sub_content h4,
#main_content ul, #sub_content ul, 
div#column2 #sub_content  p,
div#column2 #sub_content  h3,
div#column2 #sub_content  h4,
div#column2 #sub_content  ul,
div#column2 ul {
	padding-left: 15px; padding-right: 15px;
	}
	
#main_content h3.top, #sub_content h3.top {padding-top: 25px;}

/* Column 2 */
div#column2 { 
	width: 380px;
	float: right;
	}
div.feature {
	padding-bottom: 5px; 
	margin: 25px 15px 15px 15px;
	}
	
div#column2 p,
div#column2 h3, 
div#column2 h4 {
	padding-left: 10px; padding-right: 10px;
	}

div#column2 img {padding-left: 20px; padding-bottom: 20px}
div#column2 h3 { padding-top: 20px }
div#column2 img { padding-top: 25px }
/* @ end */



/* ---------FONT STYLINGS--------- */

/* FONT SIZES */
h1 { font-size: 2.5em; }
h2 { font-size: 2em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; padding-top: 15px; text-transform: uppercase }
p, blockquote, tr  { font-size: 1.2em; }
li { font-size: 1.2em; }

/* LINKS */
a {	color: #ff6633; text-decoration: none; font-weight: bold; }	
a:hover { color: #ff0000; }	


/* COLUMN COLOURS */
div#col2container {
	background-color:#fff; 
	border: 1px solid #fff;  
	/* eh? what's going on here? - add the border and the white bg extends to top */
	}

body#home-page #main_content, body#about-page #main_content, body#projects-page #main_content, body#services-page #main_content, body#form-page #main_content, body#formreply-page #main_content, body#events-page #main_content {
	background-color:#fff;
	}

body#home-page div.feature, body#services-page div#column2 div.feature {
	background-color: #e6f4ec; 
	border: 1px solid #009933;
	}
body#home-page #sub_content {background-color:#009933;}

/* HEADING COLOURS */
h4, body#projects-page #sub_content h3,  body#about-page #sub_content h3 {color:#009933;}
#sub_content h3 {color:#fff;}

/* -----------------SPECIFICS-------------- */

/* HOME-PAGE */
body#home-page #column2 p {
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size: 1.5em;
	}	
	
body#home-page #sub_content img	{
margin: 0 0 10px 15px;
-webkit-box-shadow : rgba(0,0,0,.8) 0 5px 10px;
	-moz-box-shadow : rgba(0,0,0,.8) 0 5px 10px;
	box-shadow : rgba(0,0,0,.8) 0 5px 10px;
	}
div.blob {
	width: 300px;
	height: 248px;
	float:right;
	z-index: 100;
	margin-top: -30px;
	background-image: url(../images/pages/blob.png);
	background-repeat: no-repeat;
	background-position: right top;
	display: inline;
	}

/* PROJECT-PAGE, ABOUT-PAGE */
body#projects-page #sub_content, body#about-page #sub_content {
	background-color: none;
	background-image: url(../images/architecture/transparency.png);
	background-repeat: repeat;
	margin-top: 0;
	margin-bottom: 0;
	}	
	
body#projects-page #sub_content h3, 
body#about-page #sub_content h3 {padding-top: 15px;}	

	
/* CONTACT-PAGE */	
body#contact-page #main_content { background-image: none; margin-bottom: 100px }	
body#contact-page #main_content a { background-color: #ffffff; padding: 5px }		


/* FORM-PAGES AND EVENTS-PAGE */	
body#form-page #column1, body#formreply-page #column1, body#events-page #column1 { width: 770px;}
body#form-page #column1 td {height: 50px}
body#form-page .tablespacer {width: 30px}
body#form-page table {padding: 0 15px}

iframe, small {padding:25px}




/* classes */

.floatlf 
	{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px
	}

.floatrt
	{
	float: right;
	margin-left: 10px;
	margin-bottom: 5px
	}

.line {
	background: #fff url(../images/architecture/borderLine.gif) no-repeat center top;
	height: 1px;
	margin: 20px auto;
	}	

.fontchange {
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size: 1.8em;
	line-height: 125%;
	color: #009933;
	}

.red {color: #ff0000; font-weight: bold}
.green {color: #009933; font-weight: bold}
.white {color: #fff; font-weight: bold}