/* Yorkshire Chocolate Fountain CSS Document Style 1 */

body {
	margin: 10px 0;
	padding: 0;
	border: 0;
	text-align: center; /* hack - horizontally centers the box in IE5/Win - need to text-align left everything else*/
	min-width: 760px; /* Gecko centering fix */
	font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	font-size:    x-small;   /*False value for Win IE 4/5*/   
    voice-family: "\"}\""; /*Trick Win IE 4/5 into thinking rule is over*/  
    voice-family: inherit; /*Recover from trick*/  
    font-size:  small;   /*Intended value for better browsers*/ 
}

html>body {
	font-size: small;  /*Be nice to Opera*/
} 

#wrapper {
	margin: 0 auto; /* centre wrapper for compliant browsers */
	padding: 0;
	border: 0;
	width: 760px;
	text-align: left; /* text-align everything left cos of IE5/Win hack in body element */
}

img	{
	border: #ffffff solid 2px;
}

div#header {
	width: 760px;
	height: 142px;
	margin: 0;
	padding: 0;
	border: 0;
}

div#header h1 {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	line-height: 0;
}

/* Primary Nav */

div#primarynav ul#prinavmenu {
	height: 25px;
	width: 312px;
	margin: 0 0 0 436px;
	padding: 0;
	border: 0;
	position: relative;
}

div#primarynav ul#prinavmenu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

ul#prinavmenu li, ul#prinavmenu a {
	height: 25px;
	display: block;
}

div#primarynav ul#prinavmenu li a {
	text-indent: -9999px;
	text-decoration: none;
}

#home	{left: 0; width: 70px;}
#fountains	{left: 70px; width: 95px;}
#contact{left: 165px; width: 83px;}
#links {left: 248px; width: 64px;}

/* end Pri Nav */

/* Begin Style */

div#style ul#menu {
	margin: 30px 0 0 650px;
	padding: 0;
	border: 0;
	width: 80px;
	height: 69px;
	background: url(../i/style.gif);
	position: relative;
}

div#style ul#menu li {
	margin: 0px 0 0 0;
	padding: 0;
	list-style: none;
	position: absolute;
	/*top: 0;*/
}

div#style ul#menu li a	{
	text-indent: -9999px; 
	text-decoration: none;
}

ul#menu li, ul#menu a {
	display: block;
	height: 26px;
	/* width: 80 px; - with just this line it doesn't work in IE5. Remove just this line and it works in IE but not in Mozilla or Netscape */
	/* No value for IE4-5.x/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 80px; /* Value for conformant browsers */
}

#white	{top: 0; height: 26px;}
#milk	{top: 26px; height: 26px;}
#dark   {top: 52px; height: 26px;}	

#white a:hover {background: transparent url(../i/style.gif) 0 -90px no-repeat;}
#milk a:hover {background: transparent url(../i/style.gif) 0 -116px no-repeat;}
#dark a:hover {background: transparent url(../i/style.gif) 0 -142px no-repeat;}

/* End Style */

/* content1 */

div#content1 {
	float: right; /*- some browsers don't like float so using Drew McLellan workaround if this doesn't work  */
	border: 0;
	padding: 0px 20px 15px 15px;
	margin: 0;
	width: 475px; /* False value for IE4-5.x/Win */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 440px; /* Actual value for conformant browsers */
}

html>div#content1 {
	width: 440px; /* Be nice to Opera */
}

/* Content2 */

div#content2 {
	margin: 0;
	border: 0;
	padding: 0;
	width: auto;
}

div#content2holder {
	margin: 0;
	border: 0;
	padding: 10px 8px 15px 20px; /* 15px won't work for right margin in IE cos of 3-pixel bug - plus border padding on img */
	width: 278px; /* False value for IE4-5.x/Win */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 250px; /* Actual value for conformant browsers */
}

html>div#content2holder {
	width: 250px; /* Be nice to Opera */
}

