/*****************************************************
* Global
*****************************************************/

* { padding: 0; margin: 0; }

body {
	font-family: "Trebuchet MS",Helvetica,sans-serif;
	background-color: rgb(206,206,206);
	color: #fff;
	}

div.clear {
	height: 0;
	position: relative;
	clear: both;
	}

ul { list-style: none; }

a img { border: none; }

hr, .hidden { display: none; }

span.light { color:#A7A7A7; }

h4, h5 {
	font-size: 14px;
	font-weight: bold;
	color: rgb(32,32,32);
	margin: 20px 0;
}

h4 a {
	color: #777 !important;
	text-decoration: underline !important;
}

h4 a:hover {
	text-decoration: none !important;
}

h5 {
	font-weight: normal;
	color: #777;
}

hr {
	border: 0;
	background-color: #ccc;
	height: 1px;
}

.errorbox {
	margin: 10px 0 20px 0;
	padding: 10px;
	background-color: #f6b8b8;
	color: rgb(32,32,32);
	font-size: 12px;
}

/*****************************************************
* Layout
*****************************************************/

.main-holder {
	width: 100%;
	background: rgb(206,206,206) url(../images/body-bg.gif) top left repeat-x;
	}
	
#container {
	width: 982px;
	margin: 0px auto;
	padding: 9px 9px 0;
	background: #FFF;
	border: 1px solid #999;
	border-bottom: none;
	}
	
#header {
	height: 177px;
	overflow: hidden;
	}

#masthead {
	height: 134px;
	background: rgb(234,65,78) url(../images/header-bg.png) no-repeat left top;
	}

#navigation {
	height: 43px;
	background: transparent url(../images/main-nav-bg.jpg) no-repeat left top;
	}

#content {
	min-height: 600px;
	background: transparent url(../images/content-bg.gif) repeat-x left top;
	}

.column-small,
#column-large {
	float: left;
	width: 200px;
	margin-top: 50px;
	}

#column-large {
	width: 568px;
	margin: 20px 7px 0;
	padding-top: 1px;
	background: transparent url(../images/large_top-bg.gif) no-repeat left top;
	}

.column-small div,
.column-small a img {	
	margin-bottom: 11px;
	}

#column-large-content {
	width: 544px;
	padding: 9px 12px;
	background: transparent url(../images/large_body-bg.gif) repeat-y left top;
	}

.adsense {
	margin: 24px 0 36px;
	padding-left: 35px;
	}

.adsense .adc {
	float: left;
	margin-left: 20px;
	}
	
.column-jumbo {
	float: left;
	width: 741px;
	margin: 25px 0 0 10px;
	padding: 15px;
	background: #F2F2F2 url(../images/jumbo-bg.gif) repeat-y left top;
	border-right: 1px solid #D4D4D4;
	border-top: 1px solid #D4D4D4;
	}	

#pro_hdr,
img.banner,
#google-map,
.big-black-box {
	border: 4px solid #D3D3D3;
	}

.big-black-box {
	width: 703px;
	margin-top: 17px;
	padding: 0 15px 5px 15px;
	background: #232323 url(../images/profile_comments-bg.gif) no-repeat left bottom;
	}
	
.big-black-box-hdr {
	height: 47px;
	width: 703px;
	margin: 0 0 0 -15px;
	padding: 14px 15px 0 15px;
	font-size: 12px;
	text-transform: uppercase;
	background: transparent url(../images/profile_comments_hdr-bg.png) no-repeat top left;
	color: #4CF6E5;
	}

a#add-cmnt {
	float: right;
	padding-left: 9px;
	font-size: 12px;
	text-transform: none;
	background: transparent url(../images/list-item.png) no-repeat 0 3px;
	}

.big-black-box blockquote {
	margin-bottom: 22px;
	padding: 18px 11px 10px 7px;
	font-size: 12px;
	line-height: 1.25em;
	background: transparent url(../images/quote-bg.png) no-repeat left top;
	border-bottom:  1px solid #9A9A9A;
	}

