@charset "utf-8";
/* CSS Document */

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

html { height: 101%; }

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	background-color:#FFF;
	color: #474747;
	}

h1 {padding: 30px 0px; font-size:30px;}
h2{font-size: 18px; color:#FFF; padding: 10px 0px 10px 50px;}
p {padding: 5px 0px;}

.green {color:#9dbe01;}
a {color:#9bde01; text-decoration:none;}
a:hover {color:#9bde01; text-decoration:underline;}
#global {
	margin-top: 50px;
	margin-right:auto;
	margin-left: auto;
	width:956px;
	}

#header {
	width: 956px;
	height:176px;
	background:url(graphics/header-bg.jpg) no-repeat;
	}

#content {
	width: 956px;
	height: auto;
	margin: 0px;
	padding: 0px;
	background:url(graphics/content-bg.jpg) repeat-y;
	}

#left-col {
	width: 475px;
	height: auto;
	padding: 0px;
	margin: 0px;
	float:left;
	}

#right-col {
	width: 470px;
	height:auto;
	padding: 0px 10px 0px 0px;
	margin: 0px;
	float: left;
	background:url(graphics/hp-bg.jpg) no-repeat;
	}

#one-col {
	width: 856px;
	height:auto;
	padding: 0px 50px 30px 50px;
	margin: 0px;
	float:left;
	}

#footer {
	width: 956px;
	height:136px;
	margin: 0px;
	padding: 0px;
	background:url(graphics/footer-bg.jpg) no-repeat;
	}


/*NAV*/

#logo {
	width: 357px;
	height:105px;
	float: right;
	display:block;
	padding: 30px 25px 10px 0px;
	margin: 0px;
	}

#nav {
	width: 840px;
	height: auto;
	padding: 0px 50px 0px 40px;
	margin: 0px;
	float: left;
	}

#nav ul {
	display: inline-block;
	list-style:none;
	padding: 0px;
	margin: 0px;
	float:left;
	width:860px;
	}

#nav li {
	padding: 0px 10px 0px 10px;
	margin: 0px;
	list-style:none;
	display:inline-block;
	color: #9dbe01;
	float:left;
	}

#nav li a {	text-decoration:none;	color: #FFF;}
#nav li a:hover {	color:#9dbe01;	}	

/*NAV*/

/*FOOTER*/

#footer p {
	width: 190px;
	float:left;
	margin: 0px;
	padding-left: 50px;
	color:#a29f9f;
	}
	
/*SITE INFO*/

#site-info {
	width: 956px;
	padding:0px;
	margin: 0px;
	font-size:10px;
	float:left;
	background-color:#FFF;
	}

#copyright {
	width:200px;
	float:left;
	padding-left: 10px;
	margin: 0px;
	}

#site-info a {text-decoration:none;	color: #474747;	}
#site-info a:hover {color:#474747;text-decoration:underline;}

#footer-nav {width: 736px; float:left; margin:0px; text-align:right; padding-right:10px;}


/*CONTACT*/

#contact {
	padding: 30px 0px 0px 0px;
	margin: 0px;
	float:left;
	width: 495px;
	height: auto; /*550px;
	background-image:url(graphics/contact-bg.gif);
	background-repeat:no-repeat;*/
	}

#contact-left {
	width: 350px;
	height:auto;
	padding:30px 0px 0px 0px;
	margin: 0px;
	float:left;
	color:#a29f9f;
	}
	

#contact-left p {
	width: 300px;
	height:auto;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	float: left;
}

#contact-left a {color: #a29f9f;text-decoration:none;}
#contact-left a:hover {	color: #a29f9f;	text-decoration:underline;}	

#contact-header {
	width: 495px;
	height: 75px;
	padding: 0px;
	margin: 0px;
	}
	
#contact-header h1 {
	width: 420px;
	padding: 20px 50px 20px 25px;
	margin: 0px;
	font-size: 25px;
	float: left;
	}

#f-container {width: 450px; height:auto; padding-bottom: 10px; margin: 0px; float:left;}
#image-verification {width: 450px; height:auto; padding: 0px; margin: 0px; float:left;}
.verification {width:450px; height:auto; padding: 0px; margin: 0px; text-align:right;}
.image-captcha {width: 170px; height:auto; padding: 0px; margin: 0px; float:left;}
.image-refresh {width:280px; height:auto; padding:0px; margin:0px; float:left;}
.label {width: 150px;; height: auto; padding: 0px; margin: 0px; float:left; text-align:right; line-height:18px;}
.field {width: 295px;; height: auto; padding-left: 5px; margin: 0px; float:left;}

/*SERVICES*/

.services { width:200px; padding:10px 0px 50px 0px; margin: 0px; float:left;}

ul {float:left; padding: 0px; margin-left: 15px; list-style:disc;}
li {list-style:disc outside; color:#9dbe01;}

.black {color:#474747;}

/*PORTFOLIO*/

#left-col-port {
	width: 366px;
	height: auto;
	padding-left: 50px;
	margin: 0px;
	float:left;
	}

#right-col-port {
	width: 480px;
	height:auto;
	padding: 0px 10px 0px 0px;
	margin: 0px;
	float: left;
	}

.thumbs {
	width: 102px;
	height: 102px;
	padding-left: 20px;
	margin: 0px;
	float: left;
	}
	
.first-thumbs {
	width: 102px;
	height: 102px;
	padding: 0px;
	margin: 0px;
	float: left;
	}

.thumb-container {
	width: 366px;
	height:120px;
	padding: 0px 0px 20px 0px;
	float: left;
	margin: 0px;

	}
	
.portfolio-left {width:400px; height:auto; padding:0px; margin:0px;}
.portfolio-right {width:428px; height:auto; padding:0px; margin:0px; float:left;}
.port-header {padding-left:80px; font-size:18px; font-weight:bold;}