/*
 * jQuery PoshyTip
 * 
 */


.tooltip {
	opacity: 0.8;
	z-index: 1000;
	text-align: left;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 8px 8px;
	max-width: 200px;
	color: #fff;
	text-transform: uppercase;
	text-shadow: none;
	background-color: #000;
	/**
	 * - If you set a background-image, border/padding/background-color will be ingnored.
	 *   You can set any padding to .tip-inner instead if you need.
	 * - If you want a tiled background-image and border/padding for the tip,
	 *   set the background-image to .tip-inner instead.
	 */
}
.tooltip .tip-inner {
	font: 11px 'museo-sans-1','museo-sans-2', Helvetica, sans-serif;
	letter-spacing: 0.5px;
}

/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.tooltip .tip-arrow-top {
	margin-top: -5px;
	margin-left: -5px; /* approx. half the width to center it */
	top: 0;
	left: 50%;
	width: 9px;
	height: 5px;
	background: url('../img/tooltip_arrows.gif') no-repeat;
}
.tooltip .tip-arrow-right {
	margin-top: -4px; /* approx. half the height to center it */
	margin-left: 0;
	top: 50%;
	left: 100%;
	width: 5px;
	height: 9px;
	background: url('../img/tooltip_arrows.gif') no-repeat -9px 0;
}
.tooltip .tip-arrow-bottom {
	margin-top: 0;
	margin-left: -5px; /* approx. half the width to center it */
	top: 100%;
	left: 50%;
	width: 9px;
	height: 5px;
	background: url('../img/tooltip_arrows.gif') no-repeat -18px 0;
}
.tooltip .tip-arrow-left {
	margin-top: -4px; /* approx. half the height to center it */
	margin-left: -5px;
	top: 50%;
	left: 0;
	width: 5px;
	height: 9px;
	background: url('../img/tooltip_arrows.gif') no-repeat -27px 0;
}


/*
 * jQuery FlexSlider v1.8
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {width: 90%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none; margin-bottom: 0; line-height:0; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: none; border: 5px solid rgba(220,220,220,0.65); position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;margin-bottom: 2em;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav { height: 0; }
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(../img/bg_direction_nav.png) no-repeat; position: absolute; top: 50%; cursor: pointer; text-indent: -999em;}
.flex-direction-nav li .next {background-position: -52px 0; right: -21px;}
.flex-direction-nav li .prev {left: -20px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(../img/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -999em;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

/*
 * jQuery Snippet Syntax Highlighter
 * 
 */

pre { 
	font-family: "Monaco", monospaced; 
	font-size: 11px;
}

