@import url('reset.css');

/* Clearfix */

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
	}
	.clearfix {
	display: inline-block;
	}
	html[xmlns] .clearfix {
	display: block;
	} 
	* html .clearfix {
	height: 1%;
}

/* = Typography */

/*
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      exljbris
 * License URL: http://www.fontspring.com/fflicense/exljbris
 *
 *
 */

@font-face {
    font-family: 'Museo300';
    src: url('../font/Museo300-Regular-webfont.eot?iefix=') format('eot'),
         url('../font/Museo300-Regular-webfont.woff') format('woff'),
         url('../font/Museo300-Regular-webfont.ttf') format('truetype'),
         url('../font/Museo300-Regular-webfont.svg#webfontflbH7eb8') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Museo500';
    src: url('../font/Museo500-Regular-webfont.eot?iefix=') format('eot'),
         url('../font/Museo500-Regular-webfont.woff') format('woff'),
         url('../font/Museo500-Regular-webfont.ttf') format('truetype'),
         url('../font/Museo500-Regular-webfont.svg#webfontflbH7eb8') format('svg');
    font-weight: normal;
    font-style: normal;

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

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

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

}
body {
	font-size: 62.5%;
	font-family: Verdana, Geneva, sans-serif;
	color:#000;
	padding: 0 2.5%;
	background-color: #393F48;
	background-image: url(img/texture.png);
	background-repeat: repeat;
	}
	h1, h2, h3, h4, .more, #dlwPortfolio ul li > a, #aboutMe p span, .viewNow  {
	font-family: 'Museo300',Arial,sans-serif;
	}
	h5, h6 {
	font-family: 'Museo500',Arial,sans-serif;
	}
	.dlw-content p, .portfolioList p, .extraContent, #multicolumn1 ul li a,  #twitter marquee a i, #twitter marquee a, #contactMe a, #internalPage p, .articleDate {   
	font-family: 'LaneNarrowRegular', Arial, Helvetica, sans-serif;
}

/* = Headers */

h1 {font-size:2.6em}  /* displayed at 24px */
h2 {font-size:1.5em}  /* displayed at 18px */
h3 {font-size:1.25em}  /* displayed at 15px */
h4 {font-size:1em}  /* displayed at 12px */

h1 {
	font-size: 2.6em;
    text-align: left;
    text-shadow: 1px 1px 1px #fff;
	display: block;
	color: #666;
	margin-bottom: 0.7em;
	padding: 0;
	}
	h1 span {
	font-size: 1em;
	color: #999;
	}
	h2, h3, h4 {
	color: #333;
    text-align: left;
    text-shadow: 1px 1px 1px #fff;
	}
	h5, h6 {
	width: auto;
	color: #333;
    text-align: left;
}

/* = General Styles */

.right {
	float: right !important;
	margin: 0;
	}
	.right2 {
	float: right !important;
	margin: 0 5% !important;
	}
	.left {
	float: left !important;
	margin-right: 3% !important;
	}
	p, section  {
	font-size: 1.6em;
	}
	article {
	font-size: 1.5em;
	}
	a, a:visited {
	color:#000;
	text-decoration:none;
	}
	a:hover, a:active {
	color: #C33;
	text-decoration:none;
	}
	hr {
	border-top: dotted #D9E2EE 2px;
}

/*.clr {
	clear:both;
}*/

.more {
	margin: 0 auto;
	text-align: center;
	color: #ddd;
	font-size: 15px;
	color: #444;
	}
	.more p {
	display: block;
	margin: 10px;
	}
	.more a {
	color: #666;
	white-space: nowrap;
	font-weight: bold;
	background: #fff;
	padding: 1px 6px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}
	.more a.current,
	.more a.current:hover {
	color: #fff;
	background: #000;
	}
	.more a:hover {
	background-color: #903;
	color: #fff;
	}
	.shadow {
	-webkit-box-shadow: 0px 0px 3px 3px #ccc;
	-moz-box-shadow: 0px 0px 3px 3px #ccc;
	box-shadow: 0px 0px 3px 3px #ccc;
	margin-bottom: 2% !important;
}

