/* This stylesheet is a mess. Good luck. */
*
{padding: 0;
margin: 0;
}

.clear
{clear: both;}

body
{
background-color: #000000;

background-image: url(images/page_bg2.jpg);
background-position: 50% 0;
background-size: 300px auto;
background-repeat: repeat-y;

text-align: center;
font-size: 62.5%;
font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
} 

#wrapper
{
position: relative;
width: 300px;

background: url(images/wrapper_bg2.jpg);
background-repeat: no-repeat;
background-position: 50% 44px;
background-size: 100% auto;

margin: auto auto auto auto;
min-height: 500px;
padding: 0 0 20px 0;
text-align: center;
}

#header
{width: 300px;
min-height: 44px;
background: #000000;
}

#header h1 a
{
width: 286px;
height: 34px;
text-indent: -5000px;
background: url(images/moblogo.png);
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100% auto;
display: block;
position: absolute;
top: 5px;
left: 7px;

}

#header h1 a:hover
{
background: url(images/moblogo.png);
background-repeat: no-repeat;
background-position: 0 -34px;
background-size: 100% auto;

}

#navcontainer
{
height: 60px;
width: 290px;
position: relative;
left: 0;
overflow: visible;
  z-index:1;

}



#navcontainer li
{
list-style-type: none;
display: block;
}

#navcontainer li a
{
margin-top: 0;
}


#navcontainer .homelink
{
width: 67px;
height: 28px;
float: left;
margin-left: 10px;
text-indent: -5000px;
}

#navcontainer .homelink a
{
width: 67px;
height: 28px;
background: url(images/sprite.png) no-repeat 0 -370px;
display: block;
}

#navcontainer .homelink a:hover
{
background: url(images/sprite.png) no-repeat 0 -400px;
display: block;

}

#homepage #navcontainer .homelink a
{
background: url(images/sprite.png) no-repeat 0 -430px;
display: block;

}


#navcontainer .aboutlink
{
width: 71px;
height: 28px;
float: left;
margin-left: 8px;
margin-top: 0;
text-indent: -5000px;
}

#navcontainer .aboutlink a
{
width: 71px;
height: 28px;
background: url(images/sprite.png) no-repeat -67px -370px;
display: block;
}

#navcontainer .aboutlink a:hover
{
background: url(images/sprite.png) no-repeat -67px -400px;
display: block;

}

#aboutpage #navcontainer .aboutlink a
{

background: url(images/sprite.png) no-repeat -67px -430px;
display: block;

}

#navcontainer .livelink
{
width: 49px;
height: 28px;
float: left;
margin-left: 8px;
margin-top: 0;
text-indent: -5000px;
}

#navcontainer .livelink a
{
width: 49px;
height: 28px;
background: url(images/sprite.png) no-repeat -138px -370px;
display: block;
}

#navcontainer .livelink a:hover
{
background: url(images/sprite.png) no-repeat -138px -400px;
display: block;

}

#livepage #navcontainer .livelink a
{

background: url(images/sprite.png) no-repeat -138px -430px;
display: block;

}


#navcontainer .musiclink
{
width: 68px;
height: 28px;
float: left;
margin-left: 8px;
margin-top: 0;
text-indent: -5000px;
}

#navcontainer .musiclink a
{
width: 68px;
height: 28px;
background: url(images/sprite.png) no-repeat -187px -370px;
display: block;
}

#navcontainer .musiclink a:hover
{
background: url(images/sprite.png) no-repeat -187px -400px;
display: block;
}

#musicpage #navcontainer .musiclink a
{
background: url(images/sprite.png) no-repeat -187px -430px;
display: block;
}

#navcontainer .pictureslink
{
width: 95px;
height: 28px;
float: left;
margin-left: 10px;
margin-top: 0;
text-indent: -5000px;
}

#navcontainer .pictureslink a
{
width: 95px;
height: 28px;
background: url(images/sprite.png) no-repeat -255px -370px;
display: block;
}

#navcontainer .pictureslink a:hover
{
background: url(images/sprite.png) no-repeat -255px -400px;
display: block;
}

