@charset "UTF-8";

/*  ================ Reset ========================== */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/*  ================================================= */

div#header {
	width:742px;
	height:95px;
	margin:4px;
	background-color:#666701;
}
div#headerLarge {
	width:742px;
	height:182px;
	margin:4px;
	background-color:#666701;
}
div#logo {
	width:263px;
	height:40px;
	margin:18px 0 0 17px;
	float:left;
	background:url(images/nav/logo.jpg) no-repeat top left;
	
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
	text-indent:-9999px;
}
ul#nav {
	display:inline;
	float:right;
	width:430px;
	margin-top:70px;
}

ul#nav li{
	display:inline;
}
ul#nav li a {
	margin-right:10px;
	/*display:block;
	text-indent:-9999px;*/
	height:11px;
	color:#FFFFFF;
}
ul#nav li a:hover {
	/*background-position:top right;*/
	color:#081f00;
}
li a#navHome {
	background:transparent url(images/nav/home.jpg) no-repeat top left;
	width:27px;
}
li a#navBiography {
	background:transparent url(images/nav/biography.jpg) no-repeat top left;
	width:52px;
}
li a#navSchedule {
	background:transparent url(images/nav/schedules.jpg) no-repeat top left;
	width:52px;
}
li a#navGallery {
	background:transparent url(images/nav/gallery.jpg) no-repeat top left;
	width:35px;
}
li a#navStudio {
	background:transparent url(images/nav/studio.jpg) no-repeat top left;
	width:33px;
}
li a#navProcess {
	background:transparent url(images/nav/process.jpg) no-repeat top left;
	width:39px;
}
li a#navTools {
	background:transparent url(images/nav/tools.jpg) no-repeat top left;
	width:25px;
}
li a#navContact {
	background:transparent url(images/nav/contact.jpg) no-repeat top left;
	width:39px;
}

div#homeLCol {
	width:406px;
	height:256px;
	margin-left:4px;
	float:left;
}
div#homeRCol {
	width:332px;
	height:256px;
	margin-left:4px;
	float:left;
}

div#portrait {
	float:left;
	width:160px;
	height:222px;
	padding:5px;
	margin:0 30px 20px 0;
	border:solid 1px;
}
div#biography {
   margin:20px 40px;
}
div#biography h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:48px;
	padding:20px 0 25px 0;
}
div#biography h3 {
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:24px;
	padding:15px 0 5px 0;
}
span.callout {
   font-style:italic;
   font-weight:bold;
}
p.bio {
   padding-bottom:15px;
   border-bottom:solid 1px #CCCCCC;
}

/*
#biography {
   visibility: visible;
   position: absolute;
   left: 32px;
   top: 112px;
   z-index: 1;
   width: 677px;
   height: 1029px;
}
*/

#containerBiography  {
   margin:0 auto;
   margin-top:20px;
   margin-bottom:20px;
   padding:0;
   width:750px;
   /*position:absolute;*/
   background-color: #FFFFFF;
   border:solid 1px #999999;
}

#homeText {
	font: 11px/16px Arial;
	margin:90px 0 0 75px;
	width: 335px;
	float:left;
}

#homeText h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
}

#homeText a {
	color:#666666;
}

#homeText a:hover {
	color:#000000;
}
#leftImg {
   height:343px;
   width:254px;
   margin-left:4px;
   float:left;
}

// Contact 
div#yeah {
	width:250px;
	margin:40px;
	float:left;
}
#contactText {
	font-size:11px;
	line-height:18px;
	width:200px;
	height:300px;
	margin:20px;
	float:left;
}
#contactText a:hover  {
	color:#000000;
}
#contactText a {
	text-decoration: none;
	color: #666666;
}
#contactText h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	line-height:24px;
}
#contactLine {
	background: url(images/contact-line.jpg) no-repeat;
	visibility: visible;
	position: absolute;
	left: 507px;
	top: 110px;
	z-index: 1;
	width: 1px;
	height: 329px;
}

#mapimg {
	visibility: visible;
	position: absolute;
	left: 540px;
	top: 209px;
	z-index: 1;
	width: 175px;
	height: 175px;
}




/* ==================== Typography =================== */

body { 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
}

