body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background: #000000  url('images/backgrad.png') repeat-x;
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: auto;
}






html {
		height: 100%;
		overflow: hidden;
	}
	

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

a:link{
	color: #fff;
}
a:visited{
	color: #0066FF;
}
a:active{color: #CC33FF}
a:hover{color:#6600FF}


/* Image Viwer Fron Pageccccneeded for IE to make :active state work first time */
a, a:visited {
	color:#fff;
	text-decoration: none;
} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {
	display:block;
	display:inline-block;
	color:#FFFFFF;
	text-decoration:none;
	border:1px solid #FFF;
	width:60px;
	height:47px;
	float:left;
	margin:4px;	/*z-index:50;*/
}
a.slidea {background-image: url(images/testimage.jpg);}
a.slideb {background:url(images/shardview.jpg);}
a.slidec {background:url(images/wingview.jpg);}
a.slided {background:url(images/treeview.jpg);}
a.slidee {background:url(images/rainview.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #9999FF;}



/* styling for quick frontpage gallery */
#container_left {
	position:relative;
	width:390px;
	height:300px;
	margin:1em auto;
	background-image: url(images/gback.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#container_left img {border:0;}
#container_left .thumbs {width:100px; position:absolute; left:0; top:0;}
#container_left a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:265px; left:175px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_left a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_left a.gallery:active, #container_left a.gallery:focus {border:1px solid #000;}
#container_left a.gallery:active em, #container_left a.gallery:focus em {
	display:block;
	top:5px;
	position:absolute;
	width:300px;
	height:300px;
	left:80px;
	color:#000;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	z-index:50;
}


/* Main Setup*/


#container {
	position: relative;
	width: 1100px;
	background-color: #FFFFFF;
	height: 853px;
	margin: auto;
	vertical-align: top;
	
		}
		
#right {
	background-image: url(images/right.png);
	background-repeat: no-repeat;
	height: 61px;
	width: 548px;
	position:absolute;
	top: 140px;
	left: 552px
	
}

#navpad {
	background-image: url(images/navshift.png);
	background-repeat: no-repeat;
	height: 61px;
	width: 144px;
	position:absolute;
	top:140px;
	left:0px
}

#header {
	height: 140px;
	background-image: url(images/header.png);
	width: 1100px;
	margin: 0px;
	background-repeat: no-repeat;
		}
		
#long {
	background-image: url(images/thin.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 1100px;
	position:absolute;
	top:201px
}

#main {
	background-image: url(images/main.jpg);
	background-repeat: no-repeat;
	height: 455px;
	width: 1100px;
	position: absolute;
	top: 233px
}



#text {
	width: 750px;
	margin-left: 180px;
	margin-top:50px;
	position: absolute;
	padding: 5px;
	color: #FFFFFF;
}

.col {
	float: left;
	width: 150px;
	margin-right: 20px;

}

.miniview {
	width: 400px;
	float:left;
	border: 1px solid #403e31;
	margin-right: 5px;}




#text h1{
	font-size: 1em;
	background-color: #403e31;
	text-transform: capitalize;
}


#text h2{
	font-size: 1em;
	text-transform: capitalize;
	border: thin solid #403e31;
}


#footer{
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
	height: 191px;
	width: 1100px;
	position: absolute;
	top: 688px;
	float:none
}

#navholder{ 
height: 61px;
	margin-left: 144px;
	postion: absolute;
	top: 140px;
	width: 408px
}



/*Button Navigation*/

ul#nav {
	background-image: url(images/buttonback.png);
	background-repeat: no-repeat;  
	width: 408px
	}

ul#nav li {  list-style-type:none }
ul#nav li a {
	height:61px;
	display:block;
	position:absolute;
	top:140px;
	text-indent:-9999px;
	outline:none;
	margin-left:144px
}

li#navhome a, li#navport a, li#navnews a, li#navcontact a { background:url(images/buttonback.png)}

/*  
Measurements for the nav image replacement:

	The distance from the top to the...

	initial state = 0
	rollover state = 61px
	selected state = 122px

	The distance from the far-left to the...

	home = 0
	portfolio = 100px
	news = 200px
	contact = 280px
	

	The width of the...

	home =100px
	portfolio = 100px
	news= 80px
	contacts = 128px
	
*/

li#navhome a 					{ background-position:0 0; width:100px; left:0px }
li#navhome a:hover				{ background-position:0 -61px }
body#pagehome li#navhome a 			{ background-position:0 -122px }

li#navport a 					{ background-position:-100px 0; width:100px; left:100px }
li#navport a:hover				{ background-position:-100px -61px }
body#pageport li#navShop a 			{ background-position:-100px -122px }

li#navnews a 				{ background-position:-200px 0; width:80px; left:200px }
li#navnews a:hover				{ background-position:-200px -61px }
body#pagenews li#navArtists a 		{ background-position:-200px -122px }

li#navcontact a 					{ background-position:-280px 0; width:128px; left:280px }
li#navcontact a:hover				{ background-position:-280px -61px }
body#pagecontact li#navLinks a 			{ background-position:-280px -122px }




/*Gallery Navigation*/

ul#galnav {
	background-image: url(images/portmap.png);
	background-repeat: no-repeat;  
	
	}

ul#galnav li {  list-style-type:none }
ul#galnav li a {
	height:414px;
	display:block;
	position:absolute;
	left: 144px;
	top:0px;
	text-indent:-9999px;
	outline:none;
}

li#galphoto a, li#galvect a, { background:url(images/portmap.png)}

/*  
Measurements for the gallery image :

	The distance from the top to the...

	initial state = 0
	rollover state = 414px
	selected state = 828px

	The distance from the far-left to the...

	photo= 400
	vect = 600px
	

	The width of the...

	photo =200px
	vect = 200px
	
	
*/

#gallholder{
	position:absolute
	width: 798px;
	height: 414px;
	margin-left: 144px;
	top: 233px}

li#galphoto a 					{ background-position:0 0; width:200px; left:0px }
li#galphoto  a:hover				{ background-position:0 -414px }

li#galvec a 					{ background-position:-400px 0; width:400px; left:400px }
li#galvec a:hover				{ background-position:-400x -414px }