/* CSS Document Version: 1.0 - PROJECT NAME - Copyright 2009 */

body {
	color: white;
	background: url(../img/bg.jpg) top;
	font-family: Helvetica, Arial, Verdana, sans-serif ;
	}

a {
	color: gray;
	}
	
	#footer a:hover {
		color: white;
		border-bottom: dotted;
		border-bottom-width: 1px;
		}

.clear {
	clear: both;
	}

#header {
	position: relative;
	padding-top: 50px;
	}
	
	#header ul {
			position: absolute;
			left: 300px;
			top: 51px;
			}
	
		#header a, #header li {
			float: left;
			}		
		
			#header li.active {
				cursor: default;
				padding: 5px 10px 5px 19px;
				margin-left: 10px;
				line-height: 18px;
				font-size: 14px;
				background: url(../img/wbullet.png) no-repeat;
				background-position: 9px 11px;
				background-color: #494949;
				}

				#header li small {
					color: #747474;
					font-size: 12px;
					}
					
					#header li.active small {
						color: white;
						}
			
			#header ul li.sustain {
				color: white;
				padding: 5px 10px 5px 19px;
				margin-left: 10px;
				line-height: 18px;
				font-size: 14px;
				background: url(../img/wbullet.png) no-repeat #498002;
				background-position: 9px 11px;
				}

				#header ul li.sustain small {
					color: white;
					}
			
			#header li a {
				color: white;
				padding: 5px 10px 5px 19px;
				margin-left: 10px;
				line-height: 18px;
				font-size: 14px;
				background: url(../img/bullet.png) no-repeat;
				background-position: 9px 11px;
				}
			
				#header li a:hover {
					color: white;
					background: #494949 url(../img/wbullet.png) no-repeat;
					background-position: 9px 11px;
					}
				
				#header li a.sustain:hover {
					background-color: #498002;
					}	

				#header li a:hover small {
					color: white;
					}	


#wrapper { /* Set center Divs */
	margin: 0 auto;
	width: 920px;
	}
	
hr.top {
	position: absolute;
	top: 97px;
	right: 0;
	border: 0;
	width: 73%;
	height: 1px;
	color: #838282;
	background-color: #838282;
	z-index: 1;
	}


#footer {
	position: relative;
	margin-bottom: 30px;
	width: 100%
	}

	hr.bottom {
		position: absolute;
		left: 0;
		border: 0;
		width: 53%;
		height: 1px;
		color: #838282;
		background-color: #838282;
		}
	
	#copyright {
		position: absolute;
		bottom: -3px;
		left: 53.5%;
		color: #838282;
		font-size: 9px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		white-space: nowrap;
		}
		
#blank {
	height: 30px;
	}
		
#home {
	position: relative;
	float: left;
	padding: 40px 0 70px 15px;
	}
	
	#home p#quote {
		font-family: Arial, Helvetica, Verdana, sans-serif;
		position: absolute;
		right: 65px;
		top: 303px;
		width: 373px;
		line-height: 22px;
		font-size: 16px;
		}
		
		#home small {
			font-size: 14px;
			}

#projects {
	position: relative;
	float: left;
	clear: left;
	padding-left: 90px;
	}
	
	img#frame {
		position: absolute;
		top: 44px;
		left: 53px;
		}
	
	#projtop {
		width: 470px;
		padding: 50px 0 30px 0;
		}
	
		#projects h1 {
			float: left;
			padding: 5px 0 0 15px;
			}

		#projects h1 span {
			font-size: 13px;
			color: #929292;
			}
	
	#projects .caption {
		padding: 10px 0 100px 20px;
		float: left;
		}
	
	.subcap {
		padding-top: 15px;
		font-size: 11px;
		color: #585656;
		}
	

	#jcal {
		position: relative;
		float: left;
		clear: both;
		height: 200px;
		}
	
#textpage {
	position: relative;
	clear: left;
	width: 900px;
	margin: 0 auto;
	padding-top: 40px;
	}	
	
		.centerblock {
			display: block;
			text-align: center;
			}
		
		.lpad {
			padding-left: 20px;
			}
		
		#textpage .title h1 {
			font-size: 24px;
			}
			
		#textpage .title p {
			padding: 30px 0 40px 0;
			color: #8c8b8b;
			font-size: 13px;
			line-height: 17px;
			}
			
			#textpage .title p span {
				color: #589b01;
				}
	
	#textpage ul.gpoint {
		width: 300px;
		float: right;

		padding: 0 100px 40px 0;
		font-size: 13px;
		}
		
		#textpage ul.gpoint li {
			padding: 0 0 30px 15px;
			background: url(../img/x.gif) no-repeat;
			background-position-y: 3px;
			line-height: 20px;
			width: 300px;
			}
			
			#textpage ul.gpoint li span {
			color: #589b01; 
			}
				
	#textpage ul.services {
		float: left;
		font-size: 15px;
		}
		
		#textpage ul.services li {
			padding: 10px;
			margin: 10px 0 20px 0;
			}
			
			#textpage ul.services li.green {
				background-color: #498002;
				}

