﻿@import url("reset.css");

@import url("color.css");
@import url("font.css");
/*elements in alphabetical order*/
body 
{
    position:relative;
    font:1em/1.5em,"Arial,San-Serif";
    text-align:center;
}
h1{position:absolute;
    left:17px;
    top:1px;
} 
h2{position:absolute;
    left:83px;
    top:-1px;
  
}

ul.panel
{
    position:relative;
    background:transparent url("../images/panel4.png") center top;
    width:262px;
    height:225px;
    float:left;
    margin-right:25px;
    margin-bottom:2em;
      
}
ul.panel li
{
    padding:.5em 1.8em;
   
    
}
ul.panel li h3
{
    padding:-.1em;
    padding-left:.5em;
}
ul.panel li.close_li ul
{
 
    padding-left:-1.2em;
    font-size:.8em;
    margin-top:-2.3em;
    margin-left:.5em;
}
ul.panel li.close_li ul li
{
    padding-left:.1em;
    padding-top:.1em;
}
ul.panel li.close_li_img
{
    padding-left:2.3em;
   
    
}
ul.panel li.float_panel_li
{
    padding:.1em 0em;
    width:120px;
    float:left;
    font-size:.8em;

}
ul.panel li.float_panel_li ul li
{
    list-style-image:url("../images/arrow5.gif");
    vertical-align:middle;
    /*list-style-type:disc;*/
    padding-left:.1em;
    margin-left:1.3em;
 }
 ul.panel li.float_panel_li ul li.no_bullet
{
    list-style-image:none;
   
    padding-left:.1em;
    margin-left:.1em;
 }
ul.panel li.product_img
{
    text-align:left;
    width:80px;
    height:148px;
    float:left;
    background:transparent url("../images/software_p2.png") no-repeat center;
}
ul.panel li.product_img3
{
    text-align:left;
    width:80px;
    height:148px;
    float:left;
    background:transparent url("../images/security2.png") no-repeat center;
}
ul.panel li.product_img4
{
    text-align:left;
    width:80px;
    height:148px;
    float:left;
    background:transparent url("../images/software4.png") no-repeat center;
}
ul.panel li .set_cog
{
    position:absolute;
    left:1px;
    top:3px;
    
}
ul.panel li .set_productivity_icon
{
    position:absolute;
    left:1px;
    top:3px;
    
}
ul.nav
{
    position:relative;
    background:transparent url("../images/menu_bar.jpg") center;
    width:100%;
    height:40px;
    float:left;
    
 }
ul.nav li
{
    float:left;
    padding:.6em 2.3em;
    border-right:solid 1px white;
}
ul.nav li#no_divider
{
    float:left;
    padding-top:.6em 2.3em;
    width:123px;
    
}
ul.nav a:visited{text-decoration:none;padding-top:.6em;}
ul.nav li:hover{background:transparent url("../images/home_on.jpg");padding-top:.6em;} 
ul.nav li#no_divider:hover{background:transparent url("../images/last_menu.jpg");width:129px;padding-top:.6em;}
ul.nav a:link{text-decoration:none;padding-top:.9em;}
ul.nav li#no_divider{border:0;padding-top:.6em;}
ul.nav a{padding:.9em 1.9em;}
/*divs in alphabetical order*/
#branding
{
    position:relative;
    height:264px;/*248*/
    background:transparent url("../images/branding.jpg") repeat center;
    border-top:solid 0em white;
    border-bottom:solid 1px white;
}


 
#container
{
    text-align:left;
    position:relative;
    width:790px;
    margin:0em auto;
   
}
#content
{
    position:relative;
    width:100%;
}

#float_badge{position:absolute;left:201px;top:3px;}

#inner_main_content
{
    padding-left:27px;
    padding-top:27px;
     /*+9px = 41px with outer border of images*/
}


#main_content
{
    position:relative;
    width:76.5%;
    float:left;
  
}
#navigation
{
    position:relative;
    width:100%;
   
}
#outer_container
{
   position:relative;
   /* background:transparent url("../images/cb.gif") repeat center top;*/
    width:790px;
    margin:0em auto;
   background-color:White;
}
#phone
{
    position:absolute;
    left:653px;
    top:5px;
    z-index:0;
    
}
#phone .phone_number
{
    font-size:.75em;
    vertical-align:50%;
    
}
#right_column
{
    position:relative;
    float:left;
    vertical-align:top;
    border-left:dotted 1px #c0c0c0;
    width:21.8%;
    
    
}
#site_info
{
    clear:both;
    width:100%;
    text-align:center;
    padding:1em 0;
} 

#software_package ul li
{
    border-bottom:dotted 1px #c0c0c0;
    padding:.5em 0;
  
}
#software_package p
{
    padding-bottom:1em;
}
#software_package h3
{
    padding:.3em;
    text-align:center;
}
#software_package
{
    padding-top:27px;
    width:155px;
    padding-left:1em;
}
