/* (c) Rival Arabians 2006 */

html {
padding:0; 
margin:0; 
border:0; 
background:#375176;
	   font-size:76%; 
	   font-family:georgia, palatino linotype, times new roman, serif;
}

body {
padding:0; 
margin:0; 	
border:0;
background:#375176;
}

#content {
display:block; 
position:absolute; 
	 z-index:3; 
top:291px; 
width:800px; 
      margin-left:-321px; 
left:40%; 
background: #ffb15e;
	    /*border-right: 1px solid #2c445e;*/
}

* html #content {
width:800px;
}

#head {
position:absolute; 
	 margin-left:-321px; 
left:40%; 
top:0; 
width:800px; 
      min-width:800px; 
height:268px; 
background: url('./images/header_01.jpg'); 
	    font-size:1em; 
	    z-index:5; 
}

* html #head {
top:0px; width:800px; height:268px;
}

#menu {
position:absolute;
	 margin-left:-321px;
left:40%;
top:268px;
width:800px;
      min-width:800px;
height:23px;
background: url('./images/menu1.jpg') no-repeat;
	    font-size:1em;
	    z-index:5;
}

* html #menu {
top:268px; width:800px; height:23px;
}

#links a {
position:absolute;
	 text-decoration: none;
height:23px;
}

#links a i { visibility: hidden; }

a#about{left:241px;width:82px;background: url('./images/menu2.jpg') no-repeat;}
a#arabian{left:323px;width:154px;background: url('./images/menu3.jpg') no-repeat;}
a#promotion{left:477px;width:164px;background: url('./images/menu4.jpg') no-repeat;}
a#sales{left:641px;width:69px;background: url('./images/menu5.jpg') no-repeat;}
a#contact{left:710px;width:90px;background: url('./images/menu6.jpg') no-repeat;} 

a#about:hover {background-image: url('./images/menu2-drop.jpg'); border: none;}
a#arabian:hover {background-image: url('./images/menu3-drop.jpg');border: none;}
a#promotion:hover {background-image: url('./images/menu4-drop.jpg');border: none;}
a#sales:hover {background-image: url('./images/menu5-drop.jpg');border: none;}
a#contact:hover {background-image: url('./images/menu6-drop.jpg');border: none;}

a img { border: 1px solid black; }

a#content:link {text-decoration:none; background-color: #F86E25; color: black; }
a#content:visited {text-decoration:none; color: black; }
a#content:hover {text-decoration:none; background-color: #F86E25; color: black; }
a#content:active {text-decoration:none; color: red; }


a.info{
position:relative; /*this is the key*/
	 z-index:24; background-color:#ccc;
color:#000;
      text-decoration:none}

      a.info:hover{z-index:25; background-color:#ff0}
      a.info span{display: none}
      a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #0cf;
       background-color:#cff; color:#000;
       text-align: center}

#foot {
	text-align:center;
position:relative; 
height:45px; 
background:url('./images/footer.jpg');
	   z-index:5; 
	   font-family: trebuchet MS, tahoma, verdana, arial, sans-serif;
	   font-weight:bold;
color:#375176;
}

* html #foot {
width:800px;
height:45px;
}

#rose {
background: #ffb15e url('./images/rosebg.jpg') no-repeat;
	    z-index: 2;
width:800px; 
}

#notice {
	margin: 20px;
	padding: 5px;	
	background: #b9692a;
	border: dashed 2px #e88309;
	color: black;
	}

#notice h6 	{
	text-decoration: blink;
	font-weight: bold;
	font-size:1.2em; 
	margin: 0px;
        text-align: center
	}

#notice p {
	margin: 0px;
}

p.hide {	
	font-weight:bold;
	display: none;
	}

#w3c a {
	position: absolute;
	text-decoration: none;
	height:23px;
	}

#w3c a i {visibility: hidden;}

a#xhtml{top:0;right:0px;width:55px;}
a#css{top:0;right:55px;width:30px;}

#content p {
	padding:5px; text-align:justify;
	}

.pedigree {
	margin:5px;
	}

.boldhead {
	font-size:1.5em; 
	font-weight:bold;
	}
.bold {font-weight:bold;}
.left {float:left; margin:10px; border:1px solid #375176;}
.right {float:right; margin:10px; border:1px solid #375176;}
.rightnb {float:right; margin:10px; border:0px solid #375176;}
.leftnb {float:left; margin:10px; border:0px solid #375176;}
.lefttext {float:left; width:300px; text-align:justify;}
.righttext {float:right; width:300px; text-align:justify;}
		
* html .lefttext {float:left; width:310px; text-align:justify;}
* html .righttext {float:right; width:310px; text-align:justify;}