@charset "iso-8859-1";
/*
*make text disappear
*size element to img size
*place img in background 
*/

/*
to target everything, use the * selector
*/

*{
	margin:0;
	padding:0;
}

body{
	font-family:Helvetica, Arial, sans-serif;
	font-size:85%;	
	color: BLACK;
}	

a, a:visited{
	color:#669999;
}

a:hover, a:active{
	color:#009999;
}

a, a:link{
	color:#003333;
}

a img{
	border:none;
}

body#links a:visited{
	text-decoration:line-through;
		color:WHITE
}

div#page{
	left:50%;
	margin:0px 0px 0px 0px;
        margin-left:-387px;
        width:775px;
        position:absolute;

}

div#content{
		margin:0px 0px 0px 0px;
		background-color: WHITE;
		font-size: 11px;
		}  
		
div#contentText{
		margin:0px 0px 0px 60px; 
		font-size: 11px;
	
}		

div#Table td {
	padding: 0px;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: justify;
	font-size: 11px;
}

div.hr{
	border-top:1px solid #999;
	height:0px;
	overflow:hidden;
	margin:1em 0;
}

div#noscript{
	color:#E53990;
	border:3px dotted WHITE;
	padding:20px;
	background-color:WHITE;
}

	div#noscript p{
		margin:0;
	}
		div#noscript p + p{
			margin-top:1em;
		}

select, textarea, input {
	font-size:1em;
	margin:0;
	padding:0;
}
select > option { /* fixes select box display in firefox, when universal margin and padding have been zero'd */
  padding: 0 5px 0 3px;
}
textarea {
	font-family:inherit;
}

p{
	margin-bottom:1em;
}	

h1#home a{
	width:53px;
	height:75px;
	background-image:url(images/topNav_home.jpg);
	background-repeat:no-repeat;
	float:left;
}

/*
use CSS selectors to target the h1 text: "find the h1 called "logo" and the span of that"
*/

h1#home span{
	position:absolute;
	left:-3000px;
}

h2 {
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:.5em;
}	

div#pageNav{
	text-align:right;
	clear:both;	  

}

div#pageNav a{
	text-decoration:none;
}

/*
there are some things which can be applied to all the topNavs... do those first! "find the ul called "topNav and go to the li's"
*/		



/* ------- TOP NAV ------- */

ul#topNav {
	list-style:none;
	margin:0px 0 0 0;
	padding:0;
	float:left;
	
}
	ul#topNav li {
		float:left;
		margin:0 0 0 0px;
	}
		ul#topNav li a {
			height:39px;
			display:block;
			background-repeat:no-repeat;
		}
		ul#topNav li.on a,
		ul#topNav li a:hover,
		ul#topNav li.on a:hover {
			background-position:0px -38px;
		}
			ul#topNav li a span {
				position:absolute;
				left:-3000px;
			}  
			

ul#topNav li#news a{
	width:82px;
	background-image:url(images/topNav_news.jpg);
}


ul#topNav li#gallery a{
	width:113px;
	background-image:url(images/topNav_art.jpg);
}


ul#topNav li#store a{
	width:91px;
	background-image:url(images/topNav_store.jpg)
}

ul#topNav li#contact a{
	width:118px;
	background-image:url(images/topNav_contact.jpg)
}


ul#topNav li#info a{
	width:64px;
	background-image:url(images/topNav_info.jpg);
}

ul#topNav li#links a{
	width:86px;
	background-image:url(images/topNav_links.jpg);
}


ul#topNav li#blog a{
	width:41px;
	background-image:url(images/topNav_blog.jpg)
}

ul#topNav li#facebook a{
	width:27px;
	background-image:url(images/topNav_facebook.jpg)
}


ul#topNav li#myspace a{
	width:29px;
	background-image:url(images/topNav_myspace.jpg);
}

ul#topNav li#twitter a{
	width:27px;
	background-image:url(images/topNav_twitter.jpg)
}


ul#topNav li#flickr a{
	width:43px;
	background-image:url(images/topNav_flickr.jpg);
}





ul#address {
	clear:both;
	height:30px;
	margin:0 0 0 0;
	background-image:url(images/topNav_address.png);
	background-repeat:no-repeat;
}

ul#address li{
	position:absolute;
	left:-3000px;
}	 


			 
/* -------- DROP DOWN MENU -------- */


#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color:black;
}



		
		/* ------- GALLERY ------- */

div#galleryLeftColumn {
	float:left;
	display:inline;
	width:420px;
	margin:0px 10px 20px 10px;
}

div#galleryLeftColumn h2{
	font-weight:normal;
}

div#galleryRightColumn{
	float:left;
	display:inline;
	width:220px; 
	margin:0px 0px 0px 0px;
}

div#galleryText{
	margin:10px 10px 10px 10px;
	line-height:1.4em;
}

	
	.oneColFixCtrHdr #container {
	position: relative;
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0px 50px; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 700px;
	padding-top: 100px;
	padding-left: 0px;	/*keeps the content off the left side of the browswer (780 w + 20 pad = 800 total)*/
}
.oneColFixCtrHdr #header {
	background: #fff;
	padding: 0px 0px 0px 0px;/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	font-family:Arial, Helvetica, sans-serif;
}
.oneColFixCtrHdr #mainart {
	position: absolute;
	width: 560px;
	height: 560px;
	top: 120px; /*inherit the properties of the above sections, but place the top of the div 50px down*/
}

.oneColFixCtrHdr #mainartB {
	position: absolute;
	width: 560px;
	height: 560px;
	top: 140px; /*inherit the properties of the above sections, but place the top of the div 50px down*/
}

