body {color:#999; background-color:#000; font-family:"Helvetica Neue", Helvetica, arial, sans-serif; font-size:12px; line-height:1.2em; background-image: url(../images/bck.jpg); padding:0; margin:0;}

@media only screen and (max-width: 600px) {
    .wrapper {float:left;width:100%;background-image:url(../images/top_bck.png); background-repeat: repeat-x; background-position: top;}
	.box {position:absolute;width:100%;height:100%;}
	.left {position:absolute;padding:25px;top:270px;}
	.right {position:absolute;padding:25px;white-space:nowrap;}
	.footer {display:none;} 

	img.small_icon {float: center;padding:5px;border:0;}
}

@media only screen and (min-width: 600px) {
	.wrapper {float:left;width:100%;height:380px;background-image:url(../images/top_bck.png); background-repeat: repeat-x; background-position: top;}
	.box {position:absolute;top:45%;left:50%;width:780px; margin:-180px 0 0 -390px;}
	.left {float:left;width:339px;border-right:1px solid #333;text-align:right;padding:20px 30px 20px 20px;min-height:230px;}
	.right {float:right;width:349px;text-align:left;padding:20px;border-left:1px solid #000;min-height:230px;}
	.footer {position:absolute;bottom: -50px;left: 50%;margin-left:-150px;} 

	img.small_icon {float:right;padding:5px;border:0;}
}

img.icon {float:left;padding:5px 10px 0 0;}

blockquote {padding:0;margin:0;font-style:italic;font-size:1.6em;color:#fff;line-height: 1.4em;}
a:link, a:visited{color:#FFFFFF;text-decoration:none;border: 0;}
a:hover {text-decoration:underline;}
p {margin:5px 0;}
	
h1, h2, h3, h4, h5, h6 {color:#fff; padding:0; margin:0;font-weight:lighter;font-family: Helvetica, arial;line-height:1.2em;}
h2 {font-size: 1.5em;}
h3 {font-size:1.2em; margin:1em 0 0 0;}
small { font-size: 0.75em; padding:0; margin:0; font-weight:lighter;}