/* ---Pixel Tree(TM) 
www.pixeltree.us---*/
* {
margin:10px 0 0 0;
padding:0;
}
#home #wrapper{
position:relative;
width:660px;
height:490px;
border: solid 1px #999;
background-color: #fff;
margin: 0 auto; 
text-align: left;
}
#services #wrapper{
position:relative;
width:720px;
height:490px;
border: solid 1px #999;
background-color: #fff;
margin: 0 auto; 
text-align: left;
}
#ethic #wrapper{
position:relative;
width:720px;
height:490px;
border: solid 1px #999;
background-color: #fff;
margin: 0 auto; 
text-align: left;
}
#partners #wrapper{
position:relative;
width:720px;
height:490px;
border: solid 1px #999;
background-color: #fff;
margin: 0 auto; 
text-align: left;
}
#clients #wrapper{
position:relative;
width:720px;
height:490px;
border: solid 1px #999;
background-color: #fff;
margin: 0 auto; 
text-align: left;
}
#contact #wrapper{
position:relative;
width:660px;
height:490px;
border: solid 1px #999;
background-color: #fff;
margin: 0 auto; 
text-align: left;
}
#branding {
width:100%;
margin:5px 0 0 0;
padding:0;
}
div#maincontent1 {/*------- splash(home) ------*/
width: 363px;
margin: 0  0 0 150px;
line-height:22px;
text-align:justify;
padding: 10px 0 0 0;
}
div#maincontent2{/*------- services ------*/
float:left;
width: 300px;
margin: 0  0 0 35px !important;/* ------- hack for ie-----*/
margin: 0  12px 0 15px;
line-height:16px;
text-align:justify;
padding:0;
}
div#sidecontent{/* ------- services side column-----*/
float:right;
width: 300px;
margin: 0  35px 0 0px !important;/* ------- hack for ie-----*/
margin: 0  15px 0 12px;
line-height:16px;
text-align:justify;
padding: 0;
}
div#maincontent3{/*------- ethic ------*/
position:relative;
width: 500px;
margin: 0  0 0 110px;
line-height:18px;
text-align:justify;
padding:  0;
}
div#maincontent4{/*------- partners ------*/
width: 515px;
margin: 0  0 0 102px;
line-height:18px;
text-align:justify;
padding: 0;
}
div#maincontent5{/*------- clients ------*/
width: 590px;
margin: 0 auto;
line-height:22px;
text-align:center;
padding:  0;
}
div#maincontent6{/*------- contact ------*/
width: 500px;
margin: 55px  0 0 75px;
line-height:18px;
text-align:center;
padding:0;
}
#footer { 
clear: both; 
} 
/*------- anchors------*/
p a{
color:#A53017;
text-decoration:underline;
}
p a:hover{
text-decoration:none;
}
/*------- typography ------*/
body {
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
font-size: 12px;
background-color: #fff;
color: #000;
}
.redregular {
color:#A53017;
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
font-size:12px;
} 
#maincontent3 h1  {
color:#A53017;
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
font-size:12px;
text-indent:76px;
}
.redstrong {
color:#A53017;
font: Helvetica, Arial, sans-serif;
font-size:24px;
} 
#branding h1 {
font-family: Helvetica, Arial, sans-seriff;
font-weight:normal;
color:#000000;
font-size:13px;
letter-spacing: 2px;
white-space:nowrap;
padding:0 0 10px 0;
margin: 10px 0 0 0;
}
.grey {
color:#878787;
} 
#copyright {
color: #bbbbbb;
font-size:9px;
margin: -8px auto;
text-align:center;
text-indent:320px;
letter-spacing:1px;
} 
/*------------ page highlight ------------*/
#services #menu .one a,
#ethic #menu .two a,
#notions #menu .three a,
#contact #menu .four a {
color: #A53017;
cursor:default;
} 
/*------- menu ------*/
#menu {
position:absolute;
top: 415px;
font-family: Helvetica, Arial, sans-seriff;
margin:0 0 0 190px;
padding:0;
width:327px;
height:60px;
font-size:10px;
} 
#home #menu {
position:absolute;
top: 415px;
font-family: Helvetica, Arial, sans-seriff;
margin:0 0 0 160px;
padding:0;
width:327px;
height:60px;
font-size:10px;
}
#contact #menu {
position:absolute;
top: 415px;
font-family: Helvetica, Arial, sans-seriff;
margin:0 0 0 160px;
padding:0;
width:327px;
height:60px;
font-size:10px;
} 
div#menu ul {
list-style-type: none;
} 
div#menu ul li {
float: left;
padding:0;
margin:0 0 0 0;
height:28px;
}
div#menu ul li a {
position:relative;
display: block;
margin:0;
padding: 40px 18px 0 18px;
float: left;
text-decoration: none;  
color:#999999;  
font-size:12px;
letter-spacing:1px;
height:30px;
}
div#menu ul li a:hover {
display: block;
text-decoration: none;
color: #A53017;
}
.one {
background: url(../img/one.gif) no-repeat center top;
}
.two {
background: url(../img/two.gif) no-repeat center top;
}
.three {
background: url(../img/three.gif) no-repeat center top;
}	
.four {
background: url(../img/four.gif) no-repeat center top;
}
/*------- cookies : ) ------*/
#cookie1{
background: url(../img/cookie1.gif);
width: 47px;
height: 48px;
position:absolute;
top: 110px;
left: 520px;
}
#cookie2{
background: url(../img/cookie2.gif);
width: 47px;
height: 48px;
position:absolute;
top: 375px;
left: 540px;
}
#cookie3{
background: url(../img/cookie3.gif);
width: 47px;
height: 48px;
position:absolute;
top: 405px;
left: 580px;
}