/*
* The style sheet of home page (index.php)
* @Author: Jay Gao <jgao@dnaevolution.com.au>
* Date: 24/11/2011
*/

body {
     margin:auto;
     width:947px; 
     overflow:auto; 
     position:relative; 
}
/*Main Container*/
#container3 {
    margin: auto;
}
/*Header*/
#header {
    height: 119px; 
    width: 947px;
} 
#navigation_top {
    font-size:14px; 
    padding:5px 20px 5px 0px; 
    text-align:right;
    float:right;
    z-index: 9999;
}
#logo_homepage {
    background:url('/images/websiteImages/nav-menu-bar_01.png') no-repeat;   
    height: 119px; 
    width: 947px; 
    position: relative;
    z-index:-1;
}
#logo_homepage_backup{
    background:url('/images/websiteImages/nav-menu-bar_02.png') no-repeat;   
    height: 119px; 
    width: 947px; 
    position: relative;
    z-index:-1;
}
#navigation {
    margin-top: 58px;
    float:left; 
    /*margin-right: 28px;*/
    width:100%;
    background: #F5F7F9;
}
.wwbSiteMenu {
    width:101px;
    height:49px;
}
#wwbSiteMenu_1 {
    /*background:url('/images/websiteImages/Buttons/HOME_off.png') no-repeat;*/
    background: url('/images/WWB/home.png') no-repeat;
}
#wwbSiteMenu_1:hover {
    /*background:url('/images/websiteImages/Buttons/HOME_hover.png') no-repeat;*/
    background: url('/images/WWB/home.png') no-repeat;
}
#wwbSiteMenu_2 {
    /*background:url('/images/websiteImages/Buttons/ABOUT US_off.png') no-repeat;*/
    background: url('/images/WWB/about us.png') no-repeat;
}
#wwbSiteMenu_2:hover {
    /*background:url('/images/websiteImages/Buttons/ABOUT US_hover.png') no-repeat;*/
    background: url('/images/WWB/about us.png') no-repeat;
}
#wwbSiteMenu_3 {
    /*background:url('/images/websiteImages/Buttons/PRICING_off.png') no-repeat;*/
    background: url('/images/WWB/pricing.png') no-repeat;
}
#wwbSiteMenu_3:hover {
     /*background:url('/images/websiteImages/Buttons/PRICING_hover.png') no-repeat;*/
     background: url('/images/WWB/pricing.png') no-repeat;
}
#wwbSiteMenu_4 {
     /*background:url('/images/websiteImages/Buttons/WHY WWB_off.png') no-repeat;*/
     background: url('/images/WWB/why wwb.png') no-repeat;
}
#wwbSiteMenu_4:hover {
    /*background:url('/images/websiteImages/Buttons/WHY WWB_hover.png') no-repeat;*/
    background: url('/images/WWB/why wwb.png') no-repeat;
}
#wwbSiteMenu_5 {
    /*background:url('/images/websiteImages/Buttons/FAQ_off.png') no-repeat;*/
    background: url('/images/WWB/faq.png') no-repeat;
}
#wwbSiteMenu_5:hover {
    /*background:url('/images/websiteImages/Buttons/FAQ_hover.png') no-repeat;*/
    background: url('/images/WWB/faq.png') no-repeat;
}
#wwbSiteMenu_6 {
    /*background:url('/images/websiteImages/Buttons/NEWS_off.png') no-repeat;*/
    background: url('/images/WWB/news.png') no-repeat;
}
#wwbSiteMenu_6:hover {
    /*background:url('/images/websiteImages/Buttons/NEWS_hover.png') no-repeat;*/
    background: url('/images/WWB/news.png') no-repeat;
}
#wwbSiteMenu_7 {
     /*background:url('/images/websiteImages/Buttons/CONTACT US_off.png') no-repeat;*/
     background: url('/images/WWB/contact us.png') no-repeat;
}
#wwbSiteMenu_7:hover {
      /*background:url('/images/websiteImages/Buttons/CONTACT US_hover.png') no-repeat;*/
      background: url('/images/WWB/contact us.png') no-repeat;
}