.big-black-box blockquote .cmnt-info {
	padding-top: 8px;
	color: #D7D7D7;
	}

.big-black-box blockquote .cmnt-info span {
	float: right;
	}		
	
		

/*****************************************************
* Linkage
*****************************************************/

a:link, 
a:active, 
a:visited {
	text-decoration: none;
	color: #FFF;
	}

a:hover {
	text-decoration: underline;
	}
	
.mapBubble {
	font-size: 12px;
	color: #999;
	}

.mapBubble a {
	cursor: pointer;
	font-size: 12px;
	color: #333;
	}	
	
		
/*****************************************************
* Choose City Styles
*****************************************************/

#choose-city {
	width: 100%;
	margin: 0 auto;
	background: #151515 url(../images/choose-city-bg.gif) repeat-x bottom left;
	}

.choose-city-top {
	width: 100%;
	height: 32px;
	background: #151515 url(../images/choose-city-top.gif) repeat-x;
	}

.choose-city-body {
	width: 1002px;
	margin: 0 auto;
	padding-bottom: 32px;
	font-size: 12px;
	font-family: "Helvetica Neue", helvetica, sans-serif;
	}

.choose-city-body h1 {
	float: left;
	color: #777;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	}
	
.choose-city-links {
	clear: left;
	padding-top: 15px;
	}	

.choose-city-links a {
	margin-right: 15px;
	line-height: 23px;
	text-decoration: underline;
	}

.choose-city-links a:hover {
	text-decoration: none;
	}

form#zip-search {
	float: right;
	width: 282px;
	}

input#zip-search-button {
	float: left;
	}

#zip-search-field {
	float: left;
	margin-right: 10px;
	height: 18px;
	width: 201px;
	padding: 2px 12px 4px 12px;
	background: transparent url(../images/choose-city-search.gif) no-repeat left top;
	}

#zip-search-field input {
	width: 201px;
	height: 15px;
	margin-top: 3px;
	padding: 1px 0 1px 0;
	font-family: inherit;
	font-size: 12px;
	border: none;
	background-color: #d6d6d6;
	color: #333;
	}

/*****************************************************
* City Info Styles
*****************************************************/
	
#city-info {
	width: 1002px;
	height: 32px;
	margin: 0px auto;
	padding: 12px 0;
	}

#city-info #city {
	float: left;
	height: 17px;
	padding: 9px 0px 7px 12px;
	background: transparent url(../images/city-bg.png) no-repeat left top;
	}

#city-info #city-right {
	float: left;
	height: 34px;
	width: 14px;
	background: transparent url(../images/city-bg-right.png) no-repeat left top;
	}
		
#city-info #city h2 {
	float: left;
	font-size: 14px;
	}

#city-info #city span {
	float: left;
	margin: 3px 0 0 20px;
	font-size: 10px;
	color: #D3D3D3;
	}

#city-info #city span a {
	color: #D3D3D3;
	}

#city-info #city span a.active {
	text-decoration: underline;
	color: #fff;
	font-weight: bold;
	}

#city-info a#change {
	height: 24px;
	width: 104px;
	margin: 5px 0 0 30px;
	float: left;
	text-indent: -9999px;
	background: transparent url(../images/changecity-btn.png) no-repeat left top;
	}
				
/*****************************************************
* Top Navigation Styles
*****************************************************/

#bus_nav {
	float: right;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	}

#bus_nav p {
	float: left;
	margin-right: 20px;
	text-align: right;
	margin-top: 17px;
	}
	
#bus_nav a {
	color: #FFF;
	float: left;
	}

a#login {
	height: 24px;
	width: 118px;
	margin: 10px 20px 0 0px;
	text-indent: -9999px;
	background: transparent url(../images/business_login-btn.png) no-repeat left top;
	}

a#logout {
	height: 24px;
	width: 76px;
	margin: 10px 20px 0 0px;
	text-indent: -9999px;
	background: transparent url(../images/business_logout-btn.png) no-repeat left top;
	}
	
