@charset "UTF-8";
/* [CSS Reset]------------------------------------
Source: 	Eric Meyer
--------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	font-family: Arial, Helvetica, sans-serif;
}

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

:focus { outline: 0; }

ins { text-decoration: none; }
	
del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }
#form { display: block; position: absolute; top: 100px; left: 56px; width: 300px; }
#form input.text {
	height: 25px;
	margin: 0px;
	padding: 0px;
	position: absolute;
}
#form input.image {padding: 0px; display: inline;  margin-left: -1px; position: absolute; left: 212px;}

.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear: both; }

body {	background-image: url(http://medekids.com/images/site-images/blue-site-background.png); background-repeat: repeat; font-family: Arial, Helvetica, sans-serif; }

		a { color: #1a49a7; }
		a:hover { color: #8dc63f; }

#mainWrapper { width: 832px; margin: 0px auto; }

#header { margin-top: 10px; }

#navBar { background: url(http://medekids.com/images/site-images/green-bar-top.png) no-repeat; position: relative; height: 38px;}
	#navBar p { font-size: 12px; color: #333; position: absolute; right: 101px; top: 12px; width: 220px; }
		#navBar p a { text-decoration: underline; color: #333; }
		#navBar p a:hover { color: #00F; }
	
#mainContent { width: 820px; margin-left: 6px; background: url(http://medekids.com/images/site-images/content-background.jpg) no-repeat bottom #fff; padding-bottom: 0px; margin-bottom: 0px; border-bottom: #f37321 6px solid;  }
	
#search { position: relative; margin-left: 0px; width: 820px; height: 160px; background: url(http://medekids.com/images/site-images/search-background.jpg) no-repeat; padding-bottom: 4px; z-index: 4000; }
	#search .allArtwork { position: absolute; top: 100px; right: 174px;}
	#search img.unitPng#bear { position: absolute; top: -80px; right: -70px; z-index: 9000; }
	img.search { position: absolute; top: 99px; left: 56px; }
	
#carousel { background: url(http://medekids.com/images/site-images/recent-drawings-background.jpg) no-repeat; width: 820px; height: 148px; overflow: hidden; }
	#carousel ul { padding: 23px 0px 0px 115px; }
	#carousel ul li { width: 100px; height: 98px; display: inline; margin-right: 12px; padding-bottom: 40px; }
        #carousel ul li a img { margin: 0px 0px 50px 0px; }
	#carousel ul li a:hover { }
	#carousel ul li a:hover img { border: 5px #333 solid; margin: -5px -5px 45px -5px; }

#leftColumn { width: 480px; padding: 50px 10px 40px 40px; float: left; }
	#leftColumn h1 { font-size: 23px; font-weight: bold; color: #333; line-height: 25px; overflow: hidden; }
	#leftColumn h2 { font-size: 13px; font-weight: bold; color: #333; padding-top: 10px; }
	#leftColumn p { font-size: 12px; color: #666; line-height: 16px; padding-bottom: 10px; }
	#leftColumn h3 { font-size: 16px; color: #1a49a7; margin-top: 10px; }

		.doubleSeparator { background: url(http://medekids.com/images/site-images/doubleSeparator.gif) repeat-x; margin-top: 10px; height: 8px; }
	
#rightColumn { position: relative; float: right; width: 278px;  }
	#rightColumn img { margin-top: 40px; margin-left: 25px;}
	h2#rss { background: url(http://medekids.com/images/site-images/rss-background.jpg) no-repeat right; color: #333; width: 188px; height: 79px; margin: 0px; padding-left: 80px; padding-right: 10px; padding-top: 20px; }
		h2#rss em { font-style: normal; font-size: 13px; color: #333; font-weight: normal; line-height: 16px; }

#artwork {padding: 40px; }
	#artwork ul li { width: 180px; display: inline; float: left; padding: 0px 32px 30px; text-align: center; line-height: 18px; font-size: 11px; }
	#artwork ul li img { border: #999 solid 1px; margin-bottom: 5px; }
	#artwork ul li strong { font-size: 12px; }

#artDetail {float: left; width: 442px; height: 347px; margin: 0px; padding: 0px auto; display: block; margin-right: 20px; text-align: center;}

#artworkDetail {padding: 25px; }
	#artworkDetail img { border: #999 solid 1px; margin: 0px auto 5px; }
	#artworkDetail img.name { float: left; border: none; padding-top: 50px; }
	#artworkDetail p { font-size: 13px; color: #666; line-height: 17px; }
	#artworkDetail p strong { color: #1a49a7; font-size: 19px; }
	#artworkDetail p.pagination { color: #8dc63f; font-size: 12px; padding-top: 30px; }
	#artworkDetail p.pagination a { color: #8dc63f; }
	#artworkDetail p.pagination a:hover { color: #1a49a7; }

#footer { margin-bottom: 150px; }
	#sponsor { float: right; margin-right: 6px; }
	#copyright { float: left; font-size: 10px; color: #1ab7ea; padding: 8px 0 0 7px; }

.clear { clear: both; }