#picturespage #navcontainer .pictureslink a
{
background: url(images/sprite.png) no-repeat -255px -430px;
display: block;
}

#navcontainer .contactlink
{
width: 93px;
height: 28px;
float: left;
margin-left: 8px;
margin-top: 0;
text-indent: -5000px;
}

#navcontainer .contactlink a
{
width: 93px;
height: 28px;
background: url(images/sprite.png) no-repeat -350px -370px;
display: block;
}

#navcontainer .contactlink a:hover
{
background: url(images/sprite.png) no-repeat -350px -400px;
display: block;
}

#contactpage #navcontainer .contactlink a
{
background: url(images/sprite.png) no-repeat -350px -430px;
display: block;
}

#navcontainer .linkslink
{
width: 61px;
height: 28px;
float: left;
margin-left: 8px;
margin-top: 0;
text-indent: -5000px;
}

#navcontainer .linkslink a
{
width: 61px;
height: 28px;
background: url(images/sprite.png) no-repeat -443px -370px;
display: block;
}

#navcontainer .linkslink a:hover
{
background: url(images/sprite.png) no-repeat -443px -400px;
display: block;
}

#linkspage #navcontainer .linkslink a
{
background: url(images/sprite.png) no-repeat -443px -430px;
display: block;
}


#navcontainer .facebooklink
{
width: 20px;
height: 20px;
float: none;
margin-left: 0;
margin-top: 0;
position: absolute;
top: 55px;
left: 220px;

text-indent: -5000px;
}

#navcontainer .facebooklink a
{
width: 20px;
height: 20px;
background: url(images/sprite.png) no-repeat -540px -340px;
display: block;
}

#navcontainer .facebooklink a:hover
{
background: url(images/sprite.png) no-repeat -540px -360px;
display: block;

}

#navcontainer .twitterlink
{
width: 20px;
height: 20px;
float: none;
margin-left: 0;
margin-top: 0;

position: absolute;
top: 55px;
left: 245px;

text-indent: -5000px;
}

#navcontainer .twitterlink a
{
width: 20px;
height: 20px;
background: url(images/sprite.png) no-repeat -560px -340px;
display: block;
}

#navcontainer .twitterlink a:hover
{
background: url(images/sprite.png) no-repeat -560px -360px;
display: block;

}

#navcontainer .youtubelink
{
width: 20px;
height: 20px;
float: none;
margin-left: 0;
margin-top: 0;

position: absolute;
top: 78px;
left: 220px;

text-indent: -5000px;
}

#navcontainer .youtubelink a
{
width: 20px;
height: 20px;
background: url(images/sprite.png) no-repeat -580px -340px;
display: block;
}

#navcontainer .youtubelink a:hover
{
background: url(images/sprite.png) no-repeat -580px -360px;
display: block;

}



#navcontainer .myspacelink
{
width: 20px;
height: 20px;
float: none;
margin-left: 0;
margin-top: 0;

position: absolute;
top: 78px;
left: 245px;

text-indent: -5000px;
}

#navcontainer .myspacelink a
{
width: 20px;
height: 20px;
background: url(images/sprite.png) no-repeat -600px -340px;
display: block;
}

#navcontainer .myspacelink a:hover
{
background: url(images/sprite.png) no-repeat -600px -360px;
display: block;

}

#content
{width: 226px;
position: relative;
top: 0;
left: 27px;
padding: 0 10px 10px 10px;
min-height: 500px;
background-color: #fed428;

text-align: left;
}

.frontpic
{
width: 100%;
padding: 15px 0;
border-bottom: 1px solid #C93C04;
border-top: 1px solid #C93C04;
} 

.newsitem
{border-bottom: 1px solid #C93C04;
padding-bottom: 10px;
margin-bottom: 10px;

}

.newsitem img
{
float: none;
width: 100%;

height: auto;

}


#footer
{
position: relative;
top: 0;
left: 27px;
width: 256px;
min-height: 58px;
background:url(images/mobfooter.jpg) 0 0 no-repeat;

text-align: left;
padding: 5px 0 5px 0;
}

