/* CSS Document  
stuart@northcolour.com
Apr 2007
*/

/* take position:relative off the element or containing element holding the png*/
body{

margin:0;
padding:0 0 0 0;

font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:14px;
background:#000000 url(/images/wood_bg.jpg ) top left no-repeat;

}

/* links 
---------------------------------------*/
a:link, a:visited {
	font-weight:bold;
	color: #c9a100;
	text-decoration: none;
	}
a:hover {

	color:#c9a100;
	}
	
/* CSS reset
---------------------------------------*/
h1, h2, h3, h4, h5, p, div, img, li, ul, ol, dl,a, address {
margin:0;
padding:0;
font-style:normal;
}
img{
border:0;
}
p{

margin:0 0 15px 0;
}
/* Common elements
---------------------------------------*/
h3, dt{
 
}
h1,h2,h3, h4, h5{
text-transform:uppercase;
margin:0 0 15px 0;


}
h1{font-size:1.5em;}
h2{font-size:1.2em;font-weight:bold;}
h3{font-size:1.2em;}
h4{font-size:1.1em;font-weight:bold;}
h5{font-size:1.0em;font-weight:bold;}
p{font-size:1.0em;}
h5{
margin:0 0 0 0;
}
ul, ol{

list-style:none;
margin:5px 0 5px 10px;
}
li{
margin:5px 10px 5px 35px;
list-style:disc;
}
hr {
display:none;
clear:both;
}
caption{

}
strong{
font-weight:bold;
}


/* Page elements
---------------------------------------*/


#wrap{

	width:900px;
	margin:0;
	text-align:left;
	padding:0;
	/*background:url(/images/benchpic.jpg) no-repeat top left;*/
}

#menu{
	margin:0 0 0 0;
	
	width:900px;
	

}

#logo{
	margin:26px 0 0 28px;
	float:left;
	width:215px;
}



#navbar{
	margin:130px 10px 10px 0;
	width:606px;
	padding:0;
	text-align:right;
	float:right;
	

}

#nav{
float:right;
text-align:right;
margin:0 0 0 0;

}

#nav, #nav ul 

{ /* all lists */ 
padding: 0; 
margin: 0; 
list-style: none; 
z-index:999;



} 

#nav li { /* all li's */ 
list-style-type:none;
float: left; 
display:inline;
margin:0;
padding:0 0 0 40px;

/*width: 5em;  width for opera  not needed for current version */ 
} 


#nav li ul 
{ /* second-level lists */ 
position: absolute; 
width: 5em; 
left: -999em; /* using left to hide for screen readers */ 
z-index:999;
} 

#nav a{ 

padding:0;
display:block;
background:transparent;
font-weight:normal;
font-size:1.2em;


} 
#nav a:hover{
color:#c22e00;

}
#nav a span{
	display:none;
} 
#nav1595 a{
	height:29px;
	width:46px;
	background:transparent url(/images/home.png) no-repeat top right;
}
	#nav1595 a:hover, #nav1595 a.curractive, #nav1595 a.curractivepar{
	background:transparent url(/images/home_on.png) no-repeat top right;
}
#nav1596 a{
	height:29px;
	width:76px;
	background:transparent url(/images/aboutme.png) no-repeat top right;
}
	#nav1596 a:hover, #nav1596 a.curractive, #nav1596 a.curractivepar{
	background:transparent url(/images/aboutme_on.png) no-repeat top right;
}
#nav1597 a{
	height:29px;
	width:69px;
	background:transparent url(/images/mywork.png) no-repeat top right;
}
	#nav1597 a:hover, #nav1597 a.curractive, #nav1597 a.curractivepar{
	background:transparent url(/images/mywork_on.png) no-repeat top right;
}
#nav1598 a{
	height:29px;
	width:61px;
	background:transparent url(/images/contact.png) no-repeat top right;
}
	#nav1598 a:hover, #nav1598 a.curractive, #nav1598 a.curractivepar{
	background:transparent url(/images/contact_on.png) no-repeat top right;
}
#nav2231 a{
	height:29px;
	width:44px;
	background:transparent url(/images/links.png) no-repeat top right;
}
	#nav2231 a:hover, #nav2231 a.curractive, #nav2231 a.curractivepar{
	background:transparent url(/images/links_on.png) no-repeat top right;
}
#nav2319 a{
	height:29px;
	width:44px;
	background:transparent url(/images/news.png) no-repeat top right;
}
	#nav2319 a:hover, #nav2319 a.curractive, #nav2319 a.curractivepar{
	background:transparent url(/images/news_on.png) no-repeat top right;
}
#nav li ul {
display:hidden;
}


