html, body {
    margin: 0;    
    font-size: 13px;
    font-family: Arial, sans-serif; 
    background: #D0D0D0 url('../images/bg_page.jpg') repeat-x;        
}

#main {
    width: 770px;
    padding-top: 10px;     
}

.logo {
    position: absolute;
    width: 274px;
    height: 85px;
    background: url('../images/logo.jpg');
    margin: 0;
}

.left{  
    background: url('../images/bg_main_l.jpg') bottom right no-repeat;
    width: 15px;    
}

.middle{
    background: url('../images/bg_main.jpg') bottom repeat-x;
    width: 740px;
    height: 422px;
}

* html .middle {
    height: 422px    
}

.right{
    background: url('../images/bg_main_r.jpg') bottom left no-repeat;
    width: 15px;
}


#header {    
    width: 100%;
    height: 44px;
    margin: 60px 0 0 0;
    padding: 0;
}

.slogan{    
    background: url('../images/slogan.jpg') left 48px no-repeat;
    height: 65px;
    width: 380px;    
}

.menu {  
    width: 340px;
    background: url('../images/bg_menu.jpg') bottom no-repeat;         
}
.menu a {
    display: block;
    height: 42px;
}
.menu a.about {
    width: 106px;
    margin: 23px 0 0 17px;;
    background: url('../images/mnu_about.jpg') top left no-repeat;
}
.menu a.projects {
    width: 110px;
    margin: 23px 1px 0 1px;
    background: url('../images/mnu_projects.jpg') top left no-repeat;
}
.menu a.contact {
    width: 104px;
    margin: 23px 17px 0 1px;
    background: url('../images/mnu_contact_us.jpg') top left no-repeat;
}
.menu a:hover {
    background-position: bottom left;
}


#content {
    width: 720px;
    margin: 10px 0 20px 0;
}

.content_top {  
    width: 720px;
    height: 7px;
    background: url('../images/content_top.gif')  center bottom no-repeat;
}

.content_bottom {
    width: 720px;
    height: 7px;    
    background: url('../images/content_bottom.gif') center no-repeat;
}

.content_body {
    height: 412px;
    padding: 0 1em;    
    background: url('../images/bg_content.gif') repeat-y;
    color: #4F4F4F;
    font-size: 13px;
}

.content_body .h1 {
    font: bold 18px/150% Trebuchet MS, Tahoma, sans-serif;
    background: url('../images/bg_dot.gif') bottom repeat-x;
}

.content_body p {
    margin: 8px;
    text-align: left;
    text-indent: 15px;
}

.menu a.contact {
    background: url('../images/mnu_contact_us.jpg') no-repeat;
    background-position: bottom left;
}

input {
	width: 250px;
	height: 18px;
	font-size: 11px;
	font-family: 'Verdana';
	font-weight: normal;
}

html>body INPUT {
	width: 250px;
	height: 18px;
	font-size: 11px;
	font-family: 'Verdana';
	font-weight: normal;
}

select {
	width: 250px;
	height: 18px;
	font-size: 11px;
	font-family: 'Verdana';
	font-weight: normal;
}

.contact td{
	font-size: 12px;
	font-weight: bold;
	font-family: Trebuchet Ms;
	padding-bottom: 7px;
}

textarea {
	width: 320px;
	height: 100px;
	font-size: 11px;
	font-family: 'Verdana';
}

.reset_bnt {
	height: 44px;
	width: 108px;
	background: url('../images/btn_cancel.jpg') no-repeat;
	border: 0;
}

.submit_bnt {
	height: 44px;
	width: 108px;
	background: url('../images/btn_submit.jpg') no-repeat;
	border: 0;
}

.menu a.projects {
    background: url('../images/mnu_projects.jpg') no-repeat;
    background-position: bottom left;
}

.link {
	border: 0;
}}