* {
font-size: 100%; padding: 0; margin: 0;
}

body{
margin:0;
padding:0;
font: 0.94em/1.333 Tahoma, Geneva, sans-serif;
margin: 0 auto;
background: #BFC8E2 url('images/tile.gif') repeat left top;
}

#contentcolumn img {border: solid 6px #FFF}

img.right {float:right; margin: 0 0 10px 10px;}
img.left {float:left; margin: 0 10px 10px 0;}

p {margin: 0.33em 0 1em 0;}

ul, ol {margin: 1em 0; padding-left: 2.5em;}

a {color: #000}
a:hover {text-decoration: none}

#maincontainer{
width: 800px; 
margin: 0 auto; 
background: #FFF
}

#topsection{
background: #FFF;
height: 223px;
margin-top: 24px;
text-indent: -9999px;
z-index: 5;
position:relative;
padding: 0px;
}

#topsection img.logo{
float: left;
margin-left: 6px;
z-index: 5;
}

#topsection img.title{
float: right;
margin-right: 16px;
}

#titlesection {
background: #B3B7D3;
width: 788px;
margin: 0 6px 6px 6px;
height: 34px;
z-index: -5;
}

#titlesection h2{
text-indent: -9999px;
float: left;
}

#titlesection img{
float: right;
margin-right: 16px;
margin-top: 6px;
}

#contentwrapper{
float: left;
width: 788px;
background: #FFF url('images/container.gif') repeat-y left top;
margin: 0 6px 6px 6px;
}

#contentcolumn{
margin-left: 235px;
padding: 16px;
}

#contentcolumn h3{
font-weight: normal;
font-size: 1.5em;
margin-bottom: 15px;
color: #3E436A;
}

#contentcolumn h4{
font-weight: normal;
font-size: 1.2em;
margin-bottom: 15px;
color: #3E436A;
}

#leftcolumn{
float: left;
width: 235px; 
margin-left: -800px; 
}



#leftcolumn ul{
list-style-type: none;
line-height: 1.8em;
text-align: left;
margin-left: 20px;
padding: 0px;
}

#leftcolumn li {
padding-bottom: 2px;
}

#leftcolumn ul li a{
text-decoration: none;
padding-left: 28px;
color: #A4A8CA;
}


#leftcolumn ul li a.selected, #leftcolumn ul li a:hover{
color: #3E436A;
}


#leftcolumn ul li.li_home a{
background: transparent url('images/btn_home.gif') no-repeat left top;
}

#leftcolumn ul li.li_home a.selected, #leftcolumn ul li.li_home a:hover{
background-position: left -19px;
}


#leftcolumn ul li.li_profile a{
background: transparent url('images/btn_profile.gif') no-repeat left top;
}

#leftcolumn ul li.li_profile a.selected, #leftcolumn ul li.li_profile a:hover{
background-position: left -19px;
}


#leftcolumn ul li.li_portfolio a{
background: transparent url('images/btn_portfolio.gif') no-repeat left top;
}

#leftcolumn ul li.li_portfolio a.selected, #leftcolumn ul li.li_portfolio a:hover{
background-position: left -19px;
}


#leftcolumn ul li.li_design a{
background: transparent url('images/btn_design.gif') no-repeat left top;
}

#leftcolumn ul li.li_design a.selected, #leftcolumn ul li.li_design a:hover{
background-position: left -19px;
}


#leftcolumn ul li.li_remote a{
background: transparent url('images/btn_remote.gif') no-repeat left top;
}

#leftcolumn ul li.li_remote a.selected, #leftcolumn ul li.li_remote a:hover{
background-position: left -19px;
}


#leftcolumn ul li.li_creation a{
background: transparent url('images/btn_creation.gif') no-repeat left top;
}

#leftcolumn ul li.li_creation a.selected, #leftcolumn ul li.li_creation a:hover{
background-position: left -19px;
}


#leftcolumn ul li.li_renovation a{
background: transparent url('images/btn_renovation.gif') no-repeat left top;
}

#leftcolumn ul li.li_renovation a.selected, #leftcolumn ul li.li_renovation a:hover{
background-position: left -19px;
}


#leftcolumn ul li.li_maintenance a{
background: transparent url('images/btn_maintenance.gif') no-repeat left top;
}

#leftcolumn ul li.li_maintenance a.selected, #leftcolumn ul li.li_maintenance a:hover{
background-position: left -19px;
}

#leftcolumn ul li.li_francais a{
background: transparent url('images/btn_francais.gif') no-repeat left top;
}

#leftcolumn ul li.li_francais a.selected, #leftcolumn ul li.li_francais a:hover{
background-position: left -19px;
}

#leftcolumn ul li.li_links a{
background: transparent url('images/btn_links.gif') no-repeat left top;
}

#leftcolumn ul li.li_links a.selected, #leftcolumn ul li.li_links a:hover{
background-position: left -19px;
}

#leftcolumn ul li.li_contact a{
background: transparent url('images/btn_contact.gif') no-repeat left top;
}

#leftcolumn ul li.li_contact a.selected, #leftcolumn ul li.li_contact a:hover{
background-position: left -19px;
}


#footer{
clear: left;
width: 800px;
margin: 0 auto;
height: 80px;
color: #FFF;
padding: 4px 0;
font-size: 0.8em;
background: #BFC8E2 url('images/tile.gif') repeat left top;
}

#footer_left{
float: left;
text-align: left;
}

#footer_right{
float: right;
text-align: right;
}

#footer a{
color: #FFF;
}

table {
margin-bottom: 10px;
}

td {
text-align: left;
vertical-align: top;
padding-right: 15px;
}