/*Golden Grid System (1.01)	<http://goldengridsystem.com/>  by Joni Korpi 	<http://jonikorpi.com/>   licensed under MIT   <http://opensource.org/licenses/mit-license.php>*/

	body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section {
		background:transparent;
		border: 0;
		font-size:100%;
		margin: 0;
		padding: 0;
		vertical-align:baseline;
	}
	p {
		line-height: 2;
	}
	/*----------------------------------------------------------------------------------------------------------
	Consistency fixes  adopted from http://necolas.github.com/normalize.css/*/
	html {
		height: 100%;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}
	body {
		background: transparent url(../grfx/hex_bkgd.png) 0px 0px repeat;
		color: #333333;
		font-family: 'Carrois Gothic', Arial, Helvetica, sans-serif;
		font-size: 100%;
		line-height: 1em;
		min-height: 100%;
	}
	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, audio, canvas, video {
		display: block;
	}
	article p {
		color: #666666;
		font-size: 1em;
	}
	sub, sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}
	sup {
		top: -0.5em; 
	}
	sub {
		bottom: -0.25em;
	}
	pre {
		white-space: pre;
		white-space: pre-wrap;
		word-wrap: break-word;
	}
	b, strong {
		font-weight: bold;
	}
	abbr[title] {
		border-bottom: 1px dotted;
	}
	input, textarea, button, select {
		margin: 0;
		font-size: 100%;
		line-height: normal;
		vertical-align: baseline;
	}
	button, html input[type="button"], input[type="reset"],	input[type="submit"] {
		cursor: pointer;
		-webkit-appearance: button;
	}
	input[type="checkbox"], input[type="radio"] {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	textarea {
		overflow: auto;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	/*Simple fluid media*/
	figure {
		position: relative;
	}
	figure img, figure object, figure embed, figure video {
		max-width: 100%;
		display: block;
	}
	img {
		border: 0;
		-ms-interpolation-mode: bicubic;
	}
	a {
		color: #263A51;
		text-decoration: none;
	}
	a:focus {
		outline: none !important;
	}
	a:hover {
		color: #5C6977;
	}
	ul {
		list-style: none;
	}
	/*----------------------------------------------------------------------------------------------------------*/

	header {
		background-color: #ffffff;
		background-color: rgba(255,255,255,0.95);
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0,169,131,0.2);
		-moz-box-shadow: 0px 0px 20px 0px rgba(0,169,131,0.2);
		box-shadow: 0px 0px 20px 0px rgba(0,169,131,0.2);
		left: 0px;
		position: fixed;
		top: 0px;
		width:100%;
		z-index: 8009;
		@media screen and (max-width: 636px) {
			position: fixed;
		}
	}

	.headerWrap {
		width:100%;
	}
	#design header {	
	}
	/*	.headwrap {
		max-width:1280px;
		margin:0px auto;
	}*/
	
	.headPos {
		padding: 0px !important;
		position: relative;
	}
	
	h1 {
		color: #6b6b6b;
		display: inline-block;
		font-family: "Arial Black", Gadget, sans-serif;
		font-size: 140%;
		line-height: 1.1428571428571428em;
		margin: 9.5% 0px;
		min-width: 80px;
		position: relative;
		text-shadow: 0px -3px 2px rgba(255, 255, 255, 0.5);
		width: 100%;
	}
	
	h1 span.pr_name {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 105%;
		font-weight: normal;
	}
	
	section {
		display: block;
		position: relative;
		z-index: 234;
	}
	
	
	
/*+++++++++++++++++++++++CAROUSEL================================*/
	/*.html_carousel {
		padding: 0px;
	}
	#carousel {
		height: 100% !important;
		width:100% !important;
	}
	.html_carousel div.slide {
		position: relative;
	}
	.html_carousel div.slide div {
		background-color: rgba(0, 0, 0, 0.6);
		width: 100%;
		display: none;
		position: absolute;
		bottom: 0;
	}*/
/*----GENERAL CAROUSEL   S E C T I O N  -----*/
	.html_carousel {
		margin-top: 2.4em;
	}
/*----GENERAL CAROUSEL   E L E M E N T  -----*/
	#home .html_carousel article #carousel, #design .html_carousel article#carousel, #artwork .html_carousel article #carousel {
		padding: 0px;
		width: 100%;
	}
	
/*----ARTWORK CAROUSEL   E L E M E N T  -----*/
	#artwork .html_carousel article #carousel {
	}
/*----GENERAL DYNAMIC CAROUSEL WRAPPER-----*/
	.caroufredsel_wrapper {
		overflow: hidden;
		top: 0px !important;
		width: 100% !important;
	}
	#artwork .caroufredsel_wrapper {
		background: #fff;
		background: rgba(255,255,255,0.4);
	}
/*----GENERAL CAROUSEL SLIDE CONTAINER-----*/
	.html_carousel div.slide {
		display: block;
		float: left;
		/*height: auto !important;*/
		position: relative;
	}	
	#home .html_carousel div.slide, #design .html_carousel div.slide {
		width: 100%;
	}
	
/*----GENERAL CAROUSEL IMAGES-----*/
	.html_carousel div.slide img {
		display: block;
		float: left;
		width: 100%;
	}
