/* CSS Document */



html, body
{
    /*background: #a18753 url('../images/PageBG8.bmp') repeat;*/
    
    margin: 0;
    bottom: 0;
    padding:0;
}

body
{
    font-family: Verdana , Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    text-align: justify;
}

#border
{
	width: 860px;
	background: White url('../Images/bg1.bmp') repeat-y;
	margin: 0 auto;
}

#AllPage
{
    margin-right: 5px;
    font-size:13px;
    text-align:justify;
}


a:link
{
    color: #004E9B;
    text-decoration: none;
}

a:visited
{
    text-decoration: none;
    color: #004E9B;
}

a:hover
{
    text-decoration: none;
    color: #666666;
}

a:active
{
    text-decoration: none;
    color: #004E9B;
}



#wrapper
{
    width: 800px;
    margin: 0 auto;
    border-top: #6895E1 solid 4px;
    padding: 0;
    padding-top: 10px;
    border-top-color: #4880DB;
    background-color: White;
    height:auto;
    
    }



#top
{
    width: 800px;
    height: auto;
    margin-bottom: 10px;
}



#logo
{
    width: 500px;
    height: auto;
    padding-left: 20px;
    font-size: 22px;
    color: #20201e;
    float: left;
}



.blue
{
    color: #527BB9;
    font-weight: bold;
    font-size: 24px;
}



.slogan
{
    color: #9fa3a4;
    font-size: 13px;
    font-weight: bold;
}



#callus
{
    width: 180px;
    height: auto;
    float: right;
    padding-right: 5px;
}



.call
{
    color: #b7baba;
    font-size: 13px;
}



.phone
{
    color: #f2b9cc;
    font-size: 22px;
}



/* ------ MENU ------ */



#menucontainer
{
    width: 798px;
    height: 29px;
    background-color: #ebf0f4;
    background-image: url('../Images/menu_bg.jpg');
    background-repeat: repeat-x;
    border: #e7e7e7 solid 1px;
}



#menu
{
    position: relative;
    display: block;
    font-size: 12px;
    font-weight: bold;
}



#menu ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: auto;
}



#menu ul li
{
    display: block;
    float: left;
    }





#menu ul li a
{
    display: block;
    float: left;
    color: #527BB9;
    text-decoration: none;
    padding: 4px 20px 0 20px;
    height: 18px;
    border-right: 1px dotted #d5d7d9;
    margin-top: 4px;
}



#menu ul li a:hover, #menu ul li a.current
{
    color: #666666;
    font-weight: bold;
}



/* ------ BANNER ------ */



#banner
{
    width: 294px;
    height: 135px;
    background-color: #e7e7e7;
    margin-top: 1px;
    background-image: url('../Images/SynergyMain.jpg');
    background-repeat: no-repeat;
    font-family: 'Arial Unicode MS';
    font-size: 25px;
    color: #FFFFFF;
    padding-left: 500px;
    padding-top: 66px;
    font-weight: normal;
    font-style: normal;
   }



.bannermaximum
{
    font-size: 32px;
    font-weight: bold;
    font-family: 'Arial Unicode MS';
    
}



/* ------ CONTENT_TOP ------ */



#content
{
    width: 800px;
    height: auto;
    margin-top: 10px;
}



.topboxes
{
    width: 800px;
    height: auto;
}



