body{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-image: url(images/bg_page2.jpg);
	background-repeat: repeat-y;
	background-position: top center;
}

#container{margin:auto;width:806px;height:auto;overflow:auto;color:#fff;}

#header{
	height:139px;
	width:806px;
	background-image: url(images/bg_header.jpg);
	background-repeat: no-repeat;
}

#fma{width:511px;height:250px;margin-left:45px;float:left;clear:both;}
#navBar{width:200px;height:158px;margin-right:46px;float:right;margin-top:52px;}
#footer{font-size:80%;clear:both;margin:auto;text-align:center;margin-top:30px;}
#footer a{color:#fff;text-decoration:none;}
#footer a:hover{color:#56a1e2;}

img.logo{}
#contentInt{
	width:511px;
	float:left;
	clear:both;
	overflow:auto;
	height:auto;
	background-image: url(images/bg_contentInt.jpg);
	background-repeat: no-repeat;
}
#textInt{width:450px;margin-top:45px;margin-left:45px;}

p{font-size:90%;margin-top:0;}
p.portMessage{font-size:80%;}
h2{font-size:100%;color:#56a1e2;margin-bottom:0;}
h3{font-size:100%;color:#56a1e2;margin:auto;font-style:italic;text-align:center;}
a{color:#56a1e2;}
a:hover{color:#FFFFFF;}
.contactLink{color:#56a1e2;}
.contactLink:hover{color:#fff;}
.green{color:#2cd228;}

/************* NAVIGATION ****************/

#navBar ul {margin:0;padding:0;}

#navBar li {
	display:block;
	
	}
	
/* hide from mac ie5 \*/
#navBar li {display:inline;margin:0;}
/* end hide from mac ie5 */

#navBar a:link, #navBar a:visited {
	display:block;
	float:left;
	padding:0;
	margin:0;
	background-position:left center;
	background-repeat:no-repeat;
	text-decoration:none;
	}
	

#navBar #home a{width:200px;height:37px;}
#navBar #portfolio a{width:200px;height:30px;}
#navBar #faq a{width:200px;height:30px;}
#navBar #contact a{width:200px;height:35px;}

#navBar #home_current a{width:200px;height:37px;}
#navBar #portfolio_current a{width:200px;height:30px;}
#navBar #faq_current a{width:200px;height:30px;}
#navBar #contact_current a{width:200px;height:35px;}


	
#navBar li {font-size:1em;}

/* end hide from mac ie5 */
#navBar span {visibility:hidden;}

#navBar a:hover span, #navBar a:active span, #navBar a:focus span {visibility:hidden;}
	
#navBar a{border:none;}
/* for some reason IE has a bug where it needs this border to display the text correctly */
/* i gave it a null border */
#navBar a:active, #navBar a:hover {border-width:0;}
	
/* normal state */
#home a:link, #home a:visited {background-image:url("images/btn_home_01.jpg");}
#portfolio a:link, #portfolio a:visited {background-image:url("images/btn_portfolio_01.jpg");}
#faq a:link, #faq a:visited {background-image:url("images/btn_faq_01.jpg");}
#contact a:link, #contact a:visited {background-image:url("images/btn_contact_01.jpg");}


/* hover and focus state */
#home, #home_current a, #home a:hover, #home a:active, #home a:focus {background-image:url("images/btn_home_02.jpg") !important;  }
#portfolio, #portfolio_current a, #portfolio a:hover, #portfolio a:active, #portfolio a:focus {background-image:url("images/btn_portfolio_02.jpg") !important;}
#faq, #faq_current a, #faq a:hover, #faq a:active, #faq a:focus {background-image:url("images/btn_faq_02.jpg") !important;}
#contact, #contact_current a, #contact a:hover, #contact a:active, #contact a:focus {background-image:url("images/btn_contact_02.jpg") !important;}





#portArea{width:511px;height:250px;margin-left:45px;float:left;clear:both;}
html>body #portArea{margin-left:25px;}
#thumbnails{
	width:806px;
	background-image: url(images/bg_thumbnail.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin:auto;
	margin-top:18px;
	height:auto;overflow:auto;
	clear:both;
}


.portFrame{
width:511px;
height:250px;
padding:0;
}


table.tblPortfolio{
	width:722px;
	background-image: url(images/bg_tblPortfolio.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin:auto;
	height:745px;overflow:auto;
	
}

table.tblPortfolio td{vertical-align:top;text-align:center;height:auto;overflow:auto;}

#column1, #column2,#column3{width:231px; height:auto;overflow:auto;}

#column1{}

#column2{}

#column3{}

table.tblContact{}

table.tblContact td{vertical-align:top;padding:3px;font-size:90%;}