/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END RESET */

@font-face {
    font-family: 'trend_hm_slabone';
    src: url('../webfonts/trendhmslabone-webfont.eot');
    src: url('../webfonts/trendhmslabone-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/trendhmslabone-webfont.woff') format('woff'),
         url('../webfonts/trendhmslabone-webfont.ttf') format('truetype'),
         url('../webfonts/trendhmslabone-webfont.svg#trend_hm_slabone') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'trend_hm_sansfive';
    src: url('../webfonts/trendhmsansfive-webfont.eot');
    src: url('../webfonts/trendhmsansfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/trendhmsansfive-webfont.woff') format('woff'),
         url('../webfonts/trendhmsansfive-webfont.ttf') format('truetype'),
         url('../webfonts/trendhmsansfive-webfont.svg#trend_hm_sansfive') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'quattrocento_sansregular';
    src: url('../webfonts/quattrocentosans-regular-webfont.eot');
    src: url('../webfonts/quattrocentosans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/quattrocentosans-regular-webfont.woff') format('woff'),
         url('../webfonts/quattrocentosans-regular-webfont.ttf') format('truetype'),
         url('../webfonts/quattrocentosans-regular-webfont.svg#quattrocento_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
	height: 100%;
}

body {	
	-webkit-overflow-scrolling:touch;
	-webkit-font-smoothing: antialiased;
}

.navigatorList {
	display: inline;
	background: url('../img/nav_pattern.png') repeat-x bottom;
	position: fixed;
	width: 100%;
	z-index: 9999;
	padding-top: 15px;
	padding-bottom: 30px;
	text-align: center;
}

.nav ul {
	margin: 0;
	padding: 0;
}

.nav li {
	display: inline;
	list-style: none;
	font: 15px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 1px;
}

.nav a {
	display:inline-block;
	padding:0px 30px 0 30px;
}

.nav li a:link, a:visited {
	color: #252525;
	text-decoration:none;
}

.nav li a:hover {
	color: #ffffff;
}

.pwx_Top {
	margin: 0 auto;
	padding: 5% 0 5%;
}

.pwxLogo {
	margin: 0 auto;
	max-width: 580px;
	width: 20%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.bottomAdBanner {
	margin: 0 auto;
	max-width: 450px;
	width: 50%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
}

.pwxLogoHeader {
	font: 24px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
	color: #000000;
	text-align:center;
	margin: 20px 20%;
}

.pwxLogoEst {
	font: 15px "trend_hm_sansfive", Arial, Helvetica, Geneva, sans-serif;
	color: #000000;
	text-align:center;
	margin: 5px 20%;
}

.globalHeader {
	font: 44px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
	color: #f09702;
	text-align:center;
	margin: 5px 20%;
}

.globalHeader_Special {
	font: 44px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
	color: #ef9600;
	text-align:center;
	margin: 5px 20%;
}

.globalSubhead {
	font: 20px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
	color: #000000;
	text-align:center;
	margin: 5px 20%;
	padding-bottom: 64px;
}

.globalHeader-White {
	font: 44px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
	color: #ffffff;
	text-align:center;
	margin: 5px 20%;
}

.globalSubhead-White {
	font: 20px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
	color: #ffffff;
	text-align:center;
	margin: 5px 20%;
	padding-bottom: 64px;
}

.globalPadding {
	padding-bottom: 15%;
}

.pwx_news {
	margin: 0 auto;
	background: #444444;
	padding: 20px;
}

.specialNewsHeader {
	color: #f3ad37;
	font: 30px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	padding-bottom: 20px;
}

.specialNewsCopy {
	font: 18px "quattrocento_sansregular", Arial, Helvetica, Geneva, sans-serif;
	color: #ffffff;
	text-align:center;
	margin: 30px 20%;
	line-height: 24px;
}

.specialNewsCopy a:link {
	color: #feca39;
	text-decoration: none;
}

.specialNewsCopy a:visited {
	color: #feca39;
	text-decoration: none;
}

.specialNewsCopy a:hover {
	color: #d48500;
	text-decoration: none;
}

.kevsig {
	margin: 0 auto;
	max-width: 250px;
	width: 10%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.subsig {
	font: italic 14px "quattrocento_sansregular", Arial, Helvetica, Geneva, sans-serif;
	color: #ffffff;
	text-align:center;
	margin: 0px 30%;
	line-height: 16px;
}



/* ============================================================================= WORK */

.pwx_Work {
	margin: 0 auto;
	background: #eaeaea;
	padding: 20px;
}


.work_clients_header {
	color: #000000;
	font: 30px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	padding-bottom: 20px;
}

.work_clients {
	margin: 0 auto;
	display: inline;
	text-align:center;
	margin: 20px 20%;
	margin-bottom: 60px;
}

.work_clients_list ul {
	margin: 0;
	padding: 0;
}

.work_clients_list li {
	list-style: none;
	display: inline;
	font: 18px "quattrocento_sansregular", Arial, Helvetica, Geneva, sans-serif;
	text-shadow: 0 0 1px #7d7d7d;
	line-height: 30px;
	margin: 2px;
	white-space: nowrap;
	overflow: hidden;;
	text-transform: uppercase;
}

.work_clients_list li:after {
	content: " \00b7";
}

.work_clients_list li.nobullet:after {
	content: none;
}

.work_clients_list li a:link, a:visited {
	color: #000000;
	text-decoration: none;
}

.work_clients_list li a:hover {
	color: #f4a923;
}

.workCopy {
	color: #505050;
	font: 14px "trend_hm_sansfive", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	margin: 20px 20%;
	margin: 32px 0 0 10px;
}

/* ============================================================================= DRIBBBLE */

.pwx_Dribbble {
	margin: 0 auto;
	background: #d2d2d2;
	padding: 20px;
}

.dribbleHead {
	margin: 0 auto;
	max-width: 283px;
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
}

ul#portfolio {
	width: 720px; margin: 0 auto 50px auto; 
	list-style: none; overflow: hidden;
}

ul#portfolio li {
	float: left; margin: 20px; 
}

ul#portfolio a {
	display: block; width: 200px; height: 150px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); 
}

