html, body {
background: #fffff3;
height: 100%;
width: 100%;
min-height: 600px;
padding: 0;
margin: 0;
}

#main_wrapper {
margin: 0;
padding: 0px;
height: 100%;
width: 100%;
overflow-y: hidden;
}

a img {
border: none;
}

/***********************LEFT SIDE***********************/

#left {
width: 350px;
float: left;
}

#samples {
margin-left: -350px;
margin-top: -30px;
float: left;
}

/*********************MIDDLE*****************************/

#mainpage {
width: auto;
}

#nav {
}

#nav #navleft {
width: 20px;
height: 113px;
float: left;
background: url('images/header1_left.jpg') no-repeat;
}

img.right {
float: right;
margin-top: -42px;
}

#nav #navmid {
height: 90px;
margin-top: 70px;
margin-left: 370px;
padding-left: 20px;
padding-top:41px;
background: url('images/header1_mid.jpg') repeat-x;
}

#nav #navmid ul {
list-style-type: none;
display: inline;
}

#nav #navmid ul li {
float: left;
display: inline;
position: relative;
height:64px;
width: 85px;
background: none;
text-align: center;
margin-right: 24px;
}

#nav #navmid ul li a {
width: 85px;
height: 64px;
display: block;
text-indent: -9000px;
overflow: hidden;
}

#nav #navmid ul li a.home {
background: url(images/link_home.jpg) left top no-repeat;
}

#nav #navmid ul li a.homepage, #nav #navmid ul li a.home:hover {
background: url(images/link_home.jpg) left bottom no-repeat;
}

#nav #navmid ul li a.services {
background: url(images/link_services.jpg) left top no-repeat;
}

#nav #navmid ul li a.servicespage, #nav #navmid ul li a.services:hover {
background: url(images/link_services.jpg) left bottom no-repeat;
}

#nav #navmid ul li a.portfolio {
background: url(images/link_portfolio.jpg) left top no-repeat;
}

#nav #navmid ul li a.portfoliopage, #nav #navmid ul li a.portfolio:hover {
background: url(images/link_portfolio.jpg) left bottom no-repeat;
}

#nav #navmid ul li a.blog {
background: url(images/link_blog.jpg) left top no-repeat;
}

#nav #navmid ul li a.blogpage, #nav #navmid ul li a.blog:hover {
background: url(images/link_blog.jpg) left bottom no-repeat;
}

#nav #navmid ul li a.contact {
background: url(images/link_contactus.jpg) left top no-repeat;
}

#nav #navmid ul li a.contactpage, #nav #navmid ul li a.contact:hover {
background: url(images/link_contactus.jpg) left bottom no-repeat;
}

/***************************content***********************************/

#mainpage {
min-width: 1235px;
}

#content {
padding-left: 160px;
padding-right: 200px;
max-height: 330px;
overflow-y: auto;
font-family: Trebuchet MS;
font-size: 14px;
}

#scr {
min-height: 300px;
overflow-y: auto;
}

/****************************FOOTER*******************************/

#foot {
color: #aeaeae;
text-align: right;
font-size: 10px;
padding-right: 10px;
padding-top: 10px;
}