﻿@import url("reset.css");

/*Structure
*******************************************************************************************************************************/
body,html{height:100%;background:#f6f6f6 url(../style/images/bg_out.png) repeat-y 50% 0}
#container{min-width:960px;max-width:1400px;margin:0 auto;background:#d0d0cf url(../style/images/bg.gif) repeat-x 0 0;text-align:left;position:relative;z-index:10}

	a.twi-link{position:absolute;left:-60px;top:775px;margin:0 8% 0 11%}
	.outer{margin:0 8% 0 11%;position:relative}

.top{width:100%;height:80px;position:relative}
	.top .logo{padding:28px 0 0 0;margin:0 0 0 -16px}
		.top .logo img{position:relative}
	.top p.link{width:210px;position:absolute;top:35px;right:0}
		.top p.link i{padding:0 0 0 1px;font-size:10px;font-family:Georgia;color:#9a9a9a}

.middle{padding:80px 0 0 0;overflow:hidden;zoom:1;position:relative}
	.side-col{width:210px;float:right;position:relative}
		.side-col dl{width:210px;position:relative}
			.side-col dl dt{padding:0 0 7px 0;font-weight:bold}
			.side-col dl dd{font-size:11px;line-height:18px}
	.long-col{width:490px;float:left;position:relative}
		.review{width:380px;position:relative}
			.review h2{padding:0 0 5px 0;font-size:12px;line-height:18px}
			.review p,.bottom i{font-size:10px;line-height:15px;color:#9a9a9a}
		.content{width:480px;padding:28px 0 62px 0;position:relative}
			.content h1{margin:0 0 38px 0;font-size:28px;line-height:36px;font-style:normal;font-family:Arial;white-space:nowrap}
			.content p{width:400px;padding:0 0 19px 0;line-height:18px}
		.further{padding:79px 0 0 0;position:relative}
			.further .row{padding:0 0 47px 0}
				.further .row img{top:-2px;position:relative}
				.further span.title{padding:0 0 10px 0;display:block}
				.further strong{font-size:16px;line-height:21px;position:relative}

#twitter_div{position:relative}
	#twitter_div ul{padding:12px 0 17px;position:relative}
		#twitter_div ul li{padding:0 0 11px 0;position:relative;color:#4e5a5e;line-height:18px}
			#twitter_div span a{font-size:12px !important;color:#eb3c7a !important;text-decoration:underline !important;font-style:normal !important;font-family:Arial !important}
			#twitter_div span a:hover{color:#000 !important}
			#twitter_div ul li a,#twitter_div ul li a:hover{color:#9a9a9a;font-size:10px;font-style:italic;text-decoration:none;font-family:Georgia}

		.main-block{position:relative}
			.main-block i.title{padding:78px 0 8px;display:block}
			.main-block h3{margin:0 0 34px 0;font-size:16px;line-height:24px;position:relative}
			.main-block p{padding:0 0 16px 0;line-height:18px}
			.main-block ul{margin-top:-15px;margin-bottom:20px;padding:0}
				.main-block ul li{margin:10px 0;padding:0 0 0 20px;background:url(../style/images/marker.gif) no-repeat 0 7px;position:relative}

.brd-bt{border-bottom:1px solid #9c9c9b}

.bottom{padding:95px 0 16px;position:relative}
	.bottom p{padding:0 0 4px 0;position:relative}

/*Default
*******************************************************************************************************************************/
.float-left{float:left}
.float-right{float:right}
.copyright{margin-left:-10px;display:inline-block}
.hlaquo{position:relative;display:inline-block}

/*Typography
*******************************************************************************************************************************/
body{font-size:12px;color:#000;font-family:Arial,Helvetica,Sans-serif}
input,textarea,option,select{color:#000}
a{color:#eb3c7a;text-decoration:underline}
a:hover{color:#000;text-decoration:underline}
.txt{font-family:Georgia;font-style:italic}

/*Font sizes*/
.f11{font-size:11px}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f15{font-size:15px}
.f16{font-size:16px}

/*Font weight*/
h2{font-weight:normal}
