@import url("reset.css");
@import url("fonts.css");
@import url("base.css");
@import url("lightbox.css");

.clear {
  clear: both;
  height: 0;
}


body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #262222;
	background: #f9f9f2;
	}

	
/* fonts & links */

a {font-weight: bold;}
a:link {color: #8B9F6B;}
a:visited {color: #8B9F6B;}
a:active {color: #000000;}
a:hover {color: #930717;}

p,ul,ol {
	margin-bottom:1em;
	}
h1,h2,h3,h4 {
	margin-bottom:.5em;
	color: #8B9F6B;
	margin-top: 0em;
	}
	
/* structure */

#wrapper {
	width:760px;
	margin-right:auto;
	margin-left:auto;
	}

#left-col {
	width: 500px;
	float: left;
	margin-bottom: 40px;
}

#header {
	background: url(../img/header.gif) no-repeat center;
	height: 125px;
	width: 500px;
	margin-bottom: 20px;
	}
#header a {
	display: block;
	height: 125px;
	width: 500px;
	}


#front-header {
	background: url(../img/header.gif) no-repeat center;
	height: 125px;
	width: 760px;
	}
#front-header a {
	display: block;
	height: 125px;
	width: 760px;
	}

#main {
	background: url(../img/main-bg.gif) no-repeat;
	height: 220px;
	width: 760px;
	margin-bottom: 20px;
	padding-top: 20px;
	color: #FFFFFF;
	}
	
#main-content {
	margin-left: 30px;
	width: 460px;
	}
	
#main h1 {
	text-transform: uppercase;
	font-weight: normal;
	color: #FFFFFF;
	}
	
.front-page a {color: #dce5cc;}
.front-page a:visited {color: #dce5cc;}
.front-page a:active {color: #000000;}
.front-page a:hover {color: #930717;}
	
.folio-row {
	width: 760px;
	border-bottom: 1px solid #989897;
}

.folio-column {
	float: left;
	width: 380px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.folio-column h1 {
	margin: 5px 5px 0px 170px;
	font-size: 93%;
}

.folio-column p {
	margin-right: 5px;
	margin-left: 170px;
	color: #8d8d8d;
	font-size: 85%;
	margin-bottom: 15px;
}

.folio-column a {
	border: 1px solid #a9a9a9;
	display: block;
	height: 80px;
	width: 160px;
	float: left;
}

.folio-column a:hover {
	border-bottom: 10px solid #8C9F6C;
}

#footer {
	clear: both;
	height: 60px;
	width: 720px;
	background: url(../img/footer-bg.gif) no-repeat;
	padding: 20px;
	}
#footer p {
	font-size: 80%;
	color: #FFFFFF;
	line-height: 1.5em;
	}
#footer a {
	color: #CCCCCC;
	}
#footer a:hover {
	color: #8B9F6B;
	}
#footer a:active {
	color: #FCB040;
	}


#nav {
	width: 220px;
	margin-left: 40px;
	float: left;
	background: #8B9F6B;
}

#nav-bamboo {
	background: url(../img/bamboo-nav.gif) no-repeat top;
	height: 210px;
	width: 220px;
}

.nav-heads {
	background: #8b9f6b;
	margin-bottom: 5px;
}

.nav-heads a {
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
}

.nav-heads p {
	padding: 3px 3px 3px 10px;
	margin: 0px;
}

.nav-heads p:hover {
	background: #707F55;
}

#nav-links {
	padding-left: 20px;
	margin-bottom: 5px;
	font-size: 85%;
}

#nav-links a {
	color: #FFFFFF;
	text-decoration: none;
}

#nav-links p {
	margin-bottom: 3px;
}

#nav-links a:hover {
	color: #D9D9C4;
}


#nav-folio {
	width: 220px;
	margin-left: 40px;
	float: left;
	background: url(../img/folio-bg.gif) no-repeat;
	height: 32px;
	margin-bottom: 40px;
}


#nav-folio a {
	padding: 5px 3px 3px 10px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	font-weight: bold;
	width: 205px;
	height: 32px;
}

#nav-folio a:hover {
	background: url(../img/folio-bg-over.gif) no-repeat;
}

#nav-folio p {
	
	margin: 0px;
}



/* div-specific text styling 'n layout */


#preloadedImages {
	width: 0px;
	height: 0px;
	display: inline;
	background-image: url(../img/front-about-over.gif);
	background-image: url(../img/front-services-over.gif);
	background-image: url(../img/front-portfolio-over.gif);
	background-image: url(../img/folio-bg-over.gif);
	}

#about-us {
	background-image: url(../img/front-about.gif);
	background-repeat: no-repeat;
	height: 241px;
	width: 241px;
	float: left;
	}
#about-us a {
	display: block;
	height: 241px;
	width: 241px;
	}
#about-us a:hover {
	background-image: url(../img/front-about-over.gif);
	background-repeat: no-repeat;
	}
	
#services {
	background-image: url(../img/front-services.gif);
	background-repeat: no-repeat;
	height: 241px;
	width: 241px;
	float: left;
	margin-left: 18px;
	}
#services a {
	display: block;
	height: 241px;
	width: 241px;
	}
#services a:hover {
	background-image: url(../img/front-services-over.gif);
	background-repeat: no-repeat;
	}
	
#portfolio {
	background-image: url(../img/front-portfolio.gif);
	background-repeat: no-repeat;
	height: 241px;
	width: 241px;
	float: left;
	margin-left: 19px;
	margin-bottom: 20px;
	}
#portfolio a {
	display: block;
	height: 241px;
	width: 241px;
	}
#portfolio a:hover {
	background-image: url(../img/front-portfolio-over.gif);
	background-repeat: no-repeat;
	}