@charset "utf-8";

/* CSS Document */

html { height:100%; }

body
{
 margin:0 auto;
 background:url(images/bg.png) repeat-x top;
 padding:0;
 text-align:center;
 height:100%
}

*
{
 margin:0;
 padding:0;
}

img { border:none; }
/*span {
	display: none;
}*/

h1 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666666; font-weight:bold; padding:10px 20px;}

* html a:hover 
      {
        visibility: visible;
      }

#container
{
 text-align:left;
 width:960px;
 padding:0;
 margin:0 auto;
 background:url(images/maincontent_bg.jpg) repeat-y;
 height:96%;
}
#mainMenu 
{
background:url(images/top_bg.png) no-repeat;
margin:0 auto;
padding:0;
height:43px;
width:960px;
}

 ul {
    
    position: relative;
	width: 303px;
	height: 43px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}


li#bu1 a, li#bu2 a, li#bu3 a, li#bu4 a {
	background: transparent;
	position: absolute;
    width:303px;
	height: 43px;
    top:0;
	text-decoration: none;
}

/* adjusted values for IE6 
* html*li#bu1 a, * html*li#bu2 a, * html*li#bu3 a, * html*li#bu4 a { bottom: -1px; }*/

li#bu1 a { left:333px; width:67px; background:url(images/tab_home_hover.png) 0 0 no-repeat;  }
li#bu2 a { left: 400px; width:86px; background:url(images/tab_portfolio_hover.png) 0 0 no-repeat; }
li#bu3 a { left: 486px; width:70px; background:url(images/tab_about_hover.png) 0 0 no-repeat; }
li#bu4 a { left:556px; width:80px; background:url(images/tab_contact_hover.png) 0 0 no-repeat; }


li#bu1 a:hover img, li#bu2 a:hover img, li#bu3 a:hover img, li#bu4 a:hover img { visibility:hidden; }




#mainContent
{
width:960px;
background:url(images/center_bg.png) repeat-y;
z-index:1;
top:0;
}

.extra {
width:47px;
float:right; right:0px;
}

.twitter a {background:url(images/btn_twitter_on.png) no-repeat; width:47px; height:32px; float:right; right:0;}
.twitter a:hover img { width:47px; height:32px; float:right; right:0; visibility:hidden;}


.facebook a {background:url(images/btn_facebook_on.png) no-repeat; width:47px; height:35px; float:right; right:0;}
.facebook a:hover img { width:47px; height:35px; float:right; right:0; visibility:hidden;}

#slideshow {  overflow:hidden; width:550; height:536; background-repeat: no-repeat; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: transparent; background-position: initial initial;}
#slideshow img {border: 0px none;}

.clearfloat
{ /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
 clear:both;
 height:0;
 font-size: 1px;
 line-height: 0px;
}
.footer
{
 margin:0 auto;
 min-height:30px;
 height:auto !important;
 height:30px;
}