/* @override http:// */
/*-------------------------------------------------------------------------------------
[Master Stylesheet]

Project:	Little Sheep
Version:	1.0
Created by:	Chase Design Inc.

------------------------------------------------------

[Table of Contents]

	1. Main 
	2. Header
	3. Menu
	4. Content
	5. Footer
	6. Menu Listing

------------------------------------------------------

[fonts]

	headers: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	
------------------------------------------------------

[Colors]

	blue: #0192df;

--------------------------------------------------------------------------------------*/


/* ==================== MAIN ==================== */

/* Universal --------- */
* { margin:0px; }
body { background:#72d56a url(../images/bg-70x70.jpg) repeat-x 0 0; padding:0px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
img { border:0px; text-decoration:none; }
a { text-decoration:none; color:#0192df; }
a:hover { text-decoration:underline; }
h1 { color:#0192df; font-size:25px; padding:5px 0; }
p { padding:8px 0; }
/**/
.clear { clear:both; font-size:1px; height:0px; line-height:0px; }
.left { float:left; margin-right:15px; }
.right { float:right; margin-left:15px; margin-top:15px; }
.credit { position:relative; top:15px; color:#0b6b03 !important; }
/**/
#top { background:url(../images/bg-top-812x185.jpg) no-repeat center 0; text-align:center; width:812px; margin:0 auto; }
/**/
#body { background:url(../images/bg-stretch-812x30.jpg) repeat-y center 0; width:748px; margin:0 auto; padding:0 32px 10px 32px; }
/**/
#menu { background:url(../images/menu-bg-10x49.gif) repeat-x 0 0; height:49px; padding:0px; list-style:none;}
#menu li { padding:0px; float:left; }
#menu li a span { display:none;}
/**/
#menu li a { display:block; height:49px; background-image:url(../images/bg-navBar-690x147.jpg); background-repeat:no-repeat; margin: 0 20px 0 20px}
#menu li.menu-welcome a { background-position:0 0; width:117px; }
#menu li.menu-about a { background-position:-156px 0; width:87px; }
#menu li.menu-illust a { background-position:-283px 0; width:142px; }
#menu li.menu-books a { background-position:-465px 0; width:84px; }
#menu li.menu-contact a { background-position:-588px 0; width:102px; }
/**/
#menu li.menu-welcome a:hover { background-position:0 -98px; }
#menu li.menu-about a:hover { background-position:-156px -98px; }
#menu li.menu-illust a:hover { background-position:-283px -98px; }
#menu li.menu-books a:hover { background-position:-465px -98px; }
#menu li.menu-contact a:hover { background-position:-588px -98px; }
/**/
#menu li.menu-welcome a.active { background-position:0 -49px; }
#menu li.menu-about a.active { background-position:-156px -49px; }
#menu li.menu-illust a.active { background-position:-283px -49px; }
#menu li.menu-books a.active { background-position:-465px -49px; }
#menu li.menu-contact a.active { background-position:-588px -49px; }
/**/
#mainImg { background-repeat:no-repeat; background-position:0 0; width:748px; height:249px; margin:12px 0 20px 0; }
#mainImg span { color:#FFFFFF; display:block; padding:130px 400px 0 23px; }
.img-home { background-image:url(../images/img-home-748x249.jpg); }
.img-about { background-image:url(../images/img-about-748x249.jpg); }
.img-illustrations { background-image:url(../images/img-illustrations-748x249.jpg); }
.img-books { background-image:url(../images/img-books-748x249.jpg); }
.img-contact { background-image:url(../images/img-contact-748x249.jpg); }
/**/
#footer { background:url(../images/bg-bottom-812x94.jpg) no-repeat center 0; width:812px; margin:0 auto; text-align:center; height:38px; padding:56px 0 20px 0; }
#footer a { color:#FFFFFF; font-size:12px; margin:0 10px; }
/**/
.thumbs { padding:10px 0 0 0; }
.thumbs a { margin:0 5px; }
.thumbs a img { border:3px solid #caaa6e; padding:3px; }
.thumbs a:hover img { border:3px solid #7d5d20; }
/**/
.contact { width:470px; float:left; padding-right:30px; }
.info { width:212px; float:left; background-color:#EEE; border:3px solid #FFF; padding:15px; }
.contact form { padding:20px 0 0 0; }
.contact form table { width:100%; }
.contact form table tr { vertical-align:top; }
.contact form table tr td { padding:5px; }
.contact form table tr td.label { text-align:right; }
.contact form table tr td.field input, .contact form textarea { border:3px solid #caaa6e; padding:3px; width:70%; }
.contact input.btn { background-color:#452d01; padding:5px 8px; color:#FFFFFF; font-size:14px; }