/***** iPhone (portrait 300px) *****/
/*
@media only screen
and (min-width: 480px)
and (max-width: 767px) 
and (orientation:portrait) {
*/

@media only screen and (max-width: 767px) 
and (orientation:portrait) {
#header {
	background-color: #bbb59b;
	position: relative;
	margin-top: 0;
	width: 300px;
}

#home,
#workcontainer,
#aboutcontainer,
#contactcontainer,
#thankscontainer {
	padding-top: 5px;
}

body#homepage a#homelink,
body#work a#worklink,
body#about a#aboutlink,
body#contact a#contactlink {
	border: none;
}


#innerheader,
#innerfooter {
	width: 300px;
	height: 130px;
}

#innerfooter h6 {
	text-align:center;
	color:white;
	font-size: 10px;
	line-height: 12px;
	padding-bottom: 5px;
}

#inner {
	padding-bottom: 20px;
}

.logosize {
	width: 280px;
	height: 63px;
}

#logoleft {
	padding-top: 15px;
}

/* @end */

/* @group NAVIGATION */

nav[role="navigation"] {
	float: none;
	width: 100%;
	padding-right: 0;
	padding-left: 5px;
}

nav[role="navigation"] li {
	float: left;
	margin: 0;
	font-size: 16px;
	padding-top: 0;
	}
	
nav[role="navigation"] li a {
	float: left;
	padding: 8px 8px 5px;
	text-decoration: none;
	color: #545454;
	border: none;
}

nav[role="navigation"] li a:hover,
nav[role="navigation"] li a:focus {
	color: #ffffff;	
	}
	
nav[role="navigation"] li a:active {
	}

nav[role="navigation"] li.active a {
	color: #fff;
	}

.hideoniphone { display:none !important; }

/* @group HEADER & FOOTER */


/* @group MOUSEOVER TEXT LABELS */

.viewport a span { 
	padding-top: 3.75em;
	display: inline;
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0);
 }

.viewporttall a span { padding-top: 3.75em }


/*
.viewport:hover a span {
	display: inline;
	background-color: rgba(0, 0, 0, 0.8);
}*/



.homepagesamples .viewport a span { padding-top: 5.25em }

.homepagesamples .grid_8 a span {
	padding-top: 2em;
}



/* @end */

span .worknamenav .worknamenavleft {
	display: none;
}

.about-gnat-padding {
	padding-left:0;
}

#form1_submit {
	margin-left: -154px;
}

#workcontainer .nopadding {
	padding: 0;
}

#worknav {
	margin: 0;
	padding: 0;
}

#workcontainer .row {
	padding-bottom: 20px;
}


img.graphicheadline
{ width:100%; height:auto; }

		
}