/* = Button style */

.viewNow {
	font-size: 0.4686em !important;
	display: block;
	clear: both;
	line-height: 1.6em;
	height: 28px;
	width: 100px;
	margin: 0 auto 15px !important;
	padding: 3px 8px;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	border: solid #fff 1px;
	text-align: center !important;
	text-decoration: none;
	color: #666 !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
   	}
	.viewNow:hover {
	border: solid #ccc 1px;
	-webkit-box-shadow: inset 0px 0px 6px 6px #FAFAF8;
	-moz-box-shadow: inset 0px 0px 6px 6px #FAFAF8;
	box-shadow: inset 0px 0px 6px 6px #FAFAF8;
	text-align: center;
	text-decoration: none;
	color: #000 !important;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out; 
	}
	.viewNow:active {
	border: solid #999 1px;
	-webkit-box-shadow: inset 0px 0px 6px 6px #DFDFDF;
	-moz-box-shadow: inset 0px 0px 6px 6px #DFDFDF;
	box-shadow: inset 0px 0px 6px 6px #DFDFDF;
	text-align: center;
	text-decoration: none;
	color: #333;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	}
	.dlw-content .portfolioList li span {
	height: 20px;
	width: 20px;
	background-image: url(img/offarrow.png);
	background-repeat: no-repeat;
	display: inline-block;
	padding-left: 5px;
	background-position: right 4px;
	}
	.dlw-content .portfolioList li span:hover {
	height: 20px;
	width: 20px;
	background-image: url(img/offarrow.png);
	background-repeat: no-repeat;
	display: inline-block;
	padding-left: 5px;
	background-position: right -16px;
}


/* = Header Style */

.getTheHint {
	text-align: center;
	padding: 10px 0;	
	font-size: 1.5em;
	color: #000;
	background-color: #CF6;
	}
	.getTheHint a {
	color: #000;
	text-decoration: underline;
	}
	.header {
	line-height: 24px;
	font-size: 11px;
	background: #000;
	opacity: 0.9;
	text-transform: uppercase;
	z-index: 4;
	-moz-box-shadow: 1px 0px 2px #000;
	-webkit-box-shadow: 1px 0px 2px #000;
	box-shadow: 1px 0px 2px #000;
	}
	.header a {
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #ddd;
	display:block;
	float: left;
	}
	.header a:hover {
	color: #fff;
	}
	.header span.right {
	float: right;
	}
	.header span.right a {
	float: none;
	display: inline;
}
/*
header {
	background-image: url(img/triangle.png) repeat-x center top;
	background-repeat: repeat-x;
	background-position: center top;
	margin: -3.2% -3.2% 0;
}
*/
/* = Flexible Slide-to-top Accordion*/
.container {
	max-width: 995px;
	min-width: 200px;
	margin: 0 auto;
	padding: 1% 3% 3%;
	height: auto;
	background:  rgba(255,255,255,1);	
	background: url(img/triangle.gif) repeat-x center top, url(img/noise.png) repeat, -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: url(img/triangle.gif) repeat-x center top, url(img/noise.png) repeat,  -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: url(img/triangle.gif) repeat-x center top, url(img/noise.png) repeat, -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: url(img/triangle.gif) repeat-x center top, url(img/noise.png) repeat, -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: url(img/triangle.gif) repeat-x center top, progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0px 35px 3px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 35px 3px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 35px 3px 2px rgba(0, 0, 0, 0.5);
	display: block;	
	}
	#dlwPortfolio {
    min-width: 270px;
    margin: 0 -1%;
	display: block;
	background-color: #FAFAFA;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.08);
	box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.08);
	padding: 2% 0;
	}
	#dlwPortfolio ul  {
	margin: 0 2%;
	}
	#dlwPortfolio ul li {
    border-bottom: 1px solid #c7deef;
    border-top: 1px solid #fff;
    overflow: hidden;
	padding: 1% 0;	
	}
	#dlwPortfolio ul li:first-child {
    border-top: none;
	margin-top: -2%;	
	}
	#dlwPortfolio ul li:last-child {
    border-bottom: none;
	margin-bottom: -2%;
	}
	#dlwPortfolio ul li > a {
    letter-spacing: -0.02em;
    text-shadow: 1px 1px 1px #fff;
    display: block;
	position: relative;
	outline:none;
    -webkit-transition:  color 0.2s ease-in-out;
	-moz-transition:  color 0.2s ease-in-out;
	-o-transition:  color 0.2s ease-in-out;
	-ms-transition:  color 0.2s ease-in-out;
	transition:  color 0.2s ease-in-out;
	}
	#dlwPortfolio ul li > a span {
	background: transparent url(img/down.png) no-repeat center center;
	text-indent: -9000px;
	width: 26px;
	height: 14px;
	position: absolute;
	top: 50%;
	right: -26px;
	margin-top: -5px;
	opacity:0;
	-webkit-transition:  all 0.2s ease-in-out;
	-moz-transition:  all 0.2s ease-in-out;
	-o-transition:  all 0.2s ease-in-out;
	-ms-transition:  all 0.2s ease-in-out;
	transition:  all 0.2s ease-in-out;
	}
	#dlwPortfolio ul li > a h2, 
	#dlwPortfolio ul li > a h3, 
	#dlwPortfolio ul li > a h4 {
    color: #000;
	font-size: 1.7em !important;
	line-height: 2.4em;
	-webkit-transition:  all 0.2s ease-in-out;
	-moz-transition:  all 0.2s ease-in-out;
	-o-transition:  all 0.2s ease-in-out;
	-ms-transition:  all 0.2s ease-in-out;
	transition:  all 0.2s ease-in-out;
	}
	#dlwPortfolio ul li > a h2:hover, 
	#dlwPortfolio ul li > a h3:hover, 
	#dlwPortfolio ul li > a h4:hover {
    color: #C00;
	-webkit-transition:  all 0.4s ease-in-out;
	-moz-transition:  all 0.4s ease-in-out;
	-o-transition:  all 0.4s ease-in-out;
	-ms-transition:  all 0.4s ease-in-out;
	transition:  all 0.4s ease-in-out;
	}
	#dlwPortfolio ul li > a:hover span {
	opacity:1;
	right: 10px;
	}
	#dlwPortfolio ul li.dlw-open > a {
    color: #C00;
	}
	#dlwPortfolio ul li.dlw-open > a span {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
    transform:rotate(180deg);
	right:10px;
  	-webkit-backface-visibility:hidden;
	opacity:1;
	}
	.dlw-content {
	padding: 0.5% 0;
	}
	.dlw-content p {
	font-size: 0.976em;
	color: #000;
    padding: 1% 0; 
	margin-top: -1%;
}