div#footer {
	clear: both;
	text-align: center;
	border: 0;
	width: 760px;
	height: 30px;
	padding: 0;
	margin: 0;
}

/* Font Styles */

p {
	margin: 0 0 1.5em 0;
	line-height: 175%;
}

div#content2 p {
 	line-height: 150%;
}

h1 {
	font-weight: bold;
	line-height: 1.2em;
	margin: 10px 0 10px 0;	
	padding: 0;
	border:0;
	font-size:    large;   /*False value for Win IE 4/5*/   
    voice-family: "\"}\""; /*Trick Win IE 4/5 into thinking rule is over*/  
    voice-family: inherit; /*Recover from trick*/  
    font-size:  x-large;   /*Intended value for better browsers*/ 
}

html>h1 {
	font-size:  x-large;  /*Be nice to Opera*/
} 

h2 {
	font-weight: bold;
	line-height: 1.2em;
	margin: 0;	
	padding: 0;
	border: 0;
	font-size:    small;   /*False value for Win IE 4/5*/   
    voice-family: "\"}\""; /*Trick Win IE 4/5 into thinking rule is over*/  
    voice-family: inherit; /*Recover from trick*/  
    font-size:  medium;   /*Intended value for better browsers*/ 
}

html>h2 {
	font-size:  medium;  /*Be nice to Opera*/
}

h3, h5{
	font-weight: bold;
	line-height: 1.5em;
	margin: 10px 0 3px 0;	
	padding: 0;
	border:0;
	font-size:    x-small;   /*False value for Win IE 4/5*/   
    voice-family: "\"}\""; /*Trick Win IE 4/5 into thinking rule is over*/  
    voice-family: inherit; /*Recover from trick*/  
    font-size:  small;   /*Intended value for better browsers*/ 
}

html>h3, html>h5{
	font-size:  small;  /*Be nice to Opera*/
}

h4{
	font-weight: bold;
	line-height: 1.5em;
	margin: 10px 0 5px 0;	
	padding: 10px 0 0 0;
	font-size:    small;   /*False value for Win IE 4/5*/   
    voice-family: "\"}\""; /*Trick Win IE 4/5 into thinking rule is over*/  
    voice-family: inherit; /*Recover from trick*/  
    font-size:  medium;   /*Intended value for better browsers*/ 
}

html>h4 {
	font-size:  medium;  /*Be nice to Opera*/
}

div#footer p {
	margin: 0;
	padding: 5px;
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
}

div#content1 ul li{
	line-height: 175%;
}

a#email{
		font-size: 10px;
}

/* Links */

a:link, a:visited {
	font-weight : bold; 
	text-decoration : none;
	background: transparent;
}

a:hover {
	font-weight : bold; 
	text-decoration : underline;
	background: transparent; 
}

a:active {
	font-weight : bold; 
	text-decoration : underline;
	background: transparent;  
}

/* rounded corners  www.vertexwerks.com/tests/sidebox/ */

/* Show only to IE PC \*/
* html .boxbody {height: 1%;} /* For IE 5 PC */

.boxhead {
	margin: 0;
	padding: 5px 15px;
	text-align: left;
}

.boxbody {
	margin: 0;
	padding: 5px 15px;
	margin-bottom: 20px;
}

/* Form */

div#contactform label {
	/*font-size: 14px;*/
	/*width: 120px;*/
	background: transparent;
	padding: 0;
}

div#contactform input#Reset, div#contactform input#send {
	width: 60px;
	height: 20px;
	text-align: center;
	padding: 0;
	font-size: 10px;
}

div#contactform input#Reset {
	margin-left: 10px;
}

div.row {
	clear: both;
	padding: 5px 0;
	vertical-align: baseline;
	margin: 0;
}

div.row span {
  float: left;
  /*width: 120px;*/
  text-align: left;		
}

div.row input {
    text-align: left;
    background: transparent;
	font-size: 14px;
	height: 20px;
	width: 340px;
	padding: 0;
} 

.displayinline {
	display: inline;
}

.warning{
	color:red;
}