.footerfloat
	{width: 150px;
	min-height: 20px;
	
	text-align: left;
	margin: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	
	}


/* ----------------------------------------------- TEXT STYLES -------------------------------------- */

h2
{
font-size: 2em;
color:#000000;
padding-bottom: 10px;
}

h3
{
font-size: 1.8em;
color:#000000;
}

p
{
font-size: 1.4em;
color:#000000;
padding: 5px 0;

}

a{text-decoration:none;}
a:link {color: #C93C04;}
a:active {color: #C93C04;}
a:visited {color: #C93C04;}
a:hover{color: #000000;}

#footer p
{
font-size: 1.2em;
color: #FFFFFF;
padding: 0;
}

#footer a:link, #footer a:active, #footer a:visited {color: #000000;}
#footer a:hover{color: #ffffff;}

#footer .footerfloat a:link.adminlink, #footer .footerfloat a:visited.adminlink, #footer .footerfloat a:active.adminlink {color:#ffffff; text-decoration:none; margin-top: 5px;}

#footer .footerfloat a:hover.adminlink {color:#ffffff;}

.tinytext
{
font-size: 1.2em;
color:#C93C04;
padding: 0;
}

/*------------------------------------- TAB STYLES ------------------------------------------------------------ */

#tab-side-container {z-index: 50; width: 220px; min-height: 300px; }
#tab-side-container ul { font-size: 1.4em; width:220px;  min-height: 300px; list-style: none; float: left; }
#tab-side-container ul li { width: 220px; text-align: left; min-height: 20px; background: #C93C04; border: 1px solid #999999; margin-bottom: 1px;  }
#tab-side-container ul li a { display: block; padding: 5px 0 5px 7px; outline: none; color: #ffffff; text-decoration:none; }
#tab-side-container ul li a b { color: #000000;}
#tab-side-container ul li a:hover { text-decoration: none; color: #666666; background: #ED2B12; }
#tab-side-container ul li a:hover b {color: #FFFFFF;}
#tab-side-container ul li.selected-tab { background: #fed428; color: #000000;}
#tab-side-container ul li:first-child.selected-tab {color: #000000;}
#tab-side-container ul li a.selected-tab { text-decoration: none; color: #000000;}
#tab-side-container ul li a.selected-tab b {color: #C93C04;}

#tab-side-container ul li a:hover.selected-tab { color: #666666;}
#tab-side-container ul li a:hover.selected-tab b {color: #ffffff;}

#tab-side-container .panel-container { color: #34290D; text-align: left; border: 1px solid #999999; padding: 3px 7px 3px 5px;  }

#tab-side-container .panel-container h3 {font-size: 1.8em; padding: 0 0 0 5px;}
#tab-side-container .panel-container h4 {font-size: 1.4em; padding: 0 0 0 10px;}

#tab-side-container .panel-container p { font-size: 1.4em; padding: 10px 0 0 5px;}



.tabpic
{
width: 200px;
padding: 0 0 5px 10px;
float:right;

}


/*----------------- CONTACT FORM - UNTIDY! ---------------------------------------------------------------------------------- */

#showketchup
{
min-height: 300px;
padding-top: 20px;
}

#contact_form {width: 240px; height: 250px; }

#commentForm fieldset
{
border: none;

}


#commentForm div{ text-align: left;
clear: both;
min-height: 32px;
padding-top: 3px;

position: relative;
}

#commentForm div.bigbox{ text-align: center;
clear: both;
min-height: 100px;

position: relative;
}

#commentForm input
{float: left;

margin: 4px 0 4px 4px;
width: 120px;
min-height: 20px;
font-size: 16px;

    border: 1px solid #c4c4c4;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0px 0px 4px #d9d9d9;
    -moz-box-shadow: 0px 0px 4px #d9d9d9;
    -webkit-box-shadow: 0px 0px 4px #d9d9d9;
	}
	
	#commentForm input#verif_box
	{
	width: 80px;
	
	}

#commentForm textarea
 {
float: left;
 resize:none;
margin: 4px 0 4px 4px;
width: 120px;
min-height: 90px;
font-size: 16px;
border: 1px solid #c4c4c4;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0px 0px 4px #d9d9d9;
    -moz-box-shadow: 0px 0px 4px #d9d9d9;
    -webkit-box-shadow: 0px 0px 4px #d9d9d9;


}

label { width: 90px; padding-top: 3px; float: left; font-size: 1.4em; color:#000000; }

div.message{
    
}

#commentForm div.error{
min-height: 10px;

      background: #C93C04;
  background: rgba(201, 60, 4, 0.6);
  
  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    
    padding: 5px;
	font-size: 1.0em;
}




#commentForm .submit
{
margin: 5px 0 5px 105px; 
display:block; 
border:1px solid #000000; 
width:100px; 
height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; 
padding: 0 2px 2px 2px;

line-height:14px; 
background-color:#EFEFEF;
}


/* inout hover styles */
div.curFocus {
	background: #edc317;
	}

.curFocus label
{
color:#C93C04;

}
#commentForm div.curFocus input, #commentForm div.curFocus select, #commentForm div.curFocus textarea, #commentForm div.curFocus checkbox
{
 outline: none;
    border: 1px solid #C93C04;
    box-shadow: 0px 0px 4px #C93C04;
    -moz-box-shadow: 0px 0px 4px #C93C04;
    -webkit-box-shadow: 0px 0px 4px #C93C04;
}

.curFocus .submitbutton
{
border: 2px solid #009900; 
}

#form_result
{
width: 240px;
min-height: 200px;

color:#C93C04;
font-size: 1.6em;
}


	@media (max-width: 1000px) and (min-width: 571px) {
	
	body
{
background-color: #000000;

background-image: url(images/tabcontentbg.jpg);
background-position: 50% 0;
background-size: 90% auto;
background-repeat: repeat-y;



text-align: center;
font-size: 62.5%;
font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
} 

#wrapper
{
position: relative;
width: 90%;

background: url(images/wrapper_bg2.jpg);
background-repeat: no-repeat;
background-position: 50% 0;
background-size: 100% auto;

margin: auto auto auto auto;
min-height: 500px;
padding: 0;
text-align: center;

}


#header {
    width:82.4%;
    height:auto;
	
	background: none;

    position:relative;
    overflow:hidden;
	margin-left: 8.8%;
    padding-bottom:8%;

}

#header h1 {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#header h1 a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
	text-indent: -5000px;
	
	  background: url(images/tablogo.jpg);
	background-size: 100% 200%;
	background-position: 0 0;
}

#header h1 a:hover{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
	text-indent: -5000px;
	
	  background: url(images/tablogo.jpg);
	background-size: 100% 200%;
	background-position: 0 -100%;
}