#mainart a:link {
	text-decoration: none;
	font-style:normal;
	color:#FFF
		
}
.oneColFixCtrHdr #mainart a:hover {
	text-decoration: none;
	font-style:normal;
	color:#000
	
}
.oneColFixCtrHdr #mainart a:visited {
	text-decoration: none;
	font-style:normal;
	color:#333
}
.oneColFixCtrHdr #thumbs {
	position: absolute;
	width: 775px;
	height: 180px;
	top: 350px;
	left: 0px;
}

.oneColFixCtrHdr #thumbsB {
	position: absolute;
	width: 775px;
	height: 180px;
	top: 200px;
	left: 600px;
}
.oneColFixCtrHdr #verbage {
	position: absolute;
	width: 170px;
	height:100px;
	top: 500px;
	left: 610px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000;
	vertical-align: top;
	text-align: left;
}

.oneColFixCtrHdr #verbageB {
	position: absolute;
	width: 170px;
	height: 80px;
	top: 250px;
	left: 610px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000;
	vertical-align: top;
	text-align: left;
}

.oneColFixCtrHdr #navigation {
	position: absolute;
	width: 100px;
	height: 100px;
	top: 120px;
	left: 610px;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 20px;  /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	font-size: 14px;
	color:#000
} 
.oneColFixCtrHdr #mainContent {
	padding: 40px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}


	


/* ------- MAILING LIST ------- */



div#mailingListLeftColumn{
	float:left;
	display:inline;
	width:300px;
	margin:0px 0px 10px 10px;

		
}

div#mailingListRightColumn{
	float:right;
	display:inline;
	width:380px;
	height:545;
	margin:0px 0px 0px 0;
		background-image:url(images/bkgwhite2.png); 	

}

div#mailingListRightColumn h2{
	font-weight:bold;
		margin-bottom:15px;	
		background-image:url(images/bkgwhite2.png); 
			 	
	
}

div#mailingListText{
	width:90%;	   
	text-align: center;
		margin-top:.5em;
		margin-left:1.5em;
		line-height:1.15em;
		background-image:url(images/bkgwhite2.png); 
}

div#mailingListText ul{
	width:90%;		   
	text-align: center;
		margin-top:.5em;
		margin-left:1.5em;
		line-height:1.15em;
	list-style:none;

		
}
   		
		
		/* ------- SPLASH------- */



div#splashColumn{
	float:left;
	display:inline;
	width:775px;
	margin:0px 0px 0px 0px;

	}
	
	div#scrollColumn{
	float:left;
	display:inline;
	width:775px; 
	margin:0px 0px 0px 0px;
	background-image:url(images/bkgwhite3.png); 
	position:absolute;
	top:460px;
	left:0px;

		
}

	div#scrollColumnH{
	float:left;
	display:inline;
	width:300px;
	margin:20px 0px 10px 0px;
	background-image:url(images/bkgwhite3.png); 
	position:absolute;
	top:100px;
	left:0px;

		
}

	div#footer{
	float:left;
	display:inline;
	width:775px;
	margin:0px 0px 0px 0px;
	background-image:url(images/bkgwhite3.png); 
	position:absolute;
	top:460px;
	left:0px;
	

		
}

			 	
  		

/* ------- ABOUT ------- */

div#aboutLeftColumn {
	float:left;
	display:inline;
	width:400px;
	margin:0px 10px 20px 10px;
}

div#aboutLeftColumn h2{
	font-weight:normal;
}

div#aboutRightColumn{
	float:right;
	display:inline;
	width:350px;
	margin:0px 10px 10px 10px;
	list-style:none;
	line-height:1.5em;
	margin:0px 0px 0 0;
}

div#aboutText{
	margin:5px 15px 5px 15px;
	line-height:1.4em;
	font-size: 11px;
}




/* ------- LINKS ------- */

ul#linksContent {
	float:left;
	display:inline;
	width:320px;
	
}
ul#linksContent, ul#linksContent2{
	list-style:none;
	line-height:1.3em;
	float:left;	  
	margin-left:1.5em;
	margin-right:1.5em;
	
}

div#linksLeftColumn{
	float:left;
	display:inline;
	width:400px;
	margin:0px 10px 10px 10px;
	list-style:none;
	line-height:1.5em;
	float:left;	  	

}

div#linksRightColumn{
	float:right;
	display:inline;
	width:330px;
	margin:20px 0px 0px 0px;
	list-style:none;
	line-height:1.5em;

	
	
}		






/* ------- CONTACT US ------- */

ul#contactContent{
	list-style:none;
	line-height:1.3em;
}

div#contactLeftColumn{
	float:left;
	display:inline;
	margin:0px 0px 0px 0px;
	
}

div#contactRightColumn{
	float:right;
	display:inline;
	margin:0 0 0 0;
	width:512px;
}

div#contactText{
	margin-right:25px;
	line-height:1.5em;
	font-size: 11px;
}	

/* ------- CREDITS ------- */

ul#creditsContent{
	list-style:none;
	line-height:1.3em;
}

div#creditsLeftColumn{
	float:left;
	display:inline;
	margin:0px 5px 10px 10px;
}

div#creditsRightColumn{
	float:right;
	display:inline;
	width:340px;
	margin:0px 0 10px 10;
}

div#creditsText{
	margin-right:25px;
	line-height:1.5em;
}	


/* ------- BOTTOM NAV ------- */

div#bottomBar{ 
	clear:both;
	background-color:##999999;
	height:30px;
	background-repeat:no-repeat;
	background-position:right; 
		margin:0px 0px 0px 0px;	
			background-image:url(images/bottomBar.jpg);
	background-repeat:no-repeat;

		
}