/*
******************************************************************************************************

Title:			main.css
Browser(s): 	All

Author: 		Glen Elkins (www.adverset.co.uk) for Pelham Puppets (www.pelhampuppets.uk.com)
Browser(s): 	Firefox 2, IE7, IE6, Safari 
Platform(s):    Win XP-SP2, Mac OSX, Linux
Created: 		08.09.08
Last modified: 	09.09.08
by: 			GE

******************************************************************************************************
*/

/* GLOBAL RESET */
html, body, p, div, h1, h2, h3, h4, ul, li,table,td, form, fieldset {

	margin: 0px;
	padding: 0px;
	
	/*font-family: Verdana, Arial, serif;*/
	font-family: "Trebuchet MS",Verdana, Arial, serif;
	font-size: 1em;
	
}
/* END GLOBAL RESET */

/* H1, H2, H3, P*/
h1 {

	font-family: "FuturaBT-MediumCondensed",Futura,Verdana, Arial, serif;
	font-size: 200%;
	font-weight: regular;
	
	color: #0089E9;
	
}
	
h2 {

	margin-bottom: 10px;
	
	font-family: "Trebuchet MS",Verdana, Arial, serif;
	font-size: 120%;
	
	color: #009CED;
	
}

h3 {

	font-family: "FuturaBT-MediumCondensed", Futura,Verdana, Arial, serif;
	font-size: 150%;
	
	color: #403838;
	
}

h4 {

	font-family: "FuturaBT-MediumCondensed",Futura,Verdana, Arial, serif;
	font-size: 150%;
	
	color: #FFFFFF;
	
}

p {

	margin-bottom: 10px;
	
	text-align: left;

}

td {

	
	font-family: "Trebuchet MS";
	font-size: 90%;
	
	text-align: left;
	
}

/* Links - A */
a:link {color: #FF7800;	text-decoration: none; outline:none;}
a:visited { color: #FF7800;	text-decoration:none; outline:none;}
a:hover { color:#FF7800; text-decoration:underline; outline:none;}

/* IMG */
img { border: 0px; }
img a:link { border: 0px; outline:none;}

fieldset { border: 0px; }

/* Main Container */
#mc {

	width: 100%;
	
	text-align: center;
	
	
}

	
/* Header */
/* Plus main header - For full 100% background */
#mc_hc {

	width: 100%;
	height: 151px;
	
	background: url('../images/topbg.gif');
	
}

#hc {

	margin: auto;
	
	width: 980px;
	height: 151px;
	
	background:url('../images/topbginner.gif') no-repeat;
	
}

#hm {

	width: 980px;
	height: 151px;
	
	text-align: left;
	
		/*background: red; /* DEBUG */
		
}

#hm_left_c {

	float: left;
	
}

#hm_right_c {

	float: right;
	
	width: 980px;
	height: 151px;
	
		/*background: yellow; /* DEBUG */
}


#hm_right {

	padding-left: 312px;

	/*margin-top: 50px;*/

	
}

	/* Navigation */
	#hm_right ul { clear:both;list-style:none; }
	#hm_right li { float: left; }
	
	.home a { outline:none;float:left;display:block;text-indent:-3000px;text-decoration:none;overflow:hidden;width: 104px; height: 74px; background: url('../images/buttons/home.gif'); }
		.home a:hover { outline:none;float: left; display: block; text-indent:-3000px;text-decoration:none;overflow:hidden;width:104px;height:74px;background:url('../images/buttons/home_roll.gif');}
	.shop a { outline:none;float:left;display:block;text-indent:-3000px;text-decoration:none;overflow:hidden;width: 122px; height: 74px; background: url('../images/buttons/shop.gif'); }
		.shop a:hover { outline:none;float:left;display:block;text-indent:-3000px;text-decoration:none;overflow:hidden;width: 122px; height: 74px; background: url('../images/buttons/shop_roll.gif'); }	
	.repair a { outline:none;float:left;display:block;text-indent:-3000px;text-decoration:none;overflow:hidden;width: 195px; height: 74px; background: url('../images/buttons/repair.gif'); }
		.repair a:hover { outline:none;float:left;display:block;text-indent:-3000px;text-decoration:none;overflow:hidden;width: 195px; height: 74px; background: url('../images/buttons/repair_roll.gif'); }	
	.about a { outline:none;float:left;display:block;text-indent:-3000px;text-decoration:none;overflow:hidden;width: 132px; height: 58px; background: url('../images/buttons/about.gif'); }
		.about a:hover { outline:none;float:left;display:block;text-indent:-3000px;text-decoration:none;overflow:hidden;width: 132px; height: 58px; background: url('../images/buttons/about_roll.gif'); }	
	.history a {outline:none; float:left;display:block;text-indent:-3000px;text-decoration:none;overflow:hidden;width: 92px; height: 58px; background: url('../images/buttons/history.gif'); }
		.history a:hover {outline:none; float:left;display:block;text-indent:-3000px;text-decoration:none;overflow:hidden;width: 92px; height: 58px; background: url('../images/buttons/history_roll.gif'); }	
	.contact a {outline:none; float:left;display:block;text-indent:-3000px;text-decoration:none;overflow:hidden;width: 93px; height: 58px; background: url('../images/buttons/contact.gif'); }
		.contact a:hover {outline:none; float:left;display:block;text-indent:-3000px;text-decoration:none;overflow:hidden;width: 93px; height: 58px; background: url('../images/buttons/contact_roll.gif'); }	

