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

body{
	margin:0px;
	padding:0px;
	background-image:url(images/bg_square.jpg);

}

#top_bg{
	width:100%;
	height:230px;
	background:url(images/top_bg.png) repeat-x;
	position:relative;
	float:left;
}

#container{
	width:1150px;
	height:1230px;
	margin-left:auto;
	margin-right:auto;
	background:url(images/top.jpg) no-repeat;
	z-index:5;

}
/*
#container{
	width:978px;
	height:auto;
	margin-left:0px;
	margin-right:0px;
}

*/

#home, #web, #print, #about{
	width:977px;
	height:460px;
	border-top:2px solid #3a484c;
	position:relative;
	float:left;
	margin-left:75px;
}

#home{
	background:url(images/home_bg.jpg) no-repeat;
}

#web{
	background:url(images/web_bg.jpg) no-repeat;
}

#print{
	background:url(images/print_bg.jpg) no-repeat;
}

#about{
	background:url(images/about_bg.jpg) no-repeat;
}



#name{
	width:977px;
	height:24px;
	position:relative;
	float:left;
	background-image:url(images/name.png);
	margin-top:38px;
	margin-left:75px;

}

#navbox{
height:28px;
width:100%;
text-align:center;
position:relative;
float:left;
margin-top:50px;
}

#navholder{
height:20px;
width:300px;
margin-left:auto;
margin-right:auto;
position:relative;
}

ul{
text-decoration:none;
list-style:none;
margin:0px;
padding:0px;
}

ul li a{
font-family:'Garamond', 'Adobe Garamond Pro', 'Times New Roman', Times, serif;
font-size:20px;
text-decoration:none;
color:#3d812c;
float:left;
padding-right:20px;
padding-left:20px;
}

ul li a:hover{
color:#97c439;
}

ul li{display:inline;
}

#on a{
	color:#153326;
}


#textbox{
	width:520px;
	font-family:'Garamond', 'Adobe Garamond Pro', 'Times New Roman', Times, serif;
	font-size:18px;
	color:#3a484c;
	position:relative;
	float:left;
	margin-top:225px;
	margin-left:244px;
	text-align:center;
	letter-spacing:1.4px;
	line-height:1.4;
	font-weight:200;
}

#textbox a{
	color:#3a484c;
}

#home_feature{
	width:977px;
	height:209px;
	position:relative;
	float:left;
	margin-top:50px;
}

.featured{
	width:317px;
	height:209px;
	position:relative;
	float:left;
}

.featured a:hover{
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;

	
}

img{
	border:none;
}

/*.portbtn a{
width:50px;
height:50px;
position:relative;
float:left;
background-color:#99c77a;
margin-right:1px;
}

.portbtn {
width:50px;
height:50px;
position:relative;
float:left;
margin-right:1px;
background-color:#5c4f4d;

}*/

.portbtn a{
width:100px;
height:70px;
position:relative;
float:left;
background-color:#99c77a;
margin-right:19px;

}

.portbtn {
width:100px;
height:70px;
position:relative;
float:left;
margin-right:19px;
background-color:#99c77a;
}

.portbtn a:hover{
background-color:#5c4f4d;
filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}

#port_btns{
margin-top:272px;
margin-bottom:73px;
height:70px;
width:957px;
position:relative;
text-align:center;
background-color:#000;
padding:15px 0px 15px 20px;
filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;

}

.port_text_box{
	width:232px;
	height:auto;
	position:relative;
	float:left;
	/*margin-left:68px;*/
	margin-right:20px;
	text-align:right;
}

.port_intro{
	font-family:helvetica, arial, sans-serif;
	font-size:15px;
	color:#3a484c;
	line-height:1.2;
}

.port_list, .port_list a{
	font-family:helvetica, arial, sans-serif;
	color:#6e9761;
	font-size:12px;
	line-height:1.4;

}

.web_list, .web_list a{
	font-family:helvetica, arial, sans-serif;
	color:#145b40;
	font-size:12px;
	line-height:1.4;
}
	


.portitem{
margin-bottom:12px;
}

#portcontent{
	width:700px;
	height:auto;
	position:relative;
	float:left;
}

/* ---------------------------------------------------- */
/* SLIDESHOW 
/* ---------------------------------------------------- */
#slideshow {
width: 640px;
height:355px;
overflow:hidden;
}

#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 1%; /* IE fix */
}

#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;
}      


/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
background-color: #fff;
margin-top:15px;
margin-left:15px;
}

#slideshow .slides-nav li {
float: left;}

#slideshow .slides-nav li a {
display: block;
padding-top:15px;
padding-left:10px;
padding-right:5px;
padding-bottom:0px;
outline: none;
text-decoration:none;
color:#7e94a0;
background-image:url(images/slides_off.jpg);
background-repeat:no-repeat;
}

.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
background-color: #fff;
background-image:url(images/slides_on.jpg);
background-repeat:no-repeat;
}

.js #slideshow .slides-nav li.on a {
position: relative;
text-decoration:none;
color:#4f4d4c;
top: 0px;
}

.slides-nav-box{
	position:relative;
	float:left;
	width:640px;
	height:auto;
}

#footer{
	width:977px;
	border-top:1px solid #3a484c;
	position:relative;
	float:left;
	padding-top:6px;
	font-family:helvetica, arial, sans-serif;
	font-size:11px;
	color:#3a484c;
	margin-top:70px;
	text-align:center;
}