/* CSS Document for Keller Equine Services */

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	background-color:#FFFFCC;
}
#wrapper {
	width:960px;
	margin:0px auto;
	padding:10px;
}
#header {
		height:170px;
		padding:10px;
		background-color:#CCCC99;
		margin-bottom:10px;
}
#header-box1 {
		margin-left:20px;
		width:100px;
		}

#navbar {
	text-align:center;
	font-size:12px;
	height:22px;
	padding:5px;
	background-color:#CC9933;	
}

#navbar ul {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}
#navbar li {
	float:left;
}
	
#navbar	a:link, a:visited  {
	display:inline ;/*compact  inline  block*/
	/*width:170px; */
	font-weight:bold;
	color:#330000;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	}
#navbar	a:hover, a:active  {
	color:#FFFFFF;
	background-color:#993300;
	/* padding:3px; */
	}

	#content {
		margin-top:10px;
		padding-bottom:10px;
	}
	/* Applies to all divs within the content div */
	#content div {
		padding:10px;
		float:left;
	}
	
	#content-main {
		margin-left:10px;
		width:55%;	
	}
	
	#content-right {
		float: right;
		position: absolute;
		margin-left: 500px;		
		width:auto;
		height: auto;
		background-color:#FFFFFF;
	}
	
	#content-right1 {
		float: right;		
		margin-left: 400px;		
		width:100%;
	}
	
	#content a:link, a:visited {
		text-transform:inherit;
		text-decoration:underline;
	}
	 
	#content a:hover, a:active {
		color:#3300FF;
		background-color:#FFFFCC;
	}
	/* */
	.picscontainer {
		margin-left:592px;
		float:right;
		position:absolute;
		width:auto;
		height:auto;
	}
	
	.pixbox2 {
		float: left;
		position: absolute;
		width: auto;
		height: auto;
	}
	
	.border {
		border:#CCCC99;
		border-width:4px;
		border-style:solid;
	}
	
	/* rotator in-page placement */ 
    div.rotator {
		margin-left:465px;
		float:right;
		position:absolute;		
		width:400px;
		height:340px;
	}
/* rotator css */
div.rotator ul li {
	position:absolute;	
	border: 4px solid #CCCC99;
	padding: 2px;
	background: #fff;
}
/* rotator image style	*/
div.rotator ul li img {
border:1px solid #ccc;
padding: 4px;
background: #FFF;
}  
div.rotator ul li.show {
z-index:500
}

#horzspacer70 {
	margin-left:10px;
	width:55%;	
	height: 70px;
}

#horzspacer40 {
	margin-left:10px;
	width:55%;	
	height: 40px;
}
	
#footer {
	float:right;
	width:940px;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	background-color:#CC9933;
}
#bottom {
	clear:both;
	text-align:right;
}