/*
*********************************
Coded & Designed by
ANTHONY LEE
http://anthony.artandjustice.org
*********************************			
*/



/*
	RESET
*/
*							{ margin: 0; padding: 0; }
html						{ overflow-y: scroll; }
html, body					{ height: 100%; }
body						{ margin: 0; padding: 0; text-align: center; /* For IE */
							  background-image: url(../images/bg_pattern.jpg);
							  background-repeat: repeat; }
ul							{ list-style: square inside; }
ol							{ list-style: decimal inside; }
a img						{ border: none; }
img							{ vertical-align: middle; }
table						{ border-collapse: collapse; }



/* 
	STRUCTURE
*/
#container					{ margin: 0 auto; width: 900px; }
#header 					{ height: 305px; }
#videoholder 				{ float: left; }
#musicBGholder				{ font-family: Tahoma;
							  font-size: 0.8em;
							  color: white;
							  text-align: left;
							  background-image: url(../images/darren-mccarthy-take-away-music-bg.jpg);
							  background-repeat: no-repeat;
							  height: 178px;
							  width: 450px;
							  float: right;
							  margin: 0px;
							  padding-top: 30px;
							  padding-right: 30px;
							  padding-bottom: 30px;
							  padding-left: 30px; }
#mainbody					{ background-color: white; width: 900px; height: auto; }
#footer						{ width: 900px; height: 84px; }



/*
	SLIDER
*/
#wrapper					{ width: 900px; padding: 25px auto; }
#intro						{ padding-bottom: 10px; }
#slider						{ width: 800px;
							  margin: 0 auto;
							  position: relative;
							  border: 10px solid #ccc; }

.scroll						{ overflow: hidden;
							  width: 800px;
							  margin: 0 auto; position: relative; }
.scrollContainer			{ position: relative; }
.scrollContainer div.panel	{ padding: 10px;
							  width: 274px; height: 328px; }

#left-shadow				{ position: absolute;
							  top: 0;
							  left: 0;
							  width: 12px;
							  bottom: 0;
							  background: url(../images/leftshadow.png) repeat-y; }

#right-shadow				{ position: absolute;
							  top: 0;
							  right: 0;
							  width: 12px;
							  bottom: 0;
							  background: url(../images/rightshadow.png) repeat-y; }
.inside						{ padding: 10px; border: 1px solid #999; }
.inside img					{ display: block;
							  border: 1px solid #666;
							  margin: 0 0 10px 0;
							  width: 250px; }
.inside h2					{ font-family: Tahoma; font-weight: normal; color: #111; font-size: 16px; margin: 0 0 8px 0; }

.inside p					{ font-family: Tahoma; font-size: 11px; color: #ccc; }
a 							{ color: #999;
							  text-decoration: none;
							  border-bottom: 1px dotted #ccc; }

a:hover						{ border-bottom: 1px solid #999; }
.scrollButtons				{ position: absolute; top: 127px; cursor: pointer; }
.scrollButtons.left			{ left: -45px; }
.scrollButtons.right		{ right: -45px; }
.hide						{ display: none; }