a#myaccount {
	height: 24px;
	width: 101px;
	margin: 10px 20px 0 0px;
	text-indent: -9999px;
	background: transparent url(../images/myaccount-btn.png) no-repeat left top;
	}	
	
a#addbus {
	height: 26px;
	width: 172px;
	float: left;
	margin-right: 20px;
	margin-top: 11px;
	text-indent: -9999px;
	background: transparent url(../images/btn-addbus.png) no-repeat left top;
	}
	

.viewmyprofile a {
	height: 24px;
	width: 125px;
	float: right;
	margin-right: 15px;
	font-size: 12px;
	text-indent: -9999px;
	background: transparent url(../images/viewmyprofile.png) no-repeat left top;
}

a:hover#login, a:hover#logout, a:hover#myaccount, #city-info a:hover#change, .viewmyprofile a:hover {
	background-position: top right;
	}

ul#top_nav {
	float:left;
	width: 600px;
	padding-top: 10px;
	}

ul#top_nav li {
	float: left;
	}

ul#top_nav li a, ul#top_nav li a:visited {
	height: 34px;
	padding: 11px 21px 10px 22px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	border-right: 1px solid #717171;
	}

ul#top_nav li a:hover {
	text-decoration: none;
	background: rgb(234,65,78);
	color: #FFF;
	}
		

/*****************************************************
* Search Form
*****************************************************/

.logo a {
	height: 56px;
	width: 218px;
	margin: 40px 0 0 42px;
	display: block;
	position: absolute;
	text-indent: -9999px;
	background: transparent url(../images/logo.png) no-repeat left top;
	outline: none;
	}

form#search {
	margin: 56px 0 0 635px;
	position: absolute;
	}

form#search pre {
	margin: 7px 0 0 170px;
	position: absolute;
	font-size: 11px;
	font-family: inherit;
	font-weight: bold;
	}

input#search-button {
	margin: -24px 0 0 233px;
	position: absolute;
	}

#search-field {
	height: 18px;
	width: 201px;
	padding: 2px 12px 4px 12px;
	background: transparent url(../images/search-bg.png) no-repeat left top;
	}

#search-field input {
	width: 201px;
	height: 15px;
	padding: 1px 0 1px 0;
	font-family: inherit;
	font-size: 12px;
	border: none;
	color: #333;
	}

/*****************************************************
* Sidebar Box Styles
*****************************************************/

.dark-box {
	min-height: 210px;
	width: 162px;
	padding: 47px 15px 5px;
	background: #1F1F1F url(../images/dark_box-bg.gif) no-repeat left bottom;
	border: 4px solid #DEDEDE;
	}
	
.dark-hdr {
	height: 33px;
	width: 177px;
	margin: -47px 0 0 -15px;
	padding: 14px 0 0 15px;
	position: absolute;
	font-size: 12px;
	text-transform: uppercase;
	background: transparent url(../images/dark_box_hdr-bg.png) no-repeat left top;
	color: #4CF6E5;
	}

.dark-box ul {
	font-size: 12px;
	line-height: 12px;
	}
	
.dark-box ul li {
	margin-bottom: 9px;
	padding: 0 0 8px 9px;
	background: transparent url(../images/list-item.png) no-repeat 0 2px;
	border-bottom: 1px solid #9A9A9A;
	}
	
.dark-box ul li.review {
	padding-bottom: 2px;
	}

.dark-box ul li.review img {
	margin: 4px 0 0 -4px;
	}

.dark-box ul li a {
	color: #FFF;
	}

.dark-box blockquote {
	margin-bottom: 12px;
	padding: 18px 11px 8px 7px;
	font-size: 12px;
	line-height: 1.25em;
	background: transparent url(../images/quote-bg.png) no-repeat left top;
	border-bottom:  1px solid #9A9A9A;
	}

.dark-box blockquote a,
.dark-box blockquote span {
	float: right;
	margin-top: 4px;
	}
	
.dark-box blockquote a {
	padding-left: 9px;
	background: transparent url(../images/list-item.png) 0 3px no-repeat;
	color: #FFF;
	}

