/* Mobile Stylesheet */

body{
	font-size:100%;
}
div#container{
	width:478px;
	background-position: -100px top;
}
h1.three{
	float:right;
	width:100%;
}
h1.three img{
	float:right;
	padding:0 10px;
}
.head-mail {
	width:100%;
	text-align:right;
	display:none;
}
.two, .eight{
	width:480px;
}

ul#navigation{
	width:100%;
	margin:0 0 10px 0;
	padding:0;
}
ul#navigation li{
	float:left;
width:32%;
text-align:center;
clear:none;
font-size:20px;
}
ul#navigation li a{
background-color:#efefef;
padding:12px;
-webkit-border-radius: 12px;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);
box-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);
border-style:none;
color:#000000;
}
#content{
	margin-top:120px;
}
.col{
	float:none;
}
div#image-wrapper{
	width:auto;
	height:auto;
	overflow:auto;
	border-style:none;
}
div#image-wrapper div#image-holder div.image{
	width:460px;
	float:none;
}
div#media{
	padding:30px 0 0 0;
}
div#media img{
	width:100%;
	height:auto;
}
body.js-enabled p#gallery-count, body.js-enabled div#gallery-navigation{display:none;}
code{
	font-size:24px;
	white-space:pre-wrap;
	color:#000000;
	font-weight:bold;
}
p{
}
p#footer{
	margin:0;
	display:block;
}
p.date{float:left; font-size:20px; paading-top:0px;}
ul.projects li h2{
	padding:6px 0 12px 100px;
}
div.description h2{
	padding: 6px 0 15px;
}
.call{display:inline;}
.poject-nav p{font-size:20px;}
.project-nav, .four{width:460px !important;}