﻿body
{
    margin: 0;
    padding: 0;
    background-color: #a7a9ac;
    text-align: justify;
    font-family: "Verdana" , sans-serif;
    font-size: 14px;
    color: #404040;
    letter-spacing: -1px;
}

form
{
    margin: 0;
    padding: 0;
}

h1, h2, h3
{
    letter-spacing: -1px;
    font-weight: normal;
    color: #212121;
}

a
{
	color: #5195c6;
}

/* ---#Wrapper---------- */

#wrapper
{
    width: 949px;
    text-align: center;
    margin: 0 auto;
}


/* ---#header----------- */


#logo
{
    margin-top: 30px;
    width: 949px;
    background-image: url( 'images/head.jpg' );
    height: 182px;
    text-align: center;
}

#logopages
{
    margin-top: 30px;
    width: 949px;
    background-image: url( 'images/headerpages.jpg' );
    height: 182px;
    text-align: center;
}

#header
{
    clear: both;
    margin-top: 0px;
}

#menu
{
    height: 26px;
    width: 500px;
    float: left;
    padding-left: 20px;
    margin-left: 30px;
    padding-top: 135px;
    padding-bottom: 15px;
}

#menu a
{
    display: block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 20px;
    color: #ffffff;
}

#menu ul
{
    margin: 0;
    list-style: none;
}

#menu ul li
{
    float: left;
}

#liHome
{
    display: block;
    background-image: url( 'images/home.jpg' );
    background-position: top;
    float: left;
    width: 46px;
    height: 26px;
}

#liHome:hover
{
    display: block;
    background-image: url( 'images/home.jpg' );
    background-position: bottom;
    float: left;
    width: 46px;
    height: 26px;
}

#liAbout
{
    display: block;
    background-image: url( 'images/about.jpg' );
    background-position: top;
    float: left;
    width: 91px;
    height: 26px;
}

#liAbout:hover
{
    display: block;
    background-image: url( 'images/about.jpg' );
    background-position: bottom;
    float: left;
    width: 91px;
    height: 26px;
}

#liServices
{
    display: block;
    background-image: url( 'images/services.jpg' );
    background-position: top;
    float: left;
    width: 63px;
    height: 26px;
}

#liServices:hover
{
    display: block;
    background-image: url( 'images/services.jpg' );
    background-position: bottom;
    float: left;
    width: 63px;
    height: 26px;
}

#liClients
{
    display: block;
    background-image: url( 'images/clients.jpg' );
    background-position: top;
    float: left;
    width: 52px;
    height: 26px;
}

#liClients:hover
{
    display: block;
    background-image: url( 'images/clients.jpg' );
    background-position: bottom;
    float: left;
    width: 52px;
    height: 26px;
}

#liCollaborators
{
    display: block;
    background-image: url( 'images/collaborators.jpg' );
    background-position: top;
    float: left;
    width: 95px;
    height: 26px;
}

#liCollaborators:hover
{
    display: block;
    background-image: url( 'images/collaborators.jpg' );
    background-position: bottom;
    float: left;
    width: 95px;
    height: 26px;
}

#liContact
{
    display: block;
    background-image: url( 'images/contact.jpg' );
    background-position: top;
    float: left;
    width: 57px;
    height: 26px;
}

#liContact:hover
{
    display: block;
    background-image: url( 'images/contact.jpg' );
    background-position: bottom;
    float: left;
    width: 57px;
    height: 26px;
}

/* ---#Wrapper_content-- */

#wrapper_content
{
    clear: both;
    width: 947px;
    padding-bottom: 15px;
    background-repeat: repeat-x;
    background-position: center top;
    background-color: #e0e1e2;
}

.gecko #wrapper_content_top
{
    clear:both;
    width:885px;
    height:20px;
    margin-left:35px;
    background-repeat:no-repeat;
    background-position:center;
    background-image:url('images/topbox.jpg');
}

.gecko #wrapper_content_mid
{
    width: 880px;
    margin-left: 35px;
    min-height: 300px;
    background-image: url( 'images/midbox.jpg' );
    background-repeat: repeat-y;
}


.ie7 #wrapper_content_top {
	clear:both;
    width:885px;
    height:20px;
    margin-left:5px;
    background-repeat:no-repeat;
    background-position:center;
    background-image:url('images/topbox.jpg');
}


