/* CSS Document */


/************** Resets - Browser Compatibility *****************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/************** Custom Defaults *****************/

div{
	overflow:hidden;
}

#stwrapper, .stwrapper, #stwrapper div, .stwrapper div{
	overflow:visible !important; /* Fix for share this popup*/
}



/************** Text *****************/

body, input, select, textarea{ font: 13px/1.6 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;}
h1, h2, h3, h4, h5, h6 { color:#4d3072; }
h1 { font-size: 20px;}
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }
h5 { font-size: 12px; }
h6 { font-size: 12px; }
p, h1, ul {	margin-bottom: 20px; }
h2{	margin-bottom: 10px; }
h3, h4, h5, h6{	margin-bottom: 5px; }
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }


/************** Link Style *****************/


a{
	color:#641518;
}

a:hover{
	color:#641518;
	text-decoration:underline;
}

a img:hover,
input[type="image"]:hover{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}



/************** Site Style *****************/

body{
	text-align:center;
	font-size:11px;
}



input, select, textarea{
	font-size:11px;
}

#site{
	margin:auto;
	width:911px;
	overflow:hidden;
	text-align:left;
	margin-top:18px;
	z-index:999999;
	position:relative;
	background-color:#FFF;
}


#site #site-header{
	width:911px;
	padding-bottom:20px;
	overflow:visible;
	z-index:999999;
}




#site #site-header #site-logo{
	width:106px;
	height:196px;
	float:left;
	z-index:999999;
}

#site #site-header #site-nav{
	padding-left:19px;
	float:left;
	overflow:visible;
	position:relative;
	width:665px;
	z-index:999999;
}


#site #site-content{
	padding-top:10px;
}

#site #site-header #site-nav #header-image{
	width:665px;
	height:176px;
}

#site #site-header #site-nav #menu{
	width:665px;
	height:21px;
	overflow:visible;
	z-index:999999;
}


#site #site-nav .top-nav-link{
	display:block;
	float:left;
	height:0px;
	padding-top:21px;
	overflow:hidden;
	cursor:hand;
	z-index:999999;
}

#site #site-nav .top-nav-link-li .top-nav-link{
	background-image:url(../images/nav-bg.png);
	background-repeat:no-repeat;
	cursor:hand;
	z-index:999999;
	display:block;
	float:left;
}



#site #site-nav #top-nav-about .top-nav-link{
	background-position:0px 0px;
	width:69px;
}

#site #site-nav #top-nav-events .top-nav-link{
	background-position:-69px 0px;
	width:79px;
}


#site #site-nav #top-nav-beatle .top-nav-link{
	background-position:-148px 0px;
	width:159px;
}


#site #site-nav #top-nav-what .top-nav-link{
	background-position:-307px 0px;
	width:144px;
}


#site #site-nav #top-nav-blog .top-nav-link{
	background-position:-451px 0px;
	width:62px;
}


#site #site-nav #top-nav-store .top-nav-link{
	background-position:-513px 0px;
	width:71px;
}


#site #site-nav #top-nav-contact .top-nav-link{
	background-position:-584px 0px;
	width:81px;
}



#site #site-nav #top-nav-about .top-nav-link:hover{
	background-position:0px -21px;
}


#site #site-nav #top-nav-events .top-nav-link:hover{
	background-position:-69px -21px;
}


#site #site-nav #top-nav-beatle .top-nav-link:hover{
	background-position:-148px -21px;
}


#site #site-nav #top-nav-what .top-nav-link:hover{
	background-position:-307px -21px;
}


#site #site-nav #top-nav-blog .top-nav-link:hover{
	background-position:-451px -21px;
}


#site #site-nav #top-nav-store .top-nav-link:hover{
	background-position:-513px -21px;
}


#site #site-nav #top-nav-contact .top-nav-link:hover{
	background-position:-584px -21px;
}



#site #site-nav #top-nav-about.selected .top-nav-link{
	background-position:0px -42px;
}


#site #site-nav #top-nav-events.selected .top-nav-link{
	background-position:-69px -42px;
}


#site #site-nav #top-nav-beatle.selected .top-nav-link{
	background-position:-148px -42px;
}


#site #site-nav #top-nav-what.selected .top-nav-link{
	background-position:-307px -42px;
}


#site #site-nav #top-nav-blog.selected .top-nav-link{
	background-position:-451px -42px;
}


#site #site-nav #top-nav-store.selected .top-nav-link{
	background-position:-513px -42px;
}


#site #site-nav #top-nav-contact.selected .top-nav-link{
	background-position:-584px -42px;
}


#site #site-header #social{
	width:115px;
	padding-left:6px;
	text-align:center;
}



/***************** Page Styles ********************/

.page-detail{
	min-height:300px;
}

.content-basic-page{
	position:relative;
}

.column-right{
	float:right;
	width:437px;
	padding-left:20px;
	padding-top:55px;
	background-image:url(../images/divider-vert.jpg);
	background-position:0px 0px;
	background-repeat:repeat-y;
}