ul#portfolio a:hover {
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); 
}

/* ============================================================================= ABOUT */

.pwx_About {
	margin: 0 auto;
	background: #656565;
	padding: 20px;
}

.pwx_Kevin {
	margin: 0 auto;
	max-width: 500px;
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #a2a2a2;
	
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	-moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.68); 
	-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.68); 
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.68);
}

.pwx_About_Copy {
	font: 20px "quattrocento_sansregular", Arial, Helvetica, Geneva, sans-serif;
	color: #ffffff;
	text-align:center;
	margin: 30px 20%;
	line-height: 24px;
}

/* ======================================================================= PROJECTS */

.pwx_Projects {
	background: url('../img/bottom_pattern_big.png') repeat-x bottom;
	width: 100%;
	padding-top: 64px;
	padding-bottom: 5px;
}

.projectsCopy {
	margin: 0 auto;
	font: 16px "trend_hm_sansfive", Arial, Helvetica, Geneva, sans-serif;
	color: #272727;
	text-align:center;
}

.wallsSprite {
	background: url('../img/sprite_projecticons.png') 0 0 no-repeat;
}

.wallsSprite:hover {
	background: url('../img/sprite_projecticons.png') -72px 0 no-repeat;
}

.opusSprite {
	background: url('../img/sprite_projecticons.png') -1px -72px no-repeat;
}

.opusSprite:hover {
	background: url('../img/sprite_projecticons.png') -73px -72px no-repeat;
}

.bookSprite {
	background: url('../img/sprite_projecticons.png') -1px -144px no-repeat;
}

.bookSprite:hover {
	background: url('../img/sprite_projecticons.png') -73px -144px no-repeat;
}

#project-links {
	margin: 0 auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 760px;
}

#project-links-list {
	margin:0px 0px 0px;
	overflow:hidden;
}
#project-links-list .project {
 	list-style:none;
	overflow:hidden;
	margin-top: 20px;
	padding-bottom:30px;
	width:220px;
	float:left;
	height:340px;
	text-align:center;
	margin-left:20px;
}
.project .img{
	display:block;
	opacity:.7;
	-webkit-transition:opacity 0.5s ease;
	-moz-transition:opacity 0.5s ease;
}
.project:hover .img{
	opacity:1;
}