/*---------- rand01 Styles ---------*/
.sh_rand01{background:none; padding:0; margin:0; border:0 none;}.sh_rand01 .sh_sourceCode{background-color:rgba(255,255,255,0.95);color:#121b28;font-weight:normal;font-style:normal;}.sh_rand01 .sh_sourceCode .sh_keyword{color:#0a7f6d;font-weight:bold;font-style:normal;}.sh_rand01 .sh_sourceCode .sh_type{color:#c42638;font-weight:bold;font-style:normal;}.sh_rand01 .sh_sourceCode .sh_string{color:#2b83ba;font-weight:normal;font-style:normal;}.sh_rand01 .sh_sourceCode .sh_regexp{color:#2b83ba;font-weight:normal;font-style:normal;}.sh_rand01 .sh_sourceCode .sh_specialchar{color:#a764cb;font-weight:normal;font-style:normal;}.sh_rand01 .sh_sourceCode .sh_comment{color:#ababab;font-weight:normal;font-style:italic;}.sh_rand01 .sh_sourceCode .sh_number{color:#0da344;font-weight:normal;font-style:normal;}.sh_rand01 .sh_sourceCode .sh_preproc{color:#620ac6;font-weight:normal;font-style:normal;}.sh_rand01 .sh_sourceCode .sh_symbol{color:#0000de;font-weight:normal;font-style:normal;}.sh_rand01 .sh_sourceCode .sh_function{color:#000;font-weight:bold;font-style:normal;}.sh_rand01 .sh_sourceCode .sh_cbracket{color:#0000de;font-weight:normal;font-style:normal;}.sh_rand01 .sh_sourceCode .sh_url{color:#2b83ba;font-weight:normal;font-style:normal;}.sh_rand01 .sh_sourceCode .sh_date{color:#0a7f6d;font-weight:bold;font-style:normal;}.sh_rand01 .sh_sourceCode .sh_time{color:#0a7f6d;font-weight:bold;font-style:normal;}.sh_rand01 .sh_sourceCode .sh_file{color:#0a7f6d;font-weight:bold;font-style:normal;}.sh_rand01 .sh_sourceCode .sh_ip{color:#2b83ba;font-weight:normal;font-style:normal;}.sh_rand01 .sh_sourceCode .sh_name{color:#2b83ba;font-weight:normal;font-style:normal;}.sh_rand01 .sh_sourceCode .sh_variable{color:#e12f76;font-weight:bold;font-style:normal;}.sh_rand01 .sh_sourceCode .sh_oldfile{color:#a764cb;font-weight:normal;font-style:normal;}.sh_rand01 .sh_sourceCode .sh_newfile{color:#2b83ba;font-weight:normal;font-style:normal;}.sh_rand01 .sh_sourceCode .sh_difflines{color:#0a7f6d;font-weight:bold;font-style:normal;}.sh_rand01 .sh_sourceCode .sh_selector{color:#e12f76;font-weight:bold;font-style:normal;}.sh_rand01 .sh_sourceCode .sh_property{color:#0a7f6d;font-weight:bold;font-style:normal;}.sh_rand01 .sh_sourceCode .sh_value{color:#2b83ba;font-weight:normal;font-style:normal;}

/*-------- Snippet Base Styles ----------*/
.snippet-wrap {position:relative;}
*:first-child+html .snippet-wrap {display:inline-block;}
* html .snippet-wrap {display:inline-block;}
.snippet-reveal{text-decoration:underline;}
.snippet-wrap .snippet-menu, .snippet-wrap .snippet-hide {position:absolute; top:10px; right:15px; font-size:.9em;z-index:1;background-color:transparent;}
.snippet-wrap .snippet-hide {top:auto; bottom:3px;}
*:first-child+html .snippet-wrap .snippet-hide {bottom:25px;}
* html .snippet-wrap .snippet-hide {bottom:25px;}
.snippet-wrap .snippet-menu pre, .snippet-wrap .snippet-hide pre {background-color:transparent; margin:0; padding:0;}
.snippet-wrap .snippet-menu a, .snippet-wrap .snippet-hide a {padding:0 5px; text-decoration:underline;}
.snippet-wrap pre.sh_sourceCode{padding:1em;line-height:1.8em;overflow:auto;position:relative;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
border-radius:2px;
border: 2px solid #ececec;}
.snippet-wrap pre.snippet-textonly {padding:2em;}
*:first-child+html .snippet-wrap pre.snippet-formatted {padding:2em 1em;}
* html .snippet-wrap pre.snippet-formatted {padding:2em 1em;}
.snippet-reveal pre.sh_sourceCode {padding:.5em 1em; text-align:right;}
.snippet-wrap .snippet-num li{padding-left:1.5em;}
.snippet-wrap .snippet-no-num{list-style:none; padding:.6em 1em; margin:0;}
.snippet-wrap .snippet-no-num li {list-style:none; padding-left:0;}
.snippet-wrap .snippet-num {margin:2em 0 1em 1em; padding-left:3em;}
.snippet-wrap .snippet-num li {list-style:decimal-leading-zero outside none;}
.snippet-wrap .snippet-no-num li.box {padding:0 6px; margin-left:-6px;}
.snippet-wrap .snippet-num li.box {border:1px solid; list-style-position:inside; margin-left:-3em; padding-left:6px;}
*:first-child+html .snippet-wrap .snippet-num li.box {margin-left:-2.4em;}
* html .snippet-wrap .snippet-num li.box {margin-left:-2.4em;}
.snippet-wrap li.box-top {border-width:1px 1px 0 !important;}
.snippet-wrap li.box-bot {border-width:0 1px 1px !important;}
.snippet-wrap li.box-mid {border-width:0 1px !important;}
.snippet-wrap .snippet-num li .box-sp {width:18px; display:inline-block;}
*:first-child+html .snippet-wrap .snippet-num li .box-sp {width:27px;}
* html .snippet-wrap .snippet-num li .box-sp {width:27px;}
.snippet-wrap .snippet-no-num li.box {border:1px solid;}
.snippet-wrap .snippet-no-num li .box-sp {display:none;}
.sh_sourceCode { width: 96%; position: relative; margin: 2em 0 0 0.5em; }
.snippet-menu { display: none; }


/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Contents
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
*/

/* #Site Styles
================================================== */


/* Global Styles */

body {
	font: 16px/22px "museo-sans-1","museo-sans-2", Helvetica, Arial, sans-serif;
	background: url(../img/lt-texture.png) top left repeat;
}

p, li {
	font-weight: 300;
	line-height: 1.4em;
}

p a, p a:visited,
li a, li a:visited {
	color: #567373;
	font-weight: 700;
}

p a:hover,
li a:hover {
	color: #455C5C;
}

h3 a {
	text-decoration: none; /* Remove underline from anchors */
}

/* Give text a light shadow to make it more readable against the background */

h2, h3, h4, h5, p, ul {
	text-shadow: 0px 1px 1px #fff;
}

/* Text selection styles */

*::-moz-selection {
	background: #96c7c7;
	color: #fff;
}

*::-webkit-selection {
	background: #96c7c7;
	color: #fff;
}

/* End Global Styles */

#page-head {
	max-width: 100%;
	height: 220px;
	background: url('../img/dk-texture.png') 0 0 repeat;
	border-bottom: 2px solid #dedede;
	padding: 15px;
}

.page-head-container header {
	text-align: center;
}

.hide {
	visibility: hidden;
}

.nick-cox-img {
	position: relative;
	top: 40px;
	right: 10px;
}

.nav-container h2 {
	font-family: "museo-sans-1","museo-sans-2", Helvetica, Arial, sans-serif;
	font-size: 44px;
	font-weight: 500;
	color: #f2f2f2;
	text-shadow: 0 1px 1px #444;
	text-transform: uppercase;
	position: relative;
	bottom: 5px;
	left: 2px;
}

.nav-container h2 span {
	font-family: "museo-sans-1","museo-sans-2", Helvetica, Arial, sans-serif;
	font-size: 13.5px;
	font-weight: 300;
	color: #f2f2f2;
	text-shadow: none;
	text-transform: none;
	position: relative;
	bottom: 5px;
	left: 2px;
}

.nav-container {
	width: 100%;
	height: 50px;
	position: relative;
	bottom: 82px;
	background: rgba(150, 150, 150, 0.5);
	padding: 15px 0;
}


nav {
	text-align: right;
	margin: 15px 0;
	position: relative;
	bottom: 10px;
}

nav ul li {
	display:inline;
	font-size: 16px;
}

nav ul li a,
nav ul li a:visited {
	display: inline;
	text-transform: uppercase;
	color: #f2f2f2;
	font-family: "museo-sans-1","museo-sans-2", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size:1.5em;
	text-shadow: 1px 1px 2px #444;
	padding: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	margin: 0 0 0 20px;
}

nav ul li a:hover {
	text-decoration: none;
	background: #96c7c7;
	background: rgba(146,201,201,.7);
	color: #fefefe;
}


.container-wrapper {
	background: url(../img/lt-texture.png) top left repeat;
	position: relative;
	bottom: 101px;
}

.pitch p {
	font-family: "museo-sans-1","museo-sans-2", Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 1.55em;
	width: 100%;
	display: block;
	font-size: 33px;
	padding-bottom: 18px;
	background: url('../img/light/ruler.png') bottom left repeat-x

}

/* Hero */

.hero h2 {
	font-family: 'museo-sans-1','museo-sans-2',Georgia;
	font-weight: 700;
	color: #444;
	text-shadow: 0 1px 1px #fff;
	text-transform: uppercase;
	margin-bottom: 0;
	position: relative;
	top: 7px;
	text-shadow: 0px 1px 1px #fff;
	width: 100%;
	padding: 50px 0 10px 0;
	margin-bottom: 20px;
	display: block;
}

.pitch p {
	line-height: 1;
}

h3 {
	font-family: 'museo-slab-1','museo-slab-2';
	font-size: 23px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 16px 0;
}

/* Recent Work Section */

.recent-work {
	background: url('../img/light/ruler.png') bottom left repeat-x;
	padding-bottom: 35px;
	margin-bottom: 20px !important;
}


h4 {
	font-weight: 700;
	margin: 16px 0;
}

.brief p {
	padding: 0 10px 0 0;
	margin-bottom: 16px;
}

.brief h5 {
	text-transform: uppercase;
	letter-spacing: 1px;
}

.checklist li {
	font-weight: 300;
	line-height: 1.4em;
	margin:0;
	background: url(../img/light/ico_check.png) left center no-repeat;
	padding-left: 22px;
}

.recent-work .flex-margin {
	margin-left: 6%;
}

.swipe {
	display: none;
}

.launch {
	margin-top: 16px;
}

.launch a {
	background: url(../img/external-link.png) right center no-repeat;
	padding-right: 16px;
}

/* About Section */

.bio-section {
	background: url('../img/light/ruler.png') bottom left repeat-x;
	padding-bottom: 35px;
	margin-bottom: 20px;
}

div.bio img {
	padding: 5px;
	background: #f2f2f2;
	margin-top: 5px;
}

.bio p {
	float: left;
	margin-left: 16px;
	width: 72%;
}

.bio p+p {
	text-indent: 1em;
	margin-bottom: 16px;
}

.skills h4 {
	margin-top: 0;
	margin-bottom: 8px;
	padding-bottom: 0;
	line-height: 1.4em;
	height: 16px;
}

.big-screen-portrait {
	display: inline-block;
	float: left;
}

.mobile-portrait {
	display: none;
}

/* Contact Section */

.social li {
	float: left;
	margin-right: 5px;
}

.social li a:hover {
	position: relative;
	bottom: 3px;
	-webkit-transition: bottom 0.15s ease;
  -moz-transition: bottom 0.15s ease;
  -o-transition: bottom 0.15s ease;
  transition: bottom 0.15s ease;
}

.in-touch li img {
	margin-right: 5px;
}

.send-message {
	margin-top: 32px;
}

.send-message p {
	float: none;
	margin: 0;
}

.contact h4 {
	margin-top: 16px;
	margin-bottom: 8px;
}

/* Contact Form */

.send-message p {
	margin-bottom: 16px;
}

.contact form input[type="text"] {
	font-family: "museo-sans-1","museo-sans-2", Helvetica, Arial, sans-serif;
	height: 25px;
	width: 320px;
}

.contact form textarea {
	height: 106px;
	width: 320px;
}

#verify {
	width: 50px;
	float: left;
}

