/* 
Title:		educationduplication.com -- Dupeshop
Author: 	David Boyer
Email:		david.boyer[at]26tigers.com
Created: 	August 24, 2007
Updated:	August 29, 2007
*/

/* Design Notes:

Colors:

Fonts:

*/

/*--[Global]----------*/
html, body, form, fieldset, legend, input, select, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, img {
	margin:0;
	padding:0;
}
html, body {
	height: 100%;
	max-height: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
ul, li {
	list-style-type:none;
}
ul, ol, dl {
	position: relative; 
}
body {
	background: #FFF url(../images/bg_body.jpg) repeat-x 0 0;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: small;
	line-height: 1.1em;
	color: #333;
	text-align: center; /* KLUDGE: IE5.5 and IE6 in quirks mode doesn't understand auto margining. IE misunderstands text-align: center and centers everything. Must reset text to the left in the wrapper tag. */
}
* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}

/*--[Float Clearing]--------*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}  
    /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
	.clearfix {display: block;}
    /* End Holly Hack */

hr { /* A bit overkill but it almost always works. Thanks to Sonspring. */
	 border: 0;
	 clear: both;
	 display: block;
	 float: none;
	 margin: 0;
	 overflow: hidden;
	 visibility: hidden;
	 width: 0;
	 height: 0;
}	

/*--[Set Generic Link Rules]---------*/
a:link {
	color:#FFFF00;
	text-decoration: none;
}
a:visited {
	color: #FFFF00;
	text-decoration: none;
}
a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}

/*--[Headlines]----------*/


/*--[Text Bits]----------*/

/*--[Wrappers]----------*/	
.wrapper {
	width: 780px;
	margin: 0 auto;
	text-align: left; /* KLUDGE: Realigns text to the left for the IE fix. */
	background: url(file:///D|/db_freelance/FishFever/dupeshop/dupeshop_minisite_worship/images/bg_wrapper.jpg) no-repeat 0 0;
	position: relative;
}



/*--[Masthead]----------*/
#masthead {
	position: relative;
	height: 94px;
}
	#masthead h1 {
		width: 273px;
		height: 73px;
		background: #FFF url(../images/logo_dupeshop.jpg) no-repeat 0 0;
		text-indent: -9926px;
		z-index: 10;
		position: absolute;
		top: 0;
		left: 0;
	}
		#masthead h1 a {
			display: block;
			height: 73px;
			background: url(../images/logo_dupeshop.jpg) no-repeat 0 0;
		}

/*--[Navigation]----------*/
.navtop {
	background: #FFF url(../images/bg_navtop_left.jpg) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	right: 7px;
	height: 34px;
}
	.navtop ul {
		background: url(../images/bg_navtop_right.jpg) 100% 0;
		margin-left: 9px;
		padding-right: 9px;
		height: 34px;
		float: left;
		display: inline; /*Kills the double margin IE bug. */
	}
		.navtop ul li {	
			float: left;
			background: url(../images/bg_navtop_divider.jpg) no-repeat 100% 0;
			padding: 0 20px 0 10px;	
			font: bold 120%/34px "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;		
		}
		.navtop ul li.last {
			background: none;
			padding-right: 10px;
		}
			.navtop ul li a:link, .navtop ul li a:visited {
				float: left;
				color: #A51719;
				
			}
			.navtop ul li a:hover {
				color: #1F447C;
				text-decoration: none;
			}
				
/*--[Promo]----------*/
.promo {
	background: #5bb403 url(../images/bg_promo_replication.jpg) no-repeat;
	height: 270px;
	position: relative;
}
	.promo h2 {
		font: normal 200%/1.2em "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
		width: 430px;
		position: absolute;
		top: 20px;
		left: 25px;	
		color: #FFF;
	}

/*--[Content]---------*/
.content {
	background-color: #FFF;
	padding: 10px 20px;
}
.col_mainl {
	float:left;
	width: 486px;
}
	.col_mainl h3 {
		color: #A51719;
		font: normal 160%/1.0em "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
		padding: 5px 4px 0 4px;
		background: url(../images/bg_col_title.jpg) no-repeat 0 100%;
		height: 50px;
	}
	.col_mainl p {
		font-size: 85%;
		line-height: 1.4em;
		padding: 3px 10px;
	}
	.col_mainl ul {
		font-size: 85%;
		padding: 3px 10px;
	}
			.col_mainl ul li {
				background: url(../images/bullet_circlecheck.gif) no-repeat 0 20%;
				padding: 4px 0 4px 29px;
			}
				.col_mainl ul li b {
					color: #255271;
					font: bold 130% "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
					display: block;
				}
.col_mainr {
	float: right;
	width: 233px;
}
	.col_mainr blockquote {
		font: bold 125%/1.1em "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
		color: #333;
		font-style: italic;
		background: url(../images/bg_quote.gif) no-repeat 0 0;
		padding: 35px 0 0 15px;
	}
		.col_mainr blockquote p {
			padding: 10px 15px 35px 0;
			text-align: right;
			font-style: normal;
			font-size: 90%;
			background: url(../images/bg_quote_bottom.gif) no-repeat 100% 100%;
		}
	.col_mainr h4 {
		color: #2B6386;
		font: normal 135%/1.0em "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
		padding: 10px 0 4px 0;
	}
	.col_mainr ul {
		padding: 10px 8px;
		border-top: 1px solid #2B6386;
		font-size: 85%;
	}
			.col_mainr ul li {
				background: url(../images/bullet_red.gif) no-repeat 0 20%;
				padding: 1px 0 1px 22px;
			}
.col_subl {
	float: left;
	width: 233px;
	background: url(../images/bg_col_fade.jpg) no-repeat 0 50px;
}
.col_subr {
	float: right;
	width: 233px;
	background: url(../images/bg_col_fade.jpg) no-repeat 0 50px;
}

/*--[Footer]----------*/
.footer {
	background: url(../images/bg_footer.jpg) no-repeat 0 0;
	height: 120px;
	width: 780px;
	position: absolute;
}
	.footer p.superfooter {
		font-size: 80%;
		color: #999;
		position: relative;
		top: 10px;
		left: 20px;
		width: 760px;
	}
	.footer p.subfooter {
		font-size: 80%;
		width: 740px;
		line-height: 18px;
		color: #666;
		position: relative;
		left: 20px;
		top: 75px;
	}
		.footer p.subfooter img {
			float: left;
			padding-right: 10px;
		}