p { margin:16px 0 0 0; }
/*
#hd h1 {
text-indent:-9999px;
display:inline;
height: 18px; 
width: 294px;
background: transparent url(../images/shalesmcnutt-logo.gif) no-repeat;
}

#hd h2 {
text-indent:-9999px;
display:inline;
height: 33px; 
width: 138px;
background: transparent url(../images/smc-logo.gif) no-repeat;
}

h3 {
font-size:18px;
font-weight:bold;
}

h4 {
font-weight:bold;
}

h5 {
font-size:24px;
font-weight:bold;
margin:0 0 5px 0;
}

h6 {
font-size:14px;
font-weight:bold;
}
*/
/*  ================================================= */


a  {
   text-decoration: none;
   color: #000000;
}

a ins  {
   text-decoration: none;
}

#textimg  {
   visibility: visible;
   position: absolute;
   left: 377px;
   top: 131px;
   z-index: 1;
   width: 254px;
   height: 286px;
}

#enter a {
	position:absolute;
	left:682px;
	top:205px;
	width:55px;
	height:11px;
	background:url(/images/enter.png) no-repeat;
	z-index:5;
}

#enter a:hover {
	position:absolute;
	left:682px;
	top:205px;
	width:55px;
	height:11px;
	background:url(/images/enter_roll.png) no-repeat;
	z-index:5;
}


	

#id93processbutton a,
#homebutton a,
#id95contactbutton a,
#id115indexbutton a,
#id121toolsbutton a,
#id122contactbutton a,
#id117schedulesbutton a,
#id90schedulesbutton a,
#id94toolsbutton a,
#id120processbutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 11px;
   background-position: 0% 0px;
   font-size: 11px;
   line-height: 11px;
}


#container,
#hznhome2,
#hznpid28primitive,
#hznhome,
#hznviewschedule,
#hznpid30contact,
#hznpid26schedules,
#hznpid27gallery,
#hznpid29primitive  {
   width: 100%;
   height: 1px;
   overflow: visible;
   position: absolute;
   top: 50%;
   left: 0px;
}

#pid28primitive,
#pid30contact,
#home2,
#pid26schedules,
#home,
#pid27gallery,
#pid29primitive  {
   width: 750px;
   height: 450px;
   position: absolute;
   margin-left: -375px;
   left: 50%;
   top: -225px;
   background-color: #FFFFFF;
}

#id116biographybutton a:hover,
#id117schedulesbutton a:hover  {
   background-position: -52px 0%;
}

#id120processbutton a:hover,
#id122contactbutton a:hover  {
   background-position: -39px 0%;
}

#id106indexbutton a:hover,
#id128home2button a:hover  {
   background-position: -263px 0%;
}

#upbutton a:hover,
#id118gallerybutton a:hover  {
   background-position: -35px 0%;
}

#doorsimg,
#turtleimg,
#gallerythumbsheet  {
   visibility: visible;
   position: absolute;
   left: 4px;
   top: 103px;
   z-index: 1;
   height: 343px;
}
#gallerythumbsheet  {
   width: 742px;
}

#id128home2button a,
#id106indexbutton a  {
   background: url(images/nav/logo.jpg) no-repeat 0% 0px;
   display: block;
   height: 30px;
   width: 263px;
   font-size: 30px;
   line-height: 30px;
}

#nextbutton a:hover,
#prevbutton a:hover  {
   background-position: -16px 0%;
}

#id106indexbutton,
#id128home2button  {
   visibility: visible;
   position: absolute;
   left: 21px;
   top: 22px;
   z-index: 3;
   width: 263px;
   height: 30px;
}

#gallerythumbsheet .thumbwrapper  {
   position: relative;
   float: left;
   margin: 0px;
   padding: 5px;
   width: 42px;
   height: 42px;
}

#prevbutton a,
#nextbutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 16px;
   width: 16px;
   background-position: 0% 0px;
   font-size: 16px;
   line-height: 16px;
}

#downloadentrybutton a:hover  {
   background-position: -210px 0%;
}

#id119studiobutton a:hover  {
   background-position: -33px 0%;
}

#id115indexbutton a:hover  {
   background-position: -27px 0%;
}