#navcontainer
{
height: 60px;
width: 370px;
position: relative;
left: 10%;
clear: both;
  

}

#navcontainer .facebooklink
{
width: 20px;
height: 20px;
float: none;
margin-left: 10px;
margin-top: 0;
position: relative;
top: 5px;
left: 285px;

text-indent: -5000px;
}

#navcontainer .facebooklink a
{
width: 20px;
height: 20px;
background: url(images/sprite.png) no-repeat -540px -340px;
display: block;
}

#navcontainer .facebooklink a:hover
{
background: url(images/sprite.png) no-repeat -540px -360px;
display: block;

}




#navcontainer .twitterlink
{
width: 20px;
height: 20px;
float: none;
margin-left: 0;
margin-top: 0;

position: relative;
top: -15px;
left: 320px;

text-indent: -5000px;
}

#navcontainer .twitterlink a
{
width: 20px;
height: 20px;
background: url(images/sprite.png) no-repeat -560px -340px;
display: block;
}

#navcontainer .twitterlink a:hover
{
background: url(images/sprite.png) no-repeat -560px -360px;
display: block;

}


#navcontainer .youtubelink
{
width: 20px;
height: 20px;
float: none;
margin-left: 0;
margin-top: 0;

position: relative;
top: -12px;
left: 295px;

text-indent: -5000px;
}

