body{
	background-image:url(../images/gradiant.png);
	background-repeat:repeat-x;
	background-color:#dddddd;
}

#page_wrapper{
	width:984px;
	height:640px;
	background-image:url(../images/backdrop.png);
	margin:auto;
}

#left_colomn{
	width:300px;
	height:615px;
	margin-left:21px;
	margin-top:20px;
	padding-top:120px;
	float:left;
}


#navigation {
	margin:auto;
	padding:3px;
	width:280px;
	height:62px;
	border-top:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
}



#home
{
  display: block;
  width: 52px;
  height: 61px;
  background-image:url(../images/home_over.png);
  float:left;
  margin:1px;
}

#home:hover{
	background-image:url(../images/home_over.png);
}

#home span
{
  display: none;
}

#portfolio
{
  display: block;
  width: 61px;
  height: 61px;
  background-image:url(../images/portfolio_out.png);
  float:left;
  margin:1px;
}

#portfolio:hover{
	background-image:url(../images/portfolio_over.png);
}

#portfolio span
{
  display: none;
}

#contact
{
  display: block;
  width: 59px;
  height: 61px;
  background-image:url(../images/contact_out.png);
  float:left;
  margin:1px;
}

#contact:hover{
	background-image:url(../images/contact_over.png);
}

#contact span
{
  display: none;
}


#body{
	width:280px;
	height:300px;
	margin:auto;
	margin-top:20px;
	font-family:arial;
	font-size:12px;
	color:#333;
}

#right_colomn{
	width:596px;
	height:567px;
	background-color:#ccc;
	float:right;
	margin-top:35px;
	margin-right:38px;
}


#slideshow {
    position:relative;
    height:567px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
	
	
#footer{
	margin:auto;
	width:260px;
	
}

h5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
}