/*
	HOTPRESS FRAMEWORK
	Site:Colorado Main Street Community
	By:Steven Waller
	Created:June 22, 2009
*/

/* Background
----------------------------------------------------------------------------------------------------*/
body{
	background:transparent url('images/bg-tile.jpg') scroll repeat left top;
}
#bg-image{
	height:717px;
	background:transparent url('images/bg-image.jpg') scroll no-repeat center top;
}
#body{
	width:794px;
	margin:-30px auto 0 auto;
	background:transparent url('images/body-middle.png') scroll repeat-y center top;
	overflow:hidden;
}
#main-content{
	overflow:hidden;
	padding-bottom:30px;
}
/* Header
----------------------------------------------------------------------------------------------------*/
#header{
	width:814px;
	height:279px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
	z-index:2;
}
#header #flash {
	margin-left:7px;
	
}
#logo{
	margin:0 0 0 43px;
	position:relative;
	width:206px;
	height:241px;
	top:-243px;
}
#logo a{
	display:block;
	width:206px;
	height:241px;
	background:transparent url('images/logo.png') scroll no-repeat left top;
	text-indent:-9999px;
}
#logo a:hover{
	background-position:left bottom;
}

/* Search
----------------------------------------------------------------------------------------------------*/
#attraction-search{
	overflow:hidden;
	zoom:1;
	background:transparent url('images/search-background.jpg') scroll no-repeat center bottom;
	padding:45px 47px 30px;
	margin-bottom:25px;
}
#body-home #attraction-search{
	background:transparent url('images/search-background-home.jpg') scroll no-repeat center bottom;
	padding-bottom:49px;
	margin-bottom:0;
}
#attraction-search h3{
	display:block;
	width:156px;
	height:51px;
	background:transparent url('images/title-find-attraction.gif') scroll no-repeat left top;
	text-indent:-9999px;
	float:left;
	margin:0;
}
#looking-for{
	float:left;
	width:200px;
	padding-left:30px;
}
#title-looking-for{
	display:block;
	width:127px;
	height:25px;
	background:transparent url('images/title-looking-for.gif') scroll no-repeat left top;
	text-indent:-9999px;
}
#in-or-around{
	float:left;
	width:180px;
}
#title-in-or-near{
	display:block;
	width:85px;
	height:25px;
	background:transparent url('images/title-in-or-near.gif') scroll no-repeat left top;
	text-indent:-9999px;
}
#attraction-search .cat_dropdown{
	width:165px;
	padding-top:2px;
	padding-bottom:2px;
}
#attraction-search .cat_button{
	float:right;
	padding-top:10px;
}

/* Bottom
----------------------------------------------------------------------------------------------------*/
#bottom{
	overflow:hidden;
	background:transparent url('images/bottom-background.jpg') scroll no-repeat center bottom;
	padding-bottom:25px;
}
#body-home #bottom{
	background:transparent url('images/bottom-background-home.jpg') scroll no-repeat center bottom;
	margin-bottom:30px;
}
#bottom-jagged{
	overflow:hidden;
	background:transparent url('images/bottom-jagged.png') scroll no-repeat center top;
}
#bottom .container_16{
	/*overflow:hidden;*/
}
#locations, #categories{
	margin-top:45px;
}
#body-home #locations, #body-home #categories{
	margin-top:15px;
}
#bottom ul, #bottom ol{
	background:transparent url('images/bottom-list-underline.gif') scroll repeat-x left bottom;
	margin-bottom:0;
}
#bottom li{
	
	list-style:none;
	margin:0;
}
#bottom li a{
	font-weight:bold;
	color:#000;
	text-decoration:none;
	display:block;
	padding:6px 0 6px 10px;
	background:transparent url('images/bottom-list-underline.gif') scroll repeat-x left top;
}
#bottom li a:hover{
	color:#605041;
}
/*LOCATIONS*/
#locations h4{
	margin-bottom:4px;
	padding-left:10px;
}
#locations h4 a{
	display:block;
	width:128px;
	height:29px;
	background:transparent url('images/title-locations.gif') scroll no-repeat left top;
	text-indent:-9999px;
	line-height:1px;
}
#locations h4 a:hover{
	background-position:left -36px;
}

/*CATEGORIES*/
#categories h4{
	margin-bottom:4px;
	padding-left:10px;
}
#categories h4 a{
	display:block;
	width:137px;
	height:29px;
	background:transparent url('images/title-categories.gif') scroll no-repeat left top;
	text-indent:-9999px;
	line-height:1px;
}
#categories h4 a:hover{
	background-position:left bottom;
}

