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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: white;
	background: #FBC736 url(../_graphics/back.jpg) fixed center center;
	text-align:center;
	font-family:Arial;
	font-size:12px;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clear{
	clear:both;
}

a{
	color:white;
	text-decoration:none;
	
}

a:hover{
	text-decoration:underline;
}

/*Menu*/

#ul_menu li{
	position:absolute;
	display:block;
	
	top:70px;
	height:px;
}

#ul_menu li a{
	display:block;
	height:100%;
	width:100%;
	text-indent:-99999px;
}

#li_news{
	background:transparent url(../_graphics/news.png) no-repeat top left;
	width:56px;
	height:24px;
	left:440px;
}

#li_blog{
	background:transparent url(../_graphics/blog.png) no-repeat top left;
	width:48px;
	height:32px;
	left:520px;
}

#li_shop{
	background:transparent url(../_graphics/shop.png) no-repeat top left;
	width:50px;
	height:30px;
	left:590px;
}

#li_live{
	background:transparent url(../_graphics/live.png) no-repeat top left;
	width:41px;
	height:24px;
	left:665px;
}

#li_about{
	background:transparent url(../_graphics/about.png) no-repeat top left;
	width:66px;
	height:24px;
	left:730px;
}


#header{
	position:relative;
	background:url(../_graphics/logoBack.png) 0 0 no-repeat;
	width:860px;
	height:120px;
	margin:0 auto;
	
}

#logo{
	position:absolute;
	top:10px;
	left:50px;
	width:328px;
	height:92px;
	background:transparent url(../_graphics/logo.png) no-repeat top left;
}

#logo a{
	width:100%;
	height:100%;
	display:block;
	text-indent:-99999px;
}


/*Layout*/
#mainwrap{
	width:800px;
	margin:0 auto;
	text-align:left;
	margin-top:20px;
}

.col1{
	width:250px;
	float:left;
}

.col2{
	width: 550px;
	float:left;
}

.contentbox{
	width:94%;
	margin-left:3%;
	margin-top:20px;
	background-color:white;
	-moz-border-radius-topright:8px;
	-moz-border-radius-topleft:8px;
}

.content{
	background-color:#22283D;
	padding:10px;
}

.contenthalf{
	float:left;
	width:45.5%;
	margin-left:3%;
	margin-top:20px;
	background-color:white;
	-moz-border-radius-topright:8px;
	-moz-border-radius-topleft:8px;
}

.red{
	background-color:#5E2133;	
}

.blue{
	background-color:#22283D;	
}

.contentheader{
	display:block;
	height:45px;
}

#twitterheader{
	background: transparent url(../_graphics/twitterRed.png) no-repeat 8px 8px;
	text-indent:-9999px;
}

#newsheader{
	background: transparent url(../_graphics/newsRed.png) no-repeat 8px 8px;
	text-indent:-9999px;
}

#blogheader{
	background: transparent url(../_graphics/blogRed.png) no-repeat 8px 8px;
	text-indent:-9999px;
}

#videoheader{
	background: transparent url(../_graphics/mediaPlayerRed.png) no-repeat 8px 8px;
	text-indent:-9999px;
}

#onelifeheader{
	background: transparent url(../_graphics/onelifestand2.png) no-repeat 8px 8px;
	text-indent:-9999px;
}

#aboutheader{
	background: transparent url(../_graphics/aboutRed.png) no-repeat 8px 8px;
	text-indent:-9999px;
}

#liveheader{
	background: transparent url(../_graphics/liveRed.png) no-repeat 8px 8px;
	text-indent:-9999px;
}

#shopheader{
	background: transparent url(../_graphics/shopRed.png) no-repeat 8px 8px;
	text-indent:-9999px;
}

/*   main pages  */

.twothirds{
	float:left;
	width:60%;
	padding:10px;
}

.onethird{
	float:left;
	width:32%;
	padding:10px;
	margin-left:2%;
}

.title{
	font-size:24px;
	margin-bottom:10px;
}

.archiveitem{
	padding-top:5px;
	padding-bottom:5px;
	border-bottom: 1px dotted white;
}

.archiveitem a{
	color:white;
	text-decoration:none;
}

.archiveitem a:hover{
	color:#aaaaaa;
	text-decoration:underline;
}

.commentstitle{
	font-size:24px;
	margin-top:15px;
	margin-bottom:10px;
	border-bottom:1px dotted white;
}

.comment{
	padding:5px;
	margin-bottom:10px;
}

.commentdetail{
	font-style:italic;
	color:#aaaaaa;
}

.gig{
	padding:5px;
}

.gig a{
	color:white;
	text-decoration:none;
}

.gig a:hover{
	color:#AAAAAA;
	text-decoration:underline;
}

.errormsg{
	color:#9A1325;
	font-style:italic;
}

.bold{
	font-weight:bold;
}


.tweet{
	font-size:14px;
	margin-top:10px;
}

.tweetdate{
	color:#AAAAAA;
	font-style:italic;
}


/*-------------footer---------*/

#footer{
	width:100%;
	height:120px;
	background-color:black;
	text-align:center;
	clear:both;
	margin-top:30px;
}

#footercontent{
	position:relative;
	width:800px;
	margin:0 auto;
	text-align:left;
	color:white;
}

#rightbox{
	position:absolute;
	left:600px;
	width:200px;
	top:40px;
	height:70px;
	
}

#leftbox{
	position:absolute;
	left:0px;
	width:300px;
	top:10px;
	height:100px;
	
}





#slider_holder{
	width:100%;
	height:200px;
	position:relative;
}

.slider_button{
	background-color:white;
	height:20px;
	position:absolute;
	top:10px;
	width:20px;
	height:20px;
	display:none;
	margin:0px 1px;
	cursor: pointer;
}

.slider_image{
	position:absolute;
	top:0px;
	left:0px;
}

#slider_text_1{
	font-size:28px;
	font-weight:bold;
	position:absolute;
	top:145px;
	left:10px;
	width:700px;
	height:30px;
	color:white;
}

#slider_text_2{
	font-size:14px;
	font-weight:bold;
	position:absolute;
	top:180px;
	left:10px;
	width:700px;
	height:30px;
	color:white;
}


#slider_text_1 a,#slider_text_2 a{
	color:white;
	text-decoration:none;
}

#slider_text_1 a:hover,#slider_text_2 a:hover{
	text-decoration:underline;
}



/* --------- CLEARFIX --------- */

/* full clearfix */
/* add to floating elements which should not float afterthem */ 
* html .cf {
   height: 1%; /* IE5-6 */
   }
* + html .cf {
	display: inline-block; /* IE7not8 */
	}
.cf:after { /* FF, IE8, O, S, etc. */
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
   }