#project-links-list h4 {
	font-weight:normal;
	padding:5px 0px 10px;
	font: 28px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
 	margin:10px 0px 0px;
	text-transform: uppercase;
}
#project-links-list h4 a {
	text-decoration:none;
	color: #474847;
}
#project-links-list h4 a:hover {
	color: #ffd552;
}

#project-links-list .project .description{
	text-align:center;
	background: #f3ad37;
	padding: 0 15px;
	min-height:90px;
	font: 14px "quattrocento_sansregular", Arial, Helvetica, Geneva, sans-serif;
}


/* ======================================================================= CONTACT FORM */

.pwx_Contact {
	margin: 0 auto;
	background: #eaeaea;
	padding: 20px;
	opacity: 1;
}

.form_Container {
	margin: 0 auto;
	max-width: 400px;
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.form_Container form {
	width: 400px;
	text-align: center;
	padding: 6px 6px 6px 6px;
	
}

.form_Label {
	font: 17px "trend_hm_sansfive", Arial, Helvetica, Geneva, sans-serif;
	color: #000000;
}

.form_Label_Small {
	font: 14px "trend_hm_sansfive", Arial, Helvetica, Geneva, sans-serif;
	color: #000000;
}

.form_SmallField {
	border:0; 
	padding:10px; 
	font: 18px "quattrocento_sansregular", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	color:#000000; 
	border:solid 2px #ccc; 
	margin: 5px 0 20px; 
	width:300px;
	
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2); 
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2); 
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);

}

.form_SmallField:focus {
	outline: none;
	border:solid 2px #EEA34A;
}

.form_Message {
	border:0;
	resize: none; 
	padding:10px; 
	font: 16px "quattrocento_sansregular", Arial, Helvetica, Geneva, sans-serif; 
	color:#000000; 
	border:solid 2px #ccc; 
	margin: 5px 0 20px; 
	width:300px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2); 
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2); 
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}

.form_Message:focus {
	outline: none;
	border: 2px solid #EEA34A;
}

.submit-button {
	border:solid 1px #ccc;
	padding:10px 30px; 
	margin:0 0 20px; 
	font: 26px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
	color: #533227;
	cursor:pointer;
	
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2); 
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2); 
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	
	text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.8);
	background-color: #ffc554;
}

/* ===================================================================== FOOTER */

.pwx_Bottom {
	background-color: #484848;
}

.contactEmail {
	color: #cccccc;
	font: 20px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	margin: 20px 20%;
}

.contactPhone {
	color: #cccccc;
	font: 20px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	margin: 10px 10%;
}

.copyrightCopy {
	color: #cccccc;
	font: 14px "quattrocento_sansregular", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	padding: 20px 0 0;
}

.photoCreditCopy {
	color: #cccccc;
	font: 12px "quattrocento_sansregular", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	padding: 0 0 40px;
}

.photoCreditCopy a {
	color: #cccccc;
	text-decoration: none;
}

.photoCreditCopy a:hover {
	color: #f3ad37;
	text-decoration: none;
}

/* ============================================================= THANK YOU PAGE */

.pwx_ThanksTop {
	margin: 0 auto;
	padding: 5% 0 50%;
}

.thanksHeader {
	font: 64px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
	color: #000000;
	text-align:center;
	margin: 5px 20%;
}

.thanksCopy {
	font: 22px "quattrocento_sansregular", Arial, Helvetica, Geneva, sans-serif;
	color: #000000;
	text-align:center;
	margin: 5px 20%;
}

/* ======================================================== 404 PAGE */

.pwx_Top404 {
	margin: 0 auto;
	padding: 10% 0 20%;
}

