/*
|
| TITLE:	Ardmore Visitors Site Home Style Sheet
| AUTHOR:	Eric Shiarla, emshiarla@gmail.com	
| EMPLOYED:	Pendergraphics Design Group, http://www.pendergraphics.com 	
| 
| CREATED:	June 7th 2006
| MODIFIED: 	---------------
|
*/




/* GLOBAL ELEMENTS MODS/ADS
----------------------------------------------------*/

h2 {
	margin: 0;
	padding: 10px 0 5px 0;
	font-size: 140%;
	color: #014576; 
}

h3 {
	margin: 30px 0 0 0;
}

h3.description {
	margin: -15px 0 0 0;
	padding: 0; 
	color: #999;
	font-weight: normal;
	font-size: 100%;
}


/* NAVIGATION ELEMENTS MODS/ADS
----------------------------------------------------*/
#utilities {
	margin: 30px 10px 0 0;
}

#calloutNav {
	float: left;
	position: absolute;
	bottom: 0;
	left: 0;
	margin-top: 10px;
	width: 350px;
	font-size: 95%;
	line-height: normal;
}

	#calloutNav ul {
		margin: 0;
    	padding: 0 0 3px 15px;
	    list-style: none;
    }

	#calloutNav li {
    	float: left;
	    margin: 0 1px;
    	padding: 0 0 0 7px;
    	background: transparent url(../../images/navigation/callout-left-door.gif) no-repeat left top;		
    }
	

	#calloutNav a {
		display: block;
		color: #f0f0f0;
		text-decoration: none;
   		background: transparent url(../../images/navigation/callout-right-door.gif) no-repeat right top;
    	padding: 7px 10px 7px 3px;		
	}
	
	#calloutNav a:hover {
		color: #fff;
	}



/* HEADER MODS/ADDS 
----------------------------------------------------*/
#weather {
	margin: 15px 455px 10px 0;
	padding: 10px;
	color: #74819F;
	font-size: 85%;
	font-weight: bold;
	text-align: center;
}

	#time { color: #999; }
	#conditions { color: #333; }
	
	
	#weather a {
		margin-left: 5px;
	}
	
	#weather a:hover {
		border-bottom: 1px dashed #014576;
	}

#leftCall {
	position: relative;
	z-index: 9;
	float: left;
	width: 350px;
	height: 298px;
	background: #fff url(../../images/home/callouts/requestguide.jpg) no-repeat bottom left;
	border-bottom: 2px solid #014576;
}

	#leftCall h1, #leftCall h2, #leftCall p {
		display: none;
	}
	
	#leftCall a.video {
		display: block;
		position: absolute;
		bottom: 30px;
		right: 110px;
		width: 110px;
		height: 25px;
	}
	
		#leftCall a.video span {
			display: none;
		}
	#leftCall a.click {
		display: block;
		position: absolute;
		bottom: 32px;
		right: 240px;
		width: 110px;
		height: 25px;
	}
		#leftCall a.click span {
			display: none;
		}		
#logo {
	float: left;
	margin: 10px 0 0 5px;
	border: none;
	position: absolute;
	z-index: 10;
}		

#img-rotation {
	float: left;
	margin: 0;
	padding: 0;
	width: 450px;
	height: 298px;	
	z-index: 1;
	border-bottom: 2px solid #014576;	
}

	#rotationImages {
		display: none;
		margin: 0;
		padding: 0;
		width: 450px;
		height: 298px;
		overflow: hidden;	
		border: none;
		z-index: 1;
	}

	#img-rotation img {
		float: left;
		display: none;
		position: absolute;		
		margin: 0 auto;
		padding: 0;
		z-index: 1;
		border: none;
	}




/* SUB BAR MODS/ADDS 
----------------------------------------------------*/
#subBar {
	background: none;
	height: 29px;
}

#subBar form {
	width: 790px;
}




/* CONTENT MODS/ADDS 
----------------------------------------------------*/
#content {
	clear: both;
	float: right; /* float to contain floated images */
	margin-left: 0;
	padding: 0 15px 35px 15px;
	width: 570px;
}

#content div.captionedPhoto p {
	text-align: center;
}

/* Featured Attractions
----------------------------------------------------*/

#featured_attractions h3 {
	margin-top: 10px;
	clear: both;
	}

#featured_attractions img {
	float: right;
	display: inline;
	margin: 0 0 10px 10px;
	width: 60px;
	}