/* Grey Fox Racing, http://www.greyfoxracing.co.uk/ */
/* css released under Creative Commons ShareAlike License v1.0 - http://creativecommons.org/licenses/sa/1.0/  */
/* All associated graphics copyright 2008,  Grey Fox Racing International and various sources */

html, body {
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
body {
	text-align: center;
	min-width: 960px;
	line-height: 30px;
}
:link img, :visited img, :hover img, :active img, img { border: none; } 
p {
	margin-bottom: 1em;
}
#wrapper {
	width: 760px;
	margin: 0 auto;
	text-align: left;
}
#branding1 {
	height: 560px;
	text-align: left;
	background: url(../images/home_splash1.jpg) no-repeat;
}
#branding2 {
	height: 560px;
	text-align: left;
	background: url(../images/home_splash2.jpg) no-repeat;
}
#branding1 h1, #branding1 h2, #branding2 h1, #branding2 h2, #newsplash h1, #newsplash h2 {
	display: none;
}
#branding1 a, #branding2 a {
	display: block;
	width:760px;
	height: 560px;
}
#newsplash {
	width: 760px;
	height: 454px;
	text-align: left;
	margin: 0 auto;
	background: url(../images/splash/splash-back-3.jpg) no-repeat;
}
#newsplash .buttons {
	padding: 340px 0 0 20px;
}
#newsplash .buttons .left {
	float:left;
	width: 400px;
	margin:0px;
	padding:0px;
}
#newsplash .buttons .left a {
	margin-bottom: 15px;
}

#newsplash .buttons .right {
	float:right;
	margin:50px 15px 0 0;
	padding:0px;
}
#date {
	position:relative;
	top: 80px;
	left: 15px;
	height: 40px;
	width: 150px;
	z-index:100;
}
#enter {
	position:relative;
	width: 350px;
	left:750px;
	top:10px;
}
#contact {
	position:relative;
	left:25px;
	top:575px;
}
#construction {
	float:left;
	width: 380px;
	padding-top: 4px;
	padding-left: 15px;
	color:#FFFFFF;
}
#address {
	float: left;
}
#footer {
	clear: both;
	width: 980px;
	height: 57px;
	float: center;
	text-align: left;
}
#footer img	{
	padding:0px;
	margin: 0px;
	border: none;
}
#footer a {
	margin:0px;
	padding:0px;
}

#footerhome {
	clear: both;
	width: 760px;
	height: 38px;
	background-color: #392a25;
	background: url(../images/enter_back.gif) repeat-x;
}

/*Gallery Pages*/

