a,
a:link,
a:visited
	{
	text-decoration:none;
	border-bottom:1px solid #000;
	color:#080808;
	}

a:active,
a:hover
	{
	background:#efefef;
	text-decoration:none;
	}

/* iphone less than 400px as default ----------- */

body 
	{
	background: #fff;
	color: #080808;
	padding:0;
	border:0;
	
	font-family: 'Inconsolata' ;
	font-size:1em;
	font-weight:300;
	letter-spacing:0.02em;

	margin: 0 auto 0 auto;
	background:#fff;
	}
	
	#page
		{
		width:100%;
		padding: 0;
		border:0;
		margin: 0 auto 0 auto;
		}

h1
	{
	width:100;
	padding:0 5% 0 5%;
	border:0;
	margin:0;
	line-height:100%;
	font-size:1.5em;
	text-transform:uppercase;
	font-family: 'Source Code Pro' ;
	font-weight:300;
	}

h2
	{
	
	text-transform:uppercase;
	font-weight:500;
	font-size:1em;
	clear:left;
	color:#d24233;
	text-align:right;
	padding:0 0 20px 0;
	border:0;
	margin:0;
	}

h3
	{
	font-family: 'Source Code Pro' ;
	font-weight:400;
	font-size:1em;
	padding:0 0 8px 0;
	margin: 0 0 0 0;
	}

/* mobile styles 400px and smaller */
		
	#page
		{
		width:100%;
		padding:0;
		}

		#content
			{
			width:100%;
			padding:0;
			border:0;
			margin:0;
			}

			.left
				{
				width:100%;
				border:0;
				margin:0;
				}

			.leftlogo
				{
				width:40%;
				float:left;
				padding:0 3% 0 0;
				}

				.leftlogo a,
				.leftlogo a:link,
				.leftlogo a:visited
					{
					text-decoration:none;
					border:0;
					background:#fff;
					}

				.leftimage
					{
					max-width:100%;
					}

			.middle
				{
				width:90%;
				padding:15px 5% 20px 5%;
				text-align:left;
				letter-spacing:0.01em;
				margin:0;
				text-align:left;
				line-height:100%;
				}

			.middleabout
				{
				padding:10px 5% 0 5%;
				border:0;
				margin:0;
				line-height:100%;
				text-align:right;
				}

				.middleabout h2
					{
					display:inline;
					text-align:right;
					padding:0;
					margin:0;
					}

			.right
				{
				text-align:left;
				width:95%;
				padding:0 0 0 5%;
				margin:0;
				letter-spacing:0.01em;
				}

				.middle ul,
				.right ul
					{
					list-style-type:none;
					list-style-position: inside;
					padding:5px 0 0 0;
					border:0;
					margin:0;
					}

				.right ul
					{
					padding:0 0 15px 0;
					margin:0 0 0 0;
					}

				.middle li
					{
					padding:0 0 0 0;
					margin:0;
					line-height:120%;
					}

					.middle a,
					.middle a:link,
					.middle a:visited
						{
						text-decoration:none;
						border:0;
						}

					.middle a:active,
					.middle a:hover 
						{
						text-decoration:none;
						border:0;
						}

				.right li
					{
					list-style-type:none;
					list-style-position: inside;
					padding:0 0 10px 10px;
					border:0;
					margin:0;
					line-height:120%;
					}

		.about
			{
			clear:left;
			clear:right;
			width:90%;
			padding:0;
			margin:0 5% 0 5%;
			text-align:left;
			line-height:120%;
			}

			.about h2
				{
				text-align:left;
				display:block;
				padding:20px 0 0 0;
				margin:0;
				}

			.aboutimage
				{
				float:left;
				width:30%;
				padding:20px 7% 5px 0;
				}

		#footer
			{
			clear:left;
			clear:right;
			width:90%;
			padding: 40px 5% 5% 5%;
			border:0;
			margin:20px 0 0 0;
			text-align:center;
			color:#000;
			font-size:0.8em;
			overflow:hidden;
			}

			#footer a,
			#footer a:link,
			#footer a:visited
				{
				text-decoration:none;
				color:#000;
				text-transform:uppercase;
				border:none;
				}

			#footer a:active,
			#footer a:hover
				{
				background:#efefef;
				color:#000;
				}

/* ipad medium size 500-769px ----------- */
@media screen and (min-width:500px) {

	.aboutimage
			{
			width:25%;
			}

}

/* desktop size 700px and bigger----------- */
@media screen and (min-width:700px) {

#page
	{
	background:#fff;
	}

	.left
		{
		float:left;
		width:30%;
		padding:0;
		border:0;
		margin:0;
		}

	.middle
		{
		float:left;
		width:30%;
		padding:20px 5% 20px 0;
		border:0;
		margin:0 0 0 0;
		text-align:right;
		}

	.middleabout
		{
		padding:20px 5% 0 5%;
		line-height:120%;
		text-align:left;
		}

		.leftlogo
				{
				width:20%;
				padding-right:5%;
				}

	.right
		{
		float:left;
		width:35%;
		padding:20px 0 0 0;
		border:0;
		margin:0;
		}


		.aboutimage
			{
			width:20%;
			padding-right:3%;
			}

}

/* desktop size 900px and bigger----------- */
@media screen and (min-width:900px) {

#page
	{
	max-width:1000px;
	}

	#content
		{
		padding:0;
		margin:0;
		width:100%;
		max-width:836px;
		}

		.left
			{
			}

		.middle
			{
			float:left;
			}

		.right
			{
			float:left;
			}

			.footer
				{
					clear:left;
					width:100px;
				max-width:836px;
				}

}

/* desktop largest size ----------- */
@media screen and (min-width:1000px) {

	



}