@charset "utf-8";
/* CSS Document */
body{
	background-image: url(images/bg_page.jpg);
	margin: 0px;
	padding: 0px;
	font-size:small;
	font-family:"Times New Roman", Times, serif;
	color:#020202;
	background-color: #000000;
	background-repeat: repeat-x;
}
#container, #container-int{
	width:808px;
	height:732px;
	margin:auto;
	background-repeat: no-repeat;
}

#container-int.portfolio{background-image: url(images/bg_container-port.gif);}
#text-portfolio{width:460px;height:440px;margin:auto;clear:both;font-size:110%;padding-top:60px;margin-bottom:75px;}
#sub-nav{width:460px;height:20px;margin:auto;font-size:110%;text-align:center;}
#container{	background-image: url(images/bg_container.gif);}
#container-int{	background-image: url(images/bg_container-int.gif);}
#nav-bar{width:472px;height:55px;margin:auto;}
	
#header{width:472px;height:428px;margin:auto;clear:both;padding-left:3px;}
#text{width:472px;height:32px;margin:auto;clear:both;text-align:center;font-size:110%;margin-bottom:115px;}
#text-int{width:382px;height:360px;margin:auto;clear:both;font-size:110%;padding-top:100px;margin-bottom:115px;}
#footer{width:750px;height:32px;margin:auto;clear:both;}
.footerleft{float:left;text-align:left;}
.footerright{float:right;text-align:right;}
#footer a{
	text-decoration:none;
	text-transform: uppercase;
}
h1{font-size:120%;}
p, li{font-size:100%;line-height:20px;}
a{color:#020202;}

table.tblContact{width:100%;margin-bottom:55px;}
.twitter{margin-top:15px;}
.facebook, .twitter{display:block;}
.facebook, .twitter{border:none;}

#nav-bar ul{margin:0;padding:0;}
#nav-bar li {display:inline-block;margin:0;padding:0;}
/* hide from mac ie5 \*/
#nav-bar li {display:inline;margin:0;}
/* end hide from mac ie5 */
#nav-bar a:link, #nav-bar a:visited {display:block;float:left;padding:0;margin:0;background-position:left center;background-repeat:no-repeat;text-decoration:none;}

#nav-bar #home a, #nav-bar #home_current a{width:105px;height:55px;}
#nav-bar #services a, #nav-bar #services_current a{width:109px;height:55px;}
#nav-bar #portfolio a, #nav-bar #portfolio_current a{width:135px;height:55px;}
#nav-bar #contact a, #nav-bar #contact_current a{width:123px;height:55px;}


#nav-bar li {font-size:1em;}

/* end hide from mac ie5 */
#nav-bar span {visibility:hidden;}

#nav-bar a:hover span, #nav-bar a:active span, #nav-bar a:focus span {visibility:hidden;}
	
#nav-bar 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 */
#nav-bar a:active, #nav-bar a:hover {border-width:0;}
	
/* normal state */
#home a:link, #home a:visited {background-image:url("images/btn_home01.gif");}
#services a:link, #services a:visited {background-image:url("images/btn_services01.gif");}
#portfolio a:link, #portfolio a:visited {background-image:url("images/btn_portfolio01.gif");}
#contact a:link, #contact a:visited {background-image:url("images/btn_contact01.gif");}


/* hover and focus state */
#home_current a,#home, #home a:hover, #home a:active, #home a:focus {background-image:url("images/btn_home02.gif") !important;}
#services_current a, #services, #services a:hover, #services a:active, #services a:focus {background-image:url("images/btn_services02.gif") !important;}
#portfolio_current a, #portfolio, #portfolio a:hover, #portfolio a:active, #portfolio a:focus {background-image:url("images/btn_portfolio02.gif") !important;}
#contact_current a, #contact, #contact a:hover, #contact a:active, #contact a:focus {background-image:url("images/btn_contact02.gif") !important;}