/*  = Inner List items */

.portfolioList {
	margin: 0 !important;
	padding: 0 !important;
	}
	.portfolioList li {
	border-style: none !important;
	height: auto;
	padding: 0;	
	}
	.portfolioList p {
	border-style: none;
	font-size: 0.599em;
	color: #000;
	padding-top: 2%;
	}
	.portfolioList h5 {
	border-style: none;
	display: block;
	color: #000;
	height: 2em;
	min-width: 270px;
	line-height: 2em;
	padding: 2% 0 0 0;
	background-image: none;
	text-shadow: 1px 1px 1px #fff;
	border-top: dotted #D9E2EE 2px;
	margin-top: 1%;
	font-size: 72.9%;	
	}
	.articleDate {
	display: block !important;
	white-space: nowrap;
	padding: 0 0 5px 0;	
	margin-left: -0.5%;
	font-size: 49.5% !important;
	color: #999 !important;
	background-image: none !important;
	}
	#multicolumn1 {
	-moz-column-count: 4;
	-moz-column-gap: 20px;
	-webkit-column-count: 4;
	-webkit-column-gap: 20px;
	column-count: 4;
	column-gap: 20px;
	height: auto;
	margin-bottom: 10px;
	}
	#multicolumn1 h6 {
	font-size: 0.9375em;
	padding: 3% 0;
	vertical-align: top;	
	}

	#multicolumn1 ul li {
	overflow: visible;
	border-bottom: 1px solid #c7deef !important;
	}
	#multicolumn1 ul li a {
	font-size: 0.781em;
	padding: 1% 0;
	}
	#aboutMe {
	font-size: 1.473em;
	}
	#contactMe {
	display: block;
	font-size: 1.5em;
}
	