.pwxLogo404 {
	margin: 0 auto;
	max-width: 800px;
	width: 30%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.bigHeader404 {
	font: 100px "trend_hm_sansfive", Arial, Helvetica, Geneva, sans-serif;
	color: #ff4747;
	text-align:center;
	margin: 5px 20%;
}

.header404 {
	font: 80px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
	color: #000000;
	text-align:center;
	margin: 5px 20%;
}

.copy404 {
	font: small-caps bold 40px "quattrocento_sansregular", Arial, Helvetica, Geneva, sans-serif;
	color: #000000;
	text-align:center;
	margin: 5px 20%;
}


/* ======================================================== SOCIAL ICON SPRITES */

.socialLinks {
	text-align:center;
	padding: 10px 0 10px;
}

.social_link {
	display: inline-block;
	text-indent:-9999px;
	width: 70px;
	height: 70px;
	margin: 5px;
}

.socialContactLinks {
	text-align:center;
	padding: 60px 0 4px;
}

.twitterSprite {
	background: url('../img/sprite_socialicons.png') 0 -218px no-repeat;
}

.twitterSprite:hover {
	background: url('../img/sprite_socialicons.png') -72px -218px no-repeat;
}

.linkedinSprite {
	background: url('../img/sprite_socialicons.png') 0 0 no-repeat;
}

.linkedinSprite:hover {
	background: url('../img/sprite_socialicons.png') -72px 0 no-repeat;
}

.dribbbleSprite {
	background: url('../img/sprite_socialicons.png') 0px -290px no-repeat;
}

.dribbbleSprite:hover {
	background: url('../img/sprite_socialicons.png') -72px -290px no-repeat;
}

.forrstSprite {
	background: url('../img/sprite_socialicons.png') 0px -72px no-repeat;
}

.forrstSprite:hover {
	background: url('../img/sprite_socialicons.png') -72px -72px no-repeat;
}

.behanceSprite {
	background: url('../img/sprite_socialicons.png') 0px -145px no-repeat;
}

.behanceSprite:hover {
	background: url('../img/sprite_socialicons.png') -72px -145px no-repeat;
}


/* ======================================================== SLIDE SHOW STYLES */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}

.rslides_container {
	/*margin-bottom: 24px;
	position: relative;
	float: left;
	width: 100%;*/
	
	margin-bottom: 24px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1120px;
}

.rslides_container_mobile {
	display: none;
}

.rslides1_nav {
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
top: 50%;
left: 0;
z-index: 99;
opacity: 0.7;
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 61px;
width: 38px;
background: transparent url("../img/gallerynav.gif") no-repeat left top;
margin-top: -45px;
}

.rslides1_nav:active {
opacity: 1.0;
}

.rslides1_nav.next {
left: auto;
background-position: right top;
right: 0;
}

.rslides2_nav {
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
top: 0;
left: 0;
display: block;
background: #fff; /* Fix for IE6-9 */
opacity: 0;
filter: alpha(opacity=1);
width: 48%;
text-indent: -9999px;
overflow: hidden;
height: 91%;
}

.rslides2_nav.next {
left: auto;
right: 0;
}

.rslides3_nav {
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
opacity: 0.6;
text-indent: -9999px;
overflow: hidden;
top: 0;
bottom: 0;
left: 0;
background: #000 url("../img/gallerynav.gif") no-repeat left 50%;
width: 38px;
}

.rslides3_nav:active {
opacity: 1.0;
}

.rslides3_nav.next {
left: auto;
background-position: right 50%;
right: 0;
}

.rslides1_nav:focus,
.rslides2_nav:focus,
.rslides3_nav:focus {
outline: none;
}

.caption {
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px;
	text-align: center;
	font: 18px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
	color: white;
	background-color: #656565;
}

.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../img/gallerynav.gif") no-repeat left top;
  margin-top: -45px;
  }

.centered-btns_nav:active {
  opacity: 1.0;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }

.large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("../img/gallerynav.gif") no-repeat left 50%;
  width: 38px;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  margin-top: 10px;
  text-align: center;
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  background: #222;
  background: rgba(0,0,0, .8);
}

/* ========================================================== MEDIA QUERIES */


/* ========================================================================== DESKTOP */

@media only screen
and (min-width: 992px) {

	.pwx_Projects_Mobile {
		display: none;
	}

}