/*Bottom Links*/
#bottom-links{
	background:transparent url('images/bottom-underline.gif') scroll repeat-x left top;
	float:right;
	width:315px;
	margin-right:10px;
	margin-top:35px;
}
#body-home #bottom-links{
	margin-top:5px;
}
#bottom-itinerary{
	background:transparent url('images/bottom-underline.gif') scroll repeat-x left bottom;
	padding:17px 0;
	margin:0;
}
#bottom-itinerary a{
	display:block;
	width:289px;
	height:55px;
	background:transparent url('images/view-itinerary.gif') scroll no-repeat left top;
	text-indent:-9999px;
}
#bottom-itinerary a:hover{
	background-position:bottom left;
}
#bottom-maps{
	background:transparent url('images/bottom-underline.gif') scroll repeat-x left bottom;
	padding:17px 0;
	margin:0;
}
#bottom-maps a{
	display:block;
	width:317px;
	height:56px;
	background:transparent url('images/view-map.gif') scroll no-repeat left top;
	text-indent:-9999px;
}
#bottom-maps a:hover{
	background-position:bottom left;
}
#bottom-calendar{
	background:transparent url('images/bottom-underline.gif') scroll repeat-x left bottom;
	padding:17px 0;
	margin:0;
}
#bottom-calendar a{
	display:block;
	width:275px;
	height:50px;
	background:transparent url('images/view-calendar.gif') scroll no-repeat left top;
	text-indent:-9999px;
}
#bottom-calendar a:hover{
	background-position:bottom left;
}
#tag-string{
	display:block;
	width:55px;
	height:98px;
	background:transparent url('images/tag-string.png') scroll no-repeat left top;
	position:relative;
	right:-312px;
	top:-103px;
}
#tag{
	margin:-103px 0 0 0;
	position:relative;
	right:-21px;
}
#tag a{
	display:block;
	width:327px;
	height:180px;
	background:transparent url('images/tag.png') scroll no-repeat left top;
	text-indent:-9999px;
}
#tag a:hover{
	background-position:left bottom;
}

/* Footer
----------------------------------------------------------------------------------------------------*/
#footer{
	display:block;
	width:794px;
	background:transparent url('images/body-bottom.png') scroll no-repeat center top;
	color:#a19164;
	margin:0 auto;
	padding:25px 0 45px;
	text-align:center;
}
#body-home #footer{
	background:transparent url('images/body-bottom-home.png') scroll no-repeat center top;
	padding-top:29px;
}
#footer ul{
	margin:0 auto 5px auto;
	width:528px;
	overflow:auto;
	display:block;
}
#footer li{
	display:inline;
	float:left;
	border-left:1px solid #a19164;
	line-height:12px;
	margin:0;
	padding: 0 7px;
}
#footer li a{
	color:#a19164;
	text-decoration:none;
}
#footer li a:hover{
	color:#fff;
}
#footer li.first{
	border:none;
	padding-left:0;
}
#footer p{
	margin-bottom:5px;
}
#sponsors{
	margin:0 auto;
	width:420px;
	padding:20px 0;
	overflow:hidden;
}
#downtown-logo{
	display:block;
	float:left;
	width:66px;
	height:34px;
	background:transparent url('images/downtown-logo.gif') scroll no-repeat left center;
	text-indent:-9999px;
	padding-right:20px;
}
#colorado-logo{
	display:block;
	float:left;
	width:179px;
	height:58px;
	background:transparent url('images/colorado-logo.gif') scroll no-repeat left center;
	text-indent:-9999px;
	padding-right:20px;
}
#hotpress{
	display:block;
	float:left;
	width:129px;
	height:13px;
	background:transparent url('images/hotpress.gif') scroll no-repeat left center;
	text-indent:-9999px;
	padding-top:20px;
}
/* Misc
----------------------------------------------------------------------------------------------------*/
#google-map-frame{
	display:block;
	padding:26px 0 0 25px;
	width:700px;
	height:419px;
	background:transparent url('images/google-map-frame.jpg') scroll no-repeat left top;
	text-align:center;
}
.ap-image-small{
	font-size:10px;
	text-align:center;
}
.webform label{
	font-weight:bold;
}
.webapptable tr, .webapptable td{
	vertical-align:top;
}
.webapp-small{
	margin:15px 20px 20px 0;
}
.webapp-photos{
	font-size:10px;
	text-align:center;
}
.webapp-photos ul{
	overflow:hidden;
	margin-top:10px;
}
.webapp-photos li{
	display:inline;
	float:left;
	list-style:none;
	margin:0;
	padding-left:6px;
}
.webapp-photos li.first{
	padding-left:0;
}
.webapp-small h1, .webapp-small h2, .webapp-small h3, .webapp-small h4, .webapp-small h5, .webapp-small h6, .webapp-small ul,.webapp-small ol, .webapp-small p{
	margin-bottom:10px;
}
.webappsearchresults img, .webapp-photos img, .categories-list img{
	background:transparent url('images/image-border.jpg') scroll no-repeat left top;
	padding:14px 13px;
}