.box1 h2 {
		padding: 20px 0 10px 20px;
		}
		
		.box1 h2 span {
			color: #e92023;
			}
			
			
		ul.id1, ul.id2 {
			padding: 10px 0 21px 0;
			}
			
			ul.id1 li, ul.id2 li {
				font-size: 13px;
				line-height: 20px;
				width: 380px;
				color: #c6c6c6;
				padding: 10px;
				}
			
			ul.id2 li b {
				color: white;
				}
			
			ul.id2 li span {
				color: #e92023;
				}

		ul#notes {
			padding: 30px 90px 0 0;
			float: right;
			width: 300px;
			font-size: 11px;
			line-height: 16px;
			color: #999;
			}
			
			ul#notes li {
				float: right;
				padding: 10px 0;
				}
				
				ul#notes li span {
					color: #e92023;					
					}

		ul#subline {
			padding-right: 90px;
			float: right;
			width: 300px;
			font-size: 13px;
			line-height: 18px;
			color: white;
			}
			
			ul#subline .maintext {
				font-size: 16px;
				line-height: 20px;
				}			
			
			ul#subline li {
				float: right;
				padding: 10px 0;
				color: #c6c6c6;
				}

#about {
	text-align: left;
	}

	#about img {
		float: left;
		clear: left;
		padding: 15px;	
		}
	
	#about h1 {
		padding: 0 0 10px 190px;
		font-size: 20px;
		}
		
		#about h1 span {
			color: #e92023;
			line-height: 4px;
			}
	#about p span {
		color: #e92023;
		}
	
	#about p.l1, #about p.l2, #about p.l3, #about p.l4 {
		font-size: 15px;
		line-height: 20px;
		float: left;
		clear: left;
		font-size: 13px;
		color: #d4d4d4;
		padding: 20px 0 40px 190px;
		}

		#about p.l1 {
			font-size: 15px;
			line-height: 24px;
			width: 420px;
			}
	
		#about p.l2 {
			width: 530px;
			}
		
		#about p.l3 {
			padding-left: 10px;
			width: 350px;
			clear: none;
			}		
	
		#about p.l4 {
			width: 350px;
			}
	
	div.gd1 {
		margin-left: 150px;
		height: 1px;
		width: 520px;
		background: #515050;
		float: left;
		clear: left;
		}
		
	div.gd2 {
		margin-left: 150px;
		height: 1px;
		width: 630px;
		background: #515050;
		float: left;
		clear: left;
		}
		
	div.gd3 {
		height: 1px;
		width: 710px;
		background: #515050;
		float: left;
		clear: left;
		}
		
	div.gd4 {
		height: 1px;
		width: 600px;
		background: #515050;
		float: left;
		clear: left;
		}

	div.gd5 {
		position: absolute;
		left: 177px;
		height: 620px;
		width: 1px;
		background: #515050;
		}

	div.gd6 {
		height: 1px;
		background: #515050;
		}


div.cpage {
	width: 800px;
	padding-left: 50px;
	padding-bottom: 100px;
	}
	
	div.cpage h1 {
		padding: 0 0 10px 10px;
		}

	ul.contact {
		float: left;
		padding-right: 50px;
		}
		
		ul.contact li {
			line-height: 20px;
			font-size: 14px;
			padding-left: 10px;
			}		
		
			ul.contact li span {
				color: #bebdbd;
				}
			
			ul.contact li a {
				font-style: italic;
				text-decoration: underline;
				}
			
			ul.contact li a:hover {
				color: #e92023;
				}
		
		ul.contact h3 {
			font-size: 16px;
			color: #acacac;
			padding: 30px 0 30px 0;
			}
		
		ul.contact h4 {
			font-size: 16px;
			padding-bottom: 10px;
			}

		ul.contact h4 span {
			color: #6e6e6e;
			}

ul.extend {
	width: 200px;
	}

ul.extend2 {
	width: 280px;
	}


form {
	padding-left: 10px;
	float: left;
	width: 200px;
	}		
	
	form p.label {
		font-size: 14px;
		margin-bottom: 10px;
		}
	
	form p {
		float: left;
		clear: left;
		}

		.error {
			padding-top: 5px;
			color: red;
			float: left;
			clear: left;
			width: 250px;
			}
			
		#email, #message, #name {
			padding: 5px 5px 0 5px;			
			vertical-align: middle;
			width: 280px;
			}
		
		#message {
			height: 70px;
			}
	
		#email, #name {
			height: 23px;
			}
		
#longline {
	position: absolute;
	left: 460px;
	}
		
img.picture {
	position: absolute;
	right: 50px;
	top: 64px;
	}
	
	h1.stages {
		font-size: 20px;
		float: left;
		clear: left;
		padding: 60px 20px 20px 20px;
		}		

hr.line1 {
	margin-top: 20px;
	text-align: left;
	width: 850px;
	border: 0;
	height: 1px;
	color: #838282;
	background-color: #838282;
	z-index: 1;
	}

hr.line1b {
	margin-top: 20px;
	text-align: left;
	width: 460px;
	border: 0;
	height: 1px;
	color: #838282;
	background-color: #838282;
	z-index: 1;
	}
	
hr.line2 {
	text-align: left;
	clear: left;
	width: 450px;
	border: 0;
	height: 1px;
	color: #838282;
	background-color: #838282;
	z-index: 1;
	}

hr.line3 {
	text-align: left;
	width: 420px;
	border: 0;
	height: 1px;
	color: #838282;
	background-color: #838282;
	z-index: 1;
	}