@charset "utf-8";
/* 	
	CSS Document for display on the screen.
	Kris McGlashan - 28 May 2007
*/

/*	Standard Stuff --------------------------------------------------------------- */

* {
	padding: 0; 
	margin: 0;
	border: none;
} 

body {
	background: black url(../img/pg_bg.jpg) no-repeat top center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	color: #d0c2a3;
}

a {
	color: #8796b7;
}

a:hover {
	color: white;
}

.right {
	float: right;
}

/*	The Page Container --------------------------------------------------------------- */

#container {
	position: relative;
	width: 930px;
	margin: auto;
	background-image: url(../img/pg_bg_ftr.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	min-height: 600px;
}

#containershort {
	position: relative;
	width: 930px;
	margin: auto;
}

/*	Skip Navigiation Block --------------------------------------------------------------- */

#top {
	width: 0;
	height: 0;
	overflow: hidden;
	speak: normal;
	voice-family: female;
}

/*	Homepage --------------------------------------------------------------- */

#homeleft {
	background-image: url(../img/homepage-1main.jpg);
	width: 551px;
	height: 586px;
	float: left;
}

#homeowl {
	background-image: url(../img/homepage-2owl.jpg);
	width: 345px;
	height: 302px;
	margin-left: 551px;
}

#homelinks {
	float: right;
	width: 379px;
	top: 227px;
}

#homelinks ul {
	list-style: none;
}

#homelinks a {
	text-decoration: none;
	display: block;
	width: 240px;
	background-repeat: no-repeat;
}

.hbtn_gallery {
	background-image: url(../img/homepage-3gal.jpg);
	height: 46px;
}
.hbtn_company {
	background-image: url(../img/homepage-4com.jpg);
	height: 44px;
}
.hbtn_artist {
	background-image: url(../img/homepage-5art.jpg);
	height: 46px;
}
.hbtn_contactus {
	background-image: url(../img/homepage-6con.jpg);
	height: 45px;
}
.hbtn_links {
	background-image: url(../img/homepage-7lin.jpg);
	height: 46px;
}

#homelast {
	background-image: url(../img/homepage-8.jpg);
	width: 345px;
	height: 57px;
}

#homeleft .alt, #homelinks .alt, #homeowl .alt, #homelast .alt {
	display:inline;
	visibility:hidden;
}


/*	Header --------------------------------------------------------------- */

#header {
	background: url(../img/pg_spirit_of_nature_art.jpg);
	height: 138px;
	width: 496px;
}

h1{
	position: absolute;
	height: 0;
	overflow: hidden;
}

.screenonly {
}

.lbtn {
	 height: 138px;
	 width: 345px;
}

/*	Navigation --------------------------------------------------------------- */

#nav {
	float: left;
	width: 240px;
	top: 138px;
}

#nav ul {
	list-style: none;
}

#nav .alt {
	display:inline;
	visibility:hidden;
}

#nav a {
	text-decoration: none;
	display: block;
	width: 240px;
	background-repeat: no-repeat;
}

.nbtn_gallery {
	background-image: url(../img/nav_1_gallery.gif);
	height: 30px;
}
.nbtn_nzwildlife {
	background-image: url(../img/nav_1a_nzwildlife.gif);
	height: 30px;
}
.nbtn_seashore {
	background-image: url(../img/nav_1b_seashore.gif);
	height: 30px;
}
.nbtn_acrylics {
	background-image: url(../img/nav_1c_acrylics.gif);
	height: 34px;
}
.nbtn_thoroughbred {
	background-image: url(../img/nav_1d_thoroughbred.gif);
	height: 31px;
}
.nbtn_toitois {
	background-image: url(../img/nav_1c1_toitoi.gif);
	height: 24px;
}
.nbtn_shells {
	background-image: url(../img/nav_1c2_shells.gif);
	height: 24px;
}
.nbtn_reds {
	background-image: url(../img/nav_1c3_geometric.gif);
	height: 24px;
}
.nbtn_ocean {
	background-image: url(../img/nav_1c4_ocean.gif);
	height: 24px;
}
.nbtn_company {
	background-image: url(../img/nav_2_company.gif);
	height: 39px;
}
.nbtn_artist {
	background-image: url(../img/nav_3_artist.gif);
	height: 39px;
}
.nbtn_contactus {
	background-image: url(../img/nav_4_contactus.gif);
	height: 39px;
}
.nbtn_links {
	background-image: url(../img/nav_5_links.gif);
	height: 39px;
}