.dark-box blockquote span {
	color: #D7D7D7;
	}

#add-city a {
	height: 76px;
	width: 192px;
	border: 4px solid #DEDEDE;
	display: block;
	text-indent: -9999px;
	background: transparent url(../images/addtolist.jpg) no-repeat left top;
	}


/*****************************************************
* Profile Navigation
*****************************************************/

ul#pro_nav {
	float: left;
	width: 721px;
	margin-top: 10px;
	padding: 9px 9px 4px 9px;
	background: #D4D4D4 url(../images/pro_nav-bg.gif) repeat-x left top;
	border: 1px solid #B9B9B9;
	border-top: none;
	}
	
ul#pro_nav li {
	float: left;
	font-size: 14px;
	margin: 7px 18px 0 0;
	}

ul#pro_nav li a, ul#pro_nav li a:visited {
	height: 12px;
	padding: 7px 17px 5px 17px;
	text-decoration: none;
	background: #B8B8B8;
	border-right: 1px solid #B8B8B8;
	border-left: 1px solid #B8B8B8;
	color: #595959;
	}
	
ul#pro_nav li a:hover,
ul#pro_nav li a.active {
	cursor: pointer;
	background: rgb(242,242,242) url(../images/pro_nav_item-bg.gif) repeat-x left top;
	border-color: #FFF;
	color: #202020;
	}
	

/*****************************************************
* Itsacity.com Tour
*****************************************************/

#tour-nav a {
	height: 26px;
	width: 27px;
	display: block;
	position: absolute;
	text-indent: -9999px;
	}

#tour-nav a#prev {
	margin: 15px 0 0 15px;
	background: transparent url(../images/prev-btn.png) no-repeat left top;
	}

#tour-nav a#next {
	margin: 15px 0 0 502px;
	background: transparent url(../images/next-btn.png) no-repeat left top;
	}

#tour-nav a:hover#next, #tour-nav a:hover#prev, a:hover.taketour, a:hover.mostrecentbus, #tour a.active {
	background-position: right top;
	}

.tour-title {
	position: absolute;
	margin: 11px 0 0 140px;
	height: 28px;
	width: 264px;
	background: transparent url(../images/tour-text.png) no-repeat center top;
	}
	
#tour {
	height: 416px;
	width: 544px;
	margin-bottom: 10px;
	background: transparent url(../images/tour-bg.gif) no-repeat left top;
	}
	
#tour-slider {
	padding: 50px 0 0 10px;
	}

.mostrecent-title {
	position: absolute;
	margin: 11px 0 0 78px;
	height: 28px;
	width: 389px;
	background: transparent url(../images/recentlyaddedbus.png) no-repeat center top;
	}
	
#mostrecent-items {
	padding-top: 40px;
	}
	
.mostrecent-bus a {
	float: left;
	text-align: center;
	width: 200px;
	height: 125px;
	overflow: hidden;
	border: 4px solid #a5ece5;
	margin-left: 42px;
	margin-top: 20px;
	background-color: #fff;
	}

.mostrecent-bus img {
	border: 0;
	padding: 0;
	margin: 0;
	}

.mostrecent-overlay {
	position: absolute;
	text-align: center;
	text-decoration: underline;
	text-indent: -9999px;
	padding-top: 7px;
	min-height: 21px;
	width: 200px;
	font-size: 12px;
	color: #fff;
	}

.mostrecent-bus a:hover .mostrecent-overlay {
	text-indent: 0px;
	background: transparent url(../images/mostrecent-bus-overlay.png) repeat left top;
	}

#tour-tabs{
	width: 542px;
	height: 48px;
	margin: 17px 0 0 1px;
}
	
a.taketour,  a.mostrecentbus {
	height: 48px;
	width: 271px;
	float: left;
	text-indent: -9999px;
	background: transparent url(../images/itsacity-tour.gif) no-repeat left top;
	}
	
a.mostrecentbus {
	background: transparent url(../images/most-recent-bus.gif) no-repeat left top;
	}

