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

/* xxx Homepage CSS Start xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
body{
background: transparent url(../images/pattern.jpg) repeat-y 50% 0;
}

#page_wrap{
text-align:center;
}

#page{
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
margin: 0 auto;
text-align:left;
width: 1000px;
}

/* xxx HEADER xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#header_wrap{
padding:15px 25px 0;
height:135px;
}

#header{
float:left;
border-top:4px solid white; border-bottom:1px solid #00FFB4;
}

#logo{
float:left;
height:100px;
width:310px;
padding-top:20px;
padding-bottom:10px;
overflow:hidden
}

#menu_wrap{
padding-top:15px;
padding-left:240px;
float:left;
width:400px;
}

#menu_wrap ul{
padding-left:0px;
list-style-image:none;
list-style-position: none;
list-style-type:none;
}

#menu_wrap li a{
z-index: 10;
color:#000000;
display:block;
height:20px;
text-decoration:none;
width: 400px;
}

#menu_wrap ul li.btn_about a {
background: transparent url(../images/btn-about.png) no-repeat scroll 0 0;
}

#menu_wrap ul li.btn_about a:hover {
background: transparent url(../images/btn-about-hover.png) no-repeat scroll 0 0;
}

#menu_wrap ul li.btn_photos a {
background: transparent url(../images/btn-photos.png) no-repeat scroll 0 0;
}

#menu_wrap ul li.btn_photos a:hover {
background: transparent url(../images/btn-photos-hover.png) no-repeat scroll 0 0;
}

#menu_wrap ul li.btn_contact a {
background: transparent url(../images/btn-contact.png) no-repeat scroll 0 0;
}

#menu_wrap ul li.btn_contact a:hover {
background: transparent url(../images/btn-contact-hover.png) no-repeat scroll 0 0;
}

#menu_wrap ul li.btn_baafstudio a {
background: transparent url(../images/btn-baafstudio.png) no-repeat scroll 0 0;
}

#menu_wrap ul li.btn_baafstudio a:hover {
background: transparent url(../images/btn-baafstudio-hover.png) no-repeat scroll 0 0;
}

/* xxx BODY xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


#body_wrap{
padding-left: 25px;
height:450px;
}

#body_wrap ul{
list-style-image:none;
list-style-position:outside;
}

#homepage_content{
padding:20px 0px 0px 0px;
height:450px;
}

#left_col{
float:left;
width:150px;
}

#right_col{
float:left;
padding-left:50px;
width:750px;
}

/* xxx FOOTER xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


#footer_wrap {
height:25px;
border-top:1px solid #00FFB4; border-bottom:1px solid #999999;
margin-left:25px;
margin-right:25px;
margin-top: 75px;
}


#footer {
padding-top:0px;
padding-left: 625px;
}