/* Project: Jackie Thaw/ Digital Stone
   Version: 1.15
    Author: Steve Skladany, www.skladany.net
      Date: 8.21.9

======================================== */

.pink {
	background-color: pink;
}


/* --------------------------------------------------------------
	Resets default browser CSS
	http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------------------------- */
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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Alisa: so the centered page wouldn't shift if the content is shorter than viewport */
html {
	overflow: scroll;
}

/* --------------------------------------------------------------
   typography
-------------------------------------------------------------- */
body {
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5;
	color: #666;
}

h2, h3, h4, h5, h6, p, ul, ol, img {margin: 10px 20px 5px 20px;}
h2 {
	font-size: 1.9em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
h3 {font-size: 1.3em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1em;}
h6 {font-size: .9em;}
p, ol, ul, dl, form, table {font-size: 1.1em;}
ol, ul, dl {margin-left: 40px;}

img {vertical-align: bottom;}
p img {float: left; margin-left: 0;}

ul {list-style-type: disc;}
ol {list-style-type: decimal;}
li {margin-bottom: 5px;}
dt {font-weight: bold;}

a {color: #535353; text-decoration: none; font-weight: bold;}
a:focus, a:hover {color: #535353; text-decoration: underline;}
strong {font-weight: bold;}
em {font-style: italic;}

/* --------------------------------------------------------------
 Some default classes
-------------------------------------------------------------- */
.small {font-size: .8em;}
.large {font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em;}
.top {margin-top:0; padding-top:0;}
.bottom {margin-bottom:0; padding-bottom:0;}
.first {margin-top: 15px;}
.clear {clear: both;}
.padding {padding: 10px 0;}
.sub {font-size: 50%;}
.left {float: left;}
.right {float: right;}
.center {text-align: center;}
.hide {
	position:absolute;
	left:-9990px;
	top:0px;
	width:1px;
	height:1px;
	overflow:hidden;
}
.divider {
	border-bottom: 1px solid #eeeeee;
	height: 1px;
	clear: both;
	margin: 15px 0 15px 0;
}
p.divider {
	margin: 10px 20px;
}
.column {
	float: left;
	width: 45%;
	margin: 15px 0 0 10px;
}

/* --------------------------------------------------------------
	=Layout
-------------------------------------------------------------- */
body {
	background: #fff;
}

.container {
	width: 915px;
	margin: 10px auto;
	padding: 0 22px;
	background: #fff;
	overflow: hidden;
}

.content {
	float: left;
	width: 915px;
	margin-top: 47px;
	margin-bottom: 25px;
}

.maincontent {
	width: 625px;
	float: left;
	margin-right:20px;
	display: inline;
	min-height: 500px;
}

.maincontent.midwidth {
	width: 510px;
}

.slideshow .maincontent {
	width: 406px;
}

.altlayout .maincontent {
	width: 545px;
}

.altlayout .sidecontent {
	width: 300px;
}

.thumbnav .maincontent {
	width: 320px;
	margin-right: 60px;
}

.thumbnav .sidecontent {
	width: 535px;
	margin: 0;
}


.sidecontent {
	width: 260px;
	float: left;
	/* margin-left: -850px;  -(maincontent width + maincontent left margin - sidecontent left margin) */
	display:  inline;
}

.slideshow  .sidecontent {
	width: 489px;
}

.slideshow .sidecontent .image {
	margin-top: 44px;
	height: 358px;
}

.sidebar {
	display: none;
}

/* =threecolumn
-------------------------------------------------------------- */
.threecolumn .contentwrap {
	width: 915px;
	float: left;
	margin: 25px 0;
}
.threecolumn .content {
	background: none;
	width: 600px;
	float: left;
	margin-left: 275px;
	display: inline;
}
.threecolumn .maincontent {
	width: 295px;
	margin-left: 25px;
}
.threecolumn .sidecontent {
	width: 275px;
	margin-right: 0;
	margin-left: 5px;
}
.threecolumn .sidebar {
	width: 270px;
	float: left;
	margin-left: -850px;
	display: inline;
	background: #e3efd1;
}

/* =onecolumn
-------------------------------------------------------------- */
.onecolumn .content {
	width: 900px;
	background: none;
}
.onecolumn .maincontent {
	width: 850px;
	margin-left: 25px;
	margin-right: 25px;
}
.onecolumn .sidecontent {
	display: none;
}
.onecolumn .sidebar {
	display: none;
}

/* =header
-------------------------------------------------------------- */
.headerWrap {
	width: 100%;
	margin: auto;
	background: url(../images/headerBackground.png) repeat-x top right;
	height: 140px;
}

.header {
	margin-bottom: 20px;
	width: 915px;
	margin: auto;
	height: 78px;
}

.logo {
	margin: 45px 0 41px 20px;
	float: left;
}

.logo img {margin: 0;}

/* =nav
-------------------------------------------------------------- */
#navcontainer {
	position: relative;
	height: 40px;
	width: 915px;
	clear: both;
	background: url(../images/navBackground.png) no-repeat top right;
}
#nav {	
	float: left;
	position:relative;
	margin: 0;
	z-index: 100;
	padding-left: 2px;
}

#nav li {
	float: left;
	list-style: none;
}

