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

body 
{
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 100%;
}

#headerWrapper
{
	background-image:url(images/bgheader.jpg);
	width:100%;
	margin:0;
	padding:0;
	background-repeat:repeat-x;
	clear:left
}

#header
{
	width:960px;
	text-align:left;
	margin:0 auto;
	padding:0;
	height:85px;
	
}

#logo
{
	width:350px;
	margin:0 0 0 20px;
	float:left;
	padding:0;
}

#menu
{
	width:460px;
	float:right;
	margin:0;
	padding:20px 20px 0 0;
	text-align:right;
	font-size: 90%
}

#menu ul li
{
	padding:5px;
	margin:0;
	color: #ffffff;
	display:inline;
	text-decoration:none
}

#menu ul li a
{
	padding:5px;
	margin:0;
	color: #ffffff;
	text-decoration:none
}

#menu ul li a:hover
{
	color: #98cb59;
	border-top:2px #c05480 solid;
}

#menu .on
{
	color: #98cb59;
	border-top:2px #c05480 solid;
}

#main 
{
	width:960px;
	text-align:left;
	margin: 0 auto;
	padding: 0;
}

#main a
{
	color: #56841D;
	text-decoration:underline
}

#main a:hover
{
	color: #56841D;
	text-decoration:none
}

h1 
{
	color:#2A2B26;
	font-size: 120%;
	font-weight:normal;
	margin:15px 0 0px 0
}


p
{
	font-size: 75%;
	line-height: 125%;
	font-weight:lighter;
	margin:5px 0 10px 0;
	padding:0
}

.justclear {
	clear:both;
	height: 10px
}

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

#footerWrapper
{
	/*background-image:url(images/bgfooter.jpg);*/
	background-color:#484848;
	width:100%;
	margin:0;
	padding:0;
	background-repeat:repeat-x;
	clear:left
}

#footer
{
	width:960px;
	text-align:left;
	margin:0 auto;
	padding:0;
	height:65px;
	padding: 18px 0 0 20px;
}

#footer p
{
	color:#CCC;
	font-size:60%;
	padding-left:10px
}

#footer p a
{
	color:#CCC;
	text-decoration:underline
}

#footer p a:hover
{
	color:#CCC;
	text-decoration:none
}


#portfolio
{
	float:left;
	width: 920px;
	padding: 0;
	margin: 0px 0px 10px 20px;
	text-align:left;
	z-index:100;
}



			h3{ margin: 5px 5px 0 5px; color:#FFF; font-size:120%; font-weight: bold;  }
			
			.boxgrid{ 
				width: 300px; 
				height: 225px; 
				margin:0 6px 20px 0px; 
				float:left; 
				background:#161613; 
				border: solid 1px #484848; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 2px 5px 0 5px; 
					color:#ffffff; 
					font-weight:bold; 
					font:75% Verdana, Geneva, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 110px; 
				width: 100%; 
				opacity: .8; 
 			}
 				.captionfull .boxcaption {
 					top: 225px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 190px;
 					left: 0;
 				}
				
		.boxcaption1 {				
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; }