/*----DESIGN CAROUSEL SLIDE CONTAINER-----*/
	/*#design .html_carousel #carousel div.slide {
		background-attachment: fixed;
		background-position: 50% 80px;
		background-repeat: no-repeat;
		height: 550px;
		margin: 0px;
		position: relative;
		min-width: 100%;
	}
	.html_carousel div.truckerJill {
		background-image: url(../imgs/carousel/design/trucker_jill.jpg);
	}
	
	.html_carousel div.yu {
		background-image: url(../imgs/carousel/design/yu.jpg);
	}
	
	.html_carousel div.fruit {
		background-image: url(../imgs/carousel/design/fruit.jpg);
	}
	
	.html_carousel div.moth {
		background-image: url(../imgs/carousel/design/moth.jpg);
	}
	#design .html_carousel #carousel div.slide ul{
		background:rgba(255,255,255,1);
	}*/
	/*#design .html_carousel #carousel div.slide > ul{
		background: #ffffff;
		background: rgba(255,255,255,0.7);
		background-position: center;
		background-repeat: no-repeat;
		-webkit-box-shadow: 0px 0px 24px 0px rgba(255, 255, 255, 0.8);
		-moz-box-shadow: 0px 0px 24px 0px rgba(255, 255, 255, 0.8);
		box-shadow: 0px 0px 24px 0px rgba(255, 255, 255, 0.8);
		display: block;
		height: 550px;
		position: relative; 
		width: 15%;
	}
	#design .html_carousel #carousel div.truckerJill > ul {
		background-image:url(../imgs/design/scrbl_tjill_sprl.png)
	}
	#design .html_carousel #carousel div.yu > ul {
		background-image:url(../imgs/design/scrbl_xclm_mrk.png)
	}
	#design .html_carousel #carousel div.fruit > ul {
		background-image:url(../imgs/design/scrbl_fruitface.png)
	}
	#design .html_carousel #carousel div.moth > ul {
		background-image:url(../imgs/design/scrbl_moth.png)
	}*/
	#design .html_carousel #carousel div.slide li.liTtl{
		background: none;
		height: 0px;
		text-indent: -9999em;
		width: 0px;
	}
	/*#design .html_carousel #carousel div.slide ul li.liHdr {
		padding: 0px;
	}
	#design .html_carousel #carousel div.slide ul li h2 {
		background: rgba(255,255,255,0.7);
		-webkit-border-radius: 0px 0px 10px 10px;
		-moz-border-radius: 0px 0px 10px 10px;
		border-radius: 0px 0px 10px 10px;
		color: #000036;
		font-size: 200%;
		font-family: "Arial Black", Gadget, sans-serif;
		font-weight:900;
		line-height: 2;
		margin: 0px 42.5%;
		text-align: center;
		width: 15%;
	}
	#design .html_carousel #carousel div.truckerJill ul li h2 {
		color: #3f3f7a;
	}
	#design .html_carousel #carousel div.fruit ul li h2 {
		color: #c22020;
	}
	#design .html_carousel #carousel div.fish ul li h2 {
		color: #7f7f7f;
	}
	#design .html_carousel #carousel div.moth ul li h2 {
		color: #7e772a;
	}
	#design .html_carousel #carousel div.slide li.srbbl {
		background: rgba(255, 255, 255, 0.6) url(../imgs/design/scrbl_moth.png) center center no-repeat;
		-webkit-border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px;
		height: 250px;
		margin: 0px 42.5%;
		position: absolute;
		top: 165px;
		width: 15%;
	}*/
	
	#design .html_carousel #carousel div.slide ul.liLi {
		bottom: 0px;
		margin: 0px 42.5%;
		position: absolute;
		width: 15%;
	}
	#design .html_carousel #carousel div.slide ul.liLi{
		background: rgba(255,255,255,0.7);
		margin-top: 2px;
	}
	#design .html_carousel #carousel div.slide ul.liLi h3 {
		margin: 0px;
		padding: 5px;
		text-align: center;
	}
/*----ARTWORK CAROUSEL SLIDE CONTAINER-----*/	
	#artwork .html_carousel #carousel div.slide {
		margin: 0px 10px;
	}
	#artwork .html_carousel div.slide a {
		text-align: center;
		width: 100%;
	}
	#artwork .html_carousel div.slide a h3 {
		color: rgba(20,35,77,1);
		font-weight: normal;
		margin-top: 1em;
	}
	#artwork .html_carousel div.slide a span {
		bottom: -5.2em;
    	display: block;
		padding: 2em 0px;
    	position: absolute;
		width: 100%;
	}
	#artwork .html_carousel div.slide:hover a h3, #artwork .html_carousel div.slide:hover a span {
		color: rgba(20,35,77,0.2);
	}
	#artwork .html_carousel div.slide img {
		float: none;
		margin: 0px auto;
		width: auto;
	}
/*------slide up info-------*/
.html_carousel #carousel div.slide div{
	background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    display: none;
    position: absolute;
    width: 100%;
}
#artwork .html_carousel #carousel div.slide div {
	background-color: rgba(20, 35, 77, 0.6);
}
#home #carousel div.slide h4, #artwork #carousel div.slide h4 {
	clear: both;
	float:left;
	font-size: 2em;
	padding: 20px 0 0 15%;
	width:100%;
}
#artwork #carousel div.slide h4 {
	background: rgba(20,35,77,0.4);
	font-size: 1em;
	padding: 5px 0px 0px 0px;
}
	
#home #carousel div.slide p, #artwork #carousel div.slide p {
	clear: both;
	float:left;
	font-size: 1em;
	padding: 20px 0 1% 15%;
	width:100%;
}
#artwork #carousel div.slide p {
	padding: 20px 0px 0px 0px;
}
#home #carousel div.slide h4, #carousel div.slide p, #artwork #carousel div.slide h4, #artwork #carousel div.slide p {
	color: #ffffff;
}
/*pagination*/
div#page_buttons {
    height: 4em;
    padding: 10px 0px 0px 0px;
    text-align: center;
}

div#page_buttons a {
	background: transparent url(../grfx/sprite.png) 0px 0px no-repeat;
	display: inline-block;
	height: 4em;
	width: 30px;
}

div#page_buttons a:hover {
	background-position: -60px 0px;
}

div#page_buttons a.selected {
	background-position: -30px 0px;
	cursor: default;
}