#nav li a {
	display:block; 
	background:url(../images/nav.png) no-repeat 16px 3px; 
	text-indent:-9999px; 
	overflow:hidden; 
	font-size:1%;
	font-weight: normal;
	height: 24px;
	width: 90px;
	margin: -2px 2px 0 1px;
	border-bottom: 6px solid #90908e;	
}

li#services a { background-position:-78px 3px;}
li#portfolio a { background-position:-170px 3px;}
li#education a { background-position:-263px 3px;}
li#opportunities a { background-position:-355px 3px; width: 117px; }
li#contact a { background-position:-473px 3px; margin-right: 0;}

#nav li a:hover, #nav li.selected a {
	text-decoration: none;
	border-bottom: 6px solid #545253;
}


/* =drop-down sub nav
-------------------------------------------------------------- */
#nav li .subnav {
	position: absolute;
	top: 26px;
	line-height: normal;
	text-align: left;
	z-index: 100;
	font-size: .9em;
	margin: 2px 0 0 -800px;
	padding-left: 800px;
	background-color: white;
	width: 1800px;
	height: 26px;
}


#nav li .subnav li {
	float: left;
	margin-bottom: 0;
	height: 26px;
}

#nav li .subnav a {
	text-indent: 26px;
	position: static;
	margin: 7px 15px 0 0;
	height: 17px;
	line-height: 16px;
	width: auto;
	color: #545253;
	font-size: 1em;
	text-align: left;
	text-transform: none;
	background: url(../images/subnavBackground.png) no-repeat;
	border: 0;
}

#nav li .subnav a:hover, #nav li .subnav li.selected a {
	background-position: 0 -17px;	
}

#nav li .subnav {display: none;}
#nav li:hover .subnav, #nav li.selected .subnav, #nav li.over .subnav {display: block;} 
/* #nav li:hover .subnav, #nav li.over .subnav {display: block;} */
#nav li.selected .subnav { z-index: 50 }

/* =footer
-------------------------------------------------------------- */

.footer {
	clear: both;
	display:block; 
	background:url(../images/footer.png) no-repeat 25px 15px; 
	text-indent:-9999px; 
	overflow:hidden; 
	font-size:1%;
	height: 26px;
	border-top: 6px solid #545253;
}

.footer h5 {
	margin-top: 6px;
	margin-bottom: 0px;
}

.footer a {
	color: #ffe4e2;
	padding: 0 10px;
}

/* --------------------------------------------------------------
 =forms
-------------------------------------------------------------- */
form fieldset {margin: 10px 20px 10px 20px;}

form fieldset.submit {margin-top: 0;}

form ol {margin: 0;}

form li {
	margin-bottom: 5px;
	list-style: none;
}

form p {margin: 0;}

.label {display: block;}

input.text, select, textarea {
	border: 1px solid #c7c7c7;
	color: #888888;
}