#nav li a.curractive, #nav li a.curractivepar{
color:#c22e00;
}

a.curractive{
/*background:transparent url(/images/but_ie_over.png) repeat-x top left;*/
background:transparent url(../images/menu_bg.jpg) no-repeat bottom left;
font-weight:normal;
}
a.curractive strong{
font-weight:normal;
}

#navend{
clear:both;
width:900px;
height:8px;
margin:0 0 20px 0;
border:1px solid #835101;
background:transparent url(/images/trans.png) repeat top left;
}
#content{
	
	margin:0;
	padding:0;
	clear:both;
	width:900px;
	margin:0 0 25px 0;
	font-size:0.8em;
	
}
.headline{
	margin-bottom:20px;
}
#content_scroll{
float:left;
width:803px;
margin:0 0 0 35px;
padding:30px;
border:1px solid #835101;
background:transparent url(/images/trans.png) repeat top left;
font-size:1.1em;

}
#content_scroll_small{
float:left;
width:443px;
margin:0 0 0 35px;
padding:30px;
border:1px solid #835101;
background:transparent url(/images/trans.png) repeat top left;
font-size:1.1em;

}

#content_picture{
float:right;
width:275px;
margin:0 0 0 45px;
padding:16px 19px 16px 19px;
border:1px solid #835101;
background:transparent url(/images/trans.png) repeat top left;
font-size:1.1em;

}
#content p{
line-height:15px;
}
#content ul{
	margin-bottom:25px;
}
#content li{
line-height:10px;
}
#latestnews h4{
	font-size: 0.9em;
letter-spacing: 0.1em;
font-weight: normal;
text-transform: uppercase;
color:#c9a100;
line-height:10px;
margin:0;
padding-bottom:5px;
}

#contactform{
float:right;
width:400px;
}
#contactaddress{
float:left;
width:200px;
}

#img_holder img{
padding:0 17px 17px 0;

}
#pageimage0{
margin:0;
}
#footer{
clear:both;
text-align:left;
font-size:0.8em;
width:865px;
color : #c9a100; 
padding:10px 0 10px 35px;
border:1px solid #835101;
background:transparent url(/images/trans.png) repeat top left;
}
#footer .address{
float:left;
width:150px;
display:inline;
}
#footer .copy{
float:right;
width:150px;
display:inline;

}
#footer strong{
color:#c9a100;
}

#stdlinks{
float:left;
background:transparent;
color:#c9a100;


}
	#stdlinks h3{
	display:none;
	}
	
	#stdlinks a, #stdlinks p{
	font-weight:normal;
	
	color:#c9a100;
	padding:0;
	}
	
	
.error{
color:#FF0000;
background:#FFCC99;
border:1px solid #FF0000;
}
.success{
color:#009900;
background:#CCFFCC;
padding:15px;
border:1px solid #009900;
}
.required{
background:#FFCC99;
border:1px solid #FF0000;
}



.clearboth{
clear:both;
height:1px;
line-height:1px;
}

/* Form Styling
---------------------------------------*/
form{
margin:0;
padding:0px;

}

input, textarea, select { background: #FDFDFD; border: 1px solid #7F9DB9; margin:0 0 0 0; padding:0;color:#000; font-family:Arial, Helvetica, sans-serif; font-size: 1em;}

input:focus, textarea:focus, select:focus{
border:1px solid #000;
}
input, textarea{
width:250px;
}
checkbox{
width:auto;
}
label{
display:block;
width:70px;
padding:0 10px 0 15px;
margin:0 0 0 0;
float:left;
}
label.short{
display:block;
width:80px;
padding:0 10px 0 15px;
margin:0 0 0 0;
float:left;
}
#signup{
padding:0px;
}
#submit{
margin:5px 0 0 95px;
width:auto;
}

/* End 
------------------------ */
/*front page styles */


/*end of front page */

#topright {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 199px;
	width: 249px;
	background: url(/images/designaward.gif) no-repeat;
	text-indent: -999em;
	text-decoration: none;
}