* {
padding:0;
margin:0;
}

html { min-height: 100%; margin-bottom: 1px; }  /* FireFox Page-Shift Fix */

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #fff;
	color: #fff;
}
/*General Typography and headings*************************************/
h1 {
	font-size: 170%;
	color: #fff;
	background:  url(../images/h1_bg.gif) no-repeat top left;
	padding: 10px 0 15px 10px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top:0;
	letter-spacing: .3em;
}

h2 {
	font-size: 125%;
	font-weight: bold;
	padding: 3px;
	color: #778175;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	margin:10px 0 10px 4px;
}

h3 {
	font-size: 100%;
	padding: 3px;
	font-weight: bold;
	color: #778175;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	margin:10px 0 10px 4px;
}

h4 {
	font-size: 90%;
	padding: 3px;
	font-weight: bold;
	color: #778175;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0 5px 5px 4px;
	line-height: 1.8em;
}

p {
	font-size: 100%;
	margin-top:10px;
	line-height: 125%;
	color: #000000;
}

ul {
	font-size: 80%;
	margin-left: 20px;
	margin-top:10px;

}

a {
color:#003300;	
text-decoration: underline;
}

a:hover {
text-decoration: underline;


}


/*Custonm classes and IDs - page layouts*************************************/

#header {
	background-color: #fff;
	text-align: center;
	}

#content {
   padding-left: 10px;
    margin-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	font-size: 75%;
	background: url(../images/mid_content_bg.gif) repeat-y;
	}
	
#product_gallery #content{ 
  padding-left: 10px;
  height: 300px;
    margin-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	font-size: 75%;
	background: url(../images/prod_gall_midbg.gif) repeat-y;

}

#product_gallery p {


}

#footer {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align:center;

}

/*.col_half {
	float: left;
	width: 47.9%;
	padding-right: 1%;
	padding-left: 1%;
}*/

#home .large_col, #artist .large_col, #contact .large_col {
    background: #EAEEEB;
	float: left;
	width: 410px;
	padding-right: 1%;
	padding-left: 2%;
	color: #808A7D;
}


#home .small_col, #artist .small_col, #contact .small_col {
float:left;
width: 288px;
margin-left: 13px;
padding-left: 1%;
}

#product_gallery .small_col {
background: #D4DBD4;
float:left;
width: 288px;

padding-left: 1%;
}

#product_gallery .large_col {
float: right;
width: 410px;

color: #808A7D;
}

img.display_image {
   text-align:center;
   margin-top: -4%;
   padding: 0 2% 2% 4%;
  
}

img.contact_display {
padding: 10px 40px 40px 40px;
}

.large_col p, .small_col p {
padding: 0 5px 5px 4px;
font-size: 90%;
line-height: 1.8em;
}

.overflow { 
height: 310px;
overflow:auto;
padding: 0;
margin: 0 20px 0 0;
}


.head_float_right {
	float: right;
	width:49.9%;
}

.head_centre {
    width:49.9%;
	text-align:center;
	background: #fff;
	margin: auto 0;
}

.head_float_left {
	float: left;
	width:50%;
}
.center {
	text-align: center;
}
.clear {
	clear: both;
	line-height: 1px;
	height: 1px;
	font-size: 1px;
	color: #FFFFFF;
}

#wrapper {
	width: 744px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

#footer .col_one_third {
	text-align: center;
}

div.top_content {
   height: 11px;
   background:  url(../images/top_content.gif) no-repeat top left;
}

#product_gallery div.top_content {
   height: 11px;
   background:  url(../images/gallery_top_content.gif) no-repeat top left;
}


div.bottom_content {
   clear:left;
   height: 11px;
   background: url(../images/bottom_content.gif) no-repeat bottom left;
}


#product_gallery div.bottom_content {
   height: 11px;
   background:  url(../images/gallery_bottom_content.gif) no-repeat top left;
   }

/*div.heading_top {
height: 5px;
background:url(../images/heading_top_corners.gif) no-repeat top left;
padding: 0;
}

div.heading_bottom {
	width: 95%;
height: 5px;
background:url(../images/heading_bottom_corners.gif) no-repeat top left;
*/

/*forms*************************************/
#verticalForm  {

 	width: 350px; 
	border: 1px solid #ADBAAE;
	float: left;
	margin: 20px 5px 0 5px;
	padding: 10px 10px 10px 10px;
	font-size: 75%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#verticalForm fieldset
{
	margin:0;	
	width: 250px;
	padding: 10px 1em 1em 0;
	border: 0px none;
	
}

#verticalForm input {
    float:left;
	display: block;
    width: 250px;
	margin-top: 2px;
	border: 1px solid #666666;
	padding-left: 5px;
}

#verticalForm input.hidden
{
	display: none;
}

#verticalForm input:focus{
	display: block;
	width: 250px;
	margin-top: 2px;
	border: 1px solid #27238C;
	-moz-border-radius:4px;
	padding-left: 5px;
}

#verticalForm textarea{
float:left;
	display: block;
    width: 250px;
	border: 1px solid #666666;
	padding-left: 5px;
	height: 75px;
}

#verticalForm textarea:focus{
	display: block;
	width: 90%;
	margin-top: 2px;
	border: 1px solid #27238C;
	-moz-border-radius:4px;
	padding-left: 5px;
	height: 75px;
}

#verticalForm label {   
    float:left;
	margin-bottom: 10px;
}

#verticalForm select
{
	display: block;
}
#verticalForm input.button {
	float: right;
	clear: none;
	border: 1px solid #27238C;
   -moz-border-radius:4px;
	background-color: #fff;
	margin-bottom: 5px;
	width: 35%;
	margin-left: 2px;
	padding: 0px;
	cursor:pointer;
}

#verticalForm input.button:hover {
	float: left;
	clear: none;
	border: 1px solid #27238C;
	-moz-border-radius:4px;
	background-color: #fff;
	font-weight: bold;
	margin-bottom: 5px;
	width: 45%;
	cursor:pointer;
}

#verticalForm label{
 float:left;
font-size: 130%;
font-weight: bold;
}

div.large_col span.next a{
margin-right: 52px;
float:right;
}

div.large_col span.previous a{
margin-left: 38px;
float:left;
}

div.large_col span.next a, div.large_col span.previous a {
font-weight: bold;
font-size: 95%;
text-decoration: none;
}

div.large_col span.next a:hover, div.large_col span.previous a:hover {
color: #859885;
}

#product_gallery h1{
background: url(../images/h1_small.gif) no-repeat top left;
}

img.product {
padding: 5px 5px 5px 5px;
margin: 10px 0 10px 50px;
border: 1px solid #859885;
}
