html,
body {
 margin:0;
 padding:0;
 border: 0;
 height:100%;
}


body {
 line-height: 1.4em;
 background: #000;
 font-family: Candara, Arial, Verdana, Trebuchet, sans-serif;
 color: #fff;
 font-size: 13px;
 width: 100%;
}

#container {
 min-height: 100%;
 position: relative;
}

#left {
 padding-left: 30px;
 padding-bottom: 60px;
 width: 250px;
 background: #000000;
 height: 100%;
}

#right {
 position: fixed;
 width: 560px;
 height: 340px;
 padding-left: 350px;
 padding-top: 130px;
 top: 0px;
}

#flash {
position: fixed;
left: 0px;
top: 0;
height: 100%;
width: 100%;
z-index: -1;
}

#footer {
 width: 100%;
 bottom: 0;
 position: absolute;
 margin: 0;
 padding: 0px;
 left: 0px;
 background: url("images/lp-footer-bg.png") repeat;
 color: #2d2d2d;
}

#footer div {padding: 3px 0px 5px 30px;}

.logo {
 border-top: 40px solid #000;
 padding-bottom: 5px;
}

.about img.title {
 border-bottom: 2px solid #fff;
 height: 1px;
 width: 100%;	
}

.distribution img.title {
 border-bottom: 1px dotted #fff;
 height: 1px;
 width: 100%;	
}

.about, .distribution {
 padding: 10px 0 0 0;
}

#left p {
 padding-bottom: 5px;
 padding-top: 5px;
 padding-left: 67px;
 margin: 4px 0 0;
 z-index: 98;
}

#footer p {
 padding: 4px 0 0 0;
 margin: 0;
 z-index: 99;
}

object {
 padding: 0;
 margin: 0;
}

a {
 color: #99ccff;
 text-decoration: none;
}

a img {
 padding: 0 0 4px;
 border: 1px solid #000;
}

a:hover img {
 border-bottom: 1px dotted #fff;
}

a:active img {
 border: 1px solid #000;
}

a:hover {
	text-decoration: underline;
}

#footer a {
	color: #666666;
}