/* CSS Document */

#main {
height:600px;
padding: 50px 50px 0 50px;
border: 5px solid #000;
}


#content {width:600px;
height:550px;
float:right;
background-image: url(../images/main_bg.gif);
background-repeat:no-repeat;
background-position:bottom right;
overflow:hidden;}

#content h2 {margin: 100px 0 0 50px;}

#content p, #content ul {color: #000;
font-size:1.25em;
line-height:1.5em;
padding: 25px 0;
margin: 0 0 0 50px;
letter-spacing: 1px;}

#content ul  {line-height:1.25em;}

#content a:link {color: #ef4135;}
#content a:visited {color: #ef4135;}
#content a:hover {color: #000;}


#sidebar {background: #EF4135;
width:200px;
height:445px;
padding: 25px 25px 150px 25px;
margin: -20px 0 0 -50px;
float:left;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
#sidebar {margin: 0px 0 0 -50px;}
}

/*ie hack */
#sidebar
{
margin: 0 0 0 -50px\9
}

html>body #sidebar { *margin: 0 0 0 -50px; }
#sidebar p {font-size:.9em;}
#sidebar a:hover {color: #000;}

.side {padding: 25px 0 10px 0;}

.test {font-weight:bold;
text-align:right;
padding: 0 0 25px 0;}

#up {position:absolute;
top:10px;
left: 210px;
cursor:pointer;}

#down {position:absolute;
top:590px;
left: 210px;
cursor: pointer}

.landing {
display:block;
height: 800px;
width:600px;
overflow:hidden;}