/** 
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
  
* {
	margin: 0;
	padding: 0;
}

body {
	color: #333;
 	font-size: 62.5%; 
 	margin-bottom: 40px;
	font-family: Verdana, Lucida, sans-serif;
	background: url(../images/body_background.png) repeat; 
}

html {
	
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clear{
	clear:both;line-height:0;font-size:0
}

.clearsmall {clear:both;height:10px}
.clearmid {clear:both;height:20px}
.clearbig {clear:both;height:40px}

.divider {height:1px; border-top:1px dotted #0099ff; padding-bottom:1px}

/* ABOVE FOOTER DISPLAY BUSINESS PARTERNER LOGO
----------------------------------------------------*/
#parterner {width:940px;height:315px;padding:0;margin:0; background:url(../images/bottom-bg-small_nosheep.png) no-repeat bottom;position:relative}

#overlapbubble {
	background-repeat: no-repeat;
	height: 325px;
	width: 1024px;
	position: absolute;
	top: 25px;
	bottom: 0px;
	overflow: visible;
	float: left;
	clear: left;
	left: -50px;
	border: 0px;
}

#globeriding {
	background-repeat: no-repeat;
	height: 212px;
	width: 141px;
	position: absolute;
	top: 98px;
	bottom: 0px;
	overflow: visible;
	float: left;
	clear: left;
	left: 13px;
	border: 0px;
}

/* HEADER
------------------------------------------------------ */
#banner {width:940px;height:290px;padding:0;margin:0; position:relative}

#papercut {
	background-repeat: no-repeat;
	height: 290px;
	width: 940px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	overflow: visible;
	float: left;
	clear: left;
	left: 0px;
	border: 0px;
}

#overlaplogo {
	background-repeat: no-repeat;
	height: 150px;
	width: 350px;
	position: absolute;
	top: 1px;
	bottom: 0px;
	overflow: visible;
	float: left;
	clear: left;
	left: -33px;
	border: 0px;
}

#postcard {
	background-repeat: no-repeat;
	height: 300px;
	width: 350px;
	position: absolute;
	top: -20px;
	bottom: 0px;
	overflow: hidden;
	float: left;
	clear: left;
	left: 620px;
	border: 0px;
}

#counter {
	background-repeat: no-repeat;
	height: 50px;
	width: 100px;	
	position: absolute;
	top: 263px;
	bottom: 0px;
	overflow: hidden;
	float: center;
	clear: left;
	left: 400px;
	border: 0px;
}

#counteredge {
	background-repeat: no-repeat;
	height: 50px;
	width: 500px;	
	position: absolute;
	top: 274px;
	bottom: 0px;
	overflow: hidden;
	float: center;
	clear: left;
	left: 286px;
	border: 0px;
}

/* HOMEPAGE
----------------------------------------- */
#homepagewrapper {width:940px;border:0px;margin:0 auto;padding-top:20px}

#buynow {
	background-repeat: no-repeat;
	height: 206px;
	width: 55px;
	position: absolute;
	top: 511px;
	bottom: 0px;
	overflow: visible;
	float: left;
	clear: left;
	left: 644px;
	border: 0px;
}

#specials {
	background-repeat: no-repeat;
	height: 206px;
	width: 55px;
	position: absolute;
	top: 542px;
	bottom: 0px;
	overflow: visible;
	float: left;
	clear: left;
	left: 644px;
	border: 0px;
}

/* CONTAINERS ETC
---------------------------------------------------------- */
#pagewrapper {width:940px;border:4px solid #3d3d3d;background-color:#FFFFFF;margin:0 auto;padding-top:20px}

#Layout {margin:0; background-color:#ffffff;padding-bottom:2px}

#left{
	width:160px;
	float:left;
}

#middle{
	margin-left:190px;
	margin-right:196px;
	width:540px;
}

#right{
	width:180px;
	float:right;
}

#content {float:center;width:540px;padding-top:15px}

#subnav {float:left;width:160px;padding-top:60px}

#rightcol {float:right;width:180px;margin-right:10px;padding-top:0px}


