/* standard elements */
* {
	margin: 0;
	padding: 0;
}
body {
	background: #a28054 url('img/body.png') repeat-y center top;
	font: normal 0.7em Tahoma,Verdana,sans-serif;	
	color: #000;
	height: 100%;
}

a {
	color: #FFF;
	text-decoration: none;
}

img {
	border: 1px solid #FFF;
}
img:hover {
	border: 1px solid #06F;
}


/* headings */
h1 {font: normal 2em sans-serif; margin-top: 0.3em;}
h2 {font: normal 20px sans-serif; margin-top: 0px; margin-left: 8px}
h3 {font: bold 15px sans-serif; margin-top: 0.1em;}
h4 {font: bold 1.1em sans-serif; margin-top: 0.1em;}

h1,h2,h3,h4,str {color:#116677}


/* misc elements */
#midbox {
    width: 97%;
	margin: 0;
	padding: 8px;
}
#midbox table {
    width: 200px;
}
#table_one {
	float: left;
	height: 100%;
}


.class {
    clear: both;
}


ol {margin: 0 0 1.2em 3em;}


/* structure */
#container {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background: url('img/body_right.png');
	background-repeat: repeat-x;
}

#main {
	position: relative;
	width: 760px;
	border-top: 0px;
	margin: 0 auto;
}
#main_mid {
	float: left;
	width: 760px;
}

#main_left {
	position: absolute;
	left: 0;
	background: url('img/body_left.png');
	background-repeat: repeat-x;
	width: 50%;
	height: 363px;
}


/* logo */
#header a {
	background: url('img/header.jpg') repeat-x;
	border: 0px;
	height: 243px;
	display: block
}
#header a span {
  visibility: hidden;
}
#header h1 {
	font: normal 2.2em Verdana,sans-serif;
	margin: 0;
	padding: 124px 0 0 24px;
}

/* main navigation */

#who
{
  display: block;
  width: 213px;
  height: 41px;
  background: url("img/but1.jpg") no-repeat 0 0;

}
#who:hover
{ 
  background-position: 0 -41px;
}
#who span
{  display: none;	}

#what
{
  display: block;
  width: 213px;
  height: 40px;
  background: url("img/but2.jpg") no-repeat 0 0;

}
#what:hover
{ 
  background-position: 0 -40px;
}
#what span
{  display: none;	}

#portfolio
{
  display: block;
  width: 213px;
  height: 39px;
  background: url("img/but3.jpg") no-repeat 0 0;

}
#portfolio:hover
{ 
  background-position: 0 -39px;
}
#portfolio span
{  display: none;	}

#contact
{
  display: block;
  width: 213px;
  height: 42px;
  background: url("img/but4.jpg") no-repeat 0 0;

}
#contact:hover
{ 
  background-position: 0 -42px;
}
#contact span
{  display: none;	}



/* lists */
ul.block {
	background: #2A2A2A;
	border-top: 1px solid #3A3A3A;
	margin: 0;
	padding: 0;
}
.block li {
	border-bottom: 1px solid #3A3A3A;
	list-style: none;
}
.block a {
	background: url('img/block.jpg') repeat-x left top;
	color: #CCC;
	display: block;
	font: normal 1.2em Verdana,sans-serif;
	padding: 0.6em 2% 0.6em 5%;
	width: 92%;
}
.block a:hover {
	background: #222;
	color: #FFF;
}
.block a em {
	color: #999;
	display: block;
	font: normal 0.8em Verdana,sans-serif;
	margin-top: 0.3em;
}

/* Sidebar */
#sidebar {
    float:left;
    width:213px;
    }


/* content */ 
#imgbox {
width: 150px;
height: 150px;
background: rgba(255, 255, 255, 0.3);
float: left;
margin: 6px 6px 0 6px;
padding: 3px 0 18px 0;
text-align: center;
}

#content {
	color: #000;
	font-family: Verdana,sans-serif;
	line-height: 1.3em;
	padding: 3.2em 40px 1em 20px; 
	float:right;
    width:487px;
	background: url('img/header2.jpg') no-repeat;
	background-position: top right
}


#content a {color: #13a;}
#content a:hover {
	color: #38F;
}
#content p {margin: 0.4em 0 1em 0;}
pc {margin: 0.4em 0 1em 0; text-align: center;}
#content .descr {
	color: #987;
	margin-bottom: 0.5em;
}

#content ul li {list-style: url('img/li.png');}
#content ul {margin-left: 3.0em;}

/* footer */
#footer {
	color: #fff;
	clear: both;
	text-align: center;
}