#brandinggal {
	clear: both;
	height: 118px;
	text-align: left;
	background: url(../images/header-3.jpg) no-repeat;
}
#wrappergal {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/main-bck-3.jpg) no-repeat;
	background-color: #000000;
}
#sideContent {
	height: 391px;
	width: 190px;
	float: left;
	margin-left: 14px;
	display: inline;
	background-color: #FFFFFF;
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	padding: 5px 5px 5px 5px;
	border: 2px solid #cc9966;
	text-align: left;
}
#sideContentno {
	height: 391px;
	width: 190px;
	float: left;
	display: inline;
	margin-left: 14px;
	background-color: #FFFFFF;
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	padding: 5px 5px 5px 5px;
	border: 2px solid #cc9966;
	text-align: left;
}
#sideContentNews {
	width: 190px;
	float: left;
	display: inline;
	margin-left: 14px;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	border: 2px solid #cc9966;
	text-align: left;
}
#sideContentHolder {
	height: 391px;
	width: 208px;
	float: left;
	margin-left: 14px;
	display: inline;
}
#sideContentHolder2 {
	height: 391px;
	width: 140px;
	float: left;
	margin-left: 14px;
	display: inline;
}
#threeColLayout #primaryContent {
	height: 397px;
	width: 360px;
	margin-right: 12px;
	margin-bottom: 60px;
	display: inline;
	float: left;
	background-color: #FFFFFF;
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	padding: 2px 2px 2px 2px;
	border: 2px solid #cc9966;
}
#twoColLayout #primaryContent {
	height: 400px;
	width: 480px;
	margin-right: 12px;
	margin-bottom: 60px;
	float: left;
	background-color: #FFFFFF;
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	padding: 0px 0px 0px 0px;
	border: 2px solid #cc9966;
}
#twoColLayout #primaryContentCt {
	height: 400px;
	width: 480px;
	margin-left: 12px;
	margin-right: 12px;
	margin-bottom: 60px;
	float: left;
	background-color: #000000;
	padding: 0px 0px 0px 0px;
	border: 2px solid #cc9966;
}
#primaryContent {
	height: 436px;
	width: 925px;
	margin-left: 12px;
	margin-right: 12px;
	margin-bottom: 60px;
	float: left;
	display: inline;
	background-color: #FFFFFF;
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	padding: 15px 10px 5px 10px;
	border: 2px solid #cc9966;
	link: white;
}
#entriesContent {
	height: 405px;
	width: 710px;
	margin-right: 12px;
	margin-bottom: 60px;
	display: inline;
	float: left;
	border: 2px solid #cc9966;
}
#gallery1 {
	width: 355px;
	float: center;
	height: 390px;
	overflow: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 30px;
	padding: 5px 0px 0px 5px;
}
#galleryMain {
	width: 535px;
	float: center;
	height: 390px;
	overflow: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 30px;
	padding: 5px 0px 0px 5px;
}
#galleryHolder {
	height: 397px;
	width: 540px;
	margin-right: 12px;
	margin-bottom: 60px;
	float: left;
	background-color: #FFFFFF;
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	padding: 2px 2px 2px 2px;
	border: 2px solid #cc9966;
	margin-left: 15px;
}
#galleryHolder .imgholder {
	width: 110px;
	height: 85px;
	overflow:hidden;
	float: left;
	margin: 0 15px 15px 0;
}
#galleryHolder img {
	width: 130px;
	margin-left: -10px;	
}
#horsesHolder {
	height: 397px;
	width: 540px;
	margin-right: 12px;
	margin-bottom: 60px;
	float: left;
	background-color: #FFFFFF;
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	padding: 2px 2px 2px 2px;
	border: 2px solid #cc9966;
	margin-left: 15px;
}
#horsesHolder img {
	margin:0px;
}
.horseHolder {
	width: 100px;
	float: left;
	margin: 0 12px 12px 0;
}
.horseHolder .horseName {
	width: 98px;
	height: 10px;
	background-color: #FFFFFF;
	padding: 3px 0 0 2px;
	font-size: 9px;
	letter-spacing: -0.11em;
	margin:0px;
	line-height: 12px;
}
.horseMainImg {
	border-bottom: 3px solid #336699;
	margin-bottom: 6px;
	width:320px;
}
.percHolder {
	width: 90%;
	background-color: #CCCCCC;
	height: 14px;
	border: #999999 1px solid;
	margin-left: 12px;
}
.percActual {
	background-color: #34558b;
	height: 14px;
}
#homebox {
	width: 480px;
	float: center;
	height: 400px;
	overflow: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 30px;
}
a:hover {
	text-decoration: none; color:#cc0000;
	text-decoration:underline;
}

#galtext {
	width: 450px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#contentgal h1,#contentgal h2, #contentgal p {
	padding-left: 15px;
	padding-right: 20px;
	margin-bottom: 1em;
}
/* End of Gallery Page */


/* Secondary Content Gallery section */

#secondaryContent {
	height: 400px;
	width: 340px;
	float: left;
	display: inline;
	background-color: #FFFFFF;
	
	padding: 0px 0px 0px 0px;
	border: 2px solid #cc9966;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#newsArchive {
	height: 370px;
	width: 170px;
	float: left;
	display: inline;
	background-color: #FFFFFF;
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	padding: 15px;
	border: 2px solid #cc9966;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}
