body{
    background: #fff url('images/background/background.gif') repeat top left;
    margin: 0; padding: 0;
    font: 12px/18px "Lucida Grande", Arial, sans-serif;
}
h1,h2,h3,p,ul,li{
    margin: 0; padding: 0;
}
h2 span{
    display: none;
}
a img{
    border: 0;
}
a {
    color:#433322;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}

#wrapper{
    background: #fff;
    width: 972px;
    margin: 0 auto;
}
#header{
    height: 138px;
}
#header h1{
    background: url('images/header/logo.gif') no-repeat;
    width: 190px; height: 83px;
    float: left;
    margin: 3px 0 0 85px;
}
#header h1 a, #header h1 a:hover{
    text-decoration: none;
    width: 190px; height: 83px;
    text-indent: -10000px;
    float: left;
}
#header ul{
    padding: 74px 20px 0 168px;
    _padding: 74px 0 0 90px;
    list-style: none;
    float: right;
}
#header li{
    background: url('images/header/navigation.gif') left;
    width: 89px;
    float: left;
    margin: 0 2px;
    font: bold 11px/15px "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}
.active{
    width: 89px; height: 20px;
    padding: 4px 0 0;
}
#header li a{
    background: url('images/header/navigation.gif') center;
    text-decoration: none;
    color: #fff;
    width: 89px; height: 20px;
    padding: 4px 0 0;
    float: left;
}
#header li a:hover{
    background: url('images/header/navigation.gif') right;
    text-decoration: none;
    color: #fff;
    width: 89px; height: 20px;
    padding: 4px 0 0;
    float: left;
}
#mid{
    background: url('images/mid/background.jpg') no-repeat;
    width: 972px; height: 218px;
}
#leaf{
    background: url('images/mid/leaf.gif') no-repeat;
    width: 278px; height: 253px;
    position: absolute;
    margin: -35px 0 0 47px;
}

/* Andrey Mods for landing page */
#droid{
    background: url('images/mid/droid.gif') no-repeat;
    width: 171px; height: 250px;
    position: absolute;
    margin: -31px 0 0 87px;
}
#info2{
    width: 680px; height: 218px;
	padding-top:15px;
    float: right;
	font-size:28px;
	color:#FFFFFF;
	line-height:32px;
}
#quote2 {
	width: 660px; height: 50px;
    margin: 12px 0 0;
}
#quote3 {
	width: 645px;
    margin: 25px 0 0;
    font-size:20px;
	text-align:right;
	color:#A4C639;
}
#landing_who {
    background: url('images/content/what_we_do.gif') no-repeat;
    width: 211px; height: 24px;
    margin: 0 0 20px;
}
#landing_work {
    background: url('images/content/our_work.gif') no-repeat;
    width: 211px; height: 24px;
    margin: 0 0 20px;
}
#landing_contact {
    background: url('images/content/get_in_touch.gif') no-repeat;
    width: 211px; height: 24px;
    margin: 0 0 20px;
}
.screenshot {
	margin-bottom:15px;
}
/* Ending of mods */

#info{
    width: 540px; height: 218px;
    float: right;
}
#quote{
    background: url('images/mid/quote.gif') no-repeat;
    width: 473px; height: 50px;
    margin: 52px 0 0;
}
#find-out-more{
    background: url('images/mid/find-out-more.gif') no-repeat;
    width: 128px; height: 48px;
    margin: 36px 0 0 356px;
}
#find-out-more a, #find-out-more a:hover{
    text-decoration: none;
    text-indent: -10000px;
    float: left;
    width: 128px; height: 48px;
}
#content{
    padding: 12px 0;
}
#left{
    width: 223px;
    float: left;
    padding: 50px 32px 0 43px;
    _padding: 50px 20px 0 43px;
}
.pdf{
    text-align: center;
}
#left h2{
    color: #754c24;
    font: bold 14px/21px "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
}
#left p{
    margin: 10px 0;
}
.dark{
    color: #555;
}
.lite{
    color: #000000;
}
#right{
    width: 563px;
    float: left;
    padding: 44px 55px 20px;
    _padding: 44px 35px 20px 55px;
    border-left: 1px solid #cbcbcb;
}
#welcome{
    background: url('images/content/welcome-to-macrospecs.gif') no-repeat;
    width: 528px; height: 25px;
    margin: 0 0 20px;
}
#right p{
    color: #000000;
    padding: 0 0 20px;
    font: 13px/21px "Lucida Grande", Arial, sans-serif;
}
#right p strong{
    color: #555;
    font-weight: normal;
}
.meeting{
    float: right;
    margin: 10px 0 0 30px;
    border:4px solid #829942;
}
.shadow{
    background: url('images/content/shadow.gif') no-repeat top;
    margin: 20px 0; padding: 20px;
    width: 554px;
}
.shadow h2{
    margin: 0 0 10px;
}
#right h2{
    color: #754c24;
    font: bold 14px/21px "Helvetica Neue", Arial, sans-serif;
}
#footer{
    background: #28201a;
    padding: 25px;
    text-align: right;
    color: #636363;
}
#footer a{
    text-decoration: none;
    color: #959595;
}
#footer a:hover{
    text-decoration: underline;
    color: #959595;
}