/*
    AUTHOR: Isaac Herrera (isaac1682@gmail.com)
	  
	 SITE: MunchieMug.com
	 
	 COLORS: 	#0b293d (dark blue)
	 			#91bfde (img border outline )
	 

*/



/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */



/*
	LAYOUT TOOLS
*/
.floatLeft 			{ float: left; }
.floatRight			{ float: right; }
.clear				{ clear: both; }
.layoutCenter		{ margin: 0 auto; }
.textCenter			{ text-align: center; }
.textRight			{ text-align: right; }
.textLeft			{ text-align: left; }
.border				{ border: 3px solid #81A9BE; }



/* 
	STYLING EXTRAS
*/
a[href^="mailto"]	{ background: url(images/emailIcon.png) left center no-repeat; padding-left: 10px; }
a[href~=".pdf"]		{ background: url(images/pdfIcon.png) left center no-repeat; padding-left: 10px; }
a.button			{ color: black; border: 1px solid black; padding: 3px; }
a.button:hover		{ background: black; color: white; }
.transpBlack		{ background: url(images/transpBlack.png); }

/*
	DISPLAY VALUES
*/
.hide				{ display: none; }
.show				{ display: block; }
.invisible			{ visibility: hidden; }


											/* BASIC */

body { font: 12px/1.5em "Lucida Grande"; text-decoration: none; padding: 0; margin: 0; color: #232222;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;font-family: helvetica, arial, verdana, sans-serif;font-weight: normal;}

h1 { font-size:218%; padding:.80em 0; color: #0b293d; line-height: 35px; }
h2 { font-size:180%; padding:20px 0 5px 0; color:#0b293d; line-height: 25px; }
h3 { font-size:125%; padding:.5em 0; color: #333; line-height: 20px;  }
h4 { font-size: 118%; padding:.5em 0;}
h5 { font-size: 98%; color: #cccccc;}


h1, h2, h3, h4, h5, h6 { font-weight:bold; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
h1 a { color: #cccccc;}
h1 a:hover {color: #f37f8e;}
h3 a { color: #333;}
h3 a:hover {color: #f37f8e;}

h2.quote {color:#527A93; padding: 30px 0 15px 0;}


p {margin: 5px 0 10px 0;color: #333333;font-size: 16px;}

p.wp-caption-text { font-size: 98%; color: #cccccc; margin: 0 0 10px 0; padding: 0;}
a {text-decoration: underline; outline: none;}
a:hover {position: relative; top: 1px;}

li {margin: 5px 25px;list-style: disc;font-size: 14px;}



											/* STRUCTURE */

#wrapper {width: 100%; background-color: #00364e; background-image: url(/demo/images/mm-bg.png); background-repeat: repeat-x; float: left; }
	#content-wrap {width: 925px; height: auto; margin: 0 auto;}
		#top-bar {width: 100%; float: left;}
			#logo {float: left; width:350px;}
			#logo a {background: transparent url(/demo/images/top-logo.jpg) 3px 67px; width: 366px; height: 70px; float: left; text-indent: -9999px;}
			#logo a:hover {background-position: 3px -5px; width: 366px;}
			
			#top-nav {float: right;}
				#top-nav ul {display: inline; float: right; margin: 10px;}
					#top-nav ul li {display: inline; float: left; text-align: center;}
					#top-nav ul li a {padding: 5px; color: #fff; width: 120px; background-color: #085487; padding: 6px; margin: 0px;float: left;}
					#top-nav ul li a:hover {background-color: #0b293d;}
					
		#header {float: left; margin: 48px 0 0 0; width: 100%;}	
			#featured {float: left; width: 330px; height: auto; margin: 0; padding: 0; position: relative; top: -7px;left: 20px;}
			
			#welcome {float: right;}
			#buynow {float: right; margin: 40px 20px 20px 20px;}
				.space {padding: 0 10px;}
				
		#main-content {float: left; width: 100%; height: 100%; margin: 0px 10px;}
			.left-column {float: left; width: 405px; padding: 0px 20px;}
			.right-column {float: left; width: 435px; padding: 0px 20px;}	
				#images {float: left; width: 100%; padding: 0 5px;}
					ul.images li {list-style: none; margin: 5px; float: left; }
						ul.images li img {border: 5px solid #91bfde; }
					ul.social-media {margin: 0 10px; float: left;}	
					ul.social-media li {float: left; margin: 10px; list-style: none; padding: 0; margin: 2px; display: block;}						
					
					
#wrapper-interior {width: 100%; background-color: #00364e; background-image: url(/demo/images/bg-interior.png); background-repeat: repeat-x; float: left; }
	#content-wrap-interior {width: 925px; height:auto; margin: 0 auto;}
			#main-content-interior {float: left; width: 100%; height: 815px; margin: 10px 10px;}
			#order-interior {float: left; width: 100%; height: 905px; margin: 10px 10px;}
				#header-interior {float: left; margin: 0 ; width: 100%; }	
				
					.left-column-about {float: left; width: 375px; padding: 0px 20px;}
					.right-column-about {float: right; width: 405px; padding: 0px 20px;}
					
						#buynow-interior {margin: 10px 20px 20px 20px; float: left;}
						#header-quote {float: right; width: 545px;}
						
						#phil-baby {float: left; margin: 10px 20px 10px 0;}
		
		#contact-us {margin: 20px auto; width: 550px;}
		
			#policy-left {float: left; width: 500px;}
			#policy-right {float: right; width: 300px;}
			
			
		#order {margin: 20px; width: 750px;}
			
											/* SLIDESHOW */	
											
#slideshow {float: left; position:relative;height:291px; width: 218px; margin: 0px 40px;}
	#slideshow IMG {position:absolute;top:0;left:0;z-index:8;opacity:0.0;}
	#slideshow IMG.active {z-index:100;opacity:1.0;}

	#slideshow IMG.last-active {z-index:9;opacity:0.0;}
	
	
												
											/* QUOTE SCROLL */		
											
#slider{float: left; margin: 0px; width: 920px; margin: 85px 0 0 0; clear: both;}	
	#slider ul, #slider li{margin:0;padding:0;list-style:none; float: left;}
		#slider li{ width:920px;height:241px;overflow:hidden; padding: 0 0px; color: #fff;}	
											
											
											
											
											
											
		
											/* FOOTER */


#footer {width: 840px; height: 250px; clear: both; margin: 0 auto; overflow: hidden;}
	#testimonials {position: relative; top: 70px;  float: left;}
	
#footer-interior {width: 900px; height: 150px; clear: both; margin: 0 auto; }
	#links {float: left; margin: 0px 20px 0 20px; width: auto;}
		#links ul {list-style: none; width: auto;}
			#links ul li {display:inline; margin: 0; padding: 5px 20px;}
				#links ul li a {color:#d6ecfa;font-size: 90%;}