/* CSS Document */

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

img{
	border:none;
}

a span, h1 span, h2 span, h3 span{
	display:none;
}

a{
	color:#666666;
	text-decoration:underline;
}

a:hover, a:active{
	color:#00CC33;
	text-decoration:none;
}

.subhead{
	margin-bottom:10px;
}

.subhead-content{
	margin-top:10px;
}


.green{
	color:#00CC33;
}

.grey{
	color:#666666;
}


body{
	background:#003333 url(../images/bg.jpg) repeat-x;
	color:#CCCCCC;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#wrap{
	background:url(../images/bg_wrap.jpg) repeat-y;
	width:749px;
	margin:0px auto;
}

#wrap-news{
	background:url(../images/bg_wrap_news.jpg) repeat-y;
	width:749px;
	margin:0px auto;
}


#header{
	background:url(../images/header.jpg) no-repeat;
	height:148px;
}

	#header a#headerlink{
		position:relative;
		width:244px;
		height:117px;
		top:10px;
		left:259px;
		display:block;
	}

/* ------------------------ horizontal sprite nav ------------------------ */
#nav { 
	background:url("../images/nav.jpg") no-repeat; 
	width:900px; 
	height:85px; 
	margin:0;
	padding:0; 
	list-style-type:none;
	}

#nav span { display: none; }

#nav li, #nav a { height:85px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; position:relative; }

#nav-01 { width: 100px; margin-left:131px;}
#nav-02 { width: 101px;}
#nav-03 { width: 101px;}
#nav-04 { width: 101px;}
#nav-05 { width: 101px;}

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover { background:url("../images/nav.jpg")  -131px -85px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.jpg") -231px -85px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -332px -85px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg") -433px -85px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.jpg") -534px -85px no-repeat; }

/****** top ******/

#top{
	background:url(../images/top.jpg) no-repeat;
	height:38px;
}

#top-news{
	background:url(../images/top-news.jpg) no-repeat;
	height:38px;
}

/****** leftcol ******/

#leftcol{
	width:373px;
	float:left;
}

#leftcol p{
	margin:14px 33px 0px 10px;
	line-height:20px;
}

/****** rightcol ******/

#rightcol{
	width:376px;
	float:left;
}

#thumbs{
	margin:0px 0px 0px 22px;
}

#rightcol p{
	margin:10px 12px 0px 31px;
	line-height:20px;
}	

/****** clear ******/

#clear{
	background:url(../images/clear.jpg) no-repeat;
	height:43px;
	clear:both;
}

/****** footer ******/

#footer{
	background:url(../images/footer.jpg) repeat-y;
	padding-bottom:10px;
	font-size:11px;
	width:749px;
}

#footer p{
	width:550px;
	margin:10px auto 0px auto;
	text-align:center;
}

#footer a:link, #footer a:visited { color:#666666; }

#footer a:hover, #footer a:active { color:#00CC33;; text-decoration:none;}

#footer ul {margin:0px auto; width:550px; text-align:center;}

#footer li { /* if your li's float, you can adjust border height w/ line-height */
	padding:0 4px 0 0px;
	display: inline;
	}

div#footer ul li a:link, div#footer ul li a:visited, div#footer ul li.first a:link, div#footer ul li.first a:visited{
	color:#FFF;
	}

	#footer li.first { border: none; }

#bottom-contain{
	position:absolute;
	bottom:0px;
}

/****** form ******/

input, textarea{
	background-color:#000000;
	border:#000000;
	color:#FFF;
	width:227px;
}

#submit, #reset{
	width:75px;
}

/******* SUBPAGES *********/

body#identity #rightcol, body#portfolio #rightcol, body#contact-page #rightcol{
	padding-top:43px;
}

.services{
	margin-bottom:10px;
}

#rightcol .services{
	margin-left:2px;
}

.banners{
	margin-left:2px;
}

/******* news *********/

#maincol{
	width:749px;
}