/* ========================================================================== iPHONE 5 */

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

	body {
		-webkit-overflow-scrolling:touch;
		-webkit-font-smoothing: antialiased;
	}
	
	.navigatorList {
		display: none;
	}
	
	.pwx_Top {
		margin: 0 auto;
		padding: 20% 0 20%;
		width: 100%;
	}
	
	.pwxLogo {
		margin: 0 auto;
		max-width: 800px;
		width: 65%;
		/*display: block;*/
		position: static;
		margin-left: auto;
		margin-right: auto;
	}
	
	.pwxLogoHeader {
		font: 22px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
		color: #000000;
		text-align:center;
		/*margin: 20px 20%;*/
	}
	
	.pwxLogoEst {
		font: 9px "trend_hm_sansfive", Arial, Helvetica, Geneva, sans-serif;
		color: #000000;
		text-align:center;
		/*margin: 5px 20%;*/
	}
	
	.globalHeader {
		font: 24px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
		color: #000000;
		text-align:center;
	}
	
	.globalSubhead {
		font: 10px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
		color: #000000;
		text-align:center;
		padding-bottom: 24px;
	}
	
	.globalPadding {
		padding-bottom: 5%;
	}
	
	.pwx_Projects {
		display: none;
	}
	
	.pwx_Projects_Mobile {
		display: none;
	}
	
	.pwx_Dribbble {
		display: none;
	}

	.pwx_Contact {
		display: none;
	}
	
	.caption {
		display: none;
	}
	
	.rslides_container {
		display: none;
	} 
	
	.rslides_container_mobile {
		display: inline-block;
		margin-bottom: 24px;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	
	.centered-btns_nav {
		display: none;
	}
	
	.work_clients_header {
		color: #000000;
		font: 20px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
		text-align: center;
		padding-bottom: 20px;
	}
	
	.work_clients {
		margin: 0 auto;
		display: inline;
		text-align:center;
		margin: 20px 20%;
		margin-bottom: 60px;
	}
	
	.work_clients_list ul {
		margin: 0;
		padding: 0;
	}
	
	.work_clients_list li {
		list-style: none;
		display: inline;
		font: 17px "quattrocento_sansregular", Arial, Helvetica, Geneva, sans-serif;
		line-height: 30px;
		margin: 2px;
		white-space: nowrap;
		overflow: hidden;
	}
	
	.work_clients_list li:after {
		content: none;
	}
	
	.work_clients_list li.nobullet:after {
		content: none;
	}
	
	.work_clients_list li a:link, a:visited {
		color: #000000;
		text-decoration: none;
	}
	
	.work_clients_list li a:hover {
		color: #f4a923;
	}
	
	.pwx_About {
		display: none;
	}
	
	.contactEmail {
		color: #cccccc;
		font: 14px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
		text-align: center;
		margin: 20px 20%;
	}
	
	.contactPhone {
		color: #cccccc;
		font: 14px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
		text-align: center;
		margin: 10px 10%;
	}
	
	.copyrightCopy {
		color: #cccccc;
		font: 11px "quattrocento_sansregular", Arial, Helvetica, Geneva, sans-serif;
		text-align: center;
		padding: 20px 0 0;
	}
	
	.photoCreditCopy {
		color: #cccccc;
		font: 10px "quattrocento_sansregular", Arial, Helvetica, Geneva, sans-serif;
		text-align: center;
		padding: 0 0 40px;
	}
}

