/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
body, button, input, select, textarea, select, option { font:12px/1.2 Arial, sans-serif}
table { border-collapse:separate; border-spacing:0}
caption, th, td { text-align:left; font-weight:normal}
table, td, th { vertical-align:middle}
blockquote:before, blockquote:after, q:before, q:after { content:""}
blockquote, q { quotes:"" ""}
a { text-decoration:none; color:#333}
a:hover { text-decoration:underline}
a img { border:none}
strong { font-weight:bold}
em { font-style:italic}
ul, ol { list-style:none}
input:focus { outline:0}
select:focus { outline:0}

/** font-size */
.f10 { font-size:10px}
.f12 { font-size:12px}
.f14 { font-size:14px}
.f16 { font-size:16px}
.f18 { font-size:18px}
.f20 { font-size:20px}
.f22 { font-size:22px}
.f24 { font-size:24px}

/* margin */
.ml5 { margin-left:5px}
.mr5 { margin-right:5px}
.mt5 { margin-top:5px}
.mb5 { margin-bottom:5px}

.ml10 { margin-left:10px}
.mr10 { margin-right:10px}
.mt10 { margin-top:10px}
.mb10 { margin-bottom:10px}

.ml15 { margin-left:15px}
.mr15 { margin-right:15px}
.mt15 { margin-top:15px}
.mb15 { margin-bottom:20px}

.ml20 { margin-left:20px}
.mr20 { margin-right:20px}
.mt20 { margin-top:20px}
.mb20 { margin-bottom:20px}

/* display */
.block { display:block}
.inline { display:inline}
.inline-block { display:inline-block}

/* position */
.rel { position:relative}
.abs { position:absolute}
.fixed { position:fixed}

/* text-align */
.tl { text-align:left}
.tc { text-align:center}
.tr { text-align:right}

/* vertical-align */
.vt { vertical-align:top}
.vm { vertical-align:middle}
.vb { vertical-align:bottom}

/* float */
.fl { float:left}
.fr { float:right}
.fn { float:none}

.over-hide { text-indent:-9999px; overflow:hidden}

/* clear float */
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0}

.clearfix:before, .clearfix:after { content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0}
.clearfix:after { clear:both}
.clearfix { *zoom:1}