div#page_buttons a span {
    display: none;
}


/*------------------------------------------------------SKILLSET & WEB DEV TXT & DESIGN & ARTWORK------------------------------------------------------*/
/*------------------------------------------------------SKILLSET & WEB DEV TXT------------------------------------------------------*/
/*------------------------------------------------------SKILLSET & WEB DEV TXT------------------------------------------------------*/
.skillset, .webDevTxt, .artworkTxt {
	background-color: rgba(245, 250, 255, 0.5);
	border-top: 5px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	margin-top: -5px;
	position: relative;
	z-index: 234;
}
.designset {
	/*background: #ffffff url(../grfx/hex_bkgd.png) 0px 0px repeat;
	margin-top: 700px;*/
}
.creative {
	display: block;
	position: relative;
	z-index: 2201;
}
/*.development {
	background: rgba(92,57,14, 0.2);
}*/
/*------------intro & DESIGN BLOCKS-------------*/
	
	.introwrap .topPara p.abreNwWndw{color:#436180;font-size:0.8em;margin:0px 0px 1.2em 1.2em;}
	.introwrap .topPara p:first-child{margin:1em 1em 0px 1em;}
	.introwrap .topPara .grid-50{border-bottom:2em solid #8cce7c;margin-bottom:2em;padding-bottom:1em;}
	.introwrap .topPara a {display:block;}
	
.designDtls, .uiIntrowrap {
	background-color: #ffffff;
	background-color: rgba(255,255,255,0.8);
	margin: -20px 5% 4em 5%;
	padding: 2em 0px 0px 0px;
	position: relative;
	z-index: 3404;
}
.uiIntrowrap {
	margin:0px;
}
.uiIntrowrap .grid-container{
	padding:0px;
}
.devIntrowrap{
	padding:0px;
	position:relative;
}
.devIntrowrapTop{
	background:rgba(0,0,0,0.8) url(../grfx/hex_bkgd3.png) 0px 0px repeat;
} 
.devskills{
	background-color:rgba(92,57,14, 0.2);
}
.creativeIntrowrap, .devIntrowrap {
	max-width:100%;
}
.creativeIntrowrap{
	background:#ffffff;
}
.designset .introwrap {
	padding-top: 4em;
	position: relative;
	z-index: 3431;
}
.designset .uiIntrowrap, .designset .devIntrowrap {
	padding-top: 4em;
}
.designset .devIntrowrap.devIntrowrapTop{
	margin-top: 5em;
}
.designset .devIntrowrap .intro{
	text-align:center;
}
.designset .introwrap div{
	margin-bottom: 4em;
}
.designset div.introBttmBrdr  {
	margin-bottom: 0px;
}
/*-------------------------SIDE IMAGES----------------------*/
.introwrap .pri_copyn img {
	height: 434px;
	left: -30%;
	position: absolute;
	top: 0px;
	width: 275px;
}
.introwrap .anhe_shui img {
	height: 307px;
	left: 0%;
	position: absolute;
	width: 275px;
}
.logIkns img {
	height: 165px;
	left: 10%;
	position: absolute;
	top: 0px;
	width: 100px;
}
.crtvLogIkns img {
	/*height: 277px;
	left: 10%;
	position: absolute;
	top: 0px;*/
	width: 100%;
}
.devLogIkns img {
	width: 100%;
}

.designDtls .anhe_azul {
	position: relative;
}
.designDtls .anhe_azul img {
	bottom: -6em;
	height: 426px;
	right: 1em;
	position: absolute;
	width: 200px;
}
img.artDetWrapImg {
	float: left;
	margin: 0px 10px 10px 0px;
	width: 30%;
}
/*--------------HEADERS LISTS & PARAS----------------------*/
.intro p {
	margin: 1em;
}
.intro p.mainIntro{
	padding-left:1em;
}
.designDtls h2 {
	color: #3f4662;
	font-size: 150%;
	margin: 2em 0px;
}
ul.skillList li {
	color: #636980;
	font-size: 100%;
	line-height: 2;
	margin: 2em 0px;
}
.introBttmBrdr, .uiDesBttmBrdr, .creativeBttmBrdr, .devBttmBrdr {
	background: rgba(0,0,0,0.8);
	display: block;
	height: 12em;
}
.introBttmBrdr{
	height: 8em;
}
.uiDesBttmBrdr {
	background:rgba(0,0,0,0.2) url(../grfx/hex_bkgd4.png) 0px 0px repeat;
}
.creativeBttmBrdr {
	background: rgba(0,0,88,0.2) url(../grfx/hex_bkgd4.png) 0px 0px repeat;
	/*border-bottom: 10px solid rgba(0,0,88,1);*/
}
.devBttmBrdr {
	background: rgba(92,57,14,0.4);
}
.devskills .devBttmBrdr{
	background: rgba(92,57,14,0.4) url(../grfx/hex_bkgd4.png) 0px 0px repeat;
}
.intro p.devLst {
	color: #5c390e;
	font-size: 200%;
	margin: 0px;
}
/*------------intro END-------------*/

.skills {
	background: transparent url(../grfx/spots_onda.png) center 0px no-repeat;
}

/*------------------webDev-------------------*/
.webDev {
	border-top:2px solid #cfd110;
}
.webDev, .webDevTxt {
	background-color: rgba(235,235,230,0.2);
}
.webDev, .artworkTxt {
	margin: 3em 0px 0px 0px;
	position: relative;
	z-index: 2989;
}

.webDev article img, .artworkTxt article img {
	border-bottom: none;
	display: block; 
	margin-top:20px;
	padding: 0px;
	width: 100%;
}

 .artwork article img {
}

.webDevTxtCont {
	margin-bottom: 10px;
	padding-bottom: 1em;
	position: relative;
}
.websites {
	background-image: url(../imgs/design/caterpillar.jpg);
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-size: cover;
	height: 700px;
	margin: 0 auto; 
	overflow: hidden;
    position: relative; 
    width: 100%; 
}
.uiDesignImg {
	background-image: url(../imgs/design/casaLado.jpg);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position:50% 0%;
	background-size: cover;
	height: 400px;
	margin: 0 auto; 
 	overflow: hidden;
    position: relative; 
    width: 100%; 
}
.creativeDesignImg {
	background-image: url(../imgs/design/bedford_butterfly_bridge.jpg);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position:50% 0%;
	background-size: cover;
    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);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	height: 200px;
	margin: 0 auto; 
	filter:alpha(opacity=60); /* For IE8 and earlier */
	overflow: hidden;
    position: relative; 
    width: 100%; 
}
.developmentImg {
	background-image: url(../imgs/design/blackbird.jpg);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position:50% 0%;
	  background-size: cover;
    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);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	height: 200px;
	margin: 0 auto; 
	opacity:0.3;
	filter:alpha(opacity=30); /* For IE8 and earlier */
	overflow: hidden;
    position: relative; 
    width: 100%; 
}
.startImg {
	height: 600px;
	margin-top:5em;
}