/* = Extra styles */

.newLine {
	margin: 20px 0 !important;
	display: block;
	white-space: nowrap;
	}
	.newLine span {
	padding: 0;
	margin: 0;
	}
	.column1 {
	width: 100%;
	float: left;
	}
	.down {
	margin-top: 5em;
	}
	.mailto {
	float: right;
	display: inline;
	margin: -150px 0;
	font-size: 90%;
	width: 38px;
	height: 30px;
	text-align: center;
	border: solid 1px #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-image: url(img/mailme.png);
	background-repeat: no-repeat;
	background-position: center center;
	}
	.mailto:hover {
	-webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.3);
	}
	.extraContent {
	display: block;
	border-style: none;
	color: #000;
	padding-top: 2%;
	}
	.extraContent:hover {
	display: block;
	border-style: none;
	color: #000;
	padding-top: 2%;
	}
	.tilt1 {
	-moz-transform: scale(1) rotate(-2deg) translate(3px, 3px) skew(0deg, 0deg);
	-webkit-transform: scale(1) rotate(-2deg) translate(3px, 3px) skew(0deg, 0deg);
	-o-transform: scale(1) rotate(-2deg) translate(3px, 3px) skew(0deg, 0deg);
	-ms-transform: scale(1) rotate(-2deg) translate(3px, 3px) skew(0deg, 0deg);
	transform: scale(1) rotate(-2deg) translate(3px, 3px) skew(0deg, 0deg);
	padding: 3%;
	-webkit-backface-visibility:hidden;
	}
	.tilt2 {
	-moz-transform: scale(1) rotate(2deg) translate(3px, 3px) skew(0deg, 0deg);
	-webkit-transform: scale(1) rotate(2deg) translate(3px, 3px) skew(0deg, 0deg);
	-o-transform: scale(1) rotate(2deg) translate(3px, 3px) skew(0deg, 0deg);
	-ms-transform: scale(1) rotate(2deg) translate(3px, 3px) skew(0deg, 0deg);
	transform: scale(1) rotate(2deg) translate(3px, 3px) skew(0deg, 0deg);
	padding: 3%;
	-webkit-backface-visibility:hidden;
}

/* = Footer styles */


footer {
	padding: 0 3%;
	max-width: 995px;
	min-width: 200px;
	height: 50px;
	clear: none;
	background: url(img/noise.png) repeat, url(img/triangle2.gif) repeat-x center bottom;
	background-color: #E5E5E5;
	margin: -10px auto 1%;
	display: block;		
	font-size: 100% !important;
	z-index: 999999;
	position: relative;
	margin-bottom: 20px;
	}
	footer p {
	white-space: nowrap;
	display: inline;
	float: right;
	font-size: inherit;
	}
	.footerLinks ul {
	display: block;
	min-width: 360px;
	clear: none;
	}
	.footerLinks li {
	float: left;
	display: inline;
	margin-right: 0.8em;
	list-style-image: none;
	}
	.footerLinks li a {
	margin-right: 0.8em;
	}
	.returnLink {
	display: none;
}

/* Image expand */

.svgExpand { 
	margin: 3% 0 1% 0;
	padding: 10px 0 1%;
	background: none;
	height: 160px;
	min-width: 240px;
	}
	img.logoExpand { 
	display: none;
	}
	.dlw-content img {
	width:28.5%;
	margin: 0 3% 4% 0;
	float: left;
	padding: 1% !important;
	}
	img.expand { 
	width: 50%;
	background: none;
	margin: 0 1% 1% 0;
	position: relative;
	display: inline-block;
	padding: 0.5%;
	}
	.downSizeFull {
	width: 95%;
	max-width: 650px;	
	}
	.evenSmaller {
	width: 95%;
	max-width: 400px;	
	}
	.larger{
	width: 100%;
	min-width: 670px;
}

/* = Twitter feed */

