/*
////////////  gregwallace.co.uk //////////// 
		Orange: 			#fa8508
		Dark Grey: 			#1d1d1d
		Light Grey: 		#959595
*/

/*//////////// CSS Reset //////////// */
@import "reset.css";

/*////////////  Generics //////////// */
body {
	background: #000000 url(images/bg_main.jpg) no-repeat center top;
	color: #ffffff;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; 
	font-size: 12px; 
	font-weight: normal;
}

input, textarea, a {
	outline: none;/* get rid of dotted borders */
}

p {
	color: #959595;
	display: block;
	line-height: 18px;
	margin: 0px 0px 15px 0px;
}

	p.italics {
		font-style: italic;
		line-height: 18px;
	}

h1 {
	text-indent: -6666px
}

h2 {
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 10px;
}

h3 {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 10px;
}

h4 {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	line-height: 36px;
	margin-bottom: 10px;
}

div.clear {
	clear: both;
	font-size: 0px;
	height:	0px;
	line-height: 0px;
}

ul, ol {
	list-style-type: none;
}

#wrapper {
	margin:	0px auto;
	width: 920px;
}

/*////////////  NavBar //////////// */

#navbar_wrap  {
	background: url(images/nav_bg.png) repeat-x;
	display: block;
	height: 41px;
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
	z-index: 666;
}

body > div#navbar_wrap {
	/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
	position: fixed;
}

#navbar_wrap .navcontent {
	height: 41px;
	width: 920px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	text-align: right;
}

#nav {
	float: right;
}

#nav em { 
	display: none
}

	#nav ul { 
		float: left; 
		list-style-type: none; 
		margin: 0px;
		padding: 0px;
		width: 100%;  
	}
	
		#nav li { 
			display: inline;
			float: left; 
			margin: 0px;
			padding: 0px; 
		}
		
		#nav li a { 
			display: block; 
			height: 41px 
		}

		#nav li a.navservices { 
			background: url(images/nav_services.gif) no-repeat left top;  
			margin: 0px; 
			padding: 0px; 
			width: 107px;
		}
		
		#nav li a.navportfolio { 
			background: url(images/nav_portfolio.gif) no-repeat left top; 
			margin: 0px; 
			padding: 0px;
			width: 124px; 
		}
		
		#nav li a.navcontact { 
			background: url(images/nav_contact.gif) no-repeat left top;  
			margin: 0px; 
			padding: 0px;
			width: 94px;
		}
		
		#nav li a:hover { 
			background-position: left bottom 
		}
		
/*////////////  Content //////////// */		
		
#header {
	background: url(images/headerlogo.png) no-repeat;
	height: 119px; width: 920px;
	margin:	60px 0px 0px 0px;
	
}

.section-titles {
	padding: 15px 0px 15px 6px;
}

/*////////////  Services //////////// */	

#services-wrap {
	margin:	25px 0px 0px 0px;
}
		
#services {
	background: url(images/opac_bg.png) repeat;
	height: 120px;	width: 904px;
	margin:	0px 0px 15px 0px;
	padding: 10px 0px 12px 16px;
}

	.services-box {
		display:block;
		float:left;
		padding: 0px 15px 0px 0px;
		width: 285px;
	}
	
		.services-box p {
			color: #959595;
			display: block;
			line-height: 18px;
		}
		
		.services-box  ul {
			float: left;
			padding-left: 2px;
		}
		
		.services-box  ul li {
			background:	url(images/bullet.gif) 0px 4px no-repeat;
			color: #959595; 
			padding: 4px 0px 7px 15px;
		}
		
		
/*////////////  Portfolio //////////// */	

.portfolio-frame {
	background: url(images/portfolio_frame.gif) no-repeat;
	height: 312px;	width: 920px;
	margin: 0px 0px 10px 0px;
}

	.portfolio-left {
		float: left;
		height: 312px;
		width: 670px;
	}

		.portfolio-left img{
			padding: 14px 0px 0px 20px;
		}

	.portfolio-right {
		float: right;
		width: 235px;
		padding: 30px 15px 0px 0px;
	}

		.portfolio-right a {
			border-bottom: 1px dotted #ffffff;
			color: #fa8508;
			display: inline-block;
			outline: none;
			text-decoration: none;
		}
		
		.portfolio-right a:hover {
			border-bottom: 1px dotted #fa8508;
			color: #fa8508;
			display: inline-block;
			outline: none;
			text-decoration: none;	
		}


/*////////////  Contact Area //////////// */	

#contactleft {
	float: left;
	height: auto;	
	width: 225px;
	padding: 0px 20px 0px 15px;
}

#contactleft .tel {
	color: #ffffff;
	display: block;
	font-weight: bold;
}

#contactmid {
	float: left;
	height: auto;
	width: 250px;
	padding-right: 10px;
}

	#contactmid input {
		color: #959595;
		background: url(images/opac_bg.png) repeat;
		border:	none;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		height: 15px;	width: 225px;
		margin:	5px 0px 5px; 
		padding: 4px;	
	}
	
		#contactmid input:focus {
		background: url(images/opac_bgfocus.png) repeat;	
	}
	
		#contactmid .input-bg {
			height: 45px;
			margin-bottom: 10px;
			position: relative;
		}

#contactright {
	float: left;
	height: auto;
	width: 395px;
}

	#contactright textarea {
		color: #959595;
		background: url(images/opac_bg.png) repeat;
		border: none;
		display: block;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		height: 149px;
		width: 395px;
		line-height: 20px;
		margin:	5px 0px 2px; 
		overflow: auto;
		padding: 4px 0px 4px 4px;
	}
	
		#contactright textarea:focus {
		background: url(images/opac_bgfocus.png) repeat;	
	}
	
label {
	display: block;
	text-indent: 0px;
}

label.error {
	color: #da3939;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	position: absolute;
	top: -16px;
	right: 15px;
	padding: 3px;
	text-align: right;
}

#submitbutton {
	float: right;
	padding: 15px 0px 0px 0px;
}

	input.submit-button {
		background: url(images/button_send.gif) no-repeat left top;
		border: none;
		cursor: pointer;
		display: block;
		float: right;
		height: 50px;	width: 96px;
	}

	input.submit-button:hover {
		background: url(images/button_send.gif) no-repeat left bottom;
	}

#error {
	color: #fa8508;
	padding: 5px 5px 0px 0px;
	float: left;
	font-size: 11px;
	font-style: italic;
}

	#error li {
		padding: 0px 0px 5px 0px;
	}


/*//////////// Footer ////////////*/
#footer {
	background:	url(images/footer_bg.jpg) no-repeat center bottom;
	height:	195px;
	padding: 5px 0px 0px 0px;
}

#footerline {
	background:	url(images/footerline_bg.gif) repeat-x;
	height:	195px;
}

#footercontent {
	height: 195px;
	margin-left: auto;
	margin-right: auto;
	width: 920px;
}

	#footercontent img {
		float: left;
		height: 157px;	width: 109px;
	}
	
.textorange {
	color: #fa8508;
}

#footercopyright {
	float: right;
	padding: 80px 0px 0px 0px;
	text-align: right
}

#footercopyright a {
	color: #fa8508;
	border-bottom: 1px dotted #ffffff;
	display: inline-block;
	outline: none;
	text-decoration: none;	
}

#footercopyright a:hover {
	color: #fa8508;
	border-bottom: 1px dotted #fa8508;
	display: inline-block;
	outline: none;
	text-decoration: none;	
}