/*-----------------------------------------------------------------------------------
  Global Reset v0.2 (based on http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212)
-----------------------------------------------------------------------------------*/
  html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
  body { line-height: 1; }
  ol, ul { list-style: none; }
  :focus { outline: 0; }
  table { border-collapse: collapse; border-spacing: 0; }


/*-------------------------------------------
  Elements
-------------------------------------------*/
	body { background: #063457 url(../img/body_bg.png) repeat-x; color: #333; font-size: 62.5%; font-family: Arial, sans-serif; }
	a, a:visited { color: #333; text-decoration: none; }
	a:hover { color: #009; }
	h1 { font-size: 20px; }
	h2 { color: #688395; font-family: Georgia, 'Times New Roman', serif; font-size: 24px; font-weight: normal; }
	h3 { font-size: 13px; }
	form p { font-size: 10px; padding-bottom: 10px; }
	label { color: #003457; font-size: 14px; font-weight: bold; }
	p { font-size: 12px; }
	p.label { padding-left: 135px; }
	legend { font-size: 16px; }
	
/*-------------------------------------------
  Global
-------------------------------------------*/
	.clear { clear: both; }
	.left { float: left; }
	.right { float: right; }
	
	.no_tweets { font-size: 20px; font-style: italic; padding: 20px; }
	
	#flashMessage { background-color: #3D6E93; border: 2px solid #29587D; color: #fff; font-size: 16px; margin: 10px 0; padding: 8px; }

	fieldset.aligned label { float: left; font-size: 12px; margin-right: 10px; padding-top: 4px; text-align: right; width: 125px; }
	fieldset small { color: #999; }
	fieldset small.required { color: #f00; }
	
	/* Errors */
	.errors { border: 2px solid #c00; margin-bottom: 10px; }
	.errors ul { list-style-type: disc; margin-left: 15px; padding: 5px; }
	.errors li { color: #c00; font-size: 13px; line-height: 1.2; padding: 0 0 5px 0; }
	.errors p { background-color: #c00; color: #fff; font-size: 1.4em; padding: 3px; }
	
	#background { background: url(../img/body_bottom_bg.png) repeat-x center bottom; height: 100%; overflow: hidden; width: 100%; }
	
	#header_container { height: 125px; margin: 0 auto; position: relative; width: 732px; }
	#header { height: 99px; position: absolute; top: 26px; width: 732px; }
	#header h1 a { background: url(../img/citybizquicks_logo.png) no-repeat; display: block; float: left; height: 99px; text-indent: -9999em; width: 305px; }
	
	#top_nav { height: 26px; position: absolute; right: 0; top: 0; width: 193px; }
	#top_nav li { display: block; float: left; padding: 0 1px 0 0; }
	#top_nav a, #citybizlist { background: url(../img/top_nav_bg.png) repeat-x; color: #CFD9E0; display: block; float: left; font-size: 12px; height: 26px; line-height: 26px; text-align: center; text-decoration: none; width: 63px; }
	#top_nav a:hover, #citybizlist:hover { color: #F90; }
	#citybizlist { left: 0; position: absolute; top: 0; width: 106px; }
		
	#feeds { padding: 20px 0 0 0; position: absolute; right: 0; }
	#feeds p { color: #0A3457; font-size: 14px; font-weight: bold; padding: 0; }
	#feeds select, #feeds input { float: left; }
	#feeds select { margin: 4px 4px 0 0; }
	
	#info_container { background: url(../img/info_container_bg.png) repeat-x center top; height: 252px; }
	#info { background: url(../img/info_bg.png) no-repeat; height: 252px; margin: 0 auto; position: relative; width: 732px; }
	#info .tabs { position: absolute; right: 0; top: 19px; width: 298px; }
	#info .tabs li { display: block; height: 65px; margin: 0 0 2px 0; }
	#info .tabs a { background: url(../img/info_button.png) no-repeat left top; color: #fff; display: block; font-family: Georgia, serif; font-size: 20px; height: 65px; line-height: 65px; padding: 0 0 0 30px; text-align: center; width: 268px; }
	#info .tabs a.selected { background-position: left bottom; }
	#info .tab { left: 20px; position: absolute; top: 22px; width: 412px; }
	#info .tab p.header { color: #fff; font-family: Georgia, serif; font-size: 28px; padding: 0 0 2px 0; }
	#info .tab p { color: #003363; font-size: 16px; line-height: 1.5; }
	#get_started { bottom: 30px; left: 20px; position: absolute; }
	
	a.more { color: #688395; display: block; float: right; font-size: 13px; padding: 3px 0 0 0; }

/*-------------------------------------------
  Content
---------------------------------------------*/
	#markets_container { background-color: #3D6E93; height: 31px; }
	#markets { margin: 0 auto; overflow: hidden; width: 732px; }
	#markets li { display: block; float: left; }
	#markets li a { background: url(../img/market_tab_bg.png) repeat-x left top; border-right: 2px solid #3D6E93; color: #fff; display: block; float: left; font-size: 12px; height: 31px; line-height: 31px; text-align: center; width: 120px; }
	#markets li a:hover, #markets li a.selected { background: #063457; }
	
	.tweets_header { background-color: #063457; color: #688395; overflow: hidden; padding: 10px 5px; }
	.tweets_header p { float: right; line-height: 1; padding: 5px 0 0 0; }
	.tweets_header p a { color: #869BAD; display: block; float: left; font-size: 11px; height: 22px; }
	a.rss { background: url(../img/rss.png) no-repeat left center; padding: 0 0 0 27px; }
	a.twitter { background: url(../img/twitter.png) no-repeat 10px center; border-left: 1px solid #194262; margin: 0 0 0 10px; padding: 0 0 0 37px; }
	
	#content { margin: 0 auto; width: 732px; }
	.content_header { padding: 10px 0; }
	.content_inner { background-color: #E8EDEF; min-height: 200px; padding: 10px; }
	#quicks_nav { margin: 0 0 10px 0; text-align: right; }
	#quicks_nav li { display: inline; color: #FFFBE0; font-size: 15px; }
	#quicks_nav a { color: #FFFBE0; text-decoration: none; }
	#quicks_nav a:hover { color: #10509C;  }
	#post_message { background-color: #B1CEA7; color: #fff; margin: 0 0 5px 0; overflow: hidden; padding: 12px 15px 15px 15px; zoom: 1; }
	.count { color: #999; font-size: 20px; }
	#market_right_text { color: #FFF; text-transform: uppercase; display: block; padding-top: 10px; }
	#post_message textarea { border: 1px solid #999; font: 1.6em Arial, sans-serif; height: 80px; margin: 8px 0 0 0; padding: 5px; width: 450px; }
	#quicks_left { float: left; width: 450px; }
	#quicks_right { float: right; padding: 0 10px 0 0; width: 150px; }

	/* Sign Up */
	div.instructions { background: url(../img/instructions_bg.png) no-repeat; height: 79px; margin: 15px 0 0 0; padding: 20px; }
	div.instructions p { color: #3F6E92; font-size: 16px; }
	div.instructions p.share { color: #fff; font-family: Georgia, serif; font-size: 20px; padding: 0 0 10px 0; }
	#signup_form fieldset.aligned { background-color: #3D6E93; float: right; padding: 10px; width: 302px; }
	#signup_form fieldset.aligned small { color: #fff; display: block; font-size: 10px; padding: 5px 0 0 140px; }
	#signup_form fieldset.aligned small a { color: #fff; text-decoration: underline; }
	#signup_form fieldset.aligned label { color: #fff; font-size: 13px; text-align: left; width: 130px; }
	#signup_form .section { background: url(../img/signup_bg.png) no-repeat left top; overflow: hidden; padding: 10px 10px 0 10px; }
	#signup_form .section_bottom { background: url(../img/signup_bottom_bg.png) no-repeat left bottom; clear: both; height: 13px; margin: 0 0 10px 0; }
	#signup_form h3 { color: #3F6E92; font-family: Georgia, serif; font-size: 20px; font-weight: normal; padding: 0 0 10px 0; }
	#signup_form .twitter_info h3 { color: #367EBC; }
	#signup_form .twitter_info fieldset { background-color: #367EBC; }
	#signup_form .company_info h3 { color: #78A86B; }
	#signup_form .company_info fieldset { background-color: #78A86B; }
	#submit_btn {  display: block; margin: 0 auto; }
	#signup_form .info { float: left; width: 340px; }
	#signup_form .info p { color: #0A3457; font-size: 13px; line-height: 1.5; }
	
	/* Follow Landing page */
	#follow { overflow: hidden; padding: 15px 0; }
	#follow .city { background: url(../img/follow_city_bg.png) no-repeat; float: left; height: 83px; margin: 0 5px 0 0; padding: 10px; width: 121px; }
	#follow h3 { color: #fff; font: 20px Georgia, 'Times New Roman', serif; }
	#follow .follow { background: url(../img/follow_now.png) no-repeat; display: block; height: 21px; text-indent: -9999px; width: 121px; }
	#follow p { color: #7690A2; height: 31px; line-height: 1.2; padding: 3px 0; }
	
/*------------------------------------------
  Recent Tweets
-----------------------------------------*/
	.tweets { background-color: #E8EDEF; min-height: 200px; }
	.tweet { background: #E8EDEF url(../img/tweet_bg.png) repeat-x; border-bottom: solid 1px #C9D6DE; overflow: hidden; padding: 15px; zoom: 1; }
	.tweet .thumbnail { float: left; margin: 0 15px 0 0; }
	.tweet div { margin: 0 0 0 63px; }
	.tweet a { color: #7EB16F; }
	.tweet a:hover { color: #f90; }
	.tweet p { color: #10509C; font-size: 14px; line-height: 1.4; padding: 5px 0 5px 0; }
	.tweet small { color: #999; font-size: 11px; font-style: italic; font-weight: normal; }
	.posted_by { color: #666; font-size: 12px; line-height: 1.2; }
	.posted_by .user { color: #f90; font-size: 14px; font-weight: bold; }

	.pagination { padding: 10px; }
	.pagination a { color: #E28700; font-size: 14px; font-weight: bold; }
	
	
/*-------------------------------------------
  Footer
-------------------------------------------*/
	#footer { background-color: #092D50; clear: both; color: #526C85; margin: 0 auto 75px auto; overflow: hidden; padding: 20px 10px; width: 712px; }
	#footer a { color: #FFF; }
	#footer a:hover { color: #F90; }
	#footer p { font-size: 11px; }
	#footer .fastspot { border-left: 1px solid #183B5C; float: right; padding: 0 20px 0 10px; }