﻿/*-----------------------------------

LAYOUT FOR PLATFORM
VERSION 1
CLEAR BREEZE DESIGN

-----------------------------------*/







body
{
    color: #000000;
    background-color: #ffffff;
    margin-top: 20px;
    background-image: url('../images/bodybg.jpg');
    background-position: top;
    background-repeat: no-repeat
}



a
{
    color: #000000;
}



div.clear
{
    clear: left;
}



div.clearright
{
    clear: right;
}



img
{
    border: 0;
}



img.left
{
    float: left;
    margin-right: 20px;
}



img.right
{
    float: right;
    margin-left: 10px;
}



h1
{
    color: #ffffff;
    padding-left: 10px;
    text-transform: uppercase;
    margin-top: 0;
    padding-bottom: 5px
}


















/* individual setup for footer on homepage */



div.wholepage div.footerhome
{
    width: 980px;
    margin: auto;
    background-color: #000000;
    color: #ffffff;
    margin-top: 50px;
    padding-top: 7px;
    text-align: right;
    clear: both
}



div.wholepage div.footerhome div.contactinfo    
{
    float: left
}

div.wholepage div.footerhome div.copyrightinfo
{
    padding-right: 20px;
    padding-bottom: 7px
}



div.wholepage div.footerhome div.copyrightinfo p.copyright
{
    margin-top: 0;
    margin-bottom: 0;
    
}



div.wholepage div.footerhome div.copyrightinfo p.copyright a
{
    color: #ffffff;
    text-decoration: none
}

    div.wholepage div.footerhome div.copyrightinfo p.copyright a:hover  
    {
        text-decoration: underline
    }



div.wholepage div.footerhome div.copyrightinfo p.disclaimer
{
    margin-top: 0;
}



div.wholepage div.footerhome div.copyrightinfo p.disclaimer a
{
    color: #000000;
}









div.wholepage div.footerhome div.contactinfo
{
    padding-left: 10px;
    margin-bottom: 10px
}



div.wholepage div.footerhome div.contactinfo p
{
    margin-top: 0;
    margin-bottom: 0
}


div.wholepage div.footerhome div.contactinfo p a
{
    text-decoration: none;
    color: #666666;
}



div.wholepage div.footerhome div.contactinfo p a:hover
{
    text-decoration: underline;
}






















/* page layout for product pages */







div.wholepage
{
    width: 980px;
    margin: auto;
    background-color: #ffffff;
    margin-top: 0;
}





/* top  banner with menu */



div.wholepage div.topbanner
{
    width: 980px;
    background-image: url('../images/topbanner.gif');
    background-position: top right;
    background-repeat: no-repeat;
    float: left
}



div.wholepage div.topbanner ul
{
    padding-top: 110px;
    margin-left:0;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    float: left;
    width: 980px;
    list-style: none
    
}



div.wholepage div.topbanner ul li
{
    float: left
    
}

div.wholepage div.topbanner ul li.homeleft
{
    background-image: url('../images/tableftcorner.gif');
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #000000
    
}



div.wholepage div.topbanner ul li a
{
    text-decoration: none;
    color: #31363a;
    display: block;
    float: left;
    width: 8em;
    text-align: center;
    color: #ffffff;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 0.6em
}

div.wholepage div.topbanner ul li a.home    
{
    background-color: transparent;
    background-image: url('../images/homebg.gif');
    background-position: top right;
    background-repeat: no-repeat
    
}

div.wholepage div.topbanner ul li a.showcase    
{
    background-color: #e7136a;
    background-image: url('../images/showcasebg.gif');
    background-position: top right;
    background-repeat: no-repeat
}

div.wholepage div.topbanner ul li a.education    
{
    background-color: #ec9118;
    background-image: url('../images/educationbg.gif');
    background-position: top right;
    background-repeat: no-repeat
}

div.wholepage div.topbanner ul li a.enterprise    
{
    background-color: #aec725;
    background-image: url('../images/enterprisebg.gif');
    background-position: top right;
    background-repeat: no-repeat
}

div.wholepage div.topbanner ul li a.news    
{
    background-color: #2f81b3;
    background-image: url('../images/newsbg.gif');
    background-position: top right;
    background-repeat: no-repeat
}

div.wholepage div.topbanner ul li a.contact    
{
    background-color: #000000;
    background-image: url('../images/contactbg.gif');
    background-position: top right;
    background-repeat: no-repeat
}




div.wholepage div.topbanner ul li a:hover
{
    
}

div.wholepage div.topbanner ul li a.selected
{
    
}


div.wholepage div.topbanner p   
{
    
}





/* navigation */



div.wholepage div.navigation
{
    
}




/* submenu */



div.wholepage div.navigation div.submenu
{
    padding-top: 7px;
    padding-bottom: 17px;
    clear: left;
}

    div.wholepage div.navigation div.submenu p  
    {
        float: right;
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 0;
        color: #ffffff;
        padding-right: 20px
    }



div.wholepage div.navigation div.submenu ul
{
    list-style: none;
    margin-left: 0;
    padding-left: 20px;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0
}



div.wholepage div.navigation div.submenu ul li
{
    display: inline;
    padding-right: 20px;
}



div.wholepage div.navigation div.submenu ul li.last
{
    border-bottom: 0;
}



div.wholepage div.navigation div.submenu ul li.first
{
    border-top: 0;
}



div.wholepage div.navigation div.submenu ul li a.selected
{
    color: #000000
}



div.wholepage div.navigation div.submenu ul li a
{
    text-decoration: none;
    color: #ffffff
}



div.wholepage div.navigation div.submenu ul li a:hover
{
    color: #000000
}






 
 
/*-----------------------------------
MAIN CONTENT AREA 
-----------------------------------*/

div.wholepage div.main  
{
    margin-right: 250px;
    padding-top: 40px;
} 

 
 
 
     div.wholepage div.main ul li   
    {
        background-image: url('../images/bullet.gif');
        background-position: left top;
        background-repeat: no-repeat;
        padding-left: 12px;
        list-style: none;
        margin-top:8px;
    }

 
 /*-----------------------------------
AREA FOR CALLOUTS, CALL TO ACTIONS & ADDITIONAL INFORMATION 
-----------------------------------*/

div.wholepage div.addinfo  
{
    float: right;
    width: 200px;
    margin-right: 5px;
    margin-top: 0; 
    padding-top: 40px; 
}

    div.wholepage div.addinfo h2    
    {
        background-color: #2f81b3;
        color: #ffffff;
        text-transform: uppercase;
        padding-left: 10px;
        margin-top: 0;
        margin-bottom: 8px;
        background-image: url('../images/newshead.gif');
        background-position: bottom left;
        background-repeat: no-repeat;
        padding-bottom: 5px
    }
    
    div.wholepage div.addinfo h3   
    {
        color: #ea327d;
        text-transform: uppercase;
        margin-bottom: 5px;
        margin-top: 0
    }
    
        div.wholepage div.addinfo h3 em 
        {
            display: block
        }
        
    div.wholepage div.addinfo a 
    {
        color: #ea327d;
        text-decoration: none;
        display: block
    }
    
    div.wholepage div.addinfo p 
    {
        margin-top: 0
    }
        





/* links */

div.wholepage div.main a    
{
    color: #3c4e56
}



        
        
div#divGallery 
{
    width:700px;
}

div.thumbnail
{
    float:left;    
    width:140px;
    height:280px;
}


    

p.SCH 
{
    font-family:Bebas;
    font-variant:small-caps;
    font-size:135%;
    font-weight:bold;
 
}

p.SCB
{
    font-family:GEOSANS;
    font-weight:lighter;
    color:#333333;
}





