@charset "utf-8";
/* CSS Document */
* {
margin: 0;
}
html, body {
height: 80%;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#353535;
	background-image:url(../images/background.png);
	background-position: top left ;
	background-repeat:repeat-x;
}

#wrapper{
	width: 900px;
	margin-left:auto;
	margin-right:auto;
	min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;

}
#header{
background-image:url(../images/topgradient.png);
height:145px;
background-repeat: no-repeat;
}
#logo{
	padding-top:10px;
	width: 275px;
	float:left;
}
#FPtopContent{
	margin-top: 40px; width:900px; height:400px;
	background-image:url(../images/feature_bkg.png);
	background-position: top left ;
	background-repeat: no-repeat;
}
#topContent{
	margin-top: 40px; width:900px; height:400px;
	background-image:url(../images/fp_cont_bkg.png);
	background-position: top left ;
	background-repeat: no-repeat;
}
.push {
height: 1em;
clear: both;
}

a.intlink:link{
	color:#CCCCCC;
	text-decoration:none;
}
a.intlink:visited{
	color:#CCCCCC;
	text-decoration:none;
}
a.intlink:hover{
	color:#0099CC;
	text-decoration:underline;
}
.footer {
position: relative;
background-image:url(../images/footer.png);
	background-position: top left ;
	background-repeat:repeat-x;
	height: 60px;
}
#fPlacement{
	position:relative;
	margin-top: 40px;
	width: 900px;
	height: 50px;
	margin-left:auto;
	margin-right:auto;
	color:#FFFFFF;
	font-size:12px;
	
}
#copyright{
	padding-top: 30px;
	width: 300px;

}

#footernav{
	width:350px;
	float:right;
	text-align:right;
	margin-top:30px;
}
/* top nav */
#navcontainer{
	float: right;
	width: 550px;
	margin-top: 48px;
}
#navlist ul
{
margin: 0;
white-space: nowrap;
padding: 0;

}

#navlist li
{
display: inline;
list-style-type: none;
margin-left:-5px;
margin-right:0px;
}

#navlist a
{
padding: 15px 10px 10px 24px;
border: 0px solid #999;
/*background-color: #999;*/
background-image: url(../images/nav_off.png);
background-repeat: repeat-x;
}

#navlist a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navlist a:hover
{
border: 0px solid #888;
/*background-color: #FF6600;*/
background-image: url(../images/nav_on.png);
color: #CCC;
}

#active a:link, #active a:visited, #active a:hover
{
border: 0px solid #fff;
/*background-color: #FF6600;*/
background-image: url(../images/nav_on.png);
color: #ccc;
}

/* internal styles */
#topContent{
background-image:url(../images/maincont_top.png);
height:25px;
background-repeat: no-repeat;
width: 900px;
}
#mContent{
	margin-top:20px;
}
#midContent{
background-image:url(../images/fp_cont_bkg.png);
min-height: 400px;
width: 900px;
background-color:#737373;
}
#botContent{
background-image:url(../images/mainCont_bot.png);
height:30px;
background-repeat: no-repeat;
width: 900px;
}

#aboutText{ width:500px; margin-top:0px; margin-left:20px; text-align:left; height:50px; float:left; }

#sidebar{width:250px; float:right; margin-right:20px; margin-top:20px; height:520px; background-color:#111111; border: solid #555555 1px; padding: 5px 5px; }
/* End internal */


/* featurelist */

h3 {
			margin: 0;	
			padding: 7px 0 0 0;
			font-size: 16px;
			text-transform: uppercase;
		}
 
		div#feature_list {
			width: 875px;
			height: 340px;
			overflow: hidden;
			position: relative;			
			border: solid red 0px;
			
			margin-right:auto;
		}
 
		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}
 
		ul#tabs {
			left: 0;
			z-index: 2;
			width: 320px;
		}
 
		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}
 
		ul#tabs li a {
			color: #222;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 60px;
			outline: none;
		}
 
		ul#tabs li a:hover {
			text-decoration: underline;
		}
 
		ul#tabs li a.current {
			background:  url('../images/feature-tab-current.png');
			color: #FFF;
		}
 
		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}
 
		ul#output {
			right: 0;
			width: 585px;
			height: 335px;
			position: relative;
			border: solid blue 0px;
		}
 
		ul#output li {
			position: absolute;
			width: 585px;
			height: 335px;
		}
 
		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #D33431;
		}
		
		
/* Contact Page */

.contList li{
	list-style-type:none;
	line-height: 35px;
	margin-left: -25px;
}
.contLabel{
	width:110px;
	float:left;
	border: solid blue 0px;
	margin-left: 10px;
}
#contpad{
	margin-left:15px;
	}
.offset{
top: -9999px;
left: -9999px;
position:relative;

}
.ui-widget{
	border: solid #cdcdcd 1px;
	background-color:#333333;
	margin-bottom: 10px;
}

#errorul li{
	
	width: 400px;
	margin-left: 0px;
}
#mailtolink{
	text-align:left;
	margin-left:25px;
}

/* Portfolio */
#portmid{ width:800px; margin-top:15px; text-align:center; margin-left:auto; margin-right:auto; height:15px; padding-bottom:20px;}

.portList li{
	border: solid red 0px;
	border-bottom: solid #666666 1px;
	padding-bottom: 10px;
	list-style-type:none;
	clear:both;
	height:133px;
	margin-top:20px;
	margin-left: -30px;
}

.portThumb{
	float:left;
}
.portThumb img{
	padding-right: 15px
}