#navcontainer .youtubelink a
{
width: 20px;
height: 20px;
background: url(images/sprite.png) no-repeat -580px -340px;
display: block;
}

#navcontainer .youtubelink a:hover
{
background: url(images/sprite.png) no-repeat -580px -360px;
display: block;

}



#navcontainer .myspacelink
{
width: 20px;
height: 20px;
float: none;

margin-left: 0;
margin-top: 0;

position: relative;
top: -32px;
left: 320px;

text-indent: -5000px;
}

#navcontainer .myspacelink a
{
width: 20px;
height: 20px;
background: url(images/sprite.png) no-repeat -600px -340px;
display: block;
}

#navcontainer .myspacelink a:hover
{
background: url(images/sprite.png) no-repeat -600px -360px;
display: block;

}


#content
{   width:75%;
position: relative;
left: 12.5%;
padding: 0;
min-height: 500px;
background-color: #fed428;
text-align: left;
}

.newsitem img
{
float: right;
width: 35%;

height: auto;

}

#footer
{
position: relative;
top: 0;
left: 0;
width: 100%;
min-height: 58px;

background-image: url(images/tabfooterbg.jpg);
background-repeat: no-repeat;
background-position: 50% 0;
background-size: 100% auto;

text-align: left;
padding: 10px 0 40px 0;
}

#footer p
{
font-size: 1.2em;
color: #FFFFFF;
padding: 0 0 0 10%;
}

.footerfloat
	{width: 150px;
	min-height: 20px;
	
	text-align: left;
	margin: 0;
	position: absolute;
	top: 25px;
	right: 10%;
	
	}
	
/*------------------------------------- TAB STYLES ------------------------------------------------------------ */

#tab-side-container {z-index: 50; width: 100%; min-height: 300px; }
#tab-side-container ul { font-size: 1.4em; width:100%;  min-height: 300px; list-style: none; float: left; }
#tab-side-container ul li { width: 100%; text-align: left; min-height: 20px; background: #C93C04; border: 1px solid #999999; margin-bottom: 1px;  }


.tabpic
{
width: 40%;
height: auto;
padding: 0 0 5px 10px;
float:right;

}
	
	#contact_form {width: 400px; height: 250px; }

	
	}
	