div.scroller { 	
	width:517px;
	height:292px;
	overflow: hidden;
	border: 4px solid #a5ece5;
	}
	
div.scroller div.section {	
	width:521px;
	height:294px;
	overflow:hidden;
	float:left;		
	}
	
div.scroller div.content {
	width: 10000px;
	}

div#section2 {
	background:#666666;
	color:#ffffff;
	}

/*****************************************************
* 'Events' Styles
*****************************************************/

#events {
	float: left;
	width: 536px;
	background-color: #1F1F1F;
	border: 4px solid #DEDEDE;
	margin-bottom: 22px;
	}

#events h3 {
	padding: 17px 15px 0 0;
	height: 31px;
	font-size: 13px;
	font-weight: normal;
	text-align: right;
	background: rgb(234,65,78) url(../images/events-index-overlay.png) no-repeat left top;
	}

.events-box {
	padding: 13px;
	background: transparent url(../images/events-index-box-bg.gif) repeat-x left top;
	}

.an-event {
	float: left;
	width: 105px;
	padding: 11px 11px 9px 11px;
	margin-right: 12px;
	margin-bottom: 9px;
	font-size: 10px;
	color: #777;
	border: 4px solid #3f3f3f;
	background: transparent url(../images/events-index-bg.gif) repeat-x left top;
	}

.an-event:hover {
	border: 4px solid #5f5f5f;
	}

.an-event h1 {
	padding: 0;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	}

.an-event h2 {
	padding: 0;
	font-weight: normal;
	margin: 4px 0;
	font-size: 11px;
	color: #ccc;
	}

.an-event h2 a {
	color: #ccc;
	margin-top: 6px;
	padding-left: 7px;
	background: transparent url(../images/list-item.png) no-repeat left 3px;
	}
	
.events-box .more-btn a {
	float: left;
	margin-top: 50px;
	height: 26px;
	width: 66px;
	text-indent: -9999px;
	background: transparent url(../images/more-btn.png) no-repeat left top;
	}	

/*****************************************************
* BREADCRUMB Styles
*****************************************************/

#breadcrumb {
	font-size: 12px;
	color: #A4A4A4;
	}

#breadcrumb a {
	color: #A4A4A4;
	}
	
#breadcrumb span.current {
	color: #565656;
	}



/*****************************************************
* Footer
*****************************************************/

#footer {
	clear: left;
	padding: 33px 21px 31px;
	font-size: 10px;
	border-top: 1px solid #DCDCDC;
	color: #B1B1B1;
	}

#footer-right {
	float: right;
	text-align: right;
	}

#footer a:link,
#footer a:visited {
	margin-left: 30px;
	border-bottom: 2px solid #D4D4D4;
	color: #535353;
	}

#footer a:hover {
	text-decoration: none;
	border-color: #ffffff;
	}

/* STAR RATING STYLES */

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: transparent url(../images/gen-star.png) repeat-x left -1000px;
}

.star-rating{
	position:relative;
	width:100px;
	height:20px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
	text-indent:-1000em !important;
}

.star-rating li{
	display: inline !important;
	margin-bottom: 0px !important;
	padding: 0px !important;
	border: 0 !important;
}

.star-rating a,
.star-rating .current-rating{
	position:absolute !important;
	top:0 !important;
	left:0 !important;
	text-indent:-1000em !important;
	height:20px !important;
	line-height:25px !important;
	outline:none !important;
	overflow:hidden !important;
	border: none;
}

.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom !important;
}

.star-rating a.one-star{
	width:20%;
	z-index:6;
}

.star-rating a.two-stars{
	width:40%;
	z-index:5;
}

.star-rating a.three-stars{
	width:60%;
	z-index:4;
}

.star-rating a.four-stars{
	width:80%;
	z-index:3;
}

.star-rating a.five-stars{
	width:100%;
	z-index:2;
}

.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}

.small-star{
	width:100px;
	height:20px;
}

.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	line-height: 10px;
	height: 20px;
}