#box1
{
    width: 250px;
    height: auto;
    margin-left:10px;
    border: #ebebeb solid 1px;
    background-image: url('../Images/dev.jpg');
    background-repeat: no-repeat;
    background-position: right top;
    padding: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
    margin-right: 12px;
       
}
#box1 a
{
    color:#5E6566;}
        
#box1 a:hover
{
   color:silver;
   }
   
#box1 span a
    {
        color:#004E9B;}
#box1 span a:hover
{
    color:#666666;}
 
#box2
{
    width: 250px;
    height: auto;
    border: #ebebeb solid 1px;
    background-image: url('../Images/icon01.jpg');
    background-repeat: no-repeat;
    background-position: right top;
    padding: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
    margin-right: 7px;
}

#box2 a
{
    color:#5E6566;}
    
#box2 a:hover
{
   color:silver;
   }

#box2 span a
    {
        color:#004E9B;}
#box2 span a:hover
{
    color:#666666;}

#box3
{
    width: 250px;
    height: auto;
    border: #ebebeb solid 1px;
    background-image: url('../Images/eStaff.jpg');
    background-repeat: no-repeat;
    background-position: right top;
    padding: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    float: right;
    margin-right:10px;
    }
            
#box3 a
{
    color:#5E6566;}
    
#box3 a:hover
{
   color:silver;
   }

#box3 span a
    {
        color:#004E9B;}
#box3 span a:hover
{
    color:#666666;}
    
#box4
{
    width: 250px;
    height: auto;
    margin-left:10px;
    border: #ebebeb solid 1px;
    background-image: url('../Images/SWprog.jpg');
    background-repeat: no-repeat;
    background-position: right top;
    padding: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
    margin-right: 12px;
}

#box4 a
{
    color:#5E6566;}
    
#box4 a:hover
{
   color:silver;
   }


#box4 span a
    {
        color:#004E9B;}
#box4 span a:hover
{
    color:#666666;}
    
#box5
{
   width: 250px;
    height: auto;
    border: #ebebeb solid 1px;
    background-image: url('../Images/windows.jpg');
    background-repeat: no-repeat;
    background-position: right top;
    padding: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
    margin-right: 7px;
}

#box5 a
{
    color:#5E6566;}
    
#box5 a:hover
{
   color:silver;
   }


#box5 span a
    {
        color:#004E9B;}
#box5 span a:hover
{
    color:#666666;}
    
#box6
{
   width: 250px;
    height: auto;
    border: #ebebeb solid 1px;
    background-image: url('../Images/marketing.jpg');
    background-repeat: no-repeat;
    background-position: right top;
    padding: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    float: right;
    margin-right:10px;
}

#box6 a
{
    color:#5E6566;}
    
#box6 a:hover
{
   color:silver;
   }
      
#box6 span a
    {
        color:#004E9B;}
#box6 span a:hover
{
    color:#666666;}
    
h1
{
    color: #575e5f;
    font-size: 17px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    padding-left: 10px;
    border-left: #35a6c2 solid 8px;
    text-transform: uppercase;
}

h6
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #35a6c2;
    font-size: 21px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    
}


#h2
{
	font-size:10px;
	color:#666666;
	font-weight:lighter;
}

.smfont
{
    font-size: 13px;
    font-weight: normal;
}



.boxlink
{
    padding-left: 18px;
    font-weight:bolder;
    color:#5E6566;
}








/* ------ CONTENT_BOTTOM ------ */



h2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #527BB9;
    font-size: 21px;
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
}



.content_bottom
{
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}



#left
{
    width: 522px;
    height: auto;
    padding-left: 8px;
    float: left;
}



#right
{
    width: 245px;
    height: auto;
    padding: 0;
    padding-right: 8px;
    padding-left: 8px;
    border-left: #ebebeb solid 1px;
    
}



h3
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #35a6c2;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
}



#mission
{
    width: 100%;
    height: auto;
    border-bottom: #ebebeb solid 1px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: #000000;
    font-weight:bold;
    font-size:14px;
    font-family:Comic Sans MS;
}

#mission a:hover
{
	text-decoration:underline;
}

#news
{
    width: 100%;
    height: auto;
    border-bottom: #ebebeb solid 1px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}



#news a:link
{
    font-weight: bold;
}



#news a:hover
{
    color: #666666;
    font-weight: bold;
}



/* ------ FOOTER ------ */




#Footer
{
    font-size: 12px;
    height: auto;
    border-top: #6895E1 solid 2px;
    border-top-color: #1B4385;
   
    }

#Footer #TextLinks
{
    color: #4F4F77;
    font-weight: bold;
}

#Footer #TextLinks a
{
    color: #4F4F77;
    text-decoration: none;
    font-weight: bold;
}

#Footer #Disclaimer
{
    color: Gray;
    font-weight: normal;
    font-size: 10px;
 
    
}
#Footer #TextLinks a:visited
{
    color: #4F4F77;
}

#Footer #TextLinks a:hover
{
    color: #6895E1;
}

/*Asp menu*/
.menu
{
    position: relative;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}



.menuul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: auto;
    display: block;
    float: left;
}



.menuullia
{
    display: block;
    float: left;
    color: #c53e6f;
    text-decoration: none;
    vertical-align: middle;
    height: 20px;
    border-right: 1px dotted #d5d7d9;
    margin-top: 4px;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: -1px;
}



.menuulliahover
{
    color: #666666;
    font-weight: bold;
    display: block;
}

.dynaMenu a:link, .dynaMenu a:visited ,.dynaMenu a:hover,.dynaMenu a:active
{
    color: White;
    text-decoration: none;
   font-size:12px;
   font-weight:bold;
}




/*Link on the home page*/
.page, .pageon
{
    color: #C56F49;
    overflow: hidden;
}

.page a, .pageon a
{
    padding: 0 5px;
    color: #336699;
    display: inline;
    width: 100%;
    
}

.page a:visited
{
    color: #5D5D5D;
    font-weight: bold;
}

.pageon a:visited {
color:Gray;
font-weight:bold;
}

.page a:hover, .pageon a:hover
{
	color: #336699;
	font-weight: bold;
}