/* Logo */
#lc {

	position: absolute;
	
	width: 265px;
	height: 195px;
	
}

/* Body */
/* Plus Main Body - For Full 100% background */
#main_container {

	width: 100%;
	
	min-height: 845px;
	
	background: #FFCC00;
	
}

#bc_bc {

	width: 100%;
	min-height: 845px; /* Temporary Value */
	
	background: url('../images/bodybg.gif');
	
}

#bc {

	margin: auto;
	
	width: 980px;
	min-height: 845px;
	
	/*background: url('../images/ibodybg.gif');*/

		
}

#bm {

	width: 980px;
	min-height: 845px;
	
}

#bm_left_c {

	float: left;
	
	width: 401px;
	min-height: 845px;
	
	background: url('../images/leftbg.png');
	background-repeat: no-repeat;
		
}

#bm_left {

	margin-top: 78px;
	
}

	/* Welcome Box */
	#bm_left_wb {
	
		width: 379px;
		
		margin-top: 35px;
		padding-left: 22px;
		
	}
	
	/* Second Welcome Box - Under First */
	/*
	#bm_left_wb2 {
	
		width: 379px;
		
		margin-top: 20px;
		padding-left: 22px;
		
		font-size: 80%;
		
	}	
	*/
	
#bm_right_c {

	float: left;
	
	width: 578px;
	min-height: 845px;
	
	background: url('../images/rightbg.png');
	background-repeat: no-repeat;
		
}

#bm_right {

	margin-top: 46px;
	
}

	/* Right Column Bottom Left & Right Columns */
	#bm_right_left_c {
	
		float: left;
		
		margin-top: 35px;
		
		width: 308px;
		
		text-align: left;
		
	}
	
	#bm_right_left {
	
		margin-left: 30px;
	
		
	}
	
	#bm_right_right_c {
	
		float: left;

		margin-top: 35px;		
				
		width: 270px;
		
		text-align: left;
		
		
	}
	
	#bm_right_right {
	
		margin-left: 20px;
		
	}

/* Gallery Box */
#gbc {

	width: 578px;
	height: 356px;
	
	text-align: left;
	
	background: url('../images/gallerybg.png');
	background-repeat: no-repeat;

	
		/*background: green; /* DEBUG */
}

#gbc_top {
	
	width: 578px;
	
	padding-top: 20px;
		
	font-size: 70%;
	
	color: #000;
	
		/*background: red; /* DEBUG */
}

#gbc_top_left {

	float: left;
	
	font-family: Verdana, Arial, serif;

	padding-left: 210px;
}

#gbc_top_right {

	float: left;
	
	margin-left: 13px;
	margin-top: 1px;
		/*background: green; /* DEBUG */
}

	/* Nav Arrows */
	.arrow {
	
		float: left;
		
		padding-left: 5px;
		padding-right: 5px;
		
		border-right: 1px solid #DADAD7;
		
	}

#gbc_cc {

	clear: both;
	
	width: 578px;
	height: 330px;
	
		/*background: red; /* DEBUG */
		
}

#gbc_c {

	width: 518px;
	height: 270px;

	margin-left: 25px;
	
	overflow: hidden;
		
}

.gbc_float_left_outer {

	float: left;
	
	width: 483px;
	height: 260px;
	
	padding-top: 20px;
	margin-left: 20px;
	
}

.gbc_float_left_inner {

	float: left;
	
	width: 241px;
	height: 240px;

	border-right: 1px solid #DADAD7;		
}

.gbc_float_left_inner h2 { text-align:center; }