.startImgTxt {
    color: #ffffff;
    display: block;
    float: left;
    font-size: 600%;
    left: 10%;
	line-height: 1;
    position: absolute;
    top: 1em;
}
.uiDesignImg .startImgTxt {
    color: #ffffff;
	font-family:"Arial Black", Gadget, sans-serif;
	left: 0px;
	letter-spacing: 0.2em;
	text-align: center;
	top: 1em;
	width: 100%;
}
.devIntrowrap .startImgTxt {
	left: auto;
    position: relative;
	top:auto;
}

.development .startImg {
	position: absolute;
}
.intro ul.desTxt li {
	line-height: 2;
	margin: 0.4em;
}	

.development .endImg {
opacity: 0.7;
}
/*--------SEE .intro p ABOVE-------*/
.intro p.desTtlTxt {
	color: #eaeaea;
	color: rgba(0,0,0,0.3);
	font-family:"Arial Black", Gadget, sans-serif;
	font-size: 600%;
	line-height: 1em;
	margin: 1.3em 0px 0px 0px;
}
.uiIntrowrap .intro p.desTtlTxt {
	float:left;
}
.creativeIntrowrap .intro{}
.creativeIntrowrap p.desTtlTxt {
	color: #8489a9;
	color: rgba(0,0,88,0.3);
}
.intro p.desTxt {
	color: #707070;
	float:right;
	font-size: 120%;
	line-height: 1.4;
	text-align:right;
	width: 60%;
}
.devskills p.desTxt {
	font-size: 250%;
}
.intro p.desFllwTxt {
	bottom: 0px;
	line-height: 1;
	position: absolute;
	right: 0px;
}
.uiIntrowrap .intro p.desFllwTxt {
    bottom: 0;
    line-height: 1;
    margin: 0;
    padding: 0 5% 0.4em;
/*    position: absolute;
    right: 0;
    width: 90%;*/
}
.uiIntrowrap .intro p.desFllwTxt a {
	text-align: right;
}
.creativeBttmBrdr p.crtvFllwTxt {
	margin-top:2.5em;
}
.creativeBttmBrdr p.crtvFllwTxt a {
	color: #ffffff;
	color: rgba(255,255,255,0.8);
	font-size: 150%;
	line-height: 3;
}
/*.desTtlTxt {
	color: #666666;
	color: rgba(0,0,0,0.4);
	font-size: 300%;
}*/
.desTtlTxt span {
	color: #666666;
	font-family: 'Carrois Gothic', "Arial Black", Gadget, sans-serif;
	font-size: 200%;
}
/*.websites > ul {
	height: 450px; 
	position: absolute; 
	top: 10px;
}*/

.skillset h2, .webDevTxt h2, .artworkTxt h2 {
	color: #721834;
	font-family: 'Carrois Gothic', "Arial Black", Gadget, sans-serif;
	font-weight: 900;
	font-size: 280%;
	font-size: 180%\9;
	margin: 2em auto;
	text-align: center;
}
.artworkTxt h2 {
	background:#005c50;
	color: #ffffff;
	margin: 2em auto 0px auto;
	padding: 0px;
}

.artworkTxt h2 a{
	color:#112841;
	display: inline-block;
    padding: 1em 1em 2em 1em;
}
.artworkTxt h2 a:hover{
	color:#aaeeee;
}
.websites > ul { 
	background: url(../images/design/scrbl_fruitface.jpg) no-repeat scroll center top transparent;
	color: #ffffff;
	height: 540px;
	margin-top:4em;
	padding: 1em 0px;
	text-align: center;
	top: 10px; 
	width: 100%; 
}
.websites ul.ligList li {
}
.websites ul.ligList li a {
	background: #333333;
	display: block;
	margin: 1em auto;
	padding: 5px;
	width: 60%;
}
.websites ul.ligList li a:hover {
	background-color: rgba(0,0,0,0.6);
	color: #176300;
	text-shadow: 0px 0px 25px rgba(255, 255, 255, 1);
}
.websites span.webLigTtl {
	color: #ffffff;
	display: block;
    font-size: 120%;
	font-weight: bold;
	line-height: 1.2;
    margin: 10px auto 0px auto;
    padding: 0.5em;
	text-shadow: 0px 0px 5px rgba(0, 55, 5, 1);
    width: 90%;
}
.websites ul.ligList li a:hover span.webLigTtl {
	text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);
}
.websites span.webLigDet {
	color: #eaeaea;
    font-size: 110%;
	display: block;
	margin: 1em auto;
	padding: 10px 0.5em 1em 0.5em; 
	width: 90%;
}
.websites ul.ligList li a:hover span.webLigDet {
	color: #ffffff;
}
.skillset a, .webDevTxt a{
		border-bottom: 1px dashed #5C6977;
}
	
