/*********************************************************
   HTML Elements
 *********************************************************/

html {
  height: 100%;
}

body
{
	background-image: url('../images/background1.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-color: gray;
	margin: 0;
	padding: 0;
	font: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 170%;
	/*font-size: 62.5%;text-align: center; color: #FFFFFF;'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;*/
}

}

div#columns a{
	text-decoration:none!important;
	color:#008080;
}


div#columns a:visited{
	text-decoration:none;
	color: #008080;
}

div#columns a:hover {
	text-decoration: none;
	color: #C0C0C0;
}

div#columns #columns a:active {
	text-decoration:none;
	color:#008080;
}


h1{
	font-size: 1.8em;
	line-height: 1.1111111em;
	font-style: normal;
	font-variant: normal;
	margin-top: 1px; /*For top of container support*/;
	padding-top: 0px;
	margin-bottom: 1.1111111em;
	text-align: left;
	letter-spacing: 0.1em;
	font: normal normal 600 130% Arial, Helvetica, sans-serif;
	opacity: 0.50;
	filter:alpha(opacity=50) Important!; /* For IE6&7 */

}





h2{
	margin-top: 1em;
	padding-top: 0px;
	font-size: 1.5em;
	line-height: 1.3333333em;
	margin-bottom: .6666666em;
	text-align: left; /*test font change
	letter-spacing: 0.1em;*/
	font: normal normal 600 130% Arial, Helvetica, sans-serif;
	opacity: 0.50;
	filter:alpha(opacity=50) Important!; /* For IE6&7 */
}

h3{
	margin-top: 1em;
	padding-top: 0px;
	font-size: 1.3em;
	line-height: 1.5384615em;
	margin-bottom: 1.5384615em;
}

p{
	padding-left: 5px;
	padding-right: 5px;
}

a{
	color: #C0C0C0;
}

img
{  border-style: none;
}

.imgInlineLeft
{
	padding: 1px;
	margin-right: 1em;	
}

.imgInlineRight
{
	padding: 1px;
	margin-left: 1em;	
}



.copywrite
{
	font-size: small;
}



/*SECTIONS*/


div#wrapper {
	position:relative;
	width:776px;
	height: 100% !important;
	min-height: 100%;
	top: 0px;
	margin-left:auto; 
	margin-right:auto;
	left: 0px;
}

div#headmenu1 {
	padding-top: 0px;
	padding-bottom: 1px;
	padding: 0 0 1 0;
	position: relative;
	left: 0px;
	width: 776px;
	top: 0px;
	z-index: 40;
	height: auto;
}

div#headmenu1 div.marble{
	position: absolute;
  	top: 0; /* These positions makes sure that the overlay */
	bottom: 0;  /* will cover the entire parent */
	left: 0;
	width: 100%;
	background: #000000;
	opacity: 0.80;
	filter:alpha(opacity=80); /* For IE6&7 */
}

div#headmenu1 div.content{
	width: 776px;
	padding: 0;
}

div#headmenu1 div.content ul{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 100%;
}

div#headmenu1 div.content ul li{
	float: left;
}

div#headmenu1 div.content ul li a{
	float: left;
	padding: .5em 1em .5em 1em;
	text-decoration: none;
	font: 400 1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	line-height: 0.8em !important;
	color: #FFFFFF;
}

/* IE6 Compensator, Using the * html hack so only IE6 reads the rule */
* html #headmenu1 .marble {
  height: expression(document.getElementById("headmenu1").offsetHeight);
}


div#headgallery {
	padding: 0 0 0 0;
	position: relative;
	left: 0px;
	width: 776px;
	z-index: 38;
}

div#headgallery div.marble{
	position: absolute;
  	top: 0; /* These positions makes sure that the overlay */
	bottom: 0;  /* will cover the entire parent */
	left: 0;
	width: 100%;
	background: #000000;
	opacity: 0.80;
	filter:alpha(opacity=80); /* For IE6&7 */
}

div#headgallery div.content{
	width: 776px;
	padding: 0;
}

/* IE6 Compensator, Using the * html hack so only IE6 reads the rule */
* html #headgallery .marble {
  height: expression(document.getElementById("headgallery").offsetHeight);
}

div#headmenu2 {
	position: relative;
	left: 0px;
	width: 100%;
	padding-bottom: 1px;
	padding-top: 1px;
	top: 0px;
	height: 88px;
	z-index: 99;
}


div#headmenu2 div.marble{
	position: absolute;
  	top: 0; /* These positions makes sure that the overlay */
	bottom: 0;  /* will cover the entire parent */
	left: 0;
	width: 100%;
	background: #000000;
	opacity: 0.80;
	padding-bottom: 1px;
	/*filter:alpha(opacity=80);  For IE6&7 */
}

div#headmenu2 div.content{
	width: 100%;
	padding: 1 0 1 0;
	padding-bottom: 1px;
}

div#headmenu2 div.content ul{
	margin: 0;
	padding: 0;
	padding-left: 2px;
	list-style: none;
	float: left;
	width: 100%;
}

div#headmenu2 div.content ul li{
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

div#headmenu2 div.content ul li a{
	float: left;
	width: 24.9%;
	height: 4.5em;
	font: normal normal 300 1.1em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	color: #C0C0C0;
	border-top: 7px solid;
	border-bottom: 15px solid #FFF;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFF;
	text-decoration: none;
}

	
/* IE6 Compensator, Using the * html hack so only IE6 reads the rule */
* html #headmenu2 .marble {
  height: expression(document.getElementById("headmenu2").offsetHeight);
}

div#headmenu2 ul li a span {
	display: block;
	padding: 2px 7px;
	text-decoration: none;
}


div#headmenu2 ul li a span.desc {
	font-size: 0.6em;
	color: #C0C0C0;
}



