/* mediaqueries-begin */

/*
@media only screen and (max-width: 480px), only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 2)
{
@media only screen and (max-width: 480px),
only screen and (max-width: 800px) and (-webkit-device-pixel-ratio : 1.5),
only screen and (max-width: 960px) and (-webkit-device-pixel-ratio : 2.0)
*/

@media only screen
and (max-width: 400px)
and (orientation : portrait)
{
	/*#nav{
		margin-right: 10px !important;
	}

	#nav a:first-child{
		margin-left: 3px !important;
	}*/
}

@media only screen
and (max-width: 568px)
and (orientation : portrait)
{

	/*
	Fixed pos header reset
	*/
	header {
		position: static;
	}

	body.home #containerWrapper {
		padding-top: 0;
		background-position: center top;
	}

	#portfolioContent {
		margin-top: 1px;
	}

	/*
	home page and shell
	*/
	.mobileElement {
		display: block;
	}

	.desktopElement{
		display: none;
	}

	body {
		width: 100%;
		min-width: 320px;
		overflow: hidden;
	}

	body.home #containerWrapper {
		background-image: url('../images/home_bg_full-mobile_new2.jpg');
		background-repeat: no-repeat;
		-webkit-background-size: 320px 1506px;
		-moz-background-size: 320px 1506px;
		-o-background-size: 320px 1506px;
		background-size: 600px 1506px;
	}

	h1{ font-size: 18px; }
	h1 span{ font-size: 12px; }

	h3{ font-size: 10px; }

		#headerContainer {
			/*max-width: 320px;*/
			padding-left: 0px;
			padding-right: 0px;
			width: 100%;
			position: relative;
		}

		#headerShadow {
			background-image:url(../images/header_shadow-mobile.png);
			background-repeat:no-repeat;
			display: block;
			position: absolute;
			width:320px;
			height:17px;
			top: 77px;
			margin: 0;
			z-index: 4;
			-webkit-background-size: 320px 17px;
			-moz-background-size: 320px 17px;
			-o-background-size: 320px 17px;
			background-size: 320px 17px;
		}

		.primaryFooter{
			margin-top:40px;
		}

		#footerContainer {
			width: 95%;
			padding-left: 0px;
			padding-right: 0px;	
			font-size: 8px;
			color:#666;
			height: 81px;
		}

		#container {
			width: 320px;
			padding-left: 0px;
			padding-right: 0px;
		}

	#logo {
		top: 0;
		position: absolute;
		left: 11px;
	}

	#nav {
		float: none;
		width: 100%;
		margin: 0;
		text-align: center;
	}

	#nav a {
		/*margin-left: 22px;*/
		float: none;
		margin-left: 12px !important;
		margin-right: 12px;
	}

	#nav a.text {

		font-size:15px;
		margin-top: 88px;
		/*left: 192px;*/
		position: relative;
		z-index: 100;
		display: inline-block;
		height: 43px;
		padding-top: 10px;
		top: -12px;
	}

	#nav .externalLinks {
		position: absolute;
		right: 0;
		top: 0;
		left: auto;
		margin: 0;
		padding: 0;
	}

	#nav #linkedin {
		float: left;
	}

	#nav #contact {
		margin-right: 13px;
		float: left;
	}

	#homeContent #facebookContainer {
		display:none;
	}

	#nav a:hover, #nav a.current {
		background-position: 50% 0px;
		background-image: url(../images/arrow-mobile.png);
		-webkit-background-size: 12px 6px;
		-moz-background-size: 12px 6px;
		-o-background-size: 12px 6px;
		background-size: 12px 6px;
	}

	#homeContent {
		background-image: url('../images/featured_home-mobile.jpg');
		height: 1500px;
		background-position: left -1px;
		-webkit-background-size: 320px 451px;
		-moz-background-size: 320px 451px;
		-o-background-size: 320px 451px;
		background-size: 320px 451px;
	}

	#homeContent #featuredCopy {
		top: 346px;
		left: 32px;
		width: 255px;
		text-align: center;
		position: absolute;
		font-style: italic;
		font-size: 14px;
		color: #555;
	}

	#nav a.image {
		margin-right: 1px;
	}


	#homeContent #logoSliderOverlay, #homeContent #logoSliderWrapper {
		display: none;
	}

	#homeContent #blog {
		height: 292px;
		left: 0;
		position: absolute;
		top: 561px;
		width: 320px;
	}

	a.entry_link {
		margin-left: 270px;
	}

	#homeContent #twitter {
		height: 500px;
		left: -10px;
		position: absolute;
		top: 990px;
		width: 340px;
	}

	.twtr-doc {
		width: 250px !important;
	}

	#itunesStoreMobile, #androidStoreMobile {
		display: block;
		width: 77px;
		height: 28px;
		left: 190px;
		position: relative;
		top: 179px;
	}

		#itunesStoreMobile a, #androidStoreMobile a {
			display: block;
			width: 77px;
			height: 28px;
		}

	#homeContent #twitterLink {
		top: 941px;
		left: 8px;
	}

	#homeContent #blogLink {
		top: 500px;
		left: 10px;
	} 

	#homeContent #mobileCopy{
		font-size: 14px;
		position: absolute;
		left: 31px;
		top: 74px;
		width:248px;
	}

		#homeContent #mobileCopy h3 span{
			font-size: 20px;
			line-height:0px;
		}
		#homeContent #mobileCopy h3.right {
			text-align: right;
			right: 6px;
			position: absolute;
		}

	/*
	#homeContent #blogLink {
		display: block;
		height: 30px;
		left: 8px;
		position: absolute;
		top: 473px;
		width: 150px;
	}
	*/

	/*
	portfolio listing
	*/
	body.portfolio {
		background-image: url('../images/portfolio_bg-mobile.jpg');
		background-position: center 77px;
		background-repeat: no-repeat;
		-webkit-background-size: 320px 312px;
		-moz-background-size: 320px 312px;
		-o-background-size: 320px 312px;
		background-size: 320px 312px;
	}

	.categoryTitle {
		background-image: url('../images/portfolio_horizrule_mobile.png');
		background-position: center bottom;
		background-repeat: no-repeat;
		-webkit-background-size: 286px 4px;
		-moz-background-size: 286px 4px;
		-o-background-size: 286px 4px;
		background-size: 286px 4px;
		padding: 0 20px 10px 20px;
	}
	.categoryTitle h1 {
		font-size:22px;
		margin-left:13px;
		margin-bottom:4px;
		line-height:20px;
	}
	.categoryItems {
		margin-left: 47px;
	}


	/*
	about
	*/
	body.about {
		background-image: url('../images/about_bg-mobile.jpg');
		background-position: center 77px;
		background-repeat: no-repeat;
		-webkit-background-size: 320px 312px;
		-moz-background-size: 320px 312px;
		-o-background-size: 320px 312px;
		background-size: 320px 312px;
	}
	
	body.about #containerWrapper {
		height:2124px;
	}

	#aboutHeader {
		margin: 0 auto;
		width: 320px;
		padding-left:16px;
	}

		#aboutHeader h1{
			font-size: 18px;
			margin-left: 10px;
		}

	#copy {
		line-height: 25px;
	}

	#copy img {
		width: 130px;
	}

	#copy p {
		padding-left: 0px !important;
		margin-left: 20px !important;
		margin-right: 20px !important;
	}

	#copy span.startCopy {
		font-size: 17.5px;
	}

	#aboutContent {
		height: 2100px;
	}

	/* portfolio detail */
	#portfolioOverlay {
		width: 920px;
		height: 20000px;
	}

	#lightboxContent {
		width: 320px;
		padding-top: 10px;
		overflow: hidden;
		position: relative;
	}

	#lightboxContent #closeButton, #lightboxContent #closeButton:hover {
		background-image: url('../images/close_button.png');
		background-repeat: no-repeat;
		color: white;
		/*
		width: 320px;
		height: 29px;
		*/
		cursor: pointer;
		margin-left: 0px;
		margin-bottom: 15px;
		/*
		float: left;
		-webkit-background-size: 320px 29px;
		-moz-background-size: 320px 29px;
		-o-background-size: 320px 29px;
		background-size: 320px 29px;
		*/
		position: absolute;
		right: 10px;
	}

	#lightboxContent #title {
		font-style: italic;
		font-size: 20px;
		color: white;
		clear: both;
		display: block;
		width: 82%;
		padding-left: 10px;
	}

	#lightboxContent #pagerWrapper, #lightboxContent #navRight, #lightboxContent #navLeft, #itemWrapper {
		display: none !important;
	}

	#lightboxContent #urlContainer{
		padding-left: 10px;
	}

	#lightboxContent #desc{
		padding-left: 10px;
		padding-right: 10px;
	}

	#mobileItemWrapper {
		display: block;
		z-index: 9999;
	}

	#mobileItemWrapper .mobileItem .img a img{
		max-width: 100%;
	}

	#mobileItemWrapper .mobileItem .img a {
		display: block;
		width: 298px;
		/*height: 167px;*/
	}

	#mobileItemWrapper .mobileItem .img {
		margin-top: 17px;
		margin-bottom: 5px;
		margin-left: 10px;
		width: 298px;
		/*height: 167px;*/
		/* border: 1px solid #ccc; */
		/* background-position: 30% 20%; */
		background-position: left top;
		/*background-size: cover;*/
	}

	#closeButton {
		display: block;
	}

	.closeButtonBottom {
		display: none !important;
	}

	* {
		-webkit-tap-highlight-color: rgba(0,0,0,0.5) !important;
		outline-color:#000 !important;
	}

/* mediaqueries-end */

}