.details {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);*/
/*background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 1%, rgba(255,255,255,0) 100%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0) 100%); /* IE10+ */
/*background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0) 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
/*		-webkit-box-shadow: 0px -5px 8px 0px rgba(150,150,150,0.1);
		-moz-box-shadow: 0px -5px 8px 0px rgba(150,150,150,0.1);
		box-shadow: 0px -5px 8px 0px rgba(150,150,150,0.1);*/
		background: rgba(255,255,255,0.5);
		margin-bottom: 1em;
		padding: 1em;
}
.skillset .details {
		border-top: 10px solid #436180;
}
.websites .details {
		border-top: 10px solid #5b8422;
		border-top: 10px solid rgba(55,82,16,0.5);
}
.details p {
	color: #666666;
	font-size: 90%;
	margin: 1.5em 0.5em;
}

.details h3 {
	font-size: 80%;
	margin: 0px 10px;
}

.details ul {
	background: #073f16;
	background: rgba(7,63,22,0.8);
	-webkit-box-shadow: inset 0px 0px 14px 5px rgba(166, 166, 40, 0.1);
	-moz-box-shadow:    inset 0px 0px 14px 5px rgba(166, 166, 40, 0.1);
	box-shadow:         inset 0px 0px 14px 5px rgba(166, 166, 40, 0.1);
	color: #ffffff;
	list-style: none;
	margin: 0px 10px;
	padding: 10px;
}
.details ul li {
	font-size: 80%;
	line-height: 1.3;
	margin: 0px 10px;
	padding: 0px;
}

.webDevTxt .details {
	border-top: 10px solid #197230;
}

.webDevTxt .details p {
	/*height: 9em;*/
}
.waspwrap, .pri_copynWrap, .anhe_shuiWrap, .logIknsWrap, .artDetWrap {
	position: relative;
	z-index: 2987;
    padding-bottom: 4em;
}
section.webDevTxt .wasp {
	/*height: 458px;*/
	right: 5px;
	position: absolute;
	top: 80px;
	/*width: 327px;*/
	width: 20%;
	z-index: 3000;
}
section.webDevTxt .wasp img{
	width: 100%;
}
/*---web design examples---*/
.egs{background:#ffffff;margin-top:5em;}
.egs > div{margin-bottom:6em;padding-bottom:2em;text-align:center;}
.claraDiv{clear:left;margin-top:4em;}
.egs h2{background:#D4D4D4;font-size:200%;line-height:200%;margin:2em 0px;padding:2em;text-align:center;}
.egs > div > div{min-height:292px;}
/*----------------------------------------------------------------------------ARTWORK artwork - .artwork-------------------*/
/*----------------------------------------------------------------------------ARTWORK artwork - .artwork-------------------*/
/*----------------------------------------------------------------------------ARTWORK artwork - .artwork-------------------*/
/*------------------------artwork---------------------	--*/
/*----------------------------------------------------------------------------ARTWORK artwork - .artwork-------------------*/
/*---for border for .artworkTxt see .skillset above ---*/
.artwork {
	margin-top: 3em;
}
#artwork .artNav{
	margin-top: 4em;
}
#artwork .artNav .grid-10{
	background-color:#ebebeb;
	background-color:rgba(0,0,0,0.1);
	padding:0px;
}
#artwork .artNav a.artNavImgTxt {
	border:1px solid #ffffff;
	display:block;
}
#artwork .artNav, #artwork .artNav h3, #artwork .artNav a span {
	color:#ffffff;
	font-size:11px;
	line-height:1.2;
	text-align:center;
}
#artwork .artNav .artNavTxt>span{
	display:none;
}
#artwork .artNav h3 span{
	display:inline;
}

#artwork .artNav img {
	display:inline;
	height:50%;
	width:50%;
}
.artNavImgTxt {
	position:relative;
}
.artNavImgTxt .artNavTxtBx {
	-webkit-transform: none;
	transform: none;
	background-color: #888888;
	bottom:0;
	height:35%;
	left:0;
	position:absolute;
	width:100%;
}
.artNavImgTxt:hover .artNavTxtBx {
	-webkit-transform: none;
	transform: none;
}
.artNavTxt {
	padding-top:2px;
}
.artNavTxtBx {
	-webkit-transition: none;
	transition: none;
}
.artworkTxt .details {
	border-top: none;
}
.artwork_bgLnks, .artwork_gal_ttls {
	background: #dbdbdb;
	background: rgba(0,0,0,0.14);
}
.artwork_bgLnks img{
	float:left;
	max-width:400;
	width:100%;
}
.artwork_gal_ttls {
	margin:1em 0px;
}

.artwork_bgLnks .grid-33, .artwork_bgLnks tablet-grid-33{
	margin:0px;
	padding:0px;
}
.artwork_example{
	margin:5em 0px;
}
.artwork_example img{
	width:100%;
}
.artwork_example .aw_eg_rghtImg p a, .artwork_example .aw_eg_lftImg p a{
	display:block;
}
.artwork_example .aw_eg_lftImg{
	background:#ffffff;
	text-align:center;
}
.artwork_example .aw_eg_lftImg img{
	max-width:392px;
	margin-top:20px;
}
.artwork_example .aw_eg_txt{
	margin:180px 0px 0px 0px;
	padding:0px 5em 0px 5em;
}
.artwork_example .aw_eg_txt h2{
	padding:0px 0px 0px 3em;
}

