/* --------------------------------------------
				CONTAINER
   --------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}
body {
	font: 12px "Lucida Grande", verdana, arial, helvetica, sans-serif;
	margin: 0;
	text-align: center;
	padding: 0;
	background: #E7E7E7;
	color: #2f2f2f;
}

#main {
	width: 100%;
	background: #fff;
}
img {
	border:0px;
}
/* --------------------------------------------
				HEADER 
   --------------------------------------------*/
#headcase {
	background: #343752 url("/media/site/header-background.jpg") top repeat-x;
}
#head {
	width: 900px;
	height: 52px;
	position: relative;
	margin: 0 auto;
	padding-top: 0px;
	text-align:left;
}
#head img {
	width:244px;
}


#head-left {
	width:300px; 
	float:left; 
	position:relative; 
	
	}
	
#head-right {
	width:600px; 
	float:right; 
	position:relative; 	
	}


/* --------------------------------------------
				HEADER NAVIGATION
   --------------------------------------------*/
ul#navlist	{
	margin-right: 0;
	padding-right: 0;
	white-space: nowrap;
	float:right;
	position:relative;
	padding-top:18px;
	padding-bottom:15px;
}

#navlist li	{
	display: inline;
	list-style-type: none;
	border-left:1px solid #eee;
}

#navlist a { 
	padding: 3px 10px; 
	font-weight: bold;
}

#navlist a:link, #navlist a:visited	{
	color: #FFFFFF;
	text-decoration: none;
}

#navlist a:hover {
	color: #FF9900;
	text-decoration: none;
}



/* --------------------------------------------
				CONTENT BOX 
   --------------------------------------------*/
#contentcase {
	background: #FFFFFF url('/media/site/body-background.jpg') top left repeat-x;
}

#content {
	width: 900px;
	margin: 0 auto;
	height: auto;
	min-height:434px;
	text-align: left;
	padding-top: 0px;
	padding-bottom:25px;
	border:0;
}	


#content h1 {
	width:900px;
	padding-top:0px;
	font: bold 25px "Lucida Grande", verdana, arial, helvetica, sans-serif;
	color:#990000;
}
#content h2 {
	font: normal 15px "Lucida Grande", verdana, arial, helvetica, sans-serif;
	padding-top:15px;
	padding-bottom:10px;
	color: #000;
}

#homepage-content {
	width: 900px;
	margin: 0 auto;
	height: auto;
	min-height:434px;
	background: url('/media/site/kids-right.jpg') top right no-repeat;
	text-align: left;
	padding-top: 0px;
}


#homepage-content h1 {
	height: 25px;
	margin-bottom: 22px;
	padding-top:5px;
	_margin-bottom: 10px;
	font: bold 25px "Lucida Grande", verdana, arial, helvetica, sans-serif;
	color:#990000;
}
#homepage-content h2 {
	font: normal 15px "Lucida Grande", verdana, arial, helvetica, sans-serif;
	padding-top:15px;
	padding-bottom:10px;
	color: #000;
}

#homepage-content p {
	width:550px;
	padding-bottom:10px;
}

#content-left {
	width:185px; 
	float:left; 
	position:relative; 
	border:0;
}
#content-left h1{
	width:185px;
	padding-top:5px;
	font: bold 25px "Lucida Grande", verdana, arial, helvetica, sans-serif;
	color:#990000;
	text-align:left;
}

#content-right {
	width:705px; 
	float:right; 
	position:relative; 	
	border:0;
}

#content-nav-header {
	width:auto;
	postion:relative;
	border:0;
	text-align:right;
}
#content-nav-header a{
	color:#CC0000;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


/* --------------------------------------------
				FOOTER 
   --------------------------------------------*/
#footerCase {
	background: #E7E7E7 url('/media/site/footer-background.jpg') top left repeat-x;
	padding: 20px 0 0 0;
}
#footer {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
}
.clearFooter {
	background: #fff;
	height: 0px;
}

/* --------------------------------------------
				NextPrev LIST
   --------------------------------------------*/
ul#prevNextList	{
	margin-right: 0;
	padding-right: 0;
	float:right;
	position:relative;
	padding-top:18px;
	padding-bottom:15px;
}

#prevNextList li	{
	display: inline;
	list-style-type: none;
	line-height:18px;
	margin-right:5px;
	border-bottom:1px solid #D40203;
	border-right:1px solid #D40203;
}

#prevNextList a { 
	padding: 3px 10px; 
	text-decoration:none;
}

#prevNextList a:link, #prevNextList a:visited	{
	color: #343752;
	text-decoration: none;
}

#prevNextList a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

/* --------------------------------------------
				CATEGORY LIST
   --------------------------------------------*/
ul#categoryList	{
	margin-right: 0;
	padding-right: 0;
	float:left;
	position:relative;
	padding-top:18px;
	padding-bottom:15px;
}

#categoryList li	{
	display: inline;
	list-style-type: none;
	line-height:18px;
}

#categoryList a { 
	padding: 3px 10px; 
	font-weight: bold;
	text-decoration:none;
}

#categoryList a:link, #categoryList a:visited	{
	color: #343752;
	text-decoration: none;
}

#categoryList a:hover {
	color: #FF9900;
	text-decoration: underline;
}

/* --------------------------------------------
				HOVERBOX CODE 
   --------------------------------------------*/
.hoverbox {
	cursor: hand;
	list-style: none;
}

.hoverbox a {
	cursor: hand;
}

.hoverbox a .preview {
	display: none;
}

.hoverbox a:hover .preview {
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img {
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 150px;
	max-height:100px;
}

.hoverbox li {
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverboxLarge img {
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
}

.hoverboxLarge li {
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}


.hoverbox .preview {
	border-color: #000;
	width: 250px;
	height: auto;
}
/* --------------------------------------------
				HOVERBOX IE FIXES 
   --------------------------------------------*/

.hoverbox a {
	position: relative;
}

.hoverbox a:hover {
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox a:hover .preview {
	top: -38px;
	left: -50px;
}

.hoverbox li {
	position: static;
}