/*	Page Content --------------------------------------------------------------- */

p {
	margin: 0 0 1em 0;
	font-size: 0.9em;
	display: block;
}

#content {
	float: left;
	width: 670px;
	left: 240px;
	top: 138px;
	min-height: 620px;
}

.breadcrumb {
	font-size: 0.6em;
	color: #8796b7;
}

h2 {
	color: #fafaaf;
	font-weight: bold;
	font-size: 1.9em;
	margin: 1em 0 0.3em 0;
}

.artist {
	color: #d0c2a3;
	font-weight: bold;
	font-size: 0.7em;
	margin: 0 0 2em 0;
}

h3{
	margin: 0 0 1em 0;
	color: #fafaaf;
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	line-height: 1.2em;
}

.img1 img, .img2 img, .img3 img, .img4 img, .img5 img, .img6 img, .img7 img, .img8 img, .img9 img, .img10 img {
	display: block;
}

.img1, .img2, .img3, .img4, .img5, .img6, .img7, .img8, .img9, .img10 {
	width: 300px;
	height: 225px;
	text-align: left;
	font-size: 0.9em;
}

.img1 {float: left;}
.img2, .img5, .img8 {float: left; margin: -100px 0 0 182px;}
.img3, .img6, .img9 {float: left; margin: -100px 0 0 364px;}
.img4, .img7, .img10 {float: left; margin: -100px 0 0 0;}


.artspecs{
	border-style: solid;
	border-color: #d0c2a3;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-right-width: 0;
	margin: 1em 0 1em 0;
	font-size: 0.95em
} 

.contactspec{
	border-style: solid;
	border-color: #d0c2a3;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-right-width: 0;
	margin: 1em 0 1em 0;
	font-size: 0.85em
} 
td {
	padding: 0 0 0.7em 0;
}

.table_col_heading{
	color: #fafaaf;
	font-style: italic;
	padding: 0 2em 0 1em;
}

.table_row_heading{
	font-weight: normal;
	font-style: italic;
	font-size: 1.2em;
	color: white;
	padding: 0.5em 0;
}



/*	Forms Stuff --------------------------------------------------------------- */

input, textarea {
	font-family: Verdana, Arial;
	font-size: 0.8em;
	width: 250px;
	padding: 0.2em;
	border: #8796b7 2px solid;
}

input.checkbox {
	border: red 2px solid;
	width: 17px;
	padding: 0;
	margin: 0;

}

input.button {
	font-weight: bold;
	width: 150px;
	color:red;
	border: red 4px solid;
	background-color: #dddddd;
	border-bottom-color: #333333;
	border-right-color: #555555;
	border-left-color: red;
	border-top-color: red;
}

input.formreq, textarea {
	border: red 2px solid;
}

input.dropbox {
	font-family: Verdana, Arial;
	font-size: 0.8em;
	width: 250px;
	padding: 0.2em;
	border: #8796b7 2px solid;
}

/*	Footer Stuff --------------------------------------------------------------- */

#footer {
	clear: both;
	width: 670px;
	margin: 0px 0 0 240px;
	padding-top: 10px;
}

#copyright {
	clear:both;
	margin: 3em 0 0 240px;
	border: #333333 thin solid;
	border-width: 1px 0 0 0;
}

.disclaimer {
	color: #666666;
	font-size: 0.6em;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0 0 2.5em 0;
}

#tracking {
	display: none;
}