#id133home2button a:hover  {
   background-position: -75px 0%;
}

#id121toolsbutton a:hover  {
   background-position: -25px 0%;
}

#prevbutton,
#nextbutton  {
   visibility: visible;
   position: absolute;
   top: 415px;
   z-index: 1;
   width: 16px;
   height: 16px;
}

#gallerypicturebox table  {
   width: 100%;
   height: 100%;
}

#id117schedulesbutton a  {
   width: 52px;
   background-image: url(pid28primitivemedia/id117schedulesbutton.jpg);
}

#id116biographybutton a  {
   background: url(pid28primitivemedia/id116biographybutton.jpg) no-repeat 0% 0px;
   display: block;
   height: 15px;
   width: 52px;
   font-size: 15px;
   line-height: 15px;
}

#id90schedulesbutton a  {
   width: 52px;
   background-image: url(pid28primitivemedia/id117schedulesbutton.jpg);
}

#downloadentrybutton a  {
   background: url(homemedia/downloadentrybutton.jpg) no-repeat 0% 0px;
   display: block;
   height: 10px;
   width: 210px;
   font-size: 10px;
   line-height: 10px;
}

#id118gallerybutton a  {
   background: url(pid28primitivemedia/id118gallerybutton.jpg) no-repeat 0% 0px;
   display: block;
   height: 14px;
   width: 35px;
   font-size: 14px;
   line-height: 14px;
}

#id120processbutton a  {
   width: 39px;
   background-image: url(pid28primitivemedia/id120processbutton.jpg);
}

#id116biographybutton  {
   visibility: visible;
   position: absolute;
   left: 392px;
   top: 77px;
   z-index: 3;
   width: 52px;
   height: 15px;
}

#id122contactbutton a  {
   width: 39px;
   background-image: url(pid28primitivemedia/id122contactbutton.jpg);
}

#id117schedulesbutton  {
	visibility: visible;
	position: absolute;
	left: 455px;
	top: 78px;
	z-index: 3;
	width: 52px;
	height: 11px;
	font-style: italic;
}

#id95contactbutton a  {
   width: 39px;
   background-image: url(pid28primitivemedia/id122contactbutton.jpg);
}

#id93processbutton a  {
   width: 39px;
   background-image: url(pid28primitivemedia/id120processbutton.jpg);
}

#id119studiobutton a  {
   background: url(pid28primitivemedia/id119studiobutton.jpg) no-repeat 0% 0px;
   display: block;
   height: 12px;
   width: 33px;
   font-size: 12px;
   line-height: 12px;
}

#downloadentrybutton  {
	visibility: visible;
	position: absolute;
	left: 472px;
	top: 339px;
	z-index: 3;
	width: 210px;
	height: 10px;
}

#id121toolsbutton a  {
   width: 25px;
   background-image: url(pid28primitivemedia/id121toolsbutton.jpg);
}

#id122contactbutton  {
   visibility: visible;
   position: absolute;
   left: 694px;
   top: 78px;
   z-index: 3;
   width: 39px;
   height: 11px;
}

#id118gallerybutton  {
   visibility: visible;
   position: absolute;
   left: 518px;
   top: 78px;
   z-index: 3;
   width: 35px;
   height: 14px;
}

#id120processbutton  {
   visibility: visible;
   position: absolute;
   left: 608px;
   top: 81px;
   z-index: 3;
   width: 39px;
   height: 11px;
}

#id133home2button a  {
   background: url(homemedia/id133home2button.jpg) no-repeat 0% 0px;
   display: block;
   height: 9px;
   width: 75px;
   font-size: 9px;
   line-height: 9px;
}

#id115indexbutton a  {
   width: 27px;
   background-image: url(pid28primitivemedia/id115indexbutton.jpg);
}

#id94toolsbutton a  {
   width: 25px;
   background-image: url(pid28primitivemedia/id121toolsbutton.jpg);
}

#id119studiobutton  {
   visibility: visible;
   position: absolute;
   left: 564px;
   top: 77px;
   z-index: 3;
   width: 33px;
   height: 12px;
}

#id103greenbarcopy  {
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 1;
   width: 750px;
   height: 99px;
   background-color: #666600;
   background-image: none;
}