#twitter {
  	background: #FFF;	
	width: auto; 
	padding: 0 3%;	
	margin: 0 1%;
	overflow: hidden;
	margin-bottom: 1%;
	display: block;
	-webkit-box-shadow:  0px 0px 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:  0px 0px 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow:  0px 0px 1px 1px rgba(0, 0, 0, 0.05);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-bottom: 1px solid #c7deef;
    border-top: 1px solid #fff;
    overflow: hidden;
	}
	#twitter h2 {
	width: 85px; 
	margin: 0;
	padding: 6px 0; 
	white-space: nowrap;
	font-size: 1em;
	color: #4b9fff;
	line-height: 1;
	}
	#twitter p, 
	#twitter marquee, 
	#twitter div {
	display: inline;
	float: left;
	width: auto;
	margin: 0;
	padding: 3px 0;
	line-height: 1.5em;
	}
	#twitter marquee a, 
	#twitter div a {
	margin: 0 30px 20px 0;
	padding-bottom: 2%;
	color: #333;
	text-decoration: none;
	font-size: 90%;	
	}
	#twitter marquee a i, 
	#twitter div a i {
	font-style: normal;
	color: #999;	
}
/* Social buttons New */

a.sb,
.sb a {
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -900em;
	color: #333;
	text-decoration: none;
	line-height: 100%;
	white-space: nowrap;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	margin: 0 2px 5px 0;
	
	/* default button color */
	background-color: #ececec;
	border: solid 1px #b8b8b9;
	
	/* default box shadow */
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.1);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.1);

	/* default border radius */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
/* for IE */
*:first-child+html a.sb,
*:first-child+html .sb a {
	text-indent: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
}

/* SB LIST
================================================ */
.sb {
	margin: 0;
	padding: 0;
	}
	.sb li {
	margin: 0;
	padding: 0;
	display: inline;
}

/* SIZES
================================================ */
/* small */

a.sb.small,
.sb.small a {
	width: 26px;
	height: 26px;
	font-size: 90%;
}

/* large */
a.sb.large,
.sb.large a {
	width: 40px;
	height: 40px;
	font-size: 120%;
}


/* GRADIENTS
================================================ */

