html,body{margin:5px 0px;padding:0px}
body{font: 80% arial,sans-serif}

hr {
  border: 0;
  width: 80%;
  color: #D4E08E;
background-color: #D4E08E;
height: 5px;
}
ul {
list-style-image:url('http://doradosoft.com/images/point-bullet.png');
font-family: "helvetica neue", helvetica, arial, sans-serif; 
color: #215063;	
}
li {
margin: 10px 0 10px 0;
}
div#wrapper{float:left;width:100%;background: none;}
div#content{margin:0 0 0 150px;}
div#content p{line-height:1.4}
div#navigation{background:none;float:left;width:150px;height:500px;margin-top:0; margin-left:-100%;}
div#navigation p{margin:10px 5px 10px 5px}
div#mapcontainer{width:780px; min-height:550px;;padding:0 20px 20px 20px; margin:30px 0 0 20px;color: #000;background: #fff;
		-moz-box-shadow: 0 0 20px black; 
		-webkit-box-shadow: 0 0 20px black; 
		box-shadow: 0 0 20px black; }
div#footer{background: none;color: #fff;clear:left;width:100%}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #C6D5FD}
		
		
		#bg {
			position:fixed; 
			top:-50%; 
			left:-50%; 
			width:200%; 
			height:200%;
		}
		#bg img {
			position:absolute; 
			top:0; 
			left:0; 
			right:0; 
			bottom:0; 
			margin:auto; 
			min-width:50%;
			min-height:50%;
		}
		#container { 
		position: relative; 
		z-index: 2; 
		width: 1000px; 
		margin: 0 auto; 
		padding: 0px; 
		background: none; 
		}	
		p { 
		font-family: "helvetica neue", helvetica, arial, sans-serif; 
		margin: 10px 0 10px 0; 
		text-indent: 0px;
		color: #215063;		}
		

	
		/* minimal
		*******************************************************************************/
		button.minimal {
		  background: #e3e3e3;
		  border: 1px solid #bbb;
		  border-radius: 3px;
		  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
		  box-shadow: inset 0 0 1px 1px #f6f6f6;
		  color: #333;
		  font: bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;
		  padding: 8px 0 9px;
		  text-align: center;
		  text-shadow: 0 1px 0 #fff;
		  width: 150px; }
		  button.minimal:hover {
			background: #d9d9d9;
			-webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
			box-shadow: inset 0 0 1px 1px #eaeaea;
			color: #222;
			cursor: pointer; }
		  button.minimal:active {
			background: #d0d0d0;
			-webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
			box-shadow: inset 0 0 1px 1px #e3e3e3;
			color: #000; }

			button.minimal1 {
		 
		  background: #e3e3e3;
		  border: 2px solid #bcc986;
		  -webkit-border-radius: 3px;
		  -moz-border-radius: 3px;
		  border-radius: 3px;
		  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
		  -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
		  box-shadow: inset 0 0 1px 1px #f6f6f6;
		  color: #296084;
		  font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
		  line-height: 1;
		  padding: 8px 0 9px;
		  margin:5px;
		  text-align: center;
		  text-shadow: 0 1px 0 #fff;
		  width: 130px; }
		  button.minimal1:hover {
			background: #d9d9d9;
			border: 2px solid #FFB53F;#788152
			-webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
			-moz-box-shadow: inset 0 0 1px 1px #eaeaea;
			box-shadow: inset 0 0 1px 1px #eaeaea;
			color: #17384F;
			cursor: pointer; }
		  button.minimal1:active {
			background: #d0d0d0;
			-webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
			-moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
			box-shadow: inset 0 0 1px 1px #e3e3e3;
			color: #000; }

			
			strong.minimal {	  
		 	  
		  color: #296084;
		  font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
		  line-height: 1;		  
		  margin:0 0 0 -5px;
		  text-align: center;
		  text-shadow: 0 1px 0 #fff; }
		

		/* Style the example page.
		******************************************************************************/
		/* Global Reset
		------------------------------------------------------------------------------*/
		/* http://meyerweb.com/eric/tools/css/reset/ 
		   v2.0 | 20110126
		   License: none (public domain)
		*/
		/*
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		b, u, i, center,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend, button,
		table, caption, tbody, tfoot, thead, tr, th, td,
		article, aside, canvas, details, embed,
		figure, figcaption, footer, header, hgroup,
		menu, nav, output, ruby, section, summary,
		time, mark, audio, video {
		  margin: 0;
		  padding: 0;
		  border: 0;
		  font-size: 100%;
		  font: inherit;
		  vertical-align: baseline; }
		*/		
		/* HTML5 display-role reset for older browsers */
		/*
		article, aside, details, figcaption, figure,
		footer, header, hgroup, menu, nav, section {
		  display: block; }

		body {
		  line-height: 1; }

		ol, ul {
		  list-style: none; }

		blockquote, q {
		  quotes: none; }

		blockquote:before, blockquote:after,
		q:before, q:after {
		  content: '';
		  content: none; }

		table {
		  border-collapse: collapse;
		  border-spacing: 0; }
		*/
		/* Page specific
		------------------------------------------------------------------------------*/
		/*
		body {
		  background: #fff;
		  color: #333;
		  font-family: "helvetica neue", helvetica, arial, sans-serif; }

		div.container {
		  margin: 40px auto;
		  width: 960px; }

		h1 {
		  color: #333;
		  font-size: 34px;
		  font-weight: 700;
		  margin: 24px 0 12px 0; }

		div.project-info div.description {
		  float: left;
		  width: 490px; }
		div.project-info div.info {
		  float: left;
		  margin: 0 0 0 30px;
		  width: 340px; }
		  div.project-info div.info ul {
			position: relative;
			top: 1px; }
			div.project-info div.info ul li {
			  color: #444;
			  font-size: 11px;
			  font-weight: normal;
			  line-height: 18px;
			  text-transform: uppercase; }
			  div.project-info div.info ul li a:hover {
				border-bottom: 1px solid #444; }
			  div.project-info div.info ul li:before {
				content: "\00d7";
				font-size: 15px;
				font-weight: 700;
				left: -2px;
				position: relative;
				top: 0px; }

		a {
		  color: #333;
		  font-weight: bold;
		  text-decoration: none; }

		p {
		  color: #444;
		  font-size: 14px;
		  font-weight: normal;
		  line-height: 21px;
		  margin: 0 0 12px 0; }

		p.credit {
		  border-top: 1px solid #ccc;
		  font-size: 14px;
		  line-height: 140%;
		  margin: 36px 0 12px 0;
		  padding: 8px 0 0 0;
		  text-align: center; }

		.button-collection {
		  border-top: 2px solid #ccc;
		  margin: 24px 0 36px 0;
		  padding: 4px 0 12px 0; }

		.button-info {
		  float: left;
		  margin: 0 40px 0 0;
		  width: 245px; }
		  .button-info h2 {
			color: #222;
			font-size: 22px;
			font-weight: normal;
			margin: 10px 0 6px 0; }

		ul.column {
		  float: left;
		  list-style: none;
		  width: 675px; }
		  ul.column li {
			background: #eee;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			-webkit-box-shadow: inset 0 1px 1px 0 #c7c7c7;
			box-shadow: inset 0 1px 1px 0 #c7c7c7;
			float: left;
			margin: 10px 0 0 10px;
			display: block;
			height: 150px;
			text-align: center;
			width: 215px; }

		button {
		  margin-top: 60px; }

		button.webkit-badge {
		  margin-top: 32px; }

		button.webkit-check {
		  margin-top: 30px; }

		button.webkit-seal {
		  margin-top: 30px; }

		button.cupid-green {
		  margin-top: 62px; }

		button.cupid-blue {
		  margin-top: 64px; }

		button.blue-pill {
		  margin-top: 62px; }

		button.thoughtbot {
		  margin-top: 54px; }

		button.punch {
		  margin-top: 54px; }

		button.fat-letters {
		  margin-top: 20px; }

		button.download-itunes {
		  margin-top: 62px; }
		*/
		/* Clear Floated Elements
		------------------------------------------------------------------------------*/
		/*
		.column:after,
		.button-collection:after,
		.clearfix:after,
		div.project-info:after {
		  clear: both;
		  content: ' ';
		  display: block;
		  font-size: 0;
		  line-height: 0;
		  visibility: hidden;
		  width: 0;
		  height: 0; }
		*/