body { background:#bce8ea url(../images/bg.jpg) no-repeat center top; color:#333}

.ribbon { top:176px; left:0; width:100%; height:89px; background:url(../images/ribbon.png) no-repeat center top}
.ribbon-bottom { margin-top:-110px; padding-bottom:120px}

.container { width:100%}
.inner { width:860px; margin-left:auto; margin-right:auto}
.logo { top:51px; z-index: 2000;}
h1.logo a {
	display: block;
}

.sidebar { top:0; right:0; width:230px}
.facebook { padding-top:20px; height:16px; overflow:hidden; padding-bottom: 7px;
}
.facebook img {
	float: left;
}
.facebook a { display:block;
background: url(../images/f.png) 0px 3px no-repeat; padding: 5px 0 0 22px ;
}
.facebook img { vertical-align: text-bottom}
.follow { height:58px; overflow:hidden; background:url(../images/line.png) no-repeat left top;}
.follow li { height:14px; padding:7px 0 7px; background:url(../images/line.png) no-repeat left bottom; overflow:hidden}
.this-season { padding-top:10px} 
.this-season .title { height:51px; padding-bottom:6px; background:url(../images/line.png) no-repeat left bottom; font:normal 24px/24px Georgia, serif; overflow:hidden}
.this-season .slider .view-all { height:16px; padding:7px 0 9px; overflow:hidden}
.this-season .slider .list { width:229px; height:342px; overflow:hidden}
.this-season .slider .list ul { position:absolute; top:0; left:0; width:4580px}
.this-season .slider .list li { display:inline; float:left}
.this-season .slider .arrow { top:6px; right:0}
.this-season .slider .arrow .btn { margin-left:10px; cursor:pointer}
.contact li { padding:9px 0 7px; line-height:14px; background:url(../images/line.png) no-repeat left top}
.contact li.site-by { padding:16px 0; font-size:8px; color:#829b9d}
.contact li.site-by a { border-bottom:2px solid #abd1d2; color:#829b9d}
.contact li.site-by a:hover { text-decoration:none}

.main { z-index:1; width:590px; padding-bottom:120px}

.main-home { padding-top:337px; background:url(../images/line.png) repeat-x left bottom}
.main-home .top { height:213px; overflow:hidden}
.main-home .top .title { text-transform:uppercase; font-weight:normal; font-size:28px; line-height:31px; font-family:Georgia, serif; letter-spacing: 2px}
.main-home .labels { height:156px; text-align:justify; text-justify:inter-ideograph; overflow:hidden}
.main-home .labels a { display:inline-block; height:83px; overflow:hidden}
.main-home .labels img { vertical-align:top}

.main-about { width:315px; padding-top:347px; padding-right:275px}
.main-about .side { bottom:0; right:0; width:230px; padding-top:7px; border-bottom:1px solid #a1c4c5; border-top:1px solid #a1c4c5}
.main-about .title,
.main-subscribe .title { text-transform:uppercase; font:normal 22px/22px Georgia, serif}
.main-about .title { height:65px; overflow:hidden; letter-spacing: 2px}
.main-about .side .title { line-height:22px; height:22px; overflow:hidden}
.main-about .content p,
.main-subscribe .content p,
.main-season .desc p { line-height:15px; margin-top:10px}
.main-about .content { padding-bottom:4px}
.main-about .side .title { font-size:15px}
.main-about .side .content { padding-bottom:7px}

.main-subscribe { width:300px; padding-top: 318px; padding-left:290px}
.main-subscribe .left { top:450px; left:0; width:270px; height:255px; border-bottom:1px solid #a1c4c5}
.main-subscribe .right { width:300px}
.main-subscribe .right li { position:relative; margin-bottom:11px; padding-left:77px; min-height:15px; line-height:15px; border-left:1px solid #75a3a6}
* html .main-subscribe .right li { height:15px}
.main-subscribe .right li label { position:absolute; top:0; left:4px; width:73px}

.main-subscribe .right li input, .main-subscribe .right li textarea, .main-subscribe .right li select, .main-subscribe .right li option { 
	width:210px;
	padding:2px 5px; 
	border-left:1px solid #75a3a6; 
	font:10px/11px Arial; 
	border-right:1px solid #75a3a6; 
	border-top:none; 
	border-bottom:none; 
	background:url(../images/form-bg.png) repeat-x; 
	resize:none
	}

.main-subscribe .right li input:focus, .main-subscribe .right li textarea:focus, .main-subscribe .right li select:focus, .main-subscribe .right li option:focus {
	background-color: #7ad4e1;
	border-left: 1px solid #5a7e80; 
	border-right: 1px solid #597c7e; 
}

.main-subscribe .right li select, .main-subscribe .right li option {
	width: 222px;
}

.main-subscribe .right li .t2 { height:26px; line-height:26px}
.main-subscribe .right li .t3 { height:32px}
.main-subscribe .right li .t4 { height:52px}

.main-subscribe .right li.submit {
	border-left-style: none;
}

.main-subscribe .right li.submit input { 
	position:absolute; 
	top:2px; 
	left:0; 
	width: 300px; 
	text-align:left; 
	padding:2px 5px; 
	border-left:1px solid #75a3a6; 
	font: 12px/15px Arial; 
	border-right:1px solid #75a3a6;   
	height: 15px;  
	background:url(../images/form-bg.png) repeat; 
	border-right:1px solid #75a3a6;
	cursor:pointer;
	
}

.main-subscribe .right li.submit input:hover { background-color: #7ad4e1;
	border-left: 1px solid #5a7e80; 
	border-right: 1px solid #597c7e; }
* html .main-subscribe .right li textarea { background:none}

.main-season { padding-top:227px}
.main-season .list { width:860px; background:#fff}
.main-season .list li { float:left; display:inline}
.main-season .list li a { float:left; height:158px; filter:alpha(opacity=50); opacity:.5} 
.main-season .list li a:hover { filter:alpha(opacity=100); opacity:1}

#season-msg { margin-top: 0} 
#season-msg li {
	background: none;
}
#season-msg li.site-by {
	padding-top: 50px;
}
#season-msg .desc { height:329px}
#season-msg .site-by { background:none}