/* default gradient */
a.sb.gradient,
.sb.gradient a {
	background-color: transparent !important;
	}
	a.sb.gradient:after,
	.sb.gradient a:after {
	padding: 1px;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: -1;
	
	-webkit-box-shadow: inset 0 2px 0 rgba(255,255,255,.3);
	-moz-box-shadow: inset 0 2px 0 rgba(255,255,255,.3);
	box-shadow: inset 0 2px 0 rgba(255,255,255,.3);

	/* default gradient */
	background: -moz-linear-gradient(top, #eeeeee 0%, #d2d2d2 100%);
	background: -webkit-linear-gradient(top, #eeeeee 0%, #d2d2d2 100%);
	background: linear-gradient(top, #eeeeee 0%, #d2d2d2 100%);
}


/* flat style */
a.sb.flat,
.sb.flat a,
a.sb.flat:before,
.sb.flat a:before {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* ICONS
================================================ */
a.sb.twitter,
.sb a.twitter {
	background-image: url(img/twitter_bird.png);
	}
	a.sb.facebook,
	.sb a.facebook {
	background-image: url(img/facebook.png);
	}
	a.sb.linkedin,
	.sb a.linkedin {
	background-image: url(img/linkedin.png);
	}
	a.sb.pinterest,
	.sb a.pinterest {
	background-image: url(img/pinterest.png);
}



/* = Inner Page Content */
	
#internalPage .viewNow {
	float: left;
	margin: 2% 0 0 1% !important;
	font-size: 1.2em !important;
	}
	.size300250 {	
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 0;
	}
	.size300250 img {
	min-width: 250px;
	width: 100%;
	max-width: 290px;
	margin: 2% 1% 0 1%;
	padding-left: 2%;
	}
	.size120600 {
	display: block;
	clear: none;
	}
	.size120600 img {
	max-width: 100%;
	width: 120px;
	margin: 2% 5% 0 2%;

	}
	.size72890 {
	display: inline-block;
	margin: 2%;
	}
	.size72890 img {
	float: left;
	min-width: 280px;
	width: 100%;
	max-width: 728px;
	margin: 2% 0;
	}
	#internalPage p {
	display: block;
	clear: both;
	margin: 3%;
	padding-bottom: 2%;
	border-bottom: dotted #D9E2EE 2px;
}

/* Pinterest rss feed */
#pinterest .rssBody li h4 {
	display: none;
}
.pinned {
	width: 100px !important;
	height: 32px;
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	}
	#pinterest .rssFeed a {
	color: #444;
	text-decoration: none;
    text-display: none;
	display: block;
	}
	#pinterest .rssBody {
	width: 100%;
	display: block;
	clear: none;
	}
	#pinterest .rssBody ul {
	list-style: none;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	}
	#pinterest .rssBody img {
	width: auto;
	max-height: 200px !important;
	height: 100%;
	display: block;
	text-align: center;
	}
	#pinterest .rssBody p {
	margin: 1%;
	width: 100%;
	display: block !important;
	text-align: left;
	clear: both;
	font-size: 80%;
	}
	#pinterest .rssBody ul, #pinterest .rssRow, #pinterest .rssRow h4, #pinterest .rssRow p {
	margin: 0;
	padding: 0;
	display: block;
	}
	#pinterest .rssBody li {
	color: transparent;
	overflow: hidden;
	margin: 1%;
	padding: 5px !important;
	float: left;
	z-index: 1;
	display: inline-block;
	width: 29.9%;
	min-width: 168px;
	min-height:270px;
	max-height: 270px;
	height: 29.8%;
	border: solid 1px #ececec;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #FFF;
	}
	#pinterest .rssBody li:first-child {
	margin-top: 1% !important;
	border-top: 1px solid #FFF !important;
	}
	#pinterest .rssBody li:last-child {
	margin-bottom: 2% !important;
	border-bottom: 1px solid #C7DEEF !important;
}

/* This part of the style shows the full photo when the thumbnail is hovered. If you'd prefer not to use this, remove .rssBody li:hover, its curly braces, and everything inside its curly braces. This was designed for a left sidebar on Blogger. For a right sidebar, play with the translate numbers until the enlarged photo moves the way you want it to. */



/* end hover image effect */

#pinterest .rssRow {
	padding: 3px;
	}

	#pinterest .rssRow div {
	color: #666;
	margin: 0.2em 0 0.4em 0;
}

/* = Media queries */

@media only screen and (min-device-width:1024px) and (max-width:989px) { 

.dlw-content img {
    width:27%;
	margin: 0 1% 2% 1%;
	display: inline;
	padding: 1%;
	}
	.portfolioList p {
	border-style: none;
	color: #000;
	padding-top: 2%;	
	}
	img.expand { 
	width: 50%;
	background: none;
	margin-bottom: 1%;
	position: relative;
	display: block;
	float: right;
	}
	#multicolumn1 {
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
	height: auto;
	}
	#multicolumn1 ul li {
	overflow: visible;
	border-bottom: 1px solid #c7deef !important;
	margin: 1px 0;
	padding: 1px 0;
	}
	.extraImg {
	display: none;
  }
	#pinterest .rssBody li {
	width: 45%;
	}
}

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