input.text, .select, .textarea {width: 200px;}
input.largetext, .largeselect, .largetextarea {width: 250px;}
input.mediumtext, .mediumselect, .mediumtextarea {width: 150px;}
input.smalltext, .smallselect {width: 100px;}

.textarea {height: 50px;}

input.button {padding: 0;}

form .options {
	width: 30%;
	margin-left: 30px;
	overflow: hidden;
}

form .options li {
	float: left;
	margin-right: 10px;
	display: inline;
}

.checkbox, .radio {margin: 0 0 -2px 0;}

label.checkboxlabel, label.radiolabel {
	display: inline;
	margin-right: 0;
}

.emailForm {
	margin-top: -13px;
	padding: 20px 15px 10px 15px;
	background-color: #d5dfe8;
}

.emailForm legend {
	margin: 20px 0 -10px 0;
	color: #333;
	font-weight: bold;
	text-transform: uppercase;	
}

.emailForm label {
	display: block;
	margin-top: 5px;
	color: #333;
}

.emailForm #email {
	border: none;
	width: 185px;
	height: 16px;
}

.emailForm .submit {
	margin: 0 0 0 5px;
}

/* --------------------------------------------------------------
 =tables
-------------------------------------------------------------- */
table {
	margin: 10px 20px;
	text-align: center;
	width: 95%;
}

caption {
	font-size: .9em;
	padding-bottom: 5px;
	margin: 10px 0px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;
	color: #666;
}

th {
	font-size: 1.2em;
	padding: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

td {
	line-height: normal;
	padding: 5px;
}

.heading {
	text-align: left;
}

tr.alt td {
	background: #CCCCCC;
}

/* --------------------------------------------------------------
=Elements
-------------------------------------------------------------- */

/* =tagline
-------------------------------------------------------------- */
.tagline {
	display:block; 
	background:url(../images/tagline.png) no-repeat 0 0; 
	text-indent:-9999px; 
	overflow:hidden; 
	font-size:1%;
	height: 11px;
	width: 225px;
	margin-top: 49px;	
	float: right;
	padding-right: 3px;
}

/* =introCopy
-------------------------------------------------------------- */

#introCopy {
	display:block; 
	background:url(../images/homeIntroCopy.png) no-repeat 20px 23px; 
	text-indent:-9999px; 
	overflow:hidden; 
	font-size:1%;
	font-weight: normal;
	height: 115px;
	width: 585px;
	margin: 0;	
	padding: 23px 20px 23px 20px;
}

#mission #introCopy { 
	background-image:url(../images/missionIntroCopy.png); 
	height: 121px;
	width: 364px;
}

#aboutCarving #introCopy { 
	background-image:url(../images/aboutIntroCopy.png); 
	height: 58px;
	width: 364px;
}

#sourcing #introCopy { 
	background-image:url(../images/sourcingIntroCopy.png); 
	height: 37px;
	width: 585px;
}


	




/* =box
-------------------------------------------------------------- */
.box {
	background: #ededed url(../images/boxBackgroundBottom.png) bottom right no-repeat;
}

.box.noheader {
	margin-top: 20px;
	background: #ededed url(../images/boxBackgroundAltTop625.png) top left no-repeat; 
	padding: 23px 20px 23px 20px;
}

.box.noheader div.clear {
	height: 22px;
	width: 625px;
	margin-left: -20px;
	margin-bottom: -23px;
	background: #ededed url(../images/boxBackgroundBottom.png) bottom right no-repeat;
}

.box p.last {
	margin-top: 0;
	padding-bottom: 15px;
}

/* =teaser
-------------------------------------------------------------- */

.teaserWrap	{
	padding-top: 34px;
	margin-left: -7px;
	margin-right: -7px;
}

.teaser {
	float: left;
	position: relative;
	width: 213px;
}

.teaser img {
	margin: 8px;
}



.teaser h2, .teaser p {
	position: absolute;
	top: 142px;
	left: 7px;
	width: 190px;
	margin-left: 0px;
	margin-right: 0;
}

.teaser h2 {
	font-size: 1.5em;
}

.teaser p {
	top: 165px;
}

