/* 
Title:		Location Sites -- Dupeshop
Author: 	David Boyer
Email:		david.boyer[at]26tigers.com
Created: 	August 24, 2007
Updated:	November 22, 2008
*/

/* 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;
}


/*--[Wrappers]----------*/	
.wrapper {
	width: 780px;
	margin: 0 auto;
	text-align: left; /* KLUDGE: Realigns text to the left for the IE fix. */
	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 {
	height: 270px;
	position: relative;
}
	.promo h2 {
		font: normal 160%/1.3em "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
		width: 390px;
		position: absolute;
		top: 45px;
		left: 15px;	
		color: #FFF;
	}
	
.atlanta {
	background: url(../images/bg_atlanta.jpg) no-repeat;
}	
.baltimore {
	background: url(../images/bg_baltimore.jpg) no-repeat;
}
.boston {
	background: url(../images/bg_boston.jpg) no-repeat;
}
.charlotte {
	background: url(../images/bg_charlotte.jpg) no-repeat;
}
.chicago {
	background: url(../images/bg_chicago.jpg) no-repeat;
}
.columbus {
	background: url(../images/bg_columbus.jpg) no-repeat;
}
.dallas {
	background: url(../images/bg_dallas.jpg) no-repeat;
}
.denver {
	background: url(../images/bg_denver.jpg) no-repeat;
}
.houston {
	background: url(../images/bg_houston.jpg) no-repeat;
}
.indianapolis {
	background: url(../images/bg_indianapolis.jpg) no-repeat;
}
.jacksonville {
	background: url(../images/bg_jacksonville.jpg) no-repeat;
}
.lasvegas {
	background: url(../images/bg_lasvegas.jpg) no-repeat;
}
.losangeles {
	background: url(../images/bg_losangeles.jpg) no-repeat;
}
.memphis {
	background: url(../images/bg_memphis.jpg) no-repeat;
}
.milwaukee {
	background: url(../images/bg_milwaukee.jpg) no-repeat;
}
.minneapolis {
	background: url(../images/bg_minneapolis.jpg) no-repeat;
}
.nashville {
	background: url(../images/bg_nashville.jpg) no-repeat;
}
.newyork {
	background: url(../images/bg_newyork.jpg) no-repeat;
}
.philadelphia {
	background: url(../images/bg_philadelphia.jpg) no-repeat;
}
.phoenix {
	background: url(../images/bg_phoenix.jpg) no-repeat;
}
.sanantonio {
	background: url(../images/bg_sanantonio.jpg) no-repeat;
}
.sanantonio {
	background: url(../images/bg_sanantonio.jpg) no-repeat;
}
.sandiego {
	background: url(../images/bg_sandiego.jpg) no-repeat;
}
.sanfrancisco {
	background: url(../images/bg_sanfrancisco.jpg) no-repeat;
}
.sanjose {
	background: url(../images/bg_sanjose.jpg) no-repeat;
}
.washington {
	background: url(../images/bg_washington.jpg) no-repeat;
}

/*--{Advert 200x200]--*/
h4.ad200 {
	text-indent: -9926px;
	width: 200px;
	height: 200px;
	background: url(../images/ad_99cent_200x200.jpg) no-repeat;
	margin-bottom:10px;
	border: 1px solid #ccc;
	padding: 0;
	direction: block;
}

/*--[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: 15px 10px 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 a {
		float: left;
		display: block;
		background: url(../images/logo_tiny_dvb.gif) no-repeat 0 0;
		text-indent: -9926px;
		width: 93px;
		height: 18px;
		padding: 0 7px 0 0;	
	}
	
		.footer p.subfooter img {
			float: left;
			padding-right: 10px;
		}