#submit {
	margin-left: 30px;
	float: left;
	width: 80px;
}

/* Contact Form Validation */

.error_message {
	display: block;
	background: url('../img/error.png') no-repeat left center;
	padding: 4px 10px 4px 22px;	
	margin-bottom: 26px;
	font-size: 90%;
	height: 20px;
}

.loader {
	padding: 10px 10px 10px 20px;
}

#success_page {
	display: block;
	background: url('../img/success.png') no-repeat left center;
	padding: 4px 10px 4px 22px;	
	margin-bottom: 10px;
	font-size: 90%;
	height: 20px;
}


/* Footer */

footer {
	text-align: center;
	float: left;
}

footer a span {
	background: url(../img/light/btn_top.png) no-repeat top left;
	padding-left: 20px;	
}

footer a {
	text-decoration: none;
	color: #666;
	margin-bottom: 16px;
}

footer a:hover {
	color: #444;
}

/* #Media Queries
================================================== */

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		nav ul li a {
			margin: 0 0 0 10px;
		}

		.swipe {
			display: none;
		}
		
		.in-touch span {
			display: none;
		}
		
		.sh_sourceCode { 
			width: 94.5%;
		}
		
	}

	/* 
	Mobile Landscape Size to Tablet Portrait (devices and browsers) 
	================================================== */
	
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		#page-head {
			height: 200px;
		}
		
		header img {
			width: 115px;
		}
		
		.nav-container {
			height: 65px;
			bottom: 97px;
		}
		
		.nav-container h2 {
			text-align: center;
			margin-bottom: 5px;
			top: 0;
		}
		
		nav {
			text-align: center;
			position: relative; 
			bottom: 5px;
		}
		
		nav ul li a {
			margin: 0 0 0 10px;
			font-size: 20px;
			padding: 3px;
		}
		
		.hero h2 {
			padding: 10px 0;
			margin-bottom: 0;
		}
		
		.container-wrapper {
			position: relative;
			bottom: 97px;
		}
		
		.pitch p {
			text-align: justify;
			font-size: 17px !important;
			line-height: 1.2;
		}
		
		.recent-work .flex-margin {
			margin-left: 0 !important;
			position: relative;
			right: 5px;
		}
		
		.flex-direction-nav li a {
			display: none;
		}
		
		.swipe {
			display: inline;
			float: left;
			padding: 15px 60px 15px 30px;
			background: url(../img/flick-1.png) right center no-repeat;
			text-shadow: none;
			margin-top: 16px;
			margin-left: 14%;
		}
		
		.recent-work .flexslider {
			margin-bottom: 16px;
		}
		
		.big-screen-portrait {
			display: none;
		}
		
		.mobile-portrait {
			display: inline;
		}
		
		.nick-portrait {
			float: left;
			margin: 0 8px 8px 0;
		}
		
		.bio p {
			float: none;
			width: 100%;
			margin: 0;
		}
		
		.error_message {
			float: left;
			position: relative;
			top: 480px;
			height: 0; /* So that it doesn't slide form down */
			padding: 12px 0 32px 20px;
			margin: 0 0 -41px 0;
		}
		
		pre.sh_sourceCode { 
			width: 94.5%;
		}
		
	}

	/* 
	Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
	================================================== */
	
	
	@media only screen and (max-width: 479px) {
		
		h2, h3, h4, h5, p, ul {
			text-shadow: none;
		}
		
		header img {
			width: 95px;
		}
		
		#page-head {
			height: 190px;
		}
		
		.nav-container h2 {
			text-align: center;
			margin-bottom: 12px;
			top: 0;
		}
		
		.nav-container {
			height: 70px;
			bottom: 102px;
		}
		
		nav {
			text-align: center;
		}
		
		nav ul li a {
			margin: 0 0 0 10px;
			font-size: 20px;
			padding: 3px;
		}
		
		.container-wrapper {
			position: relative;
			bottom: 101px;
		}
		
		.hero h2 {
			padding: 10px 0;
			margin-bottom: 0;
		}
		
		.pitch p {
			text-align: justify;
			font-size: 17px !important;
			line-height: 1.2;
		}
		
		.recent-work .flex-margin {
			margin-left: 0 !important;
			position: relative;
			right: 5px;
		}
		
		.flex-direction-nav li a {
			display: none;
		}

		.swipe {
			display: inline;
			float: left;
			padding: 15px 60px 15px 30px;
			background: url(../img/flick-1.png) right center no-repeat;
			text-shadow: none;
			margin-top: 16px;
		}
		
		pre.sh_sourceCode { 
			width: 91%;
		}
		
		.recent-work .flexslider {
			margin-bottom: 16px;
		}
		
		.big-screen-portrait {
			display: none;
		}
		
		.mobile-portrait {
			display: inline;
		}
		
		.nick-portrait {
			float: left;
			margin: 0 8px 0 0;
		}
		
		.bio p {
			float: none;
			width: 100%;
			margin: 0;
		}
		
		.contact form input[type="text"],
		.contact form textarea {
			width: 290px;
		}
		
		.error_message {
			float: left;
			position: relative;
			top: 480px;
			height: 0; /* So that it doesn't slide form down */
			padding: 12px 0 32px 20px;
			margin: 0 0 -41px 0;
		}
	
	}


/* Retina images for iPhone 4 */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	
	.swipe {
		background: url(../img/flick-retina.png) right center no-repeat; /* If no SVG support */
		background: url(../img/flick.svg) right center no-repeat;
		background-size: 50px 31px;
		text-shadow: none;
	}
	
	.flex-control-nav li a {
				background: url('../img/bg_control_nav-retina.png') no-repeat 0 0;
				background-size: 13px auto;
			}
	
			.flex-control-nav li a:hover {
				background: url('../img/bg_control_nav-retina.png') no-repeat 0 -13px;
			}
		
			.flex-control-nav li a.active {
				background: url('../img/bg_control_nav-retina.png') no-repeat 0 -26px;
			}
			
	.container-wrapper,
	body {
		background: url(../img/lt-texture.png) top left repeat;
		background-size: 50px 50px;
	}
	
	#page-head {
		background: url('../img/dk-texture.png') 0 0 repeat;
		background-size: 50px 50px;
	}
	
	.big-screen-portrait {
		display: inline;
		width: 65px;
	}
	
	.mobile-portrait {
		display: none;
	}

		
	
}