/* NOT NEEDED 
#gbc_cc_left_c {

	float: left;

	width: 280px;
	height: 240px;
	
	margin-top: 30px;
		
	border-right: 1px solid #DADAD7;
	
	overflow: hidden;
	
}

#gbc_cc_left {

	width: 241px;
	
	margin-left: 35px;
	
	overflow: hidden;	
	
}

#gbc_cc_right_c {

	float: left;
	
	width: 249px;
	height: 240px;
	
	margin-top: 30px;
	
	overflow: hidden;	
}

#gbc_cc_right {

	margin-left: 20px;
	
	overflow: hidden;	

	
}
*/

/* Puppet Parade Banner */
#ppb {
	
	position: absolute;
	
	width: 218px;
	height: 57px;

	margin-top:297px;	
	margin-left: 165px;
	
	background: url('../images/paradebanner.png');
	
}

/* Latest News Box */
#lnc {

	clear:both;
	
	width: 308px;
	height: 224px;
	
	background:url('../images/latestnewsbg2.png');
	background-repeat: no-repeat;
}

#ln {

	width: 308px;
	height: 205px;
	
		/*background: yellow; /* DEBUG */
}

#ln_exerpt {

	width: 195px;
	
	padding-top: 75px;
	padding-left: 60px;

	font-family: "Trebuchet MS";
	font-size: 90%;
}

#ln_read_login {

	width: 195px;
	
	font-family: "Trebuchet MS";
	font-size: 80%;	
}

#ln_logged_in_as {

	width: 195px;
	
	font-family: "Trebuchet MS";
	font-size: 80%;	
	
}



/* FOOTER */
#mc_fc_c {

	clear: both;
	
	width: 100%;
	height: 191px;
	
	text-align: center;
	
	color: #FFFFFF;	
	
	background: url('../images/footerbg.gif');
	
}

#mc_fc {

	margin: auto;
	
	width: 980px;
	height: 191px;
	
	font-size: 80%;
	
	color: #FFFFFF;	
		
		/*background: red;*/
	
}

#mc_fc_left {

	float: left;
	
	text-align:left;

}

	#mc_fc_left ul { margin-left: 20px;margin-top:20px;list-style-image: url('../images/footer_bullet.gif'); }

	#mc_fc_left ul a:link { outline:none;color: #FFFFFF; text-decoration: none; }
	#mc_fc_left ul a:visited {outline:none; color: #FFFFFF; text-decoration: none; }
	#mc_fc_left ul a:hover {outline:none; color: #FFFFFF; text-decoration: underline; }
	
#mc_fc_right {

	float: left;
	
	margin-left: 120px;
	margin-top: 20px;
	
}

#mc_fc_bottom_c {

	clear: both;
	
	
	/*padding-top: 50px;*/
	
}

#mc_fc_bottom {

	padding-top: 40px;
	
}

/*****************/
/* Extra Classes */
/*****************/

/* ITALIC FONT */
.italic {

	font-style: italic;
	
}

/* BOLD FONT */
.bold {

	font-weight: bold;
	
}

/* BOLD & ITALIC */
.bolditalic {

	font-style: italic;
	font-weight: bold;
	
}

/* 80% SIZE */
.text_80 {

	font-family: "Trebuchet MS";
	font-size: 80%;
	
}

/* 70% Size */
.text_70 {

	font-size: 70%;

}

/* FLOATING LEFT */
.float_left {

	float: left;
	
}

/* Spacer */
.spacer {

	clear: both;
	
	font-size: 20%;
	
}

/* Green links */
.green_text { color: #018d01; }

.green_link a:link { outline:none;text-decoration:none; color: #018D01; }
.green_link a:visited { outline:none;text-decoration:none; color: #018D01; }
.green_link a:hover { outline:none;text-decoration: underline; color: #018D01; }

/* CLEAR */
.clear { clear: both;}

/* BLOG STARS IMAGE */
.blogstars {

	
	
	width: 216px;
	height: 13px;
		
	background: url('../images/blogstars.png');
	
}

/* BLOG DATE BG */
.calendar_bg {

	width: 43px;
	height: 43px;
	
	font-size: 80%;
	
	color: #FFFFFF;
	
	text-align: center;
		
	background: url('../images/calendar_bg.png');
	
}

.calendar {

	height: 20px;
	
	padding-top: 1px;
	
}



.yellowstar {

	width: 14px;
	height: 13px;
	
	background: url('../images/yellowstar.gif');
	
}

/* SLIDER CONTENT BOXES */
.slider_box {

	float: left;
	
	width: 241px;
	
}

.green_text { color: #018D01; }
/* Error */
.error { color: red;margin-bottom: 10px; }
/* Inner Pages Extra Layout */