/* * Rod & Dent Club CSS * */

body{
	background:url(../../img/body-bg.jpg) top left repeat #3C3217;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
.left{float:left}
.right{float:right}
.clear{clear:both}

a{
	color:white;
	text-decoration:underline;
}
	a:hover{
		text-decoration:none;
	}

/* * Container * */

#container{
	background:url(../../img/container-bg.jpg) top left repeat;
	width:960px;
	border:1px solid #FFF;
	margin:25px auto;
	}
	
/* * Navigation * */

#nav{
	background:url(../../img/nav-bg.jpg) top left no-repeat #c6ce95;
	height:35px;
	border-bottom:4px solid #e0c471;
	}
	#nav ul{
		font-size:14px;
		text-transform:uppercase;
		}
		#nav ul li{
			float:left;
			}
			#nav ul li a{
				color:#000;
				display:block;
				padding:9px 52px;
				text-decoration:none;
				}
				#nav ul li.first a,
				#nav ul li.last a{
					padding:9px 53px 9px 54px;
					}
				#nav ul li a:hover,
				#nav ul li a.active{
					background:#FFF;
					}
	
/* * Banner * */

#banner{
	border-bottom:4px solid #f1f1f1;
	height:302px;
	}
	#banner img.logo{
		float:left;
		position:relative;
		top:15px;
		left:15px;
		}
	#banner img.imgbanner{
		margin-top:-276px;
		}

/* * Content * */

	#content{
		padding:25px 30px 5px 30px;
		width:585px;
		float:left
		}
		#content h1{
			color:#e4c162;
			font-size:22px;
			padding-bottom:13px;
			}
		#content h2{
			color:#cfd49c;
			font-size:16px;
			padding-bottom:13px;
			padding-top:13px;
			text-transform:uppercase
			}
		#content h3{
			font-weight:bold;
			font-size:14px;
			text-transform:uppercase;
			padding-bottom:13px;
			color:#FFF;
			}
		#content p{
			color:#FFF;
			font-size:12px;
			line-height:150%;
			padding-bottom:15px;
			}
			#content p a{
				color:#FFF;
				text-decoration:underline;
				}
				#content p a:hover{
					color:#e0c471;
					text-decoration:underline;
					}
			#content p .highlight{
				color:#e4c162;
				}
		#content img.img-left{
			margin:0 25px 25px 0;
			border:1px solid #e4c162;
			float:left;
			}
		#content img.img-right{
			margin:0 0 25px 25px;
			border:1px solid #e4c162;
			}
			#content table{
			color:#FFF;
			font-size:12px;
			line-height:150%;
			padding-bottom:15px;
			}
			#content table h3{
			color:#e4c162;
			font-size:18px;
			padding:0 0 10px 0;
			}
			
		
/* * Slider * */

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	background:url(../../img/slider-bg.jpg) top left no-repeat #82692e;
	width:525px;
	height:203px
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}
.scrollable .items .box {
	width:150px;
	float:left;
	margin:20px 0 0 19px;
	text-align:center;
}
	.scrollable .items .box img{		
		border:1px solid #AF9B6D;		
	}
		.scrollable .items .box img:hover{
				border:1px solid #fff;
		}
	.scrollable .items .box span{		
		color:#fff;
		display:block;
		margin-top:7px;	
		font-size:16px;	
	}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}
	
.prev{
	position:relative;
	top:85px;
	right:15px;
	left:-20px;
	float:left;
	cursor:pointer;
}
.next{
	position:relative;
	top:-115px;
	left:15px;
	right:-20px;
	float:right;
	cursor:pointer;
}
		

		
/* * Sidebar * */

#sidebar{
	width:260px;
	border-left:1px solid #999068;
	margin:25px 0 25px 0;
	padding:0 0 0 30px;
	float:left
	}
	#sidebar h2{
		color:#cfd49c;
		font-size:20px;
		padding-bottom:10px;
		}
	#sidebar h3{
		color:#e4c162;
		font-size:16px;
		padding-bottom:10px;
		text-decoration:underline;
		text-transform:uppercase;
		}		
	#sidebar p{
		color:#FFF;
		font-size:12px;
		line-height:128%;
		padding-bottom:10px;
		}
		#sidebar p a{
			color:#FFF;
			text-decoration:underline;
			}
	#sidebar img{
		border:1px solid #e4c162;
		margin:10px 0 0 0;
		}
			
/* * Footer * */

#footer{
	border-top:4px solid #f1f1f1;
	background:url(../../img/nav-bg.jpg) top left no-repeat #c6ce95;
	height:35px;
	}
	#footer p{
		font-size:11px;
		color:#000;
		text-align:center;
		padding:9px 0 0 0;
		}
		#footer p a{
			color:#000;
			text-decoration:underline;
			}