#gallerypicturebox  {
   visibility: visible;
   position: absolute;
   left: 94px;
   top: 125px;
   z-index: 1;
   width: 549px;
   height: 300px;
}

#id133home2button  {
	visibility: visible;
	position: absolute;
	left: 541px;
	top: 362px;
	z-index: 3;
	width: 75px;
	height: 9px;
}

#id115indexbutton  {
   visibility: visible;
   position: absolute;
   left: 354px;
   top: 78px;
   z-index: 3;
   width: 27px;
   height: 11px;
}

#id121toolsbutton  {
   visibility: visible;
   position: absolute;
   left: 658px;
   top: 78px;
   z-index: 3;
   width: 25px;
   height: 11px;
}

#id104borderimg  {
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 2;
   width: 750px;
   height: 99px;
}

#prevbutton a  {
   background-image: url(images/prevbutton.jpg);
}

#homebutton a  {
   width: 27px;
   background-image: url(images/id115indexbutton.jpg);
}

#nextbutton a  {
   background-image: url(images/nextbutton.jpg);
}

#prevbutton  {
   left: 697px;
}

#upbutton a  {
   background: url(images/upbutton.jpg) no-repeat 0% 0px;
   display: block;
   height: 35px;
   width: 35px;
   font-size: 35px;
   line-height: 35px;
}

#nextbutton  {
   left: 718px;
}

#upbutton  {
   visibility: visible;
   position: absolute;
   left: 11px;
   top: 405px;
   z-index: 1;
   width: 35px;
   height: 35px;
}
/*
#greenbar  {
   visibility: visible;
   position: absolute;
   left: 4px;
   top: 4px;
   z-index: 1;
   width: 742px;
   height: 182px;
   background-color: #666600;
   background-image: none;
}
*/
#border  {
   background: url(images/border.jpg) no-repeat;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 2;
   width: 750px;
   height: 450px;
}

.sgthumb:hover  {
   border-color: #C0C0C0;
}

.sgthumb  {
   border: 1px solid #808080;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   display: block;
   width: 42px;
   height: 42px;
}

html, body  {
   padding: 0px;
   margin: 0px;
   background-color: #9C9C9C;
}


//  View Schedule ///////////////////////
#backgroundcopy  {
   background: url(viewschedulemedia/backgroundcopy.jpg) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 1;
   width: 1200px;
   height: 921px;
}

#viewschedule  {
   width: 1200px;
   height: 921px;
   position: absolute;
   margin-left: -600px;
   left: 50%;
   top: -460px;
   background-color: #FFFFFF;
}



// Gallery ///////////////////////////
#primitivebutton a:hover  {
   background-position: -146px 0%;
}

#detailbutton a:hover  {
   background-position: -103px 0%;
}

#primitivebutton a  {
   background: url(images/primitive.jpg) no-repeat 0px 0%;
   display: block;
   height: 253px;
   width: 146px;
   font-size: 253px;
   line-height: 253px;
}

#primitivebutton  {
   position: absolute;
   left: 213px;
   top: 144px;
   width: 146px;
   height: 253px;
}

#detailbutton a  {
   background: url(images/detail.jpg) no-repeat 0px 0%;
   display: block;
   height: 208px;
   width: 103px;
   font-size: 208px;
   line-height: 208px;
}

#detailbutton  {
   position: absolute;
   left: 412px;
   top: 178px;
   width: 103px;
   height: 208px;
}

#galLine  {
   background: url(images/gallery-line.jpg) no-repeat;
   visibility: visible;
   position: absolute;
   left: 384px;
   top: 154px;
   z-index: 1;
   width: 1px;
   height: 221px;
}

// pid20biography ///////////////////////////
#id89biographybutton a:hover,
#id90schedulesbutton a:hover  {
   background-position: -52px 0%;
}

#id95contactbutton a:hover,
#id93processbutton a:hover  {
   background-position: -39px 0%;
}

#id91gallerybutton a:hover  {
   background-position: -35px 0%;
}

#id92studiobutton a:hover  {
   background-position: -33px 0%;
}

#id94toolsbutton a:hover  {
   background-position: -25px 0%;
}

