/* Table of Contents:
1.basic styles
2.page layout
3.typography
4.forms
5.images

*/

/* 1.basic styles
-------------------------------------------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	font-size:62.5%/1.5;
	background-color: #E5E5CC;
	text-align:center;
	margin:0 auto;
	padding:0;
}

*html>body {
height:100%;
}
p {font-size:1em} /* This keeps the font at 10pt */
h1 { font-size:1.2em; }/* This increases the font to 12pt */
h2 { font-size:1.15em; }
h3 { font-size:1.1em; }
h4 { font-size:1.05em; }
h1,h3,h4,h5,h6,a { color:#5f5f3b; }
h2 { color:#D57412;}
small {font-size: 0.8em; color:#ADEBF0; font-style:italic; } /* This decreases the font to 8pt */
a:hover {
	color:#666;
	text-decoration:underline;
}
hr {
	background: #000 url(images/horiz-rule.png) no-repeat center top;
    color:#000;
	height: 14px;
	width: 90%;
	border:0;
}
a[href^="mailto:"] { background: url(images2/icon-envelope.gif) no-repeat right top; padding-right:20px;}
a[href$=".doc"] { background: url(images2/icon-document.gif) no-repeat right top; padding-right:15px;}

/* 2.page layout
-------------------------------------------------- */
#wrapper { background:#fff; height:100%; position:relative; width:920px; margin:0 auto; }
#header {
	background: #fff url(images/bg-header.gif) repeat-x;
	margin:0;
	padding:0;
	height:200px;
position:relative;
}
#headerImage { height:200px; }
#main { text-align:left;width:920px; background:#fff; margin:0;}
#content {
	padding:12px 12px 22px 12px;
}

#footer { text-align:left; background: url(images2/footer-bg.jpg) no-repeat top center #000000; color:#fff; height:140px; width:920px; clear:both; }
#copyright { padding:2em 0em 2em 3em; }
.floatRight { float:right; }
.floatLeft { float:left; margin:0px 8px 8px 0px; }
.skipNav { display:none; }
.clear { clear:both; }

/* 3.typography
-------------------------------------------------- */
.asterix { color:red; }
#copyright { font-size:0.7em; }
#copyright a { color:#fff; }
#copyright a:hover { text-decoration:underline; }
#navigation {
	width:920px;
	min-width:920px;
	text-align:left;
	background:#999966;
}
#navigation ul { list-style:none; margin:0; padding-left:20px; text-align:left; }
#navigation li { display:inline; padding:0em 0.6em 0em 0em; }
#navigation li a { text-decoration:none; font-weight:bold; line-height:3.5em; }
#navigation li a:link,#navigation li a:visited { color:#fff; }
#navigation li a:hover, #navigation li a.current { color:#ccc; }
#contactGalleria { width:400px; margin:0px 0px 20px 12px; float:left;}
#contactBelmont {  width:400px; margin:0px 0px 20px 12px;  float:left; }
#quickcontact { position:absolute; right:150px; top:150px; font-size:14px; color:#666; font-style:italic; font-family:Georgia; }


/* 4.forms
-------------------------------------------------- */
#enquiriesForm input:focus, #enquiriesForm textarea:focus { background-color:#FFFFEF; }
#enquiriesForm form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 640px;
  max-width: 700px;
  width: 600px; 
}

#enquiriesForm form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

#enquiriesForm form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

#enquiriesForm form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 200px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

#enquiriesForm form input, #enquiriesForm form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
border:1px solid #5f5f3b;
}

#enquiriesForm textarea { overflow: auto; }

#enquiriesForm form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

#enquiriesForm form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
#search { float:right; margin:0px 80px 0px 0px; }
input.searchBtn,  .googleBtn {background-color:#D57412; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; }
.btn {
	font-size:1em;
	color:#fff;
	background-color:#CC1925;
	text-decoration:none;
	padding:0 5px;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}

/* 5.images
-------------------------------------------------- */
#logoPrint { display:none; }
.floatRightImg { float:right; border:1px solid #ccc; padding:4px; margin:0px 0px 8px 8px;}
.floatLeftImg, #galleryJohn img, #galleryDonna img, #galleryDebbie img, #galleryRoberto img, #archive img { float:left; border:1px solid #ccc; padding:4px; margin:0px 8px 8px 0px;}
.img { border:1px solid #ccc; padding:4px; margin:12px;}
.indent { padding: 0px 0px 0px 20px; }
.discount { position:absolute; top:0; right:260px; margin:0; width:228px; height:58px; }