.artwork_example .scndStrp {
	background:#e6d3c2;
	background:rgba(165,129,98,0.2);
}
.artwork_example .scndStrp .grid-container{
	background:#a58162;
	background:rgba(165,129,98,0.2);
}
.artwork_example .scndStrp img{
	margin-top:20px;
}
/*-------------GALLERIES---------------*/
.artwork_gal_ttls h2{
	color:#ffffff;
	font-size:200%;
	line-height:1;
	margin:10px 0px;
	text-align:center;
}
.artwork_gal{ 
	background:#ffffff;
}
.artwork_gal .galImgCntnr{
	padding:20px 10px;
	text-align:center;
}
.artwork_gal img {
	width:100%;
}

/*----------------------------------------------------------------------------ARTWORK end---------------------------------------------------------------------------------------------*/



/*------ABOUT-----*/
/*.aboutTopWrap{
	margin-top:5em;
	max-width: none;
	position:relative;
}
.aboutTopImg{
	background-image: url(../imgs/DrHan_AnHe.jpg);
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-size: cover;
	bottom:0px;
	overflow: hidden;
	position:absolute;
	top:0px;
}
.aboutTopTxt{
	margin-left:40%;
	position:relative;
}

.aboutTopOutrWrap{
	margin-top:5em;
	max-width: none;
	padding:0px;
}
.aboutTopWrap{
	background-image: url(../imgs/DrHan_AnHe.jpg);
	background-repeat: no-repeat;
	background-position:0% 0%;
	background-size: auto 100%;
}
.aboutTop{
	padding-left:40%;
}
*/
.aboutTopWrap{
	margin-top:5em;
	max-width: none;
	padding:0px;
}
.aboutTopImg{
	background-image: url(../imgs/DrHan_AnHe.jpg);
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-size: cover;
	height:491px;
}
.aboutTtl{
	background-color:rgba(0,0,0,0.14);
	color:rgba(0,0,0,0.7);
}
.aboutTxt h2, .aboutTxt p{
	padding:1em;
}
.aboutTxt h2{
	font-size:300%;
	line-height:1;
}

.aboutTxt ul{
	margin:4em 0px;
}

.aboutBttmImg{
	background-image: url(../imgs/AnHe_rapeseed_field.jpg);
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-size: cover;
	height:618px;
}
/*------ABOUT end-----*/