#id79indexbutton a:hover  {
   background-position: -263px 0%;
}

#id89biographybutton a  {
   background: url(pid28primitivemedia/id116biographybutton.jpg) no-repeat 0% 0px;
   display: block;
   height: 15px;
   width: 52px;
   font-size: 15px;
   line-height: 15px;
}

#id89biographybutton  {
   visibility: visible;
   position: absolute;
   left: 392px;
   top: 77px;
   z-index: 3;
   width: 52px;
   height: 15px;
}

#id91gallerybutton a  {
   background: url(pid28primitivemedia/id118gallerybutton.jpg) no-repeat 0% 0px;
   display: block;
   height: 14px;
   width: 35px;
   font-size: 14px;
   line-height: 14px;
}

#id90schedulesbutton  {
   visibility: visible;
   position: absolute;
   left: 455px;
   top: 78px;
   z-index: 3;
   width: 52px;
   height: 11px;
}

#id92studiobutton a  {
   background: url(pid28primitivemedia/id119studiobutton.jpg) no-repeat 0% 0px;
   display: block;
   height: 12px;
   width: 33px;
   font-size: 12px;
   line-height: 12px;
}

#homebutton a:hover  {
   background-position: -27px 0%;
}

#id91gallerybutton  {
   visibility: visible;
   position: absolute;
   left: 518px;
   top: 78px;
   z-index: 3;
   width: 35px;
   height: 14px;
}

#id79indexbutton a  {
   background: url(pid28primitivemedia/id106indexbutton.jpg) no-repeat 0% 0px;
   display: block;
   height: 30px;
   width: 263px;
   font-size: 30px;
   line-height: 30px;
}

#id95contactbutton  {
   visibility: visible;
   position: absolute;
   left: 694px;
   top: 78px;
   z-index: 3;
   width: 39px;
   height: 11px;
}

#id93processbutton  {
   visibility: visible;
   position: absolute;
   left: 608px;
   top: 81px;
   z-index: 3;
   width: 39px;
   height: 11px;
}

#id76greenbarcopy  {
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 1;
   width: 750px;
   height: 99px;
   background-color: #666600;
   background-image: none;
}

#id92studiobutton  {
   visibility: visible;
   position: absolute;
   left: 564px;
   top: 77px;
   z-index: 3;
   width: 33px;
   height: 12px;
}

#id79indexbutton  {
   visibility: visible;
   position: absolute;
   left: 21px;
   top: 22px;
   z-index: 3;
   width: 263px;
   height: 30px;
}

#id94toolsbutton  {
   visibility: visible;
   position: absolute;
   left: 658px;
   top: 78px;
   z-index: 3;
   width: 25px;
   height: 11px;
}

#id77borderimg  {
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 2;
   width: 750px;
   height: 99px;
}

#homebutton  {
   visibility: visible;
   position: absolute;
   left: 354px;
   top: 78px;
   z-index: 3;
   width: 27px;
   height: 11px;
}

// Schedules ///////////////////////////
#downloadschedulebutton a:hover  {
   background-position: -264px 0%;
}

#viewschedulebutton a:hover  {
   background-position: -328px 0%;
}

#downloadschedulebutton a  {
   background: url(schedulesmedia/downloadschedulebutton.jpg) no-repeat 0% 0px;
   display: block;
   height: 23px;
   width: 264px;
   font-size: 23px;
   line-height: 23px;
}

#downloadschedulebutton  {
   visibility: visible;
   position: absolute;
   left: 36px;
   top: 270px;
   z-index: 1;
   width: 264px;
   height: 23px;
}

#viewschedulebutton a  {
   background: url(images/view-schedule.jpg) no-repeat 0% 0px;
   display: block;
   height: 25px;
   width: 328px;
   font-size: 25px;
   line-height: 25px;
}

#viewschedulebutton  {
   visibility: visible;
   position: absolute;
   left: 36px;
   top: 227px;
   z-index: 1;
   width: 328px;
   height: 25px;
}

#schedulebackground  {
   background: url(images/schedule-bg.jpg) no-repeat;
   visibility: visible;
   position: absolute;
   left: 375px;
   top: 99px;
   z-index: 3;
   width: 375px;
   height: 351px;
}