/* CSS Document */

body, html {
height:100%;
min-height:100%;
}

body {
background: #000 url(assets/BG.jpg) repeat-y center top fixed;
margin:0;
padding:0;
text-align:center;
color: #000;
font: 0.9em/1.5em "Trebuchet MS", Verdana, sans-serif;
}

#container {
width:760px;
margin:0 auto;
height:100%;
min-height:100%;
padding:0;
background:#fff;
}

#left {
float:left;
width:330px;
height:100%;
margin:0 10px;
padding:0;
}

#right {
float:right;
clear:right;
width:390px;
height:100%;
}

#left h1 {
width:242px;
height:84px;
text-indent:-9999px;
background:url(assets/CHS-logo.gif) no-repeat;
}

#left h3 {
width:156px;
height:15px;
text-indent:-9999px;
background: url(assets/welcome.gif) no-repeat;
}

#left p {
text-align:justify;
font-size:0.9em;
}

#left h4 {
display:block;
width:315px;
height:266px;
text-indent:-9999px;
background: url(assets/post-it.gif) no-repeat;
}

#left p.under {
height: 67px;
background:url(assets/icone.gif) no-repeat;
padding:12px 0 0 50px;
}

#left p.under span.red {
color:#bc1a31;
}

#left a:link, #left a:hover {color:#bc1a31;}
#left a:hover, #left a:active {color:#000; text-decoration:none;}

#right h3 {
width:318px;
height:23px;
text-indent:-9999px;
background: url(assets/just-some.gif) no-repeat;
margin:50px auto;
}

#postit {
float:left;
}

#postit ul{
margin:0;
padding:0;
float:left;
width: 390px;
}

#postit li {
text-decoration:none;
list-style-type:none;
display:inline;
text-indent:-9999px;
float:left;
}

#postit li.gd {
background: url(assets/brands-gd.jpg) no-repeat;
width: 146px;
height:265px;
display:block;
}

#postit li.lip {
background: url(assets/brands-lipservice.jpg) no-repeat;
width: 110px;
height:265px;
display:block;
}

#postit li.gitc {
background: url(assets/brands-gitc.jpg) no-repeat;
width: 127px;
height:265px;
display:block;
}

#right h4 {
width:323px;
height:48px;
text-indent:-9999px;
background: url(assets/grey-brands.gif) no-repeat;
margin:20px auto;
}

#right p.copy {
font-size: 0.8em;
color:#999999;
}