/*----------------------------------------------------------------------------FOOTER---------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------FOOTER---------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------FOOTER---------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------FOOTER---------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------FOOTER---------------------------------------------------------------------------------------------*/
.lowCntnt{
	min-height:100%;
}
.lowCntnt footer, footer {
	background: transparent url(../grfx/footer_hex_bkgd.png) 0px 0px repeat-x;
	bottom: 0px;
	height: 394px;
}
.lowCntnt footer {
	width: 100%;
}
footer .grid-container{
	padding:4em 10px;
}
@media screen and (max-width: 636px) {
	.mobDmo {
		font-size: 70%;
	}
	.clearGrid {
		height: 0px;
		width: 0px;
	}
	h1 {
		font-size: 70%;
		margin: 2% 0px 1% 0px;
	}
	h1 span.des_ttl{
		padding-left: 10%;
	}
	.introwrap .pri_copyn img {
		height: 100px;
		left: 0%;
		top: -40px;
		width: 63px;
	}
	
	.introwrap .topPara img{width:100%}
	.artworkTxt h2 a {
		border-bottom: 1px dashed #5C6977;
	}
	.intro p {
		line-height: 1.2;
	}
	.introBttmBrdr{
		height: 2em;
	}

	.skillset .mobDmo h2{
		color: #b94166;
	}
	
	.skillset h2.more{
		background:transparent url(../grfx/mobRev_dn_bttns.png) 5px 5px no-repeat;
		border: 1px dotted #909090;
		color: #000000;
		padding:10px 0px;
	}
	.webDevTxt h2.more, .artworkTxt h2.more {
		background:#005c50 url(../grfx/mobRev_dn_bttns.png) 5px 5px no-repeat;
		color:#ffffff;
		padding:10px 0px;
	}
	.skillset h2.more:hover, .webDevTxt h2.more:hover, .artworkTxt h2.more:hover {
		background: #005c50 url(../grfx/mobRev_dn_bttns.png) 5px 5px no-repeat;
	}
	.skillset h2.less, .webDevTxt h2.less, .artworkTxt h2.less {
		background: #00a878 url(../grfx/mobRev_up_bttns.png) 5px 5px no-repeat;
		color: #ffffff;
	}
	.skillset h2.less:hover, .webDevTxt h2.less:hover, .artworkTxt h2.less:hover {
		background: #005c50 url(../grfx/mobRev_up_bttns.png) 5px 5px no-repeat;
	}
	.skillset h2, .webDevTxt h2, .artworkTxt h2 {

		font-size: 100%;
		margin: 1em auto 0px auto;
		padding: 5px 0px;
		cursor: pointer;
	}
	.skills, .webDevTxtCont, .webDevTxtCont div, .skills .grid-25 {
	}
	.skills .grid-25 {
		clear: both;
	}
	.shDet {
	}
	.details {
		-webkit-border-radius: 0px 0px 0px 0px;
		-moz-border-radius: 0px 0px 0px 0px;
		border-radius: 0px 0px 0px 0px;
		border-top: none;
		height: auto;
	}
	.skillset .details, webTxt .details {
		border-top: none;
	}
	.websites ul.ligList li a {
		background:#000000;
		background:rgba(0,0,0,0.7);
	}
	.websites span.webLigTtl{
		background:none;
		margin:0px auto;
	}

	.websites span.webLigDet {
		display: none;
	}

	.webDevTxt .details {
		height: auto;
	}
		
	.webDevTxt .details p {
		height: auto;
		line-height: 1.5;
	}
	section.webDevTxt .wasp {
		/*height: 78px;*/
		opacity:1;
		filter:alpha(opacity=100); /* For IE8 and earlier */
		top: 20%;
		/*width: 56px;*/
		width: 15%;
	}
	.webDevTxtCont {
		z-index: 2516;
	}
.artwork article img {
	-webkit-box-shadow: 0px 20px 25px -20px rgba(150, 150, 150, 1);
	-moz-box-shadow:    0px 20px 25px -20px rgba(150, 150, 150, 1);
	box-shadow:         0px 20px 25px -20px rgba(150, 150, 150, 1);
}
/*------artwork-------*/
.artwork_example .aw_eg_txt{
	background:#ffffff;
	margin:20px 0px 0px 0px;
	padding:10px;
}
.artwork_example .aw_eg_txt h2{
	padding:0px;
}

/*--------------------DESIGN < 960-------------------*/
.websites {
}
.uiDesignImg .startImgTxt, .creativeDesignImg .startImgTxt	{
    font-size: 200%;
	bottom: 0.8em;
  	top: auto;
}
.creativeDesignImg{
	background:none;
}
.creativeDesignImgTop{
	background-image: url(../imgs/design/bedford_butterfly_bridge.jpg);
  background-repeat: no-repeat;
  background-attachment: inherit;
  background-size: 100% 100%;
}
.uiDesignImg, .creativeDesignImg, .developmentImg {
	height:0px;
}
.uiDesignImgTop {
	background-image: url(../imgs/design/casaLado.jpg);
  background-repeat: no-repeat;
  background-attachment: inherit;
  background-size: 100% 100%;
}
.developmentImgTop{
	background-image: url(../imgs/design/blackbird.jpg);
  background-repeat: no-repeat;
  background-attachment: inherit;
  background-size: 100% 100%;
	height:300px;
	opacity:1;
	position:relative;
}
.development .startImg {
}
.devIntrowrap .startImgTxt {
    font-size: 200%;
    left: 13%;
}
.intro p.devLst {
    font-size: 110%;
	margin-left: 1.5em;
}
.intro ul.desTxt li {
	line-height: 1;
	margin: 0.4em;
}	

.designDtls .anhe_azul img {
	bottom: -6.5em;
	height: 149px;
	right: -1em;
	width: 70px;
}
.designset .uiIntrowrap, .designset .creativeIntrowrap, .designset .devIntrowrap {
	padding-top: 0px;
}
.designset .devIntrowrap.devIntrowrapTop, .egs {
	margin-top: 2.3em;
}
.egs h2{margin-top:0px;}
.designset .devIntrowrap {
    padding-top: 1em;
}
/*.designset .uiIntrowrap div.logIkns {
	opacity: 0.5;
}*/
.designset .creativeIntrowrap div, .designset .uiIntrowrap div  {
	margin-bottom: 0em;
}
.creativeBttmBrdr p.crtvFllwTxt a {
	background: transparent url(../grfx/content_arrw.png) center right no-repeat;
	display: block;
	font-size: 100%;
	line-height: 2.5;
}
.creativeBttmBrdr p.crtvFllwTxt {
	margin-top:0px;
}
.uiDesBttmBrdr, .creativeBttmBrdr, .devBttmBrdr {
	height: 3em;
}
.intro p.desTtlTxt {
	font-size: 220%;
	margin-bottom: 0.2em;
	position: relative;
}
.uiIntrowrap .intro p.desTtlTxt {
	margin-left: 1em;
}

.intro p.desTxt, .intro ul.desTxt {
	font-size: 90%;
	position: relative;
	width: 80%;
}
.intro p.desTxt {
	text-align:left;
}
.devIntrowrap .intro .desTxt {
	margin-left: 2em;
	padding-bottom: 2em;
  width: 90%;
 }
.devIntrowrap .intro.devIntroTop .desTxt {
	color:#b1b1b1;
}
.desTtlTxt span {
}
.uiIntrowrap .intro p.desFllwTxt {
    margin: 0px;
	padding: 0px;
    width: 100%;
}
.uiIntrowrap .intro p.desFllwTxt a {
	background: rgba(255, 255, 255, 0.7);
    display: block;
    padding: 0.4em 5%;
	text-align: left;
}
.introwrap .anhe_shui img {
    height: 100px;
	top: 5em;
    width: 90px;
}
.logIkns img {
    height: 42px;
	left: 40%;
	top: 2em;
    width: 25px;
}
.crtvLogIkns img {
    height: 69px;
	left: 20%;
	top: 0.5em;
    width: 50px;
}
.devLogIkns img {
    height: 69px;
	left: 20%;
	top: 0.5em;
    width: 50px;
}
.startImg {
	height: 300px;
	margin-top:2.4em;
}
/*---ABOUT---*/
.aboutTopWrap{
	margin-top:2.2em;
}
.aboutTopImg{
	background-size: 200% auto;
	height:158px;
}
.aboutTxt{
	margin:0px 0px 1em 0px;
}

.aboutTtl{
	background-color:rgba(0,0,0,0.14);
	color:rgba(0,0,0,0.7);
}
.aboutTxt h2, .aboutTxt p{
	padding:1em;
}
.aboutTxt h2{
	font-size:180%;
}
.aboutTxt ul{
	line-height:1.2;
	margin:1em 0px;
}

.aboutBttmImg{
	background-position:50% 40%;
	background-size: 1000% auto;
	height:200px;
}
}
@media screen and (min-width: 637px) {
.intro p.desTtlTxt {
	font-size: 430%;
	left: 10%;
	margin-top: 0.5em;
	margin-bottom: 0.2em;
	position: relative;
}
#artwork .artNav .grid-10{
	background-color:none;
}
#artwork .artNav a.artNavImgTxt {
	border:none;
}

