/* ------------------------------ 
            general            
   ------------------------------*/
   
html {
	margin: 0;
	padding: 0;
	}
	
body {
	margin: 0;
	padding: 0 0 40px 0;
	text-align: center;
	font-size: 11px; 
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: #b2cde5 url(graphics/OrganicPipes.gif);
	}

img { /* needed for firefox */
	border: 0px;
	padding: 0px;
	margin: 0px;
	}
		
a {
	color: #4a80b5;
	text-decoration: none;
	}
	
a:hover {
	color: #384879;
	text-decoration: underline;
	}
	
	
	
/* ------------------------------ 
         overall layout           
   ------------------------------*/

#wrapper {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	margin-top: 0;
	padding: 0px;
	text-align: left;
	background: url(graphics/page_bg.gif) top center repeat-y;
	
	voice-family: "\"}\""; 
	voice-family:inherit;	
	}
	
html>body #wrapper { 
	width: 950px;
	}
	
#masthead {
	width: 899px;
	margin: 0;
	padding: 0;
	background: url(graphics/masthead_bg.gif);
	height: 75px;
	}

#footer {
	clear: both;
	text-align: center;
	margin: 50px 0 0 0;
	padding: 0;
	width: 950px;
	height: 36px;
	background: url(graphics/QM_footer_bg.gif) no-repeat bottom;
	}
	
#footer p {
	margin: 0;
	padding-top: 15px;
	}
	
	
/* ------------------------------ 
           typography             	
   ------------------------------*/

h3 {
	font-weight: bold;
	font-size: 11px;
	font-style: normal;
	color: #b54a4a;
	}
	
h3 a:hover {
	color: #C30;
	}
	
p {
	font-size: 10px;
	text-decoration: none;
	color: #4a80b5;
	}


h4 {
	color: #7098ba;
	font-weight: bold;
	font-size: 20px;
	margin: 0;
	}
	
em.info {
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #526bb3;
	}

em.date {
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #526bb3;
	}
   
   
   

/* ------------------------------ 
            header            
   ------------------------------*/

#logo {
	margin: 0px;
	padding: 0;
	float: left;
	height: 121px;
	width: 273px;
	}
	
a#logo {
	background: url(graphics/logo.gif) no-repeat left top;
	display: block;
	margin: 0px 0 0 1px;
	padding-top: 121px;
	width: 273px;
	height: 0px !important;
	height /**/:121px;
	overflow: hidden;
	}

/* ------ main nav -----*/


#nav {
	float: right;
	padding: 0px;
	margin: 0px 1px 0 0px;
	}

#phone{
	text-align:right; margin-right:20px;
	font-weight:bold;
	color:#384879;
	}


#mainnav {
	background: url(graphics/nav_bg.gif) no-repeat left bottom;
	width: 470px;
	height: 58px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}

ul.navlinks {
	padding: 0px;
	margin: 0px;
	}
#mainnav .navlinks {
	margin: 10px 0 0 20px;	
	}

#mainnav .navlinks li {
	float: left;
	padding: 0 17px 0 0px;
	margin: 0px;	
	display: inline;
	}
	
#mainnav .navlinks a {
	margin: 0px;
	display: block;
	padding-top: 43px;
	width: 39px;
	height: 0px !important;
	height /**/:43px;
	overflow: hidden;
	}
	
#mainnav .navlinks a:hover {
	background-position: 0 -86px;
	text-decoration: none;
	margin: 0px;
	display: block;
	padding-top: 43px;
	width: 39px;
	height: 0px !important;
	height /**/:43px;
	overflow: hidden;
	}
	
#mainnav .navlinks a.current {
	background-position: 0 -86px;
	margin: 0px;
	display: block;	
	width: 39px;
	padding-top: 43px;
	height: 0px !important;
	height /**/:43px;
	overflow: hidden;
	}
	
a#nav_home {
	background: url(graphics/home.gif) no-repeat left top;
	}
	
a#nav_toys {
	background: url(graphics/toys.gif) no-repeat left top;
	}
	
a#nav_prints {
	background: url(graphics/prints.gif) no-repeat left top;
	}
	
a#nav_press {
	background: url(graphics/press.gif) no-repeat left top;
	}

a#nav_goodies {
	background: url(graphics/goodies.gif) no-repeat left top;
	}
	
a#nav_blog {
	background: url(graphics/blog.gif) no-repeat left top;
	}
	
a#nav_contact {
	background: url(graphics/contact.gif) no-repeat left top;
	}
	
a#nav_support {
	background: url(graphics/support.gif) no-repeat left top;
	}

/* ------ sub nav -----*/

#subnav {
	background: url(graphics/subnav_left.gif) no-repeat left bottom;
	width: 393px;
	height: 27px;
	margin: 0 0 0 19px;
	padding: 0px;
	overflow: hidden;
	}
	
#subnav .navlinks {
	margin: 3px 0 0 0;
	}

#subnav .navlinks ul li {
	padding: 0 0 0 10px;
	margin: 0px;
	display: inline;
	}
	
#subnav .navlinks a {
	color: #4a80b5;
	font-family: verdana, trebuchet;
	font-style: normal;
	text-decoration: none;
	font-size: 16px;
	}
	
#subnav .navlinks a:hover {
	color: #384879;
	text-decoration: underline;
	}
	
#subnav .navlinks a.current {
	color: #a5590e;
	}