/*DIVHEADMENU2 POPUP CONFIG*/

.popup div.marble{
	position: absolute !important;
	top: 0 !important; /* These positions makes sure that the overlay */;
	bottom: 0 !important; /* will cover the entire parent */;
	left: 0 !important;
	width: 80% !important;
	background: #FFFFFF !important;
	opacity: 0.80; 
	/*filter: alpha(opacity=80);  /*For IE6&7 */;
	background-image: url('../images/T.gif') !important;
	background-repeat: no-repeat !important;
	background-position: right top !important;
	min-height: 68px !important;
	z-index: 49 !important;

}

.popup div.content{
	position: relative !important;
	width: 194px !important;
	z-index: 50 !important;
	min-height: 68px !important;
}
	
.popup div.content a{
	padding: 0 0 0 2px;
	text-decoration: none !important;
	letter-spacing:normal; 
	line-height: 1.1em !important;
	color: #008080 !important;
	border-top: 0 !important;
	border-bottom: 0 !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 500 !important;
	font-size: .7em !important;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	height: 1.1em !important;
	z-index: 55 !important;
	/*letter-spacing:0.1em;*/

}

.popup div.content a:visited{
	text-decoration:none !important;
	color: #008080!important;
}

.popup div.content a:hover {
	text-decoration: none !important;
	color: #AA221A!important;
}

.popup div.content a:active {
	text-decoration:none !important;
	color:#008080!important;
}

/* IE6 Compensator, Using the * html hack so only IE6 reads the rule 
* html #horses .marble {
  height: expression(document.getElementById("horses").offsetHeight);
}
*/

div#columns {
	width: 776px;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

div#content {
	padding-top: 0;
	padding-bottom: 1px;
	padding: 1px 0 0 0;
	position: relative;
	left: 0px;
	width: 776px;
}

div#content .marble{
	background-color: #AA221A; /*red;*/;
	position: absolute;
  	top: 0; /* These positions makes sure that the overlay */
	bottom: 0;  /* will cover the entire parent */
	left: 0;
	width: 100%;
	opacity: 0.80;
	filter:alpha(opacity=80); /* For IE6&7 */
	padding-top: 1px;
	color: #FFFFFF;
}

div#content .content{
	padding-bottom: 1px;
	padding: 1px 2px 4px 2px;
	margin: 0 0 0 0;
	width: 776px;
}

/* IE6 Compensator, Using the * html hack so only IE6 reads the rule */
* html #content .marble {
  height: expression(document.getElementById("content").offsetHeight);
}

#load {   
    /*display: none;   */
    position: absolute;   
    right: 10px;   
    top: 10px;   
    background: url(images/loadingIcon.gif);   
    width: 43px;   
    height: 11px;   
    text-indent: -9999em;   
}  


div#foot {
	position: relative;
	margin: 0;
	padding: 1 1 0 1;
	left: 0px;
	width: 776px;
	background-color: #000000;
	filter: alpha(opacity=80); /* IE mechanism */;
	opacity: 0.8; /*FF and other browser mechanism */;
	text-align: center;
}


/*GLOBAL CLASSES*/

/*shift content div over neighbouring translucent div in sections below*/
.content{
	position: relative;
}
.caution
{
	font-weight:bolder;
	color: red;
	text-align: center;
	background-color:yellow;
}

/*dropdown image effect section -- incomplete
.wrap0 {
background:transparent url('../images/Shad1.gif') no-repeat scroll right bottom;
float:left;
}

.wrap1 {
background:transparent url('../images/Shad180.gif') no-repeat scroll 0%;
}

.wrap2 {
background:transparent url('../images/ShadCorner_bl.gif') no-repeat scroll -18px 100%;
}


.wrap3 {
background:transparent url('../images/ShadCorner_tr.gif') no-repeat scroll 100% -18px;
padding:10px 14px 14px 10px;
}

wrap0, .wrap1, .wrap2, .wrap3 {
display:block;
}

.dropshadow {
border:medium none;
vertical-align:middle;
}

*/


/*Popups Defaults*/
.bubbleInfo {    
	position: relative;
}
.popup {
	padding: 1px 1px 1px 1px;
	width: 194px;
	z-index: 500;
	position: absolute;
	display: none; /* keeps the popup hidden if no JS available */
}

.behaviour{
	display: none;
}
.Horse4SaleName {
	border-top: thin solid #FFFFFF;
	font-weight: bold;
	color: #FFFFFF;
	width: 99%;
/*border-top-style: inset;

	background-image:url('../images/RibbonSmall.gif');
	background-position:left; 
	background-repeat:no-repeat; 
	padding-left: 69px; 
	margin-bottom: 12px; 
	padding-top: 7px; 
	padding-bottom: 6px;
	width:80%;
	height:32px;
	vertical-align:middle;

	border-top-width: medium;*/
	padding: 1px;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

.ListItemRibbon{
	background-image:url('../images/RibbonSmall.gif');
	background-position:left; 
	background-repeat:no-repeat; 
	padding-left: 69px; 
	margin-bottom: 2px; 
	padding-top: 4px; 
	padding-bottom: 4px;
	width:80%;
	height:20px;
	vertical-align:middle;
	}
	
.ListItemPDF{
	list-style:none;
	background-image:url('../images/pdf_small_on.gif');
	background-position:left; 
	background-repeat:no-repeat; 
	padding-left: 20px;  
	padding-top: 3px; 
	padding-bottom: 3px;
	}
	
.ListItemXL{
	list-style:none;
	background-image:url('../images/xl.gif');
	background-position:left; 
	background-repeat:no-repeat; 
	padding-left: 20px;  
	padding-top: 3px; 
	padding-bottom: 3px;
	}


}