.ie7 #wrapper_content_mid
{
    width: 880px;
    margin-left: 2px;
    min-height: 300px;
    background-image: url( 'images/midbox.jpg' );
    background-repeat: repeat-y;
}

.safari #wrapper_content_top {
	clear:both;
    width:885px;
    height:20px;
    margin-left:34px;
    background-repeat:no-repeat;
    background-position:center;
    background-image:url('images/topbox.jpg');
}

.safari #wrapper_content_mid
{
    width: 880px;
    margin-left:35px;
    min-height: 300px;
    background-image: url( 'images/midbox.jpg' );
    background-repeat: repeat-y;
}

#wrapper_content_top_pages
{
    clear: both;
    width: 885px;
    height: 20px;
    margin-left: 33px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url( 'images/topboxpages.jpg' );
}

#wrapper_content_mid_pages
{
    width: 880px;
    margin-left: 35px;
    min-height: 325px;
    background-image: url( 'images/midboxpages.jpg' );
    background-repeat: repeat-y;
}

.gecko #wrapper_content_bot
{
    clear: both;
    width: 882px;
    height: 20px;
    margin-left: 33px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url( 'images/botbox.jpg' );
}

.ie7 #wrapper_content_bot
{
    clear: both;
    width: 882px;
    height: 20px;
    margin-left: 2px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url( 'images/botbox.jpg' );
}

.safari #wrapper_content_bot
{
    clear: both;
    width: 882px;
    height: 20px;
    margin-left: 35px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url( 'images/botbox.jpg' );
}

#wrapper_content_text
{
    width: 545px;
    margin-left: 15px;
    text-align: left;
    font-family: "Verdana" , sans-serif;
    font-size: 12px;
    color: #333333;
    letter-spacing: 0px;
}

#wrapper_content_text img
{
    margin-top: 5px;
    margin-right: 9px;
    margin-left: 9px;
}

.gecko #wrapper_content_blue
{
    width: 170px;
    padding-top: 5px;
    float: right;
    margin-right: 60px;
    text-align: justify;
    font-family: "Verdana" , sans-serif;
    font-size: 11px;
    color: #333333;
}

.ie7 #wrapper_content_blue
{
    width: 170px;
    padding-top: 5px;
    float: right;
    margin-right: 60px;
    text-align: justify;
    font-family: "Verdana" , sans-serif;
    font-size: 11px;
    color: #333333;
}

.safari #wrapper_content_blue
{
    width: 170px;
    padding-top: 5px;
    float: right;
    margin-right: 60px;
    text-align: justify;
    font-family: "Verdana" , sans-serif;
    font-size: 11px;
    color: #333333;
}

#wrapper_content_text_pages
{
    width: 470px;
    margin-left: 15px;
    text-align: left;
    font-family: "Verdana" , sans-serif;
    font-size: 12px;
    color: #333333;
    letter-spacing: 0px;
    min-height:500px;
}

#wrapper_content_text_pages img
{
    margin-top: 5px;
    margin-right: 15px;
    margin-left: 15px;
}

#wrapper_content_blue_pages
{
    width: 365px;
    padding-top: 5px;
    float: right;
    margin-right:25px;
    text-align: justify;
    font-family: "Verdana" , sans-serif;
    font-size: 11px;
    color: #333333;
    background-repeat:repeat-y;
}

#wrapper_content_blue_pages img

{
    margin-top: 5px;
    float:right;
    margin-bottom:15px;
    margin-left: 15px;
}

/* ---#footer ---------- */

#footer
{
    clear: both;
    margin: 0 auto;
    background-image: url( 'images/footer.jpg' );
    background-repeat: no-repeat;
    width: 949px;
    height: 47px;
    font-size: 12px;
    color: #CCCCCC;
}

#footer_links
{
    float: right;
    padding: 1em 1em 0em 1em;
}

#poweredby
{
    width: 66px;
    height: 10px;
    background-image: url( 'images/poweredby.png' );
    background-position: top;
    background-repeat: no-repeat;
    text-decoration: none;
}


#poweredby:hover
{
    width: 66px;
    height: 11px;
    background-image: url( 'images/poweredby.png' );
    background-position: bottom;
    background-repeat: no-repeat;
}


.contentAjax a
{
	font-style:italic;
	margin-left:25px;
}