/* MAIN NAVIGATION 
----------------------------------------- */
#Navigation {
	position:fixed;
	z-index:9;
	top:0px;
	left:0px;
	width: 105%;
	height:50px;
	margin: 0;
	overflow: hidden;
	background: transparent url(../images/nav-bar-bg_new.png) bottom repeat-x;
}
	
	#navinner {width:1000px;margin:0 auto;}
	
	#Navigation ul { 
 		float: left;	
	}
		#Navigation ul li { 
	 		list-style: none; 
			margin: 0 ; 
			float: left;
			height:42px;
			display: block;
			padding:0;			
		}
		
		#Navigation ul li span { 
	 		height:28px;
			display: block;
			width:100%;	
			margin:0;	
		}
				
  			#Navigation ul li a { 
				float: left;
				text-decoration: none;
				height:14px;
				display: block; 				 
				font-size: 1.0em;
				padding: 14px 0px;
				color: #ec208d;
				text-transform:uppercase;
				text-align:center;
				margin:0 5px;
				font-weight:bold;
			}
				#Navigation ul li a:hover { 
			 			text-decoration:underline; 
						color: #fff;
						cursor: pointer;
					}
			
				#Navigation ul li a.current { 
					background: #5b5b5b url(../images/nav-bg-on-l.png) no-repeat left top;
					color: #ec208d;
					font-weight:bold;
					text-decoration:none;
					}
	    		
				#Navigation ul li a.section { 
					background: #5b5b5b url(../images/nav-bg-on-l.png) no-repeat left top;
					color: #ec208d;
					font-weight:bold;
					text-decoration:none;
					}
					
				#Navigation ul li a.current span {
					display:block;
					background: transparent url(../images/nav-bg-on-r.png) no-repeat right top;
				 }
	    			#Navigation ul li a.section span {
					display:block;
					background: transparent url(../images/nav-bg-on-r.png) no-repeat right top;
				 }	
					
				#Navigation ul li a.current:hover,#Navigation ul li a.section:hover {
				text-decoration:underline;
				color: #fff;
				}
				
				
/* SUBNAV
-------------------------------------------- */					
#subnav ul {border-bottom:1px dotted #ccc;font-size:1.0em; width:160px}

#subnav ul li a {
	color: #666;
	text-decoration:none;
	border:none;	
	display:block;
	padding:6px 4px 6px 20px;
}

#subnav ul li a em {
		font-style: normal;
}

#subnav ul li {border-top:1px dotted #ccc;padding:1px 0; width:160px}

#subnav ul li a.levela:hover,
#subnav ul li a.levela:active {color: #000; background:#f0f0f0}
#subnav ul li a.levela.current {color: #000; background:#f0f0f0 url(../images/subnav-bullet_1.png) no-repeat left}
#subnav ul li a.levela.section {color: #000; background:#f0f0f0 url(../images/subnav-bullet_1.png) no-repeat left}

#subnav ul li ul.roundWhite {
	border-bottom:0px dotted #ccc;font-size:1.0em;width:160px;
}

#subnav ul li a.levelb:hover,
#subnav ul li a.levelb:active {color: #000; font-weight: bold}
#subnav ul li a.levelb.current {color: #000; font-weight:bold; background: url(../images/onesidearrow.jpg) no-repeat left}
#subnav ul li a.levelb.section {color: #000; font-weight:bold}

/* BREADCRUMBS
-------------------------------------------- */
#Breadcrumbs { 
 	color: #0099ff;
	text-align: left;
	font-size: 1.0em; 
	margin: 0px 5px 10px 0;
}
	#Breadcrumbs p {
		margin: 0;
	}

/* FOOTER
----------------------------------------- */
#footertop {position:relative;width:940px;height:200px;margin:1px 0 0 0;background:#3D3D3D}
#footer {width:940px;color:#333;margin:0;padding:10px 0; background:#3D3D3D}

#footer p a {color:#fff;text-decoration:none}
#footer p span a {color:#f0f0f0;text-decoration:none;}
#footer p span a:hover {color:#fff}

/* FOOTER NAV
--------------------------------------------------*/
.footermenulist {float:left;font-size:.9em;padding:3px;margin-left:10px;width:9em;}
.footermenulist a {color:#ccc;text-decoration:none;}
.footermenulist a:hover {color:#ee6f51}
.footermenulist a.current {color:#ccc}
.footermenulist a.current:hover {color:#ee6f51}

/* CREDIT
--------------------------------------------------*/
#credit {width:930px;height:30px;color:#828282;margin:15px auto}
#credit p.left {width:600px;float:left}
#credit p.right {width:100px;float:right;text-align:right}

#credit p a {color:black;text-decoration:none}
#credit p span a {color:#ababab;text-decoration:none}
#credit p span a:hover {color:#000}