body { 
	background-image: url('images/bg.png');
	background-repeat: repeat-x;
	background-color: #fff;
	font-size:10pt;
	font-family: "Lucida Grande","Calibri", "Trebuchet MS";
	color: #333;	
	margin: 0;
	height:auto;
	}
	
html, body {
	height: 100%;
	background-color: #fff;
}

/*DIV STUFF*/
#all {
	width: 950px;
	margin-right:auto; 
	margin-left:auto;
}
#header {
	width: 900px;
	margin-right:auto; 
	margin-left:auto;
}

#frame_top {
	width: 950px;
	background-image: url(images/ftop.png);
	background-repeat: no-repeat;
	height: 25px;
}
	
#frame {
	width: 950px;
	background-image: url(images/frame.png);
	background-repeat: no-repeat;
	min-height: 600px;
	margin-bottom: 50px;
	
}

#body {
	width: 900px;
	margin-right:auto; 
	margin-left:auto;
	background-color: white;	
	min-height: 600px;
}
#nav {
	width:900px;
	height: 70px;
	text-align: right;
	background-image: url(images/navbg.png);
	background-repeat:no-repeat;
}
#content {
	width:900px;
	padding: 10px;
}
	/*Used for div on right of portfolio page*/
	#cright {
		width: 717px;
		float: right;
	}
	/*Used for table on left of portfolio page*/
	#cleft{
		width: 183px;
		min-height: 600px;
		text-align: right;
		padding-top: 100px;
		background-image: url(images/crbg.png);
		background-repeat: no-repeat;
		background-position:top right;
	}
	.port1 {
		float:left;
		position:absolute;
		z-index:10;
		top:320px;
		width:680px;
		height: 900px;
	}
	.port2 {
		display:none;
		float:left;
		position:absolute;
		z-index:9;
		top:320px;
		width:680px;
	}
	#button1, #button2{
		cursor: pointer; 
        cursor: hand;  
	}
	#hlistings {
		padding-top: 3px;
		margin-top: 0px;
	}
#footer {
	width: 900px;
	background-image:url(images/footer.png);
	background-repeat: no-repeat;
	height: 60px;
	margin-right:auto; 
	margin-left:auto;
}

/*FONT FACE*/
@font-face {
 font-family: "Interstate";
 src: url("assets/Interstate.eot") 
}
@font-face {
 font-family: "Interstate";
 src: url("assets/Interstate.ttf") /* TTF file for CSS3 browsers */
}

/*INDIVIDUAL TAG STYLES*/
a {
	color:#444;
	text-decoration:none;
	border: 0px;
	margin: 0px;
} 

a.lightview, a:hover.lightview, a:active.lightview, a#fb, a:hover#fb, a:active#fb, a.fb, a:hover.fb, a:active.fb  {
	margin: -3px;
}

a:hover, a:active {
	color: #999;
	text-decoration:none;
	border: 0px;
	margin: 0px;
}


img {
	border: 0px;
	margin: 0px;
}
/*Nav Opacity*/
img.opacity
{
        opacity:1;
        filter:alpha(opacity=100);
}

td {
	vertical-align: top;
}
 h1 {
	 font-size: 42pt;
	 font-family: "Interstate", "Lucida Grande", "Trebuchet MS";
	 color: #333;
	 font-weight:400;
	 letter-spacing: -2px;
	 margin: 0px;
 }
 
 h2 {
	 font-size: 30px;
	 font-family: "Interstate", "Lucida Grande", "Trebuchet MS";
	 letter-spacing: -2px;
	 color: #333;
	 font-weight:500;
	 text-transform: uppercase;
	 margin: 0px;
 }
	 
  h3 {
	 font-size: 24px;
	 color: #444;
	 font-weight:500;
	 margin: 0px;
	 text-transform: uppercase;
 }
 
   h4 {
	 font-size: 18px;
	 color: #444;
	 font-weight:400;
	 margin: 0px;
	 text-transform: uppercase;
 }
 
 p{
	 margin: 0px;
	 font-size: 10pt;
 }