/*Middle*/
#middle {
    background:url('/images/websiteImages/blue-background.png') no-repeat; 
    width:946px; 
    height:650px;
    margin-left: 1px; 
    overflow:auto;
    overflow-y:hidden;
}
#middle_left {
    width:20px; 
    float:left;
}
#middle_content {
    width:698px; 
    height:555px;
    margin-right: 20px; 
    float:left;
}
#animation {
    margin-top: 32px;
    background:url('/images/websiteImages/one.jpg') no-repeat;   
    width:698px;
    height: 535px;
    float:left;
}
.animation_nav {
    
}
#animation_nav_1 {
    
}
#middle_content_1 {
    background:url('/images/websiteImages/white-box.png') no-repeat; 
    width:698px; 
    height:528px; 
    float:left;
    margin-top: 25px;
    margin-right: 20px;
}
#flash {
    padding:10px 0px 0px 10px;
}
#middle_bottom {
    margin-top:18px; 
    color:#000;
    font-size:12px; 
    text-align:left;
}
#middle_bottom_left {
    background:#FFF; 
    width:180px; 
    height:155px; 
    float:left;
    margin-right:10px; 
    margin-left:30px; 
    padding:5px;
}
#middle_bottom_middle {
    background:#FFF; 
    width:180px; 
    height:155px; 
    float:left; 
    margin-right:10px; 
    padding:5px
}
#middle_bottom_right {
     background:#FFF; 
     width:180px; 
     height:155px; 
     float:left;
     margin-right:10px; 
     padding:5px
}
/* right side links */
#middle_right {
    padding-top: 5px; 
    float: left;
}
.mr_link {
     width: 181px; 
     height: 68px;
     margin-top: 20px; 
     cursor:pointer;
}
#mr_link_1 {
     background:url('/images/websiteImages/blue-top-box_03.png') no-repeat; 
     width: 181px;
     height: 183px; 
     cursor:default;           
}
#mr_link_1 div {
    float:left;      
}
#mr_link_1 p {
    font-size: 12px;
    color: #FFFFFF;
    text-align: center; 
    margin-left: 10px;
    margin-right: 10px;       
}
#mr_link_2 {
     background:url('/images/websiteImages/Buttons/TELL ME MORE_off.png') no-repeat; 
}
#mr_link_2:hover {
     background:url('/images/websiteImages/Buttons/TELL ME MORE_hover.png') no-repeat; 
}
#mr_link_3 {
     background:url('/images/websiteImages/Buttons/TAKE A TOUR_off.png') no-repeat; 
}
#mr_link_3:hover {
     background:url('/images/websiteImages/Buttons/TAKE A TOUR_hover.png') no-repeat; 
}
#mr_link_4 {
     background:url('/images/websiteImages/Buttons/FREE DEMO_off.png') no-repeat; 
}
#mr_link_4:hover {
     background:url('/images/websiteImages/Buttons/FREE DEMO_hover.png') no-repeat; 
}
#mr_link_5 {
     background:url('/images/websiteImages/Buttons/CUSTOMER LOGIN_off.png') no-repeat; 
}
#mr_link_5:hover {
     background:url('/images/websiteImages/Buttons/CUSTOMER LOGIN_hover.png') no-repeat; 
}

/*FOOTER*/
#footer {
    margin-left: 40px; 
    width: 886px; 
    height:34px; 
    margin-top: 20px;
    float:left;
    color: black;
}
#footer_left {
    float: left;       
}
#footer_left p {
    font-size: 12px;
    color: #071A40; 
}
#footer_left a {
    color: #071A40;
}
#footer_right {
    float: right; padding: 5px 10px; font-size: 14px; color:#071A40
}
#footer_right a {
    text-decoration: none; 
    color:#071A40;
}
#footer_right span {
    color:#000; 
    font-size:20px;
}