.teaser.hover {
	display: block;
	height: 250px;
	width: 213px;
	background-color: #eee;
	cursor: hand;
	cursor: pointer;
	cursor: hand;
}

.teaser a, .teaser p a {
	font-weight: normal;
}

.teaser a:hover {
	text-decoration: none;
}

.teaser.news {
	width: 100%;
	float: none;
}

.teaser.news {
	padding: 1px 5px 3px 5px;
	margin-left: -5px;
	margin-right: -5px;
	font-size: 1em;
}

.teaser.news p {
	position: static;
	width: 100%;
}

.teaser.news p a {
	font-weight: normal;
}

.teaser.news h4 a {
	font-weight: bold;
}

.teaser.news h5.date {
	font-weight: bold;
	margin: 0;
}


.teaser.news h5.date a {
	font-weight: bold;
}

.teaser.news.hover {
	height: 100%;
	padding: 1px 5px 3px 5px;
	text-decoration: none;	
}

.teaser.news a:hover {
	text-decoration: none;
}

.story h5.date {
	margin-top: 0;
	margin-bottom: 0;
}


/* =sidecontent
-------------------------------------------------------------- */

.sidecontent h2 {
	border-bottom: 1px solid #333;
	margin-left: 0;
}

.altlayout .sidecontent h2 {
	border: none;
	background: transparent url(../images/boxBackgroundAltTop.png) top left no-repeat;
	margin: -15px 0 0 -25px;
	padding: 26px 0 0 25px;
	width: 325px;
}


.sidecontent h3, .sidecontent h4 {
	margin-bottom: 0;
	margin-left: 0;
}

.sidecontent span.classdate {
	display: block;
}

.sidecontent p {
	margin-top: 0;
	margin-left: 0;
}

.sidecontent p.fees {
	margin-top: 1.25em;
}

.sidecontent.box {
	padding: 15px 25px 15px 25px;
}


/* =slideshow
-------------------------------------------------------------- */

.slideshow  .sidecontent .image img {
	margin: 0;
}

.slideshow .sidecontent h4 {
	font-weight: normal;
}

ul#paging {
	float: right;
	margin: 0;
}

ul#paging li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	font-weight: normal;
	border-right: 1px solid #666;
	line-height: 10px;
	padding-top: 2px;
	padding-bottom: 3px;
}

ul#paging li a {
	padding: 0 7px;

}

ul#paging li a:hover {
	background-color: #eee;
	text-decoration: none;
}

ul#paging li#left {
	padding-left: 12px;
	background:url(../images/arrowLeft.png) no-repeat 0 0; 
}

ul#paging li#right {
	padding-right: 12px;
	border: 0;
	background:url(../images/arrowRight.png) no-repeat top right; 
}

/* =thumbnav
-------------------------------------------------------------- */

.thumbnav h2, .thumbnav h2 a {
	color: #ccc;
	font-weight: normal;
}

.thumbnav h2 a.selected {
	color: #535353;
}

.thumbnav ol {
	width: 290px;
	height: 250px;
	list-style-type: none;
	margin-left: 14px;
}

.thumbnav ol li {
	float: left;
	margin: 6px 7px 0 0;
	background-color: gray;
}

.thumbnav ol li a {
	display: block;
	width: 40px;
	height: 40px;
}

.thumbnav ol li a img {
	margin: 0;
}



.thumbnav #paging2 {
	list-style-type: none;
	margin: 20px;
	height: 20px;
}

.thumbnav #paging2 li {
	float: left;
	margin-right: 5px;
}

.thumbnav #paging2 #first {
	float: left;
	margin: 1px 15px 0 0;
}

.thumbnav #paging2 li img {
	margin: 0;
	padding: 0;
}

.thumbnav .sidecontent img {
	margin: 52px 0 0 0;
	padding: 0;
}


/* --------------------------------------------------------------
=Page Specific
-------------------------------------------------------------- */

#staff h4 {
	margin-bottom: -10px;
}

#facilities ul ul {
	list-style-type: none;
	margin-top: 0;
	margin-left: 20px;
	font-size: 1em;
}


#facilities ul li {
	margin-bottom: 0px;
}