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

html, body    {margin: 0;
            padding: 0;
            height: 100%;
            background: #f9fbf0;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #000000;
}
img            {border: none;
}
#container    {width: 100%;
            min-height: 100%;
            /* equal to footer height */
            margin-bottom: -10px; 
}
#header_rule{width: 100%;
            height: 24px;
            background: url(../imgs/top_rule.jpg) repeat-x;
}
#footer_rule{width: 100%;
            height: 10px;
            background: url(../imgs/bottom_rule.jpg) repeat-x;
}
#logo        {margin: 0 auto;
            position: relative;
            z-index: 1000;
            width: 980px;
            height: 160px;
}
#phone        {position: absolute;
            top: 41px;
            right: 40px;
            font-size: 38px;
            font-family: 'Roboto', sans-serif;
            font-weight: lighter;
            color: #555b5b;
}
#email        {position: absolute;
            top: 88px;
            right: 41px;
            font-size: 15px;
            font-family: 'Roboto', sans-serif;
}
#city        {position: absolute;
            top: 107px;
            right: 41px;
            font-size: 15px;
            font-family: 'Roboto', sans-serif;
            color: #555b5b;
}
#nav        {margin: 0 auto;
            position: relative;
            z-index: 500;
            width: 980px;
            height: 56px;
}
#nav_left    {width: 584px;
            height: 56px;
            background: url(../imgs/nav_fold.jpg) no-repeat right;
            float: left;
}
#nav_right    {width: 371px;
            height: 56px;
            padding-left: 25px;
            background: #555b5a;
            float: left;
}
#nav_title    {width: 554px;
            height: 56px;
            background: #1e6f37;
            position: absolute;
            top: 8px;
            text-align: right;
            font-size: 30px;
            font-family: 'Roboto', sans-serif;
            font-weight: lighter;
            line-height: 48px;
            color: #fff;
            padding-right: 30px;
}
#content_container{width: 980px;
            min-height: 450px;
            margin: 0 auto;
            position: relative;
            margin-bottom: 20px;
}
#display    {width: 980px;
            height: 450px;
}
#display_text{position: absolute;
            width: 400px;
            height: 330px;
            top: 20px;
            right: 20px;
            padding: 20px;
            font-size: 12px;
            font-family: 'Roboto', sans-serif;
}
#display_text2{position: absolute;
            width: 400px;
            height: 330px;
            top: 20px;
            right: 20px;
            padding: 20px;
            background: #fff;
            opacity: 0.6;
}
#display_text_about{
    position: absolute;
    width: 515px;
    height: 237px;
    top: 19px;
    right: 405px;
    padding: 20px;
    background: #fff;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}
#display_text_services{
    position: absolute;
    width: 599px;
    height: 86px;
    top: 21px;
    right: 321px;
    padding: 20px;
    background: #fff;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}
#display_text_services2{
    position: absolute;
    width: 265px;
    height: 233px;
    top: 165px;
    right: 322px;
    padding: 20px;
    background: #fff;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}
#display_text_services3{
    position: absolute;
    width: 272px;
    height: 234px;
    top: 164px;
    right: 648px;
    padding: 20px;
    background: #fff;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}
#display_text_contact{
    position: absolute;
    width: 523px;
    height: 382px;
    top: 19px;
    right: 397px;
    padding: 20px;
    background: #fff;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}
#display_text_contact2{
    position: absolute;
    width: 307px;
    height: 378px;
    top: 20px;
    right: 25px;
    padding: 20px;
    background: #fff;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}
#sub_footer{width: 950px;
            height: 60px;
            padding-right: 30px;
            background: #e97329;
            text-align: right;
            line-height: 60px;
            font-size: 14px;
            color: #fff;
}
#nav ul        {list-style-type: none;
            margin: 0;
            padding: 0;
}
#nav ul li    {display: inline;
}
a.nav        {height: 56px;
            padding: 18px 16px;
            line-height: 56px;
            color: #fff;
            font-size: 14px;
            font-family: 'Roboto', sans-serif;
            font-weight: 300;
            text-decoration: none;
}
a.nav_click    {height: 56px;
            padding: 18px 16px;
            line-height: 56px;
            color: #fff;
            font-size: 14px;
            font-family: 'Roboto', sans-serif;
            font-weight: 300;
            text-decoration: none;
            background: #0075aa;
}
a.nav:hover{background: #0075aa;
}