@charset "UTF-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
Scribble Press Home Page Style Sheet 

Features: Centered layout,

version:   1.0
programmer:    max herholz
contact:     max@soulsun69.com
last update: 10/06/09
-----------------------------------------------------------------------------*/


/* =General
-----------------------------------------------------------------------------*/
/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}


/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: none;
	padding: 0;
	margin: 0;
	float: left;
}


body {
	background: #b7e3d4 url("../images/bg.gif");
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}


/* Removes dotted lines on links in Firefox */
a:focus, a:hover, a:active {
	outline:none;
	text-decoration: none;
}




#wrapper {
	width: 1006px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

/* =content
-----------------------------------------------------------------------------*/
h1 {
	float: left;
	position: relative;
	top: 0;
	left: 0;
	width: 290px;
	height: 135px;
	font-size: 32px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #8CAEA2;
}

h1 span {
	position: absolute;
	width: 100%;
	height: 135px;
	background: url("../images/scribblePress.jpg") no-repeat;
}


#h2{
	float: left;
	position: relative;
	display: block;
	width: 600px;
	height: 80px;
	font-size: 22px;
	font-weight: bold;
	color: #587c6c;
}

h2 span {
	position: absolute;
	width: 100%;
	height: 80px;
	background: url("../images/tagline.jpg") no-repeat;
}

#yourStory {
	margin-top: 50px;
	margin-left: 310px;
 	display: block;
  	width: 520px;
  	height: 50px;
 	background: url("../images/yourStory.jpg") no-repeat 0 0;

}

*html {left:0;}

#yourStory:hover {background-position: 0 -50px;}
#yourStory span {display: none;}


p {
	font-size: 14px;
	margin: 10px 30px 7px 12px;
	line-height: 160%;
	color: #1A587C;
}

a {
	color: #0C6C90;
}

a:hover {
	color:#F99A32;
}

#leftPaper {
	width: 42px;
	height: 692px;
	background: url("../images/leftSidePaper.png");
	position: absolute;
	top: 0;
	left: 0;
}

#content {
	width: 940px;
	height:692px;
	background:url("../images/centerPaper.jpg");
	position: absolute;
	left:40px;
	top:0;
}

#header {
	width: 100%;
	height: 135px;
	text-align: left;
}

#mainLinks {
	width: 100%;
	height:300px;
}

#panel1 {
	float: left;
 	display: block;
  	width: 248px;
  	height: 300px;
 	background: url("../images/panel1.jpg") no-repeat 0 0;

}
#panel1:hover {background-position: -247px 0px;}
#panel1 span {display: none;}


#panel2 {
	float: left;
 	display: block;
  	width: 219px;
  	height: 300px;
 	background: url("../images/panel2.jpg") no-repeat 0px 0px;

}
#panel2:hover {background-position: -222px 0px;}
#panel2 span {display: none;}


#panel3 {
	float: left;
 	display: block;
  	width: 220px;
  	height: 142px;
 	background: url("../images/panel3.jpg") no-repeat 0 0;

}
#panel3:hover {background-position: -223px 0;}
#panel3 span {display: none;}


#panel4 {
	float: left;
 	display: block;
  	width: 220px;
  	height: 142px;
 	background: url("../images/panel4.jpg") no-repeat 0 0;

}
#panel4:hover {background-position: -225px 0;}
#panel4 span {display: none;}

#panel5 {
	float: left;
 	display: block;
  	width: 220px;
  	height: 142px;
 	background: url("../images/panel5.jpg") no-repeat 0 0;

}
#panel5:hover {background-position: -225px 0;}
#panel5 span {display: none;}

#panel6 {
	float: left;
 	display: block;
  	width: 220px;
  	height: 142px;
 	background: url("../images/panel6.jpg") no-repeat 0 0;

}
#panel6:hover {background-position: -226px 0;}
#panel6 span {display: none;}

#featured {
	margin-left: 13px;
	width: 100%;
	height: 257px;
}

#featuredLeft {
	float: left;
	width: 423px;
	height: 256px;
	margin-left: 20px;
}

#featuredRight{
	float: left;
	width: 460px;
	height: 257px;
}


/* =indexMenu */
#featuredNav {
	margin: 15px 0 0 10px;
	width: 417px;
	height: 117px;
	background: url(../images/featuredNav.jpg) no-repeat;
	text-align: left;
}


#featuredNav li {
    margin: 0; 
	padding: 0; 
	list-style: none;
}

#featuredNav li, #featuredNav a {
	display: block;
	font-size: 18px;
	line-height: 40px;
	text-decoration: none;
	padding-right: 5px;
	color: #00597f;
	text-indent: -5000px;
}



#featuredNav a:hover { color:#ff9725;}

/* Link Positions */
#ny a { left: 0px; top: 0px; width: 417px; height: 40px;}
#shop a { left: 0px; top: 40px; width: 417px; height: 40px;}
#make a { left: 0px; top: 80px; width: 417px; height: 37px;}



/* Hover Positions */
#ny a:hover { background: transparent url(../images/featuredNav.jpg) -420px -0px no-repeat; }
#shop a:hover { background: transparent url(../images/featuredNav.jpg) -420px -40px no-repeat; }
#make a:hover { background: transparent url(../images/featuredNav.jpg) -420px -80px no-repeat; *background: transparent url(../images/featuredNav.jpg) -417px -82px no-repeat;}



#ClassesCamps {
	width: 294px;
	height: 75px;
	font-size: 22px;
	display: block;
	margin: 20px 0 0 10px;
	background: url("../images/winterCamps.jpg") no-repeat 0 0;
}

#ClassesCamps:hover {background-position: 0 -75px;}
#ClassesCamps span {display: none;}

	
#rightPaper {
	width: 42px;
	height: 692px;
	background: url("../images/rightSidePaper.png");
	position: absolute;
	top: 0;
	left: 980px;
}



/* =footer
-----------------------------------------------------------------------------*/
#footer {
	width: 1006px;
	height: 72px;
	background: url("../images/bottomPaper.png");
	position: absolute;
	top: 692px;
	left: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	text-align: center;
}

#footer a {
	font-size: 10px;
	padding-right: .5em;
	padding-left: .5em;
	text-decoration: none;
	border-right: #1c4552 1px solid;
}

.last { margin-right: .5em;}

#footer p {
	font-size: 10px;
}


/* =subNavigation
-----------------------------------------------------------------------------*/
#subNav {
	width: 485px;
	list-style: none;
	margin: 0 auto;
}

#subNav li{float: left;}

#subNav a {
	display: block;
	line-height: 11px;
	margin-top: 6px;
	padding-right: .5em;
	padding-left: .5em;
	border-right: #1c4552 1px solid;
	text-decoration: none;
}

#subNav .lastNav {border:none; padding-right:0;}