@charset "utf-8";
/* CSS Document */

body
{
padding: 0;
margin: 0 auto;
}

#page
{
width: 100%;
height: auto;
margin: 0 auto;
}

#header_bg
{
width: 100%;
height: 101px;
background: #FFFFFF url(images/background.png) repeat-x;
float: left;
clear: both;
}

#header
{
width: 850px;
height: 101px;
margin: 0 auto;
}

#menu_bg
{
width: 100%;
height: 43px;
background: url(images/menu.png) repeat-x;
float: left;
clear: both;
}

#options
{
width: 850px;
height: 43px;
margin: 0 auto;
}

#home
{
width: 66px;
height: 43px;
background: url(images/home.png) no-repeat;
float: right;
/*clear: both;
margin-left: 490px;*/
}

#home:hover
{
width: 66px;
height: 43px;
background: url(images/home_h.png) no-repeat;
float: right;
/*clear: both;
margin-left: 490px;*/
}

#about
{
width: 82px;
height: 43px;
background: url(images/about.png) no-repeat;
float: right;
margin-left: 0px;
}

#about:hover
{
width: 82px;
height: 43px;
background: url(images/about_h.png) no-repeat;
float: right;
margin-left: 0px;
}

#portfolio
{
width: 116px;
height: 43px;
background: url(images/portfolio.png) no-repeat;
float: right;
margin-left: 0px;
}

#portfolio:hover
{
width: 116px;
height: 43px;
background: url(images/portfolio_h.png) no-repeat;
float: right;
margin-left: 0px;
}

#contact
{
width: 96px;
height: 43px;
background: url(images/contact.png) no-repeat;
float: right;
margin-left: 0px;
}

#contact:hover
{
width: 96px;
height: 43px;
background: url(images/contact_h.png) no-repeat;
float: right;
margin-left: 0px;
}

#white
{
width: 100%;
height: 430px;
float: left;
clear: both;
}

#white2
{
width: 850px;
height: 430px;
margin: 0 auto;
background: url(images/white_bg_1.png) no-repeat;
}

#white_c
{
width: 245px;
height: 430px;
margin-left: 605px;
font-family: Tahoma;
font-size: 16px;
color: #333333;
line-height: 32px;
}

#middle_grey
{
width: 100%;
height: 20px;
background: url(images/middle_grey.png) repeat;
float: left;
clear: both;
}

#middle_dark
{
width: 100%;
height: auto;
background: url(images/dark_grey.png) repeat;
float: left;
clear: both;
}

#middle_dark_m
{
width: 715px;
height: auto;
background: url(images/dark_grey.png) repeat;
padding-left: 135px;
margin: 0 auto;
font-family: Tahoma;
font-size: 14px;
color: #d6d4c9;
}

#middle_dark_m a
{
font-family: Tahoma;
font-size: 14px;
color: #FFFFFF;
}

.float
{
float: left;
padding-left: 30px;
padding-bottom: 10px;
} 

#Footer1
{
width: 100%;
height: 31px;
background: url(images/middle_grey.png) repeat;
float: left;
clear: both;
/*margin-top: 8px;*/
font-family: Tahoma;
font-size: 12px;
color: #f9f9f9;
}

#Footer1 a
{
text-decoration: none;
color: #f9f9f9;
}

#Footer2
{
width: 850px;
height: 31px;
background: url(images/middle_grey.png) repeat;
margin: 0 auto;
}

#Footer3
{
width: 405px;
height: 21px;
background: url(images/middle_grey.png) repeat;
margin: 0 auto;
float: left;
clear: both;
padding-top: 10px;
padding-left: 20px;
}

#Footer4
{
width: 425px;
height: 21px;
background: url(images/middle_grey.png) repeat;
margin: 0 auto;
padding-top: 10px;
text-align: right;
float: left;
}