/* ========================================================================== iPHONE 5 */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {

	body {
		-webkit-overflow-scrolling:touch;
		-webkit-font-smoothing: antialiased;
	}
	
	.navigatorList {
		display: none;
	}
	
	.pwx_Top {
		margin: 0 auto;
		padding: 20% 0 20%;
		width: 100%;
	}
	
	.pwxLogo {
		margin: 0 auto;
		max-width: 800px;
		width: 50%;
		/*display: block;*/
		position: static;
		margin-left: auto;
		margin-right: auto;
	}
	
	.pwxLogoHeader {
		font: 12px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
		color: #000000;
		text-align:center;
		/*margin: 20px 20%;*/
	}
	
	.pwxLogoEst {
		font: 9px "trend_hm_sansfive", Arial, Helvetica, Geneva, sans-serif;
		color: #000000;
		text-align:center;
		/*margin: 5px 20%;*/
	}
	
	.globalHeader {
		font: 24px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
		color: #000000;
		text-align:center;
		/*margin: 5px 20%;*/
	}
	
	.globalSubhead {
		font: 12px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
		color: #000000;
		text-align:center;
		padding-bottom: 24px;
	}
		
	.globalPadding {
		padding-bottom: 5%;
	}
	
	.pwx_Projects {
		display: none;
	}
	
	.pwx_Projects_Mobile {
		display: none;
	}
	
	.pwx_Dribbble {
		display: none;
	}
	
	.pwx_Contact {
		display: none;
	}
	
	.caption {
		display: none;
	}
	
	.rslides_container {
		display: none;
	} 
	
	.rslides_container_mobile {
		display: inline-block;
		margin-bottom: 24px;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}

	.centered-btns_nav {
		z-index: 3;
		position: absolute;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		top: 50%;
		left: 0;
		opacity: 0.7;
		text-indent: -9999px;
		overflow: hidden;
		text-decoration: none;
		height: 30px;
		width: 19px;
		background: transparent url("../img/gallerynav_mobile.jpg") no-repeat left top;
		margin-top: -45px;
	}
	
	.pwx_About {
		display: none;
	}
	
	.contactEmail {
		color: #cccccc;
		font: 14px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
		text-align: center;
		margin: 20px 20%;
	}
	
	.contactPhone {
		color: #cccccc;
		font: 14px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
		text-align: center;
		margin: 10px 10%;
	}
	
	.copyrightCopy {
		color: #cccccc;
		font: 11px "quattrocento_sansregular", Arial, Helvetica, Geneva, sans-serif;
		text-align: center;
		padding: 20px 0 0;
	}
	
	.photoCreditCopy {
		color: #cccccc;
		font: 10px "quattrocento_sansregular", Arial, Helvetica, Geneva, sans-serif;
		text-align: center;
		padding: 0 0 40px;
	}
}

/* ========================================================================== SMARTPHONES */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

	body {
		-webkit-overflow-scrolling:touch;
		-webkit-font-smoothing: antialiased;
	}
	
	.navigatorList {
		display: none;
	}
	
	.pwx_Top {
		margin: 0 auto;
		padding: 20% 0 20%;
		width: 100%;
	}
	
	.pwxLogo {
		margin: 0 auto;
		max-width: 800px;
		width: 50%;
		/*display: block;*/
		position: static;
		margin-left: auto;
		margin-right: auto;
	}
	
	.pwxLogoHeader {
		font: 12px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
		color: #000000;
		text-align:center;
		/*margin: 20px 20%;*/
	}
	
	.pwxLogoEst {
		font: 9px "trend_hm_sansfive", Arial, Helvetica, Geneva, sans-serif;
		color: #000000;
		text-align:center;
		/*margin: 5px 20%;*/
	}
	
	.globalHeader {
		font: 24px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
		color: #000000;
		text-align:center;
		/*margin: 5px 20%;*/
	}
	
	.globalSubhead {
		font: 12px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
		color: #000000;
		text-align:center;
		padding-bottom: 24px;
	}
		
	.globalPadding {
		padding-bottom: 5%;
	}
	
	.pwx_Projects {
		display: none;
	}
	
	.pwx_Projects_Mobile {
		display: none;
	}
	
	.pwx_Dribbble {
		display: none;
	}
	
	.pwx_Contact {
		display: none;
	}
	
	.caption {
		display: none;
	}
	
	.rslides_container {
		display: none;
	} 
	
	.rslides_container_mobile {
		display: inline-block;
		margin-bottom: 24px;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}

	.centered-btns_nav {
		z-index: 3;
		position: absolute;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		top: 50%;
		left: 0;
		opacity: 0.7;
		text-indent: -9999px;
		overflow: hidden;
		text-decoration: none;
		height: 30px;
		width: 19px;
		background: transparent url("../img/gallerynav_mobile.jpg") no-repeat left top;
		margin-top: -45px;
	}
	
	.pwx_About {
		display: none;
	}
	
	.contactEmail {
		color: #cccccc;
		font: 14px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
		text-align: center;
		margin: 20px 20%;
	}
	
	.contactPhone {
		color: #cccccc;
		font: 14px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
		text-align: center;
		margin: 10px 10%;
	}
	
	.copyrightCopy {
		color: #cccccc;
		font: 11px "quattrocento_sansregular", Arial, Helvetica, Geneva, sans-serif;
		text-align: center;
		padding: 20px 0 0;
	}
	
	.photoCreditCopy {
		color: #cccccc;
		font: 10px "quattrocento_sansregular", Arial, Helvetica, Geneva, sans-serif;
		text-align: center;
		padding: 0 0 40px;
	}
 
 }