.dlw-content img {
    width:50%;
	margin: 3%;
	}
	#multicolumn1 {
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
	height: auto;
	}
  	#multicolumn1 ul li {
	font-size: 98%;
	overflow: visible;
	border-bottom: 1px solid #c7deef !important;
	margin: 1px 0;
	padding: 1px 0;
	}
	.extraContent {
	display: none;	
	}
	.downSize {
	width: 25% !important;
	}
	.size300250 img {
	min-width: 190px;
	width: 100%;
	max-width: 210px;
	margin: 2% 2.4% 0 0;
	}
	.extraImg {
	display: none;
	}
	
	/* Pinterest */
	
	/*
	
	#pinterest .rssBody img {
	max-width: 100%;
	min-width: 122px;
	height: auto;
	display: block;
	margin: 8px 24%;
	text-align: center;
	clear: none;	
	}
	#pinterest .rssBody p {
	width: 99%;
	display: block;
	clear: both;
	margin-left: 4%;
	text-align: center;
	font-size: 80%;
	}
	#pinterest .rssBody ul, .rssRow, .rssRow h4, .rssRow p {
	margin: 0;
	padding: 0;
	display: block;
	}
	#pinterest .rssBody li {
	color: transparent;
	margin: 1%;
	padding: 5px !important;
	float: left;
	z-index: 1;
	display: inline;
	width: 48%;
	min-width: 300px;
	max-height: auto;
	min-height:270px;
	height: 30%;
	border: solid 1px #ececec;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
	#pinterest .rssBody li:first-child {
	margin-top: 1% !important;
	border-top: 1px solid #FFF !important;
	}
	#pinterest .rssBody li:last-child {
	margin-bottom: 2% !important;
	border-bottom: 1px solid #C7DEEF !important;
}
*/
}

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

