a { outline: none; }

img { vertical-align: bottom; }

.clearit {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    margin: 0;
    padding: 0;
	}

body {
	margin: 0;
	padding: 0;
	background: #677177 url('/_img/bg.gif') repeat-x;
	color: #e7e7e6;
	font: 14px/20px helvetica, arial, sans-serif;
	}
	
#container {
	width: 760px;
	margin: 12px auto;
	}

.main_top {
	margin-top: 12px;
	height: 15px;
	overflow: hidden;
	background: transparent url('/_img/main_top.png') no-repeat;
	}	
.main {
	background: #fff;
	color: #000;
	padding: 12px;
	}
.main_bottom {
	height: 4px;
	overflow: hidden;
	background: transparent url('/_img/main_bottom.png') no-repeat;
	}	
#map {
	width: 736px;
	height: 450px;
	background: #f5f5f5;
	border: 1px solid #e7e7e7;
	}
.pwoint_infowindow {
	width: 300px;	
	padding: 10px;
	}
.pwoint_infowindow b {
	color: #999;
	}

a:link, a:visited {
	color: #999;
	text-decoration: none;
	}
a:hover {
	color: #cc3300;
	border-bottom: 2px solid #cc3300;
	}

h1 {
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	padding-bottom: 12px;
	border-bottom: 1px solid #e7e7e7;
	}
h1 b {
	color: #999;
	}
h2 {
	font-size: 14px;
	}
#get_directions {
	display: none;
	padding: 12px;
	border: 1px solid #e7e7e7;
	background: #f5f5f5;
	text-align: center;
	}
#get_directions input {
	padding: 4px;
	font-size: 16px;
	width: 400px;
	margin-left: 12px;
	}
#get_directions small { color: #999; }

#get_directions_btn {
		display: inline-block;
		width: 110px;
		height: 34px;
		overflow: hidden;
		background: transparent url('/_img/get_directions.gif') no-repeat;
		text-indent: -3000px;
		margin: 0 0 0 12px;
		padding: 0;
		background-position: 0 -34px;
		vertical-align: top;
		}
	#get_directions_btn:hover {
		background-position: 0 0;
		border-bottom: none;
	}

.copyright {
	font-size: 12px;
	color: #e7e7e7;
	padding: 6px;
	}
.copyright a:link, .copyright a:visited {
	color: #e7e7e7;
	text-decoration: none;
	}
.copyright a:hover {
	color: #fff;
	border-bottom: 2px solid #cb321b;
	}
	
/* Home Page */

@font-face {
  		font-family: Museo300;
  		src: url('fonts/Museo300-Regular.otf');
	}                          
	@font-face {
 	 	font-family: Museo700;  
  		src: url('fonts/Museo700-Regular.otf');
	}                          
	@font-face {
  		font-family: MuseoSans;  
  		src: url('fonts/MuseoSans_500.otf');
	}
	
	.explanation {
		margin: 12px 0;
		font: 26px/36px "Museo300", Helvetica, Verdana, Arial, sans-serif;
		color: #667178;
	}
	.explanation b {
		font-family: MuseoSans;
		font-size: 36px;
	}
	.more_explanation {
		font: 16px/26px "Museo300", Helvetica, Verdana, Arial, sans-serif;
		color: #333;
		margin: 18px 0;
		padding-bottom: 18px;
		border-bottom: 1px solid #e7e7e7;
	}
	.more_explanation b {
		font-family: Museo700;
		font-size: 20px;
	}
	
	.how_it_works {
		float: right;
		display: inline;
		width: 250px;
		padding: 10px;
		background: #f5f5f5;
		border: 1px solid #e7e7e7;
	}
	
	.sample_tweet {
		background: #fff;
		border: 1px solid #e7e7e7;
		font-size: 12px;
		padding: 6px;
		}
	.how_it_works a:link, .how_it_works a:visited {
		color: #cc3300;
		text-decoration: none;
		border-bottom: 1px solid #cc3300;
	}
	.how_it_works a:hover {
		color: #4d565d;
		}
	
	form { 
		color: #999; 
		font-weight: bold;
		border-bottom: 1px solid #e7e7e7;
		padding-bottom: 18px;
		margin-bottom: 18px;
		}
	.txtinput {
		padding: 4px;
		font-size: 16px;
		color: #999;
		}
	#map_name { width: 150px; }
	#map_text { width: 250px; }
	#map_address { width: 250px; }
	
	#get_map {
		display: block;
		width: 105px;
		height: 34px;
		overflow: hidden;
		background: transparent url('/_img/get_map_link.gif') no-repeat;
		text-indent: -3000px;
		margin: 18px auto 6px auto;
		padding: 0;
		background-position: 0 -34px;
		}
	#get_map:hover {
		background-position: 0 0;
		border-bottom: none;
	}
	
a#the_link:link, a#the_link:visited {
	color: #cc3300;
	text-decoration: none;
	}
a#the_link:hover {
	color: #4d565d;
	text-decoration: none;
	border-bottom: 1px solid #cc3300;
	}