/* Styles for GGG Home page slider */

/* ----------------------------------------------------------------------------------------------- */
/* Featured posts slider - Create a dynamic featured posts slider tutorial
/* Tutorial - http://new2wp.com/rookie/part-2-the-static-version-of-the-jquery-featured-post-slider
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


/* slider
/* ---------------------------------------------------- */
#slider {
	background-image: url(../images/slider-bg.png);
	background-repeat: no-repeat;
	width: 1020px;
	height: 340px;
	margin:0px;
	padding:0;
	position:relative;
	text-align: left;
	float: left;
}

#slider ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	position:relative;
}
#slider ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* slider > SLIDES
/* ---------------------------------------------------- */
#slider .slides {
	color:#182431;
	padding: 0;
	position:relative;
	height: 300px;
}

#slider .slides ul { 
	width:9999px; 
}

#slider .slides li {
	background-color: transparent !important;
	height:300px;
	margin:0px;
	overflow:hidden;
	padding:0px;
	position:relative;
	width: 1020px; /* Width of slides box */
}
#slider .slides h2, h2 a {
	font-size: 48px;
	line-height: 48px;
	color: #ffffff;
	margin:0px;
	padding: 70px 0 10px 40px;
}
#slider .slides h3, h3 a {
	font-size: 24px;
	line-height: 24px;
	color: #ffffff;
	margin:0px;
	padding: 0 0 25px 40px;
}
#slider .slides img {
	float:right;
	margin:0;
	overflow:hidden;
	padding:0px;
}
#slider .slides p { 
	margin:0px;
	overflow:hidden;
	padding:0 0 0 40px;
	color: #fff;
}

#slider .slides p a {
	display: block;
	color: #444444;
	text-decoration: none;
	padding: 0 0 0 20px;
	margin: 0;
	line-height: 22px;
	width: 140px;
}

/* #slider .slides p a {
	display: block;
	color: #444444;
	text-decoration: none;
	padding: 5px 7px;
	margin: 0;
	line-height: 22px;
	width: 140px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #ffffff;
} This is the old version, prior to 3D style */


/* slider > NAVIGATION
/* ---------------------------------------------------- */
.slides-nav {
	clear:both;
	float:left;
	position:absolute;
	left: 40px; /* make this a negative number to make nav hang off */
	top: -30px;
	width: 300px;
	z-index:100;
}
.slides-nav li { 
	margin-right:6px; 
	float: left;
}

.slides-nav li a {
	background: url(../images/inactive.png) left top no-repeat;
	color:#fff;
	display: block;
	width: 19px;
	height: 19px;
	font-size:14px;
	font-weight:bold;
	margin:0 0 0 0;
	padding: 0 0 0 0;
	text-decoration:none;
	text-align: center;
	text-indent: -9000px;
}
.js #slider .slides-nav li.on a {
	background: url(../images/active.png) left top no-repeat;
	color:#182431;
	margin:0 0 0 0;
	padding: 0 0 0 0;
}
.js #slider .slides-nav li.on a {
	position: relative;
	top: 0px;
}