.dlw-content img {
    width: 45%;
	margin: 3%;
	display: inline;	
	}
	#pinterest .rssBody img {
	min-height: 100%;
	max-height: 100%;
	display: block;
	margin: 8px 26%;
	text-align: center;	
	}
	.portfolioList p {
	border-style: none;
	font-size: 50%;
	padding: 0;
	line-height: 1.4em;
	clear: none;
	padding-top: 2%;
	}
	#multicolumn1 {
	-moz-column-count: 4;
	-moz-column-gap: 20px;
	-webkit-column-count: 4;
	-webkit-column-gap: 20px;
	column-count: 4;
	column-gap: 20px;
	height: auto;
	}
	#multicolumn1 ul li {
	overflow: visible;
	}
	.extraContent {
	display: none;
	}
	.downSize {
	width: 25% !important;
	}
	.size300250 img {
	min-width: 250px;
	width: 100%;
	max-width: 290px;
	margin: 2% 1% 0 0;
	}
	#pinterest .rssBody li {
    border: 1px solid #ECECEC;
    border-radius: 3px 3px 3px 3px;
    color: transparent;
    display: inline-block;
    float: left;
	width: 99.8%;
	height: 100%;
	min-height: 100px;
	max-height: auto;
    height: auto !important;
    padding: 10px 10px !important;
    z-index: 1;
	background: #FFF;	
	}
	#pinterest .rssBody p {
	text-align: left;
	margin: 5px 2%;
	clear: both;
	}
	#pinterest .rssBody img {
	width: 49%;
	margin: 0 22%;
	height: auto !important;
	max-height: 50%;
	display: block;
	text-align: center;
}
	
}
/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) */
@media handheld and (max-width: 767px) {
	#multicolumn1 {
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
	height: auto;
	}
	#pinterest .rssBody li {
    border: 1px solid #ECECEC;
    border-radius: 3px 3px 3px 3px;
    color: transparent;
    display: inline-block;
    float: left;
	width: 99.8%;
	height: 100%;
	min-height: 100px;
	max-height: auto;
    height: auto !important;
    padding: 10px 10px !important;
    z-index: 1;
	background: #FFF;	
	}
	#pinterest .rssBody p {
	text-align: left;
	margin: 5px 2%;
	clear: both;
	}
	#pinterest .rssBody img {
	width: 46%;
	margin: 0 22%;
	height: auto !important;
	max-height: 50%;
	display: block;
	text-align: center;
}
}
/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) */
@media handheld and (min-width: 480px), @media handheld and (max-width: 480px), and (orientation:landscape)  {
#pinterest .rssBody img {
	max-width: 48% !important;
	max-height: 200px !important;
	height: 200px !important;
	display: block;
	text-align: center;
	}	

}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) */
@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 767px) {
	
.container {
	max-width: 995px;
	min-width: 200px;
	margin: 0 auto;
	padding: 5% 3% 3%;
	height: auto;	
	background: url(img/triangle3.jpg) repeat-x center top, url(img/noise.png) repeat, -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: url(img/triangle3.jpg) repeat-x center top, url(img/noise.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: url(img/triangle3.jpg) repeat-x center top, url(img/noise.png) repeat, -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: url(img/triangle3.jpg) repeat-x center top, url(img/noise.png) repeat, -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: url(img/noise.png) repeat, url(img/triangle3.jpg) repeat-x center top, progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	}
	
	#pinterest .rssBody li {
    border: 1px solid #ECECEC;
    border-radius: 3px 3px 3px 3px;
    color: transparent;
    display: inline-block;
    float: left;
	min-height: 100px;
    height: auto !important;
    min-width: 93%;
	max-height: 100%;
    padding: 10px 10px !important;
    z-index: 1;
	background: #FFF;	
	}
	#pinterest .rssBody p {
	margin: 5px 2%;
	clear: both;
	}
	#pinterest .rssBody img {
	max-width: 49% !important;
	height: auto;
	max-height: 50% !important;
	display: block;
	text-align: center;
	}
	#pinterest .rssBody li:nth-child(2n) {
	margin-right: 0;
	}
	header h1, header h1 span {
	display: block;
	text-align: center;
	}
	.svgExpand { 
	margin: 2% auto;
	padding: 35px 0 1%;
	width: 230px;
	height: 180px;
	text-align: center;
	display: block;
	}
	.dlw-content img {
	margin: 0 1% 3% 1%;
    width: 45%;	
	}
	.downSize {
	width: 46% !important;
	}
	.dlw-content p {
	color: #333;
    line-height:  1.4em;
	margin-top: -1%;	
	}
	.portfolioList h5 {
	font-size: 0.625em;	
	}
	.portfolioList p {
	float: none !important;	
	padding: 2% 0;
	}
	img.expand { 
	width: 98%;
	background: none;
	margin-bottom: 1%;
	}
	h1 {	
	margin-bottom: 0.7em;
	}
	h1 span {
	display: block;
	text-align: left;
	}
	#dlwPortfolio ul {
	margin: 0 4%;
	}
	#dlwPortfolio ul li > a {
    display: block;
	position: relative;
	outline:none;	
	}
	#multicolumn1 {
	-moz-column-count: 1;
	-moz-column-gap: 20px;
	-webkit-column-count: 1;
	-webkit-column-gap: 20px;
	column-count: 1;
	column-gap: 20px;
	height: auto;
	}
	footer {
	padding-top: 30px;
	}

	.footerLinks {
	display: none;
	}
	.mainFooter p {
	white-space: nowrap;
	display: block;
	margin: 0 auto 20px;
	}
	.returnLink {
	text-align: left;
	display: inline-block;
	}
	.returnLink:hover {
	border-bottom: 1px solid #C30 !important;
	padding-bottom: 2px;
	}
	.mailto {
	margin: -265px 0 0;
	}
	.mailto:hover {
	-webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.3);
	}	
	.extraContent, extraImg {
	display: none;	
	}
	.cleared:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
	}
	.cleared {
	display: inline-block;
	}
	html[xmlns] .cleared {
	display: block;
	} 
	* html .cleared {
	height: 1%;
	}
	.crop {
	float:left;
	overflow:hidden; /* this is important */
}

/* input values to crop the image */

.crop img {
	margin: 0px 0px 0px -55%;
	width: 155%;
	
	}
	.size120600 img {
	width: 29%;
	max-width: 120px;
	margin: 0 2.2% !important;
	display: inline-block;
	float: left;
	
	}
	.size300250 img {
	min-width: 250px;
	width: 96%;
	max-width: 300px;
	margin: 2% 1% 0 1%;
}

}

@media all and (-webkit-min-device-pixel-ratio: 2) {
.mailto {
	margin-right: -3%;	
	}
	#multicolumn1 {
	-moz-column-count: 1;
	-moz-column-gap: 20px;
	-webkit-column-count: 1;
	-webkit-column-gap: 20px;
	column-count: 1;
	column-gap: 20px;
	height: auto;
}

}

/* Print styles */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}


@media \0screen {
header img {
	width: auto; /* for ie 8 */
	background-image: url(img/dlw.png); /* for ie 8 */
	background-repeat: no-repeat; /* for ie 8 */
} 
}