/* ========================================================================== TABLETS */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  {

	body {
		-webkit-overflow-scrolling:touch;
		-webkit-font-smoothing: antialiased;
	}
	
	.navigatorList {
		display: none;
	}
	
	.pwx_Top {
		margin: 0 auto;
		padding: 20% 0 20%;
		width: 100%;
	}
	
	.pwxLogo {
		margin: 0 auto;
		max-width: 800px;
		width: 40%;
		/*display: block;*/
		position: static;
		margin-left: auto;
		margin-right: auto;
	}
	
	.pwxLogoHeader {
		font: 28px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
		color: #000000;
		text-align:center;
		/*margin: 20px 20%;*/
	}
	
	.pwxLogoEst {
		font: 16px "trend_hm_sansfive", Arial, Helvetica, Geneva, sans-serif;
		color: #000000;
		text-align:center;
		/*margin: 5px 20%;*/
	}
	
	.globalHeader {
		font: 42px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
		color: #000000;
		text-align:center;
		/*margin: 5px 20%;*/
	}
	
	.globalSubhead {
		font: 18px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
		color: #000000;
		text-align:center;
		padding-bottom: 24px;
	}
		
	.globalPadding {
		padding-bottom: 10%;
	}
	
	.pwx_Projects_Mobile {
		display: none;	
	}
	
	.pwx_Projects {
		background: url('../img/bottom_pattern_big.png') repeat-x bottom;
		width: 100%;
		padding-top: 64px;
		padding-bottom: 5px;
	}
	
	.work_clients_header {
		color: #000000;
		font: 22px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
		text-align: center;
		padding-bottom: 20px;
	}
	
	.rslides_container {
		display: none;
	}
		
	.rslides_container_mobile {
		display: inline-block;
		margin-bottom: 24px;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	
	.caption {
		position: absolute;
		display: block;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 10px;
		text-align: center;
		font: 13px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
		color: white;
		background-color: #656565;
	}

	.centered-btns_nav {
		z-index: 3;
		position: absolute;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		top: 50%;
		left: 0;
		opacity: 0.7;
		text-indent: -9999px;
		overflow: hidden;
		text-decoration: none;
		height: 61px;
		width: 38px;
		background: transparent url("../img/gallerynav.gif") no-repeat left top;
		margin-top: -45px;
	}
	
	.contactEmail {
		color: #cccccc;
		font: 16px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
		text-align: center;
		margin: 20px 20%;
	}
	
	.contactPhone {
		color: #cccccc;
		font: 16px "trend_hm_slabone", Arial, Helvetica, Geneva, sans-serif;
		text-align: center;
		margin: 10px 10%;
	}
	
	.copyrightCopy {
		color: #cccccc;
		font: 13px "quattrocento_sansregular", Arial, Helvetica, Geneva, sans-serif;
		text-align: center;
		padding: 20px 0 0;
	}
	
	.photoCreditCopy {
		color: #cccccc;
		font: 11px "quattrocento_sansregular", Arial, Helvetica, Geneva, sans-serif;
		text-align: center;
		padding: 0 0 40px;
	}
 
 }

/* ============================================================================== iPAD RETINA */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {

	.rslides_container {
		display: none;
	}
		
	.rslides_container_mobile {
		display: inline-block;
		margin-bottom: 24px;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
 }