/*
      Created by JKoury
	  
	  E-Mail: information@jkoury.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.jkoury.com
	  
*/

* { padding: 0; margin: 0; }

body {
 align: center;
 text-align: center;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color:#006600;
 background-repeat:repeat
}
#wrapper { 
 text-align: center;
 margin: 0 auto;
 width: 1020px;
 align: center;
 background-image:url(../images_template1/bg_content.jpg);
 background-repeat:repeat;
}
#header {
 text-align: left;
 background-image:url(../images_template1/bg_content.jpg);
 background-repeat:repeat;
 width: 1020px;
 padding: 0px;
 height: 300px;
 margin: 0px 0px 0px 0px;
}
.navigation{
    position:relative;
 background-image:url(../images_template1/bg_content.jpg);
 background-repeat:repeat;
    margin:0px 0px 0px 0px;
    width:1020px;
    padding:0px;
}
#head{
 list-style:none;
 font-family:"Verdana",sans-serif;
 border-top:1px solid #00BA00;
 margin:0px;
 padding:0px;
 text-align:center;
}
ul.head li span{
    width:250px;
    height:70px;
    background-repeat:no-repeat;
    background-color:transparent;
    position:absolute;
    z-index:10;
    top:310px;
    cursor:pointer;
}
ul.head li span.logo{
    background-image:url(/images/logo.png);
    left:775px;
}
#menu{
 list-style:none;
 font-family:"Verdana",sans-serif;
 border-top:1px solid #00BA00;
 margin:0px;
 padding:0px;
 text-align:center;
}
ul.menu{
    list-style:none;
    font-family:"Verdana",sans-serif;
    border-top:1px solid #bebebe;
    margin:0px;
    padding:0px;
}
ul.menu li{
    display: inline; /* Prevents "stepdown" */
}
ul.menu li a{
    text-decoration:none;
    background:#00BA00 url(/images/bgMenu.png) repeat-x top left;
    padding:6px 0px;
    width:252.5px;
    color:#fff;
    float:left;
    text-shadow: 0 1px 1px #005500;
    text-align:center;
    border-right:1px solid #a1a1a1;
    border-left:1px solid #e8e8e8;
    font-weight:bold;
    font-size:13px;
    -moz-box-shadow: 0 1px 3px #555;
    -webkit-box-shadow: 0 1px 3px #555;
}
ul.menu li a.hover{
    background-image:none;
    color:#fff;
    text-shadow: 0 -1px 1px #000;
}
ul.menu li a.first{
    -moz-border-radius:0px 0px 0px 10px;
    -webkit-border-bottom-left-radius: 100px;
    border-left:none;
}
ul.menu li a.last{
    -moz-border-radius:0px 0px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
}
ul.menu li span{
    width:70px;
    height:50px;
    background-repeat:no-repeat;
    background-color:transparent;
    position:absolute;
    z-index:40;
    top:310px;
    cursor:pointer;
}
ul.menu li span.home{
    background-image:url(/button/home.png);
    text-align:center;
    left:100px; /*128/2 - 32(half of icon) +1 of border*/
}
ul.menu li span.shop{
    background-image:url(/button/shop.png);
    left:350px; /* plus 128 + 2px of border*/
}
ul.menu li span.calendar{
    background-image:url(/button/calendar.png);
    left:650px;
}
ul.menu li span.twitter{
    background-image:url(/Equine/button/twitter.png);
    left:380px;
}
ul.menu li span.facebook{
    background-image:url(/button/facebook.png);
    left:500px;
}

ul.menu li span.call{
    background-image:url(/Equine/button/call.png);
    left:610px;
}
ul.menu li span.donate{
    background-image:url(/Equine/button/donate.png);
    left:730px;
}
ul.menu li span.contact{
    background-image:url(/button/about.png);
    left:840px;
}
ul.menu li span.invest{
    background-image:url(/Equine/button/invest.png);
    left:700px;
}
#leftcolumn { 
 display: inline;
 margin: 10px;
 padding: 0px;
 width: 0px;
 height:500px;
 float: left;
}
#rightcolumn { 
 float: right;
 background-image:url(../images_template1/bg_content.jpg);
 margin: 0px;
 padding: 0px;
 width: 1020px;
 display: inline;
 position: relative;
}
#footer {
 text-align:center;
 width: 1020px;
 height: 200px;
 clear: both;
 color: #333;
 background: #ABBEBE;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}
#sco {
	
	margin: 0 auto;
	color: #ffffff;
	text-align: center;
	font-size:5px;
}
.clear { clear: both; background: none; }
					div.cap { display: block; height: 100px; width: 40px; }
		
		div.cap.left { position: absolute; bottom: 0px; left: 0px; }
		div.cap.right { background-position: right bottom; position: absolute; top: 0px; right: 0px; }
		ul.osx-dock { display: inline-block; height: 130px; padding: 0 20px 0 0;  overflow: hidden; margin: 0 0 0 20px; }
		ul.osx-dock li { display: block; position: relative; float: left; width: 95px; height: 90px; margin: 0px 0 4px 0;
			-webkit-transition: 0.15s linear;
		  	-webkit-transition-property: -webkit-transform margin;
		   	text-align: left; }
		   	-moz-transition: 0.15s linear;
			-moz-transition-property: -webkit-transform margin;
		ul.osx-dock li a { display: block; height: 20px; padding: 0 1px;
		 	-webkit-transition: 0.15s linear;
		  	-webkit-transition-property: -webkit-transform margin;
		  	margin: 0;
			-webkit-box-reflect: below 2px
			-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.45, transparent), to(rgba(255, 255, 255, 0.25)));
			-webkit-transition: 0.15s linear;
		  	-moz-transition-property: -webkit-transform margin;
		  	margin: 0;
			-moz-box-reflect: below 2px
			-moz-gradient(linear, left top, left bottom, from(transparent), color-stop(0.45, transparent), to(rgba(255, 255, 255, 0.25)));
		
			}
		ul.osx-dock li a img { width: 90px; }
		
		ul.osx-dock li:hover { 
			margin-left: 9px; margin-right: 9px;
			z-index: 900;
		}
		ul.osx-dock li:hover a { 
			-webkit-transform-origin: center bottom;
			-webkit-transform: scale(1.5);
			-moz-transform-origin: center bottom;
			-moz-transform: scale(1.5);
		}
		ul.osx-dock li.nearby { 
			margin-left: 6px; margin-right: 6px;
			z-index: 200;
		}
		ul.osx-dock li.nearby a { 
			-webkit-transform-origin: center bottom;
			-webkit-transform: scale(1.25);
			-moz-transform-origin: center bottom;
			-moz-transform: scale(1.25);
		}
 
		ul.osx-dock li span { background: rgba(0,0,0,0.75); position: absolute; bottom: 80px; margin: 0 auto; display: none; width: auto; font-size: 11px; font-weight: bold; padding: 3px 6px; -webkit-border-radius: 6px; color: #fff; }
		ul.osx-dock li:hover span { display: block; }
		
		#dockContainer { position: fixed; bottom: 10px; height: 95px; padding: 10px 0 0; text-align: left;
		 -webkit-border-radius: 6px; -moz-border-radius: 6px; width: 100%; line-height: 1; z-index: 200; }
		#dockWrapper { width: auto; display: inline-block; position: relative; border-bottom: solid 2px rgba(255,255,255,.35); line-height: 0; }