#twoColLayout #secondaryContent {
	display: none;
}
#oneColLayout #secondaryContent, #oneColLayout #sideContent {
	display: none;
}
#secondaryContent h1, #secondaryContent h2, #secondaryContent p, #primaryContent p {
	padding-left: 15px;
	padding-right: 20px;
	margin-bottom: 1em;
}
#primaryContent h2 {
	padding-left: 15px;
	font-size: 14px;
	margin-bottom: 0.2em;
}
#horse1copy {
	position: absolute;
	left:0px;
	top:10px;
	visibility: visible;
}
#horse2copy, #horse3copy, #horse4copy, #horse5copy, #horse6copy, #horse7copy, #horse8copy, #horse9copy, #horse10copy, #horse11copy, #horse12copy, #horse13copy, #horse14copy, #horse15copy, #horse16copy, #horse17copy, #horse18copy, #horse19copy, #horse20copy, #horse21copy, #horse22copy, #horse23copy, #horse24copy, #horse25copy, #horse26copy, #horse27copy, #horse28copy, #horse29copy, #horse30copy, #horse31copy, #horse32copy, #horse33copy, #horse34copy, #horse35copy, #horse36copy, #horse37copy, #horse38copy, #horse39copy, #horse40copy  {
	position: absolute;
	left:0px;
	top:10px;
	visibility: hidden;
}
#jockeyinfo {
	position: relative;
	top: -10px;
	left: 0px;
	background color: #000000;
}

#jockeyinfo2 {
	position: relative;
	height: 400px;
	overflow:auto;
	background color: #000000;
}
	
#box {
	width: 580px;
	background: #ffffff url(../images/bottom.gif) no-repeat left bottom;
}
#content h2 {
	background: url(../images/top.gif) no-repeat left top;
	padding: 10px 20px 0 20px;
}
.box {
	top: 0px;
	text-align: justify;
	padding: 0px 0px 0px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* End of Secondary Gallery Content */




/* Top Nav */

#menu {
	clear: both;
	background-color: #666666;
}
#title {
	clear: both;
	height: 120px;
	text-align: left;
	background: url(../images/topspacer.gif) no-repeat;
}
#columntitle {
	clear: both;
	height: 10px;
	padding: 15px 15px 15px 25px;
}
#gallerytitle {
	clear: both;
	height: 20px;
	width: 190px;
}
#gallerytitle2 {
	clear: both;
	height: 20px;
	width: 190px;
}
a:link, a:visited, a:active {
	text-decoration: none; color:#cc0000;
}
a:hover {
	text-decoration: none; color:#cc0000;
	text-decoration:underline;
}
#blogarchive {
	margin-top: 10px;
}
#blogarchive ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#blogarchive li {
	list-style:none;
	margin:0px;
	padding:0px;
}
#blogarchive a {
	background-image:url(../images/blog/bullet.gif);
	background-repeat:no-repeat;
	background-position: left center;
	padding: 0px 0px 0px 20px;
	margin: 0px;
	line-height: 18px;
}
.blog_break {
	border-bottom: 1px dotted #1C3F95;
	padding-bottom: 0px;
	margin-bottom: 10px;
}
.blog_pic {
	margin-bottom: 10px;
}
#lightwindowHolder {
	text-align: left;
	line-height: 16px;
}
#lightwindowHolder p {
	margin-bottom: 1em;
}
#lightwindowHolder h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform:uppercase;
	color: #34558b;
	margin-bottom: 8px;
	font-weight: normal;
}
#lightwindowHolder h1 strong {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform:uppercase;
	color: #34558b;
	margin-bottom: 8px;
	font-weight: bold;
}
.blue14 {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#34558b;
}
.grey14 {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
}
.float_right {
	float: right;
}
/* 
* Not really a default style, but this class is used in 
* every project. 
*/ 
.clear:after { 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
font-size: 0; 
}

.clear { 
	display: inline-table;
	clear:both;
	height:0;
	margin:0px;
	padding: 0px;
}

/* Hide from IE/Mac \*/ 
* html .clear { height: 1%; } 
.clear { 
	display: block; 
} 
/* Hide from IE/Mac */