html {
background-color:#f7f6f2;
}

body{
margin: 0 auto;
}

@font-face { 
font-family: 'MuseoSans500';
    src: url('museosans-webfont.eot');
    src: url('museosans-webfont.eot?#iefix') format('embedded-opentype'),
         url('museosans-webfont.woff') format('woff'),
         url('museosans-webfont.ttf') format('truetype'),
         url('museosans-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;
} 
@font-face { font-family: FRHopper; src: url('26989A_0_0.woff'); } 

* {
color:#717984;
font-family:'MuseoSans500';
font-size:13px;
}

a {
color:#717984;
}

.divider-line{
width:100%;
border-top:1px solid #d8dbdf;
height:20px;
clear:both;
}

.divider-line-bottom{
width:100%;
border-bottom:1px solid #d8dbdf;
height:20px;
clear:both;
}

#top-bar{
height:31px;
}

#head-wrap{
width:757px;
height:auto;
margin:0 auto;
padding-bottom:15px;
}

#header{
height:100px;
width:100%;
margin-top:15px;
}

a#logo {
width:199px;
height:100px;
display:block;
float:left;
background-image:url(images/logo.png);
background-repeat:no-repeat;
position:relative;
z-index:10;
}

ul#main-nav {
float:right;
height:100px;
width:auto;
margin:0;
padding:0;
}

ul#main-nav li{
height:100px;
width:100px;
display:inline;
float:left;
text-align:center;
line-height:100px;
}

ul#main-nav li a{
text-decoration:none;
padding-top:10px;
padding-bottom:5px;
font-size:14px;
}

ul#main-nav li a:hover, ul#main-nav li a#current {
border-bottom: 3px solid #edae00;
}

#home-banner{
width:757px;
height:360px;
background-image:url(images/banner.png);
margin:0 auto;
position:relative;
margin-top:-25px;
margin-bottom:20px;
z-index:1;
float:left;
}

#content-wrap{
width:757px;
margin:0 auto;
position:relative;
clear:both;
}


/**************************/
/*   HOME CONTENT START   */
/**************************/


.home-content{
width:366px;
height:auto;
padding-top:58px;
background-repeat:no-repeat;
}

.home-content h1{
padding:0px;
margin:0px;
position:absolute;
left:-9999em;
}

#home-best-tech{
float:left;
background-image:url(images/best-technology.png);
}

#home-best-tech img{
margin:auto;
display:block;
}

.home-content p{
padding:0px;
margin:10px 0px 0px 0px;
line-height:1.5;
}

#home-service{
float:right;
background-image:url(images/customer-satisfaction.png);
}

/*************************/
/*   SUB CONTENT START   */
/*************************/

h1{
font-size:26px;
font-weight:normal;
padding:0px;
margin:0px;
width:757px;
border-bottom:1px solid #d8dbdf;
padding-bottom:5px;
}

h2 {
font-size:16px;
font-weight:normal;
padding:0px 0px 0px 5px;
margin:0px;
border-left:5px solid #edae00;
}


/********************/
/*   FOOTER START   */
/********************/


#footer-wrap {
width:100%;
height:100px;
margin-top:5px;
border-top:3px solid #d8dbdf;
*background-image:url(images/footer-gradient.png);
*background-repeat:repeat-x;
*background-position:0 5px;
}

#footer-content{
width:757px;
height:72px;
margin:0 auto;
padding-top:25px;
text-align:center;
display:block;
}

#footer-copyright{
width:110px;
height:80px;
background-image:url(images/logo-footer.png);
background-repeat:no-repeat;
text-align:center;
position:relative;
line-height:140px;
border-right:1px solid #d8dbdf;
padding-right:20px;
display: inline-block;
}

#footer-copyright span{
position:relative;
}

ul#footer-nav {
height:80px;
width:auto;
margin:0;
padding:0 20px 0 10px;
*border-right: 1px solid #d8dbdf;
display: inline-block;
}

ul#footer-nav li{
height:100px;
width:75px;
display:inline;
float:left;
text-align:center;
line-height:88px;
}

ul#footer-nav li a{
text-decoration:none;
padding-top:10px;
padding-bottom:3px;
font-size:12px;
}

ul#footer-nav li a:hover{
border-bottom: 1px solid #edae00;
}

#footer-content #sub-copyright{
clear:both;
font-size:10px;
position:relative;
top:10px;
color:#babcbf;
}