@media (min-width: 1001px) {

body
{
background: #000000 url(images/page_bg2.jpg) repeat-y 50% 0;

text-align: center;
font-size: 62.5%;
font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
} 

#wrapper
{
position: relative;
width: 1000px;
background: url(images/wrapper_bg2.jpg) no-repeat 50% 0;
margin: auto auto auto auto;
min-height: 500px;
padding: 0 0 20px 0;
text-align: center;
}

#header
{width: 824px;
height: 136px;
background: none;}

#header h1 a
{
width: 824px;
height: 136px;
text-indent: -5000px;
background: url(images/sprite.png) no-repeat 0 0;
display: block;
position: absolute;
top: 0;
left: 88px;

}

#header h1 a:hover
{
background: url(images/sprite.png) no-repeat 0 -136px;

}

#navcontainer
{
height: 40px;
width: 770px;
position: relative;
left:152px;

background: none;

}

#navcontainer li
{
list-style-type: none;
display: inline;
}

#navcontainer li a
{
margin-top: 0;
}


#navcontainer .homelink
{
width: 71px;
height: 30px;
float: left;
margin-left: 0;
text-indent: -5000px;
}

#navcontainer .homelink a
{
width: 71px;
height: 30px;
background: url(images/sprite.png) no-repeat 0 -275px;
display: block;
}

#navcontainer .homelink a:hover
{
background: url(images/sprite.png) no-repeat 0 -305px;
display: block;

}

#homepage #navcontainer .homelink a
{
background: url(images/sprite.png) no-repeat 0 -335px;
display: block;

}

#navcontainer .aboutlink
{
width: 76px;
height: 30px;
float: left;
margin-left: 10px;
margin-top: 1px;
text-indent: -5000px;
}

#navcontainer .aboutlink a
{
width: 76px;
height: 30px;
background: url(images/sprite.png) no-repeat -71px -275px;
display: block;
}

#navcontainer .aboutlink a:hover
{
background: url(images/sprite.png) no-repeat -71px -305px;
display: block;

}

#aboutpage #navcontainer .aboutlink a
{

background: url(images/sprite.png) no-repeat -71px -335px;
display: block;

}

#navcontainer .livelink
{
width: 51px;
height: 30px;
float: left;
margin-left: 10px;
margin-top: 2px;
text-indent: -5000px;
}

#navcontainer .livelink a
{
width: 51px;
height: 30px;
background: url(images/sprite.png) no-repeat -147px -275px;
display: block;
}

#navcontainer .livelink a:hover
{
background: url(images/sprite.png) no-repeat -147px -305px;
display: block;

}

#livepage #navcontainer .livelink a
{

background: url(images/sprite.png) no-repeat -147px -335px;
display: block;

}

#navcontainer .musiclink
{
width: 73px;
height: 30px;
float: left;
margin-left: 10px;
margin-top: 3px;
text-indent: -5000px;
}

#navcontainer .musiclink a
{
width: 73px;
height: 30px;
background: url(images/sprite.png) no-repeat -198px -275px;
display: block;
}

#navcontainer .musiclink a:hover
{
background: url(images/sprite.png) no-repeat -198px -305px;
display: block;
}

#musicpage #navcontainer .musiclink a
{
background: url(images/sprite.png) no-repeat -198px -335px;
display: block;
}

#navcontainer .pictureslink
{
width: 102px;
height: 30px;
float: left;
margin-left: 10px;
margin-top: 4px;
text-indent: -5000px;
}

#navcontainer .pictureslink a
{
width: 102px;
height: 30px;
background: url(images/sprite.png) no-repeat -271px -275px;
display: block;
}

#navcontainer .pictureslink a:hover
{
background: url(images/sprite.png) no-repeat -271px -305px;
display: block;
}

#picturespage #navcontainer .pictureslink a
{
background: url(images/sprite.png) no-repeat -271px -335px;
display: block;
}

#navcontainer .contactlink
{
width: 100px;
height: 30px;
float: left;
margin-left: 10px;
margin-top: 5px;
text-indent: -5000px;
}

#navcontainer .contactlink a
{
width: 100px;
height: 30px;
background: url(images/sprite.png) no-repeat -373px -275px;
display: block;
}

#navcontainer .contactlink a:hover
{
background: url(images/sprite.png) no-repeat -373px -305px;
display: block;
}

#contactpage #navcontainer .contactlink a
{
background: url(images/sprite.png) no-repeat -373px -335px;
display: block;
}

#navcontainer .linkslink
{
width: 64px;
height: 30px;
float: left;
margin-left: 10px;
margin-top: 6px;
text-indent: -5000px;
}

#navcontainer .linkslink a
{
width: 64px;
height: 30px;
background: url(images/sprite.png) no-repeat -473px -275px;
display: block;
}

#navcontainer .linkslink a:hover
{
background: url(images/sprite.png) no-repeat -473px -305px;
display: block;
}

#linkspage #navcontainer .linkslink a
{
background: url(images/sprite.png) no-repeat -473px -335px;
display: block;
}


#navcontainer .facebooklink
{
width: 30px;
height: 30px;
float: left;
margin-left: 10px;
margin-top: 5px;

position: relative;
top: 0;
left: 0;

text-indent: -5000px;
}

#navcontainer .facebooklink a
{
width: 30px;
height: 30px;
background: url(images/sprite.png) no-repeat -540px -275px;
display: block;
}

#navcontainer .facebooklink a:hover
{
background: url(images/sprite.png) no-repeat -540px -305px;
display: block;

}

#navcontainer .twitterlink
{
width: 30px;
height: 30px;
float: left;
margin-left: 10px;
margin-top: 5px;

position: relative;
top: 0;
left: 0;

text-indent: -5000px;
}

#navcontainer .twitterlink a
{
width: 30px;
height: 30px;
background: url(images/sprite.png) no-repeat -575px -275px;
display: block;
}

#navcontainer .twitterlink a:hover
{
background: url(images/sprite.png) no-repeat -575px -305px;
display: block;

}

#navcontainer .youtubelink
{
width: 30px;
height: 30px;
float: left;
margin-left: 10px;
margin-top: 5px;

position: relative;
top: 0;
left: 0;

text-indent: -5000px;
}

#navcontainer .youtubelink a
{
width: 30px;
height: 30px;
background: url(images/sprite.png) no-repeat -610px -275px;
display: block;
}

#navcontainer .youtubelink a:hover
{
background: url(images/sprite.png) no-repeat -610px -305px;
display: block;

}



#navcontainer .myspacelink
{
width: 30px;
height: 30px;
float: left;
margin-left: 10px;
margin-top: 5px;

position: relative;
top: 0;
left: 0;

text-indent: -5000px;
}

#navcontainer .myspacelink a
{
width: 30px;
height: 30px;
background: url(images/sprite.png) no-repeat -645px -275px;
display: block;
}

#navcontainer .myspacelink a:hover
{
background: url(images/sprite.png) no-repeat -645px -305px;
display: block;

}

#content
{width: 802px;
position: relative;
top: 0;
left: 89px;
padding: 0 10px 10px 10px;
min-height: 500px;
background:#fed428;
text-align: left;
}

#footer
{
position: relative;
top: 0;
left: 89px;
width: 822px;
min-height: 58px;
background:url(images/footer_bg4.jpg) no-repeat 0 0;
text-align: left;
padding: 10px 0 0 10px;
}

.footerfloat
	{width: 150px;
	min-height: 20px;
	float: right;
	text-align: left;
	margin: 30px 5px 0 0;
	position: relative;
	bottom: 0;
	right: 0;
	
	}
	


/* ----------------------------------------------- TEXT STYLES -------------------------------------- */

h2
{
font-size: 2em;
color:#000000;
padding-bottom: 10px;
}

h3
{
font-size: 1.8em;
color:#000000;
}

p
{
font-size: 1.4em;
color:#000000;
padding: 5px 0;

}

a{text-decoration:none;}
a:link {color: #C93C04;}
a:active {color: #C93C04;}
a:visited {color: #C93C04;}
a:hover{color: #000000;}

#footer p
{
font-size: 1.2em;
color: #FFFFFF;
padding: 0;
}

#footer a:link, #footer a:active, #footer a:visited {color: #000000;}
#footer a:hover{color: #ffffff;}

#footer .footerfloat a:link.adminlink, #footer .footerfloat a:visited.adminlink, #footer .footerfloat a:active.adminlink {color:#ffffff; text-decoration:none; margin-top: 5px;}

#footer .footerfloat a:hover.adminlink {color:#ffffff;}

.tinytext
{
font-size: 1.2em;
color:#C93C04;
padding: 0;
}


.gigitem
{border-bottom: 2px solid #C93C04;}

.gigblurb
{color: #ED2B12;
padding: 0;}

.showplayer
{
overflow:hidden;
padding: 5px 0;

}

.newsitem
{border-bottom: 1px solid #C93C04;
padding-bottom: 10px;
margin-bottom: 10px;
}

.newsitem img
{
float: right;
width: 100%;
max-width: 300px;
height: auto;

}

.frontpic
{
width: 100%;
padding: 15px 0;
border-bottom: 1px solid #C93C04;
border-top: 1px solid #C93C04;
} 



/*------------------------------------- TAB STYLES ------------------------------------------------------------ */

#tab-side-container {z-index: 50; width: 802px; min-height: 300px; }
#tab-side-container ul { font-size: 1.4em;  min-height: 300px; list-style: none; float: left; }
#tab-side-container ul li { width: 200px; text-align: left; min-height: 20px; background: #C93C04; border: 1px solid #999999; margin-bottom: 1px;  }
#tab-side-container ul li a { display: block; padding: 5px 0 5px 7px; outline: none; color: #ffffff; text-decoration:none; }
#tab-side-container ul li a b { color: #000000;}
#tab-side-container ul li a:hover { text-decoration: none; color: #666666; background: #ED2B12; }
#tab-side-container ul li a:hover b {color: #FFFFFF;}
#tab-side-container ul li.selected-tab { background: #fed428; color: #000000; border-right: 1px solid #fed428;}
#tab-side-container ul li:first-child.selected-tab {color: #000000;}
#tab-side-container ul li a.selected-tab { text-decoration: none; color: #000000;}
#tab-side-container ul li a.selected-tab b {color: #C93C04;}

#tab-side-container ul li a:hover.selected-tab { color: #666666;}
#tab-side-container ul li a:hover.selected-tab b {color: #ffffff;}

#tab-side-container .panel-container { margin-left: 200px; color: #34290D; text-align: left; border: 1px solid #999999; padding: 3px 7px 3px 5px;  }

#tab-side-container .panel-container h3 {font-size: 1.8em; padding: 0 0 0 5px;}
#tab-side-container .panel-container h4 {font-size: 1.4em; padding: 0 0 0 10px;}

#tab-side-container .panel-container p { font-size: 1.4em; padding: 10px 0 0 5px;}



.tabpic
{
width: 200px;
padding: 0 0 5px 10px;
float:right;

}


/*----------------- CONTACT FORM - UNTIDY! ---------------------------------------------------------------------------------- */

#showketchup
{
min-height: 300px;
padding-top: 20px;
}

#contact_form {width: 420px; height: 250px; }

#commentForm fieldset
{
border: none;

}


#commentForm div{ text-align: center;
clear: both;
min-height: 32px;
padding-top: 3px;

position: relative;
}

#commentForm div.bigbox{ text-align: center;
clear: both;
min-height: 110px;

position: relative;
}

#commentForm input
{float: left;

margin: 4px 0 4px 4px;
width: 250px;
min-height: 20px;
font-size: 16px;

    border: 1px solid #c4c4c4;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0px 0px 4px #d9d9d9;
    -moz-box-shadow: 0px 0px 4px #d9d9d9;
    -webkit-box-shadow: 0px 0px 4px #d9d9d9;
	}
	
	#commentForm input#verif_box
	{
	width: 100px;
	
	}

#commentForm textarea
 {
float: left;
 resize:none;
margin: 4px 0 4px 4px;
width: 250px;
min-height: 90px;
font-size: 16px;
border: 1px solid #c4c4c4;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0px 0px 4px #d9d9d9;
    -moz-box-shadow: 0px 0px 4px #d9d9d9;
    -webkit-box-shadow: 0px 0px 4px #d9d9d9;


}

label { width: 100px; padding-top: 3px; float: left; font-size: 1.6em; color:#000000; }

div.message{
    
}

#commentForm div.error{
min-height: 10px;
width: 150px;
      background: #C93C04;
  background: rgba(201, 60, 4, 0.6);
  
  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    
    padding: 5px;
	font-size: 1.0em;
}




#commentForm .submit
{
margin: 5px 0 5px 105px; 
display:block; 
border:1px solid #000000; 
width:100px; 
height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; 
padding: 0 2px 2px 2px;

line-height:14px; 
background-color:#EFEFEF;
}


/* inout hover styles */
div.curFocus {
	background: #edc317;
	}

.curFocus label
{
color:#C93C04;

}
#commentForm div.curFocus input, #commentForm div.curFocus select, #commentForm div.curFocus textarea, #commentForm div.curFocus checkbox
{
 outline: none;
    border: 1px solid #C93C04;
    box-shadow: 0px 0px 4px #C93C04;
    -moz-box-shadow: 0px 0px 4px #C93C04;
    -webkit-box-shadow: 0px 0px 4px #C93C04;
}

.curFocus .submitbutton
{
border: 2px solid #009900; 
}

#form_result
{
width: 300px;
min-height: 200px;

color:#C93C04;
font-size: 1.6em;
}

}