.content-basic-page .main-content-image{
}




.content-basic-page .content-detail{
	float:left;
	width:435px;
	padding-right:15px;
}

.full-page-detail{
	width:872px !important;
}


.content-basic-page .event-list{
	float:right;
	width:437px;
	padding-left:20px;
	background-image:url(../images/divider-vert.jpg);
	background-position:0px 0px;
	background-repeat:repeat-y;
}

.content-basic-page .event-list li{
	padding-bottom:10px;
	clear:both;
}



.content-basic-page .event-list .content-title{
	font-size:18px;
	color:#3a1c61;
	font-weight:bold;
	line-height:18px;
}

.content-basic-page .event-list .content-date{
	font-size:14px;
	color:#3a1c61;
	font-weight:bold;
}

.content-basic-page .event-list .content-image{
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	
}

.content-basic-page .event-list .content-teaser{
	
	
}

.content-basic-page .event-list .extra-link{
	background-image:url(../images/button-event-detail.jpg);
	background-repeat:no-repeat;
	width:109px;
	height:0px;
	padding-top:29px;
	display:block;
	overflow:hidden;
}

.list-1 li{
	font-size:14px;
}

#photo-widget{
	position:absolute;
	right:0px;
	top:30px;
}

/********** Home Page ********/
#blog-list{
	width:305px;
	padding-left:25px;
	float:left;
}

#blog-list h3{
	margin-bottom:0px;
	margin-top:7px;
}

#blog-list li{
	background-image:url(../images/divider-horz.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:10px;
}



#home-feature{
	width:579px;
	height:330px;
	float:left;
}

#home-feature .active { 
	background-position:0px 0px;
}



#slider li{
	position:relative;
	width:575px;
	height:327px;
	padding:0px;
	margin:0px;
	overflow:hidden;
}


#slider .content-info{
	position:absolute;
	left:9px;
	top:9px;
	z-index:10;
	width:307px;
	height:145px;	
	padding-left:11px;
	padding-right:16px;
	padding-top:14px;
	padding-bottom:16px;
	color:#FFF;
	background-image:url(../images/feature-main-info-bg.png);
	background-repeat:no-repeat;
}



#slider .content-info .more-info{
	position:absolute;
	top:130px;
	left::16px;
}


#slider .content-info h2{
	color:#FFF;
	font-size:29px;
	margin:0px;
	padding:0px;
	line-height:28px;
	padding-bottom:3px;
}

#slider .content-info .content-detail{
	line-height:16px;
}



#slider .content-image{
	position:absolute;
	left:0px;
	top:0px;
	z-index:9;
	width:573px;
	height:279px;
}



.bx_pager{ 
	position:absolute;
	left:0px;
	bottom:0px;
}



.bx_pager a{
	overflow:hidden;
	width:178px;
	height:30px;	
	padding-top:9px;
	padding-bottom:10px;
	padding-left:8px;
	padding-right:5px;
	background-repeat:repeat-x;
	background-image:url(../images/feature-main-tab-bg.jpg);
	background-position:0px 0px;
	display:block;
	cursor:hand;
	z-index:11;
	float:left;
	text-decoration:none;
	color:#4d3072;
	font-size:16px;
	font-weight:bold;
	line-height:16px;
}


.bx_pager a span.content-teaser{
	display:block;
	font-size:12px;
	font-weight:bold;
	line-height:13px;
	padding-top:2px;
}


.bx_pager .active,
.bx_pager a:hover{
	background-position:0px -49px !important;
	color:#fff !important;
}


.slides1_wrap{
	position:relative;

}

.features{
	clear:both;
	padding-top:50px;
}

.features .feature{
	float:left;
	width:193px;
	padding-left:17px;
	padding-right:17px;
	font-size:10px;
	background-image:url(../images/divider-vert.jpg);
	background-repeat:repeat-y;
	background-position:left;
	min-height:300px;
}


.features .feature-1{
	padding-left:10px;	
	background-image:none !important;
}

.features .feature-4{
	padding-right:0px !important;
}

.features .feature-wide{
	width:420px;
}



.features .feature .content-detail{
	float:none;
	width:auto;
	padding-right:0px;
}

.features .feature  .content-image{
	float:none;
	width:193px;
	padding-left:0px;
	background-image:none;
}

.features .feature h4{
	margin:0px;
	font-size:13px;
}


.field-title{
	display:block;
	padding-top:20px;
}


.featured-partners .content-title{
	text-align:center;
}

.featured-partners .content-title h4{
	font-size:15px !important;
}



.item-list li{
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;
}

/**************** Site Footer ********************/

#site-footer{
	font-size:11px;
	padding-top:25px;
}

/************** Bogger CSS *********************/

#blog{
	width:650px;
	float:left;
	padding-right:25px;
}

#blog-sidebar{
	width:180px;
	float:right;
	background-color:#4d3070;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	color:#FFF;
}

#blog-sidebar a,
#blog-sidebar h2{
	color:#FFF;
}