/* ---- Big reset ----*/

* { 
	margin: 0;
	padding: 0; 
	}

/* ---- Set the body styles ---- */

html {
	overflow-y: scroll;  /*fix for Firefox, Opera scrollbar jump*/
}
	
body {
	margin: 50px 0 0;
	background: #fff url(../images/bg.gif) repeat-x;
	font: 76% Arial, Helvetica, sans-serif;
	color: #444;
	}
	
/* ---- Main layout divs ----*/

.wrap {
	width: 900px;
	margin: 0 auto;
	}

#header { 
	width: 900px;
	/*height: 50px; */
	margin: 0 auto; 
	}
	
#teaser {
	clear: both;
	/*	height: 225px;*/
	background: #693;
	margin-top: 5px;
	min-height: 220px;
	border-top: 1px solid #55802B;
	}

.box {
	padding: 20px 0 0px;
	width: 898px;
	color: #FFF;
	}

#footer {
	clear: both;
	width: 900px;
	margin: 0 auto;
	padding: 15px;
	border-top: 1px solid #e0e0e0;
	background: #fff;
	}	

/* ---- Headings ---- */

h1 { 
	font-size: 2em; 
	color: #FFF2B3; 
	font-weight: normal; 
	margin: 0 0 .8em; 
	}

h2, h3 { 
	font-size: 1.5em;
	border-bottom: 1px solid #eee; 
	margin: 0 0 .8em;
	}

h3 {
	font-size: 1.4em;
}

/* ---- Paragraphs/text ---- */

p, li  {
	margin: 0 0 1.5em;
	line-height: 1.8em;
	}

em { 
	border-bottom: 1px dotted #fff; 
	cursor: pointer;
	}

.red { 
	color: #9D2900;
	}
 
 li {
	 margin-bottom: 1em;
 }

.galleryp img {
	margin-bottom: 10px;}

/* ---- Links ---- */

a { 
	color: #9D2900;
	}

a:hover {
	color: #A0000E;
	text-decoration: none; 
	}

/* ---- Images ---- */
	
img { 
	border: 0; 
	}

.teaserimage {
	border-top: 1px solid #CCC;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #CCC;
}
	
.galleryimg {
	border-top: 1px solid #DADADA;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #DADADA;
	padding: 5px;
	margin-right: 10px;
	}

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

#menu  { 
	float: right;
	padding: 6px 0 0 0; 
	list-style: none; }
		
#menu li { 
	display: inline; 
	}

#menu a { 
	display: block; 
	float: left; 
	margin-left: 30px; 
	padding: 7px; 
	text-decoration: none; 
	font-size: 13px; 
	color: #000; 
	}
	
#menu a:hover { 
	color: #000; 
	border-bottom: 2px solid #ccc; 
	}

#home-page .home a, #gallery-page .gallery a, #contact-page .contact a, #golf-days .days a, #rydercup-page .rydercup a, #downloads-page .downloads a, #model-page .model a { 
	border-bottom: 2px solid #C70012;
	color: #9D2900;
	}
 
/* ---- Descendants ---- */

.box p {
	font-size: 130%;
	margin-bottom: 0px;
}

.box a:link, .box a:visited {
	color: #FFF;
	}
	
#footer .right { 
	float: right; 
	margin: 0 55px 0 0; 
	}

#footer a {
	color: #808080;
	}

/* ---- Columns ----*/
	
.col {
	float: left;
	width: 400px;
	margin-top: 30px;
	margin-right: 25px;
	margin-bottom: 16px;
	margin-left: 0;
	}

.col ul {
	margin-left: 20px;
	margin-bottom: 1.5em;
}
.col ul li {
	margin-bottom: 0.5em;
}

	
#contact-page .col, #error-page .col, #gallery-page .col, #downloads-page .col {
	width: 550px;
	}

.last {
	float: left;
	margin: 30px 0 0;
	}

#contact-page .last, #error-page .last, #gallery-page .last, #downloads-page .last {
	width: 275px;
	}

/* ---- Others ---- */

.clear {
	clear: both;
	}

.clearright {
	clear: right;
	}

.fright {
	float: right;
	margin-left: 20px;
	}

/*---- Contact form ----*/

#contact-page form

 {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	margin: 0 0 10px;
	padding: 0;
	/*min-width: 500px;*/
	max-width: 100%;
	width: 99%;
	font-size: 100%;
}
#contact-page form fieldset {
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
	border: 1px solid #C6E2A9;
}

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

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

#contact-page form input, #contact-page form textarea, #contact-page form select {
	/* 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 */
}

#contact-page form input#reset {
	margin-left:0; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

#contact-page 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%;
}

#contact-page form .required {
	font-weight:bold;} /* uses class instead of div, more efficient */

#contact-page form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
/*---- downloads form ----*/

#downloads-page form

 {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	margin: 0 0 10px;
	padding: 0;
	/*min-width: 500px;*/
	max-width: 100%;
	width: 99%;
	font-size: 100%;
}
#downloads-page form fieldset {
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
	border: 1px solid #C6E2A9;
}

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

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

#downloads-page form input, #downloads-page form textarea, #downloads-page form select {
	/* 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 */
}

#downlaods-page form input#reset {
	margin-left:0; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

#downloads-page 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%;
}

#downloads-page form .required {
	font-weight:bold;} /* uses class instead of div, more efficient */

#downloads-page form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}