#artwork .artNav, #artwork .artNav h3, #artwork .artNav a span {
	color:#ffffff;
	font-size:11px;
}
#artwork .artNav .artNavTxt>span{
	display:block;
}
#artwork .artNav h3 span{
	display:none;
}
#artwork .artNav img {
	height:100%;
	width:100%;
}
.artNavImgTxt .artNavTxtBx {
	-webkit-transform: scale(0);
	transform: scale(0);
	background-color: rgba(0,0,0,0.75);
	bottom: auto;
	height:100%;
	top:0;
}
.artNavImgTxt:hover .artNavTxtBx {
	-webkit-transform: scale(1);
	transform: scale(1);
	background-color:#000000;
}
.artNavTxt {
	padding-top:50px;
}
.artNavTxtBx {
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

.artworkTxt {
	background-color: rgba(167,59,33,0.1);
}
#artwork .artNav{
	margin-top: 6.5em;
}

#artwork .artNav img{
	display:block;
}
.artwork_gal_ttls {
	margin:2em 0px;
}

}
@media screen and (min-width: 637px) and (max-width: 960px) {
	h1 {
		font-size: 70%;
	}
	.html_carousel {
		margin-top: 4em;
	}
	.introwrap .pri_copyn img {
		height: 196px;
		left: -7%;
		width: 124px;
	}
	.skillset h2, .webDevTxt h2, .artworkTxt h2 {
		font-size: 140%;
	}

	.skillset .details { 
		height: 14em;
	}
	.webDevTxt .details {
		height: 20.8em;
	}
		
	.webDevTxt .details p {
	}
	.waspwrap {
		z-index: 4987
	}
	section.webDevTxt .wasp {
		/*height: 210px;*/
		opacity:0.5;
		filter:alpha(opacity=50); /* For IE8 and earlier */
		top: 150px;
		/*width: 150px;*/
		z-index: 2519;
	}
.webDev, .artwork {
	z-index: 4989;
}
.designset .devIntrowrap {
	margin-top: 4em;
	padding-top: 1em;
}
.startImg {
	height: 300px;
	margin-top:4em;
}

.uiDesignImg .startImgTxt, .creativeDesignImg  .startImgTxt	{
    font-size: 400%;
	top: 1.5em;
}
.devIntrowrap .startImgTxt {
    font-size: 400%;
}
.introwrap .anhe_shui img {
    height: 200px;
	top: 5em;
    width: 180px;
}

.intro p.devLst {
    font-size: 200%;
	font-weight:bold;
}
.intro ul.desTxt li {
	font-size: 120%;
	line-height: 1;
	margin: 2em 0.4em;
}	
.designDtls .anhe_azul img {
	height: 298px;
	right: -2em;
	width: 140px;
}

.creativeIntrowrap, .uiIntrowrap{
	margin-top:2em;
	padding-top:1em;
}

.uiIntrowrap .intro p.desTtlTxt {
	font-size: 390%;
/*	left: 30%;
	margin-top: 2.45em;
	margin-bottom: 0px;
	position: absolute;*/
}
.intro p.desTxt {
	font-size: 100%;
	top: 0.5em;
}
.devIntrowrap .intro.devIntroTop .desTxt {
	color:#8e8d8d;
}

.devskills p.desTxt {
	font-size: 150%;
}
.uiDesBttmBrdr, .creativeBttmBrdr, .devBttmBrdr {
  height: 6em;
}
.egs{margin-top:4em;}
/*------artwork-------*/
.artwork_example{
	background:#ffffff;
}
.artwork_example .aw_eg_txt{
	margin:20px 0px 0px 0px;
	padding:10px;
}
.artwork_example .aw_eg_txt h2{
	font-size:150%;
	font-weight:normal;
	margin-bottom:20px;
	padding:0px;
}
.artwork_gal_ttls h2{
	font-size:300%;
	margin:0.2em 0px;
}
.gallery{
	margin-bottom:2em;
}
}
@media screen and (min-width: 961px) {
	h1 {
		font-size: 90%;
	}
	body {
		line-height: 130%;
		}	
	.html_carousel {
		margin-top: 5em;
	}
.intro p.mainIntro{
	font-size: 150%;
	padding-left:4em;
}
.creativeIntrowrap, .uiIntrowrap{
	font-size:120%;
	margin-top:4em;
	padding-top:2em;
}
.artwork_example .aw_eg_txt h2{
		font-size:300%;
		font-weight:normal;
		margin-bottom:30px;
}
.gallery{
	margin-bottom:5em;
}
#artwork .artNav{
	margin-top: 8em;
}
.artwork_gal_ttls {
	margin:3em 0px;
}
.intro p.devLst {
    font-size: 300%;
	font-weight:bold;
}
.intro ul.desTxt li {
	font-size: 150%;
	line-height: 1;
	margin: 2em 0.4em;
}	
}
@media screen and (min-width: 960px) and (max-width: 1200px) {
.artwork_gal_ttls h2{
	font-size:300%;
}
}
@media screen and (min-width: 1200px) {
.artwork_gal_ttls h2{
	margin:0.5em 0px;
	font-size:500%;
}
.devIntrowrapTop .intro p.desTxt {
	font-size:200%;
}
.intro p.desTxt{
	font-size:160%;
}
}
@media screen and (min-width: 1333px) {
/*.uiIntrowrap, .designDtls, .creativeIntrowrap, .devIntrowrap {
	margin: 0px auto 4em auto;
}*/
/*------------------------TESTING------------------DELETE---------------------*/
/*------------------------TESTING------------------DELETE---------------------*/
/*------------------------TESTING------------------DELETE---------------------*/
/*------------------------TESTING------------------DELETE---------------------*/
	.prtoBkgd {
		background-color: #000000;
	}
	.brncoBkgd {
		background-color: #0000ff;
	}
.artwork_gal_ttls h2{
}

}
@media screen and (min-width: 1800px) {
	.devIntrowrapTop .intro p.desTxt {
	font-size:300%;
}

}