/* Font Section */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 2, 2013 09:12:24 PM America/New_York */
@font-face {
    font-family: CopseRegular;
    src: url('../type/copse/Copse-Regular-webfont.eot');
    src: url('../type/copse/Copse-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/copse/Copse-Regular-webfont.woff') format('woff'),
         url('../type/copse/Copse-Regular-webfont.ttf') format('truetype'),
         url('../type/copse/Copse-Regular-webfont.svg#CopseRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: OswaldBold;
    src: url('../type/oswald/Oswald-Bold-webfont.eot');
    src: url('../type/oswald/Oswald-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/oswald/Oswald-Bold-webfont.woff') format('woff'),
         url('../type/oswald/Oswald-Bold-webfont.ttf') format('truetype'),
         url('../type/oswald/Oswald-Bold-webfont.svg#OswaldBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: BrandonGrotesque-Medium;
	src: url('../type/BrandonGrotesque-Medium/254474_0_0.eot');
	src: url('../type/BrandonGrotesque-Medium/254474_0_0.eot?#iefix') format('embedded-opentype'),
	url('../type/BrandonGrotesque-Medium/254474_0_0.woff') format('woff'),
	url('../type/BrandonGrotesque-Medium/254474_0_0.ttf') format('truetype');
	font-weight: normal;
    font-style: normal;
}


/* Generic styles */
body {}
h1 {
	font-family: "Oswald", Helvetica, Arial;
	font-size: 120%;
	color: rgb(146,143,148);
	text-decoration: none;
	letter-spacing: 0.15em;
	font-weight: normal;
}

h2 {
	font-family: "BrandonGrotesque-Medium", Helvetica, Arial;
	font-size: 80%;
	color: rgb(146,143,148);
	text-decoration: none;
	letter-spacing: 0.1em;
	font-weight: normal;
}


h3 { 
	font-family: "Oswald", Helvetica, Arial;
	font-size: 95%;
	color: rgb(146,143,148);
	text-decoration: none;
	letter-spacing: 0.15em;
	padding: 2.5% 0 0 0;
	font-weight: normal;
}
 
h4 {}

p { 
	font-family: CopseRegular, Times New Roman, Serif;
	color: rgb(160,160,165);
	text-decoration: none;
}	
.clearfix:after { 
	content: "."; 
  	visibility: hidden; 
   	display: block; 
   	height: 0; 
   	clear: both;
}

a img {
	border: none;
}

/* Header Start */

header {
    positon: relative !important;
    height: 200px;
}	

.striped-top {
	position: relative;
	height: 17px;
	margin-top: -9px;
	margin-left: -8px;
	width: 3000px;
	background-image: url("..//Images/topbar.jpg");
	background-repeat: repeat-x;
}
				
.hello {
	position: relative;
	top: 55px;
	left: -8px;
	z-index: 5;
}
				
.dotted {	
	position: relative;
	top: 28px;
	left: 400px;
	width: 3000px;
	height: 15px;
	background-image: url("..//Images/headerdots.jpg");
	background-repeat: repeat-x;
	float: right;
	z-index: 1;
}
				
.logo {
	position: absolute;
	margin: -21px 35%;
	width: 364px;
	z-index: 15;
}
.logo a {
	display: block;
}
				
.contact {		
	position: relative;
	float: right;
	margin: -72px 55px 0px 0px;
	z-index: 10;
}

/* Header End */

/* Navigation Start */
		
ul {
	position: relative;
	list-style-type: none;
	width: 100%;
	margin:0;
	padding:0;
}
				
li {			
	position: relative;
	float: left;
	border: none;
	outline: none;
}

ul li {
	list-style-image: none;
	border: none;
}

a:focus, a:link {
	border: none;
	outline: none;
}

.dash {	
	font-family: Times New Roman;
	font-size: 80%;
	margin: 7px 0px 0px 0px;
	float: left;
}

.navigation ul {
	margin: 0 0 0 11%;
}
.nav-item {
	padding: 0 15px;
	border: none;
	outline: none;
}
.nav-item:visited {
	border: none;
	outline: none;
}
.nav-item img:hover {
	background-color: rgb(209, 244, 239);
	border: none;
	outline: none;
}
.nav-item.active img {
	background-color: rgb(209, 244, 239);
	border: none;
	outline: none;
}

/* Navigation End */
			
.inspiration {
	position: relative;
	margin: -25px 0 0 13%;
	display: block;
}			
				
.emailphonetext {
	position: relative;
	margin: 15px 0 0 13%;
}
.phone {
	position: relative;
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 9px 0px;
}
					
								
.phonetext { 
	position: relative;
	float: left;
	margin: -2px 33px 0px 0px;
	font-size: 75%;
	letter-spacing: 0.1em;
	line-height: 23px;
}	
				
.email {
	position: relative;
	float: left;
	margin: 0px 15px 0px 10px;
}

.emailtext {
	position: relative;
	float: left;
	margin: -2px -20px;
	font-size: 70%;
	text-transform: uppercase;
	letter-spacing: 0.19em;
	line-height: 23px;
}

/* Footer Start */

.dottedfooter {
	position: relative;
	top: 28px;
	left: 400px;
	width: 3000px;
	background-image: url("..//Images/headerdots.jpg");
	background-repeat: repeat-x;
	float: right;
	padding-bottom: 50px;
}
.centerfooter {
	width: 100%;
	position:relative;
}
.copyrightposition {
	position: relative;
	margin: 0 auto;
	width: 45%;
}
.copyright {
	position: relative;
	float: left;
	font-size: 65%;
	padding-right: 10px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	line-height: 30px;
}

/* Footer End */
				

/* Print Portfolio Section Start */

/* reduce width of this container in media queries */
.portfolio-container {
	width: 957px;
	margin: 1% auto;
}
.portfolio-item {
	height: 200px;
	width: 200px;
	background: url(../Images/print_portfolioimages.png) no-repeat 0 0;
	float: left;
	margin: 10px 17px 20px 17px;
}
.portfolio-item a {
	display: block;
	height: 200px;
	width: 200px;
}

.portfolio-item.justanote {
	background-position: 0 0;
}
.portfolio-item.justanote:hover {
	background-position: -200px 0;
}
.portfolio-item.treschic {
	background-position: -400px 0px;
}
.portfolio-item.treschic:hover {
	background-position: -600px 0px;
}
.portfolio-item.inspiration {
	background-position: -800px 0px;
}
.portfolio-item.inspiration:hover {
	background-position: -1000px 0px;
}
.portfolio-item.adventure {
	background-position: -1200px 0px;
}
.portfolio-item.adventure:hover {
	background-position: -1400px 0px;
}
.portfolio-item.xoxo {
	background-position: 0px -200px;
}
.portfolio-item.xoxo:hover {
	background-position: -200px -200px;
}
.portfolio-item.typewriter {
	background-position: -400px -200px;
}
.portfolio-item.typewriter:hover {
	background-position: -600px -200px;
}
.portfolio-item.write {
	background-position: -800px -200px;
}
.portfolio-item.write:hover {
	background-position: -1000px -200px;
}
.portfolio-item.botanicalmodern {
	background-position: -1200px -200px;
}
.portfolio-item.botanicalmodern:hover {
	background-position: -1400px -200px;
}
.portfolio-item.tonight {
	background-position: 0px -400px;
}
.portfolio-item.tonight:hover {
	background-position: -200px -400px;
}
.portfolio-item.winecountry {
	background-position: -400px -400px;
}
.portfolio-item.winecountry:hover {
	background-position: -600px -400px;
}
.portfolio-item.lovebirds {
	background-position: -800px -400px;
}
.portfolio-item.lovebirds:hover {
	background-position: -1000px -400px;
}

.portfolio-item.dance {
	background-position: -1200px -400px;
}
.portfolio-item.dance:hover {
	background-position: -1400px -400px;
}

.portfolio-item.smile {
	background-position: 0px -600px;
}
.portfolio-item.smile:hover {
	background-position: -200px -600px;
}

.portfolio-item.bilqis {
	background-position: -400px -600px;
}
.portfolio-item.bilqis:hover {
	background-position: -600px -600px;
}

.portfolio-item.airmail {
	background-position: -800px -600px;
}
.portfolio-item.airmail:hover {
	background-position: -1000px -600px;
}

.portfolio-item.quilted {
	background-position: -1200px -600px;
}
.portfolio-item.quilted:hover {
	background-position: -1400px -600px;
}

.portfolio-item.subwaytime {
	background-position: 0px -800px;
}
.portfolio-item.subwaytime:hover {
	background-position: -200px -800px;
}

.portfolio-item.whitelie {
	background-position: -400px -800px;
}
.portfolio-item.whitelie:hover {
	background-position: -600px -800px;
}
	
.portfolio-item.birthdaygift {
	background-position: -800px -800px;
}
.portfolio-item.birthdaygift:hover {
	background-position: -1000px -800px;
}

.portfolio-item.xmas {
	background-position: -1200px -800px;
}
.portfolio-item.xmas:hover {
	background-position: -1400px -800px;
}

/* Print Portfolio Section End */



/* Web Portfolio Section Start */

/* reduce width of this container in media queries */
.portfolio-container-web {
	width: 957px;
	margin: 1% auto;
}
.portfolio-item-web {
	height: 200px;
	width: 200px;
	background: url(../Images/web_portfolioimages.png) no-repeat 0 0;
	float: left;
	margin: 10px 17px 20px 17px;
}
.portfolio-item-web a {
	display: block;
	height: 200px;
	width: 200px;
}

.portfolio-item-web.graphiqueweb {
	background-position: 0 0;
}
.portfolio-item-web.graphiqueweb:hover {
	background-position: -200px 0;
}
.portfolio-item-web.sparkle {
	background-position: -400px 0px;
}
.portfolio-item-web.sparkle:hover {
	background-position: -600px 0px;
}
.portfolio-item-web.givethanks {
	background-position: -800px 0px;
}
.portfolio-item-web.givethanks:hover {
	background-position: -1000px 0px;
}
.portfolio-item-web.classact {
	background-position: -1200px 0px;
}
.portfolio-item-web.classact:hover {
	background-position: -1400px 0px;
}
.portfolio-item-web.landing {
	background-position: 0px -200px;
}
.portfolio-item-web.landing:hover {
	background-position: -200px -200px;
}
.portfolio-item-web.fresh {
	background-position: -400px -200px;
}
.portfolio-item-web.fresh:hover {
	background-position: -600px -200px;
}
.portfolio-item-web.thecover {
	background-position: -800px -200px;
}
.portfolio-item-web.thecover:hover {
	background-position: -1000px -200px;
}
.portfolio-item-web.pens {
	background-position: -1200px -200px;
}
.portfolio-item-web.pens:hover {
	background-position: -1400px -200px;
}
.portfolio-item-web.dailycandy {
	background-position: 0px -400px;
}
.portfolio-item-web.dailycandy:hover {
	background-position: -200px -400px;
}
.portfolio-item-web.calendarsweb {
	background-position: -400px -400px;
}
.portfolio-item-web.calendarsweb:hover {
	background-position: -600px -400px;
}
.portfolio-item-web.audrey {
	background-position: -800px -400px;
}
.portfolio-item-web.audrey:hover {
	background-position: -1000px -400px;
}

.portfolio-item-web.candles {
	background-position: -1200px -400px;
}
.portfolio-item-web.candles:hover {
	background-position: -1400px -400px;
}

.portfolio-item-web.canvasbanners {
	background-position: 0px -600px;
}
.portfolio-item-web.canvasbanners:hover {
	background-position: -200px -600px;
}

.portfolio-item-web.nyigf {
	background-position: -400px -600px;
}
.portfolio-item-web.nyigf:hover {
	background-position: -600px -600px;
}

.portfolio-item-web.barbie {
	background-position: -800px -600px;
}
.portfolio-item-web.barbie:hover {
	background-position: -1000px -600px;
}

.portfolio-item-web.brightideas {
	background-position: -1200px -600px;
}
.portfolio-item-web.brightideas:hover {
	background-position: -1400px -600px;
}

.portfolio-item-web.pnstyle {
	background-position: 0px -800px;
}
.portfolio-item-web.pnstyle:hover {
	background-position: -200px -800px;
}

.portfolio-item-web.pwl {
	background-position: -400px -800px;
}
.portfolio-item-web.pwl:hover {
	background-position: -600px -800px;
}
	
.portfolio-item-web.nss {
	background-position: -800px -800px;
}
.portfolio-item-web.nss:hover {
	background-position: -1000px -800px;
}

.portfolio-item-web.haynesgroup {
	background-position: -1200px -800px;
}
.portfolio-item-web.haynesgroup:hover {
	background-position: -1400px -800px;
}

/* Web Portfolio Section End */

/* Identities Portfolio Section Start */

/* reduce width of this container in media queries */
.portfolio-container-identities {
	width: 957px;
	margin: 1% auto;
}
.portfolio-item-identities {
	height: 200px;
	width: 200px;
	background: url(../Images/logo_portfolioimages.png) no-repeat 0 0;
	float: left;
	margin: 10px 17px 20px 17px;
}
.portfolio-item-identities a {
	display: block;
	height: 200px;
	width: 200px;
}

.portfolio-item-identities.hitch {
	background-position: 0 0;
}
.portfolio-item-identities.hitch:hover {
	background-position: -200px 0;
}
.portfolio-item-identities.benjoslynfoundation {
	background-position: -400px 0px;
}
.portfolio-item-identities.benjoslynfoundation:hover {
	background-position: -600px 0px;
}
.portfolio-item-identities.heritage {
	background-position: -800px 0px;
}
.portfolio-item-identities.heritage:hover {
	background-position: -1000px 0px;
}
.portfolio-item-identities.citybag {
	background-position: -1200px 0px;
}
.portfolio-item-identities.citybag:hover {
	background-position: -1400px 0px;
}
.portfolio-item-identities.aucourant {
	background-position: 0px -200px;
}
.portfolio-item-identities.aucourant:hover {
	background-position: -200px -200px;
}
.portfolio-item-identities.bournes {
	background-position: -400px -200px;
}
.portfolio-item-identities.bournes:hover {
	background-position: -600px -200px;
}
.portfolio-item-identities.haynescustomhomes {
	background-position: -800px -200px;
}
.portfolio-item-identities.haynescustomhomes:hover {
	background-position: -1000px -200px;
}
.portfolio-item-identities.karentalaid {
	background-position: -1200px -200px;
}
.portfolio-item-identities.karentalaid:hover {
	background-position: -1400px -200px;
}
.portfolio-item-identities.dreamgate {
	background-position: 0px -400px;
}
.portfolio-item-identities.dreamgate:hover {
	background-position: -200px -400px;
}
.portfolio-item-identities.flic {
	background-position: -400px -400px;
}
.portfolio-item-identities.flic:hover {
	background-position: -600px -400px;
}
.portfolio-item-identities.dgcasual {
	background-position: -800px -400px;
}
.portfolio-item-identities.dgcasual:hover {
	background-position: -1000px -400px;
}

.portfolio-item-identities.lovebloom {
	background-position: -1200px -400px;
}
.portfolio-item-identities.lovebloom:hover {
	background-position: -1400px -400px;
}

.portfolio-item-identities.whitebox {
	background-position: 0px -600px;
}
.portfolio-item-identities.whitebox:hover {
	background-position: -200px -600px;
}

.portfolio-item-identities.whitebox {
	background-position: -400px -600px;
}
.portfolio-item-identities.whitebox:hover {
	background-position: -600px -600px;
}

.portfolio-item-identities.whitebox {
	background-position: -800px -600px;
}
.portfolio-item-identities.whitebox:hover {
	background-position: -1000px -600px;
}

.portfolio-item-identities.whitebox {
	background-position: -1200px -600px;
}
.portfolio-item-identities.whitebox:hover {
	background-position: -1400px -600px;
}

.portfolio-item-identities.whitebox {
	background-position: 0px -800px;
}
.portfolio-item-identities.whitebox:hover {
	background-position: -200px -800px;
}

.portfolio-item-identities.whitebox {
	background-position: -400px -800px;
}
.portfolio-item-identities.whitebox:hover {
	background-position: -600px -800px;
}
	
.portfolio-item-identities.whitebox {
	background-position: -800px -800px;
}
.portfolio-item-identities.whitebox:hover {
	background-position: -1000px -800px;
}

.portfolio-item-identities.whitebox {
	background-position: -1200px -800px;
}
.portfolio-item-identities.whitebox:hover {
	background-position: -1400px -800px;
}

/* Identities Portfolio Section End */



/* Detail Section Start */
	
.projectdetail-container {
	position: relative;
	width: 74%;
	margin: 3%	0 4% 13%;
}
.project-description {
	position: absolute;
	width: 180px;
	border-top: 2px dotted rgb(146,143,148);
	margin: 27px 0 0 0;
}
.project-description h2 {
	border-bottom: 2px dotted rgb(146,143,148);
	padding: 0 0 13px 0;
	line-height: 165%;
}
.project-image {
	float: right;
	margin: -1% -3% 0 0;
}
.project-description p {
	font-family: Times New Roman, Serif;
	font-size: 15.5px;
	color: rgb(160,160,165);
	text-decoration: none;
	line-height: 29px;
}
.detailarrow {
	position: absolute;
	right: -36px;
	top: 310px;
	width: 30px;
	height: 30px;
}
.imagedetail-numbers {
	margin: 1% 0 0 84%;
}
.numbers {	
	float: left;
	margin-right: 15px;
}
.numbers a {
	font-family: Oswald, BrandonGrotesque-Medium, Helvetica, Arial;
	font-size: 100%;
	text-decoration: none;
	color: rgb(160,160,165);
	font-weight: normal;
}
.numbers a:hover {
	color: rgb(141, 227, 215);
}
.numbers.active a {
	color: rgb(141, 227, 215);
}

.projectimage-nav {
	margin: 0 0 0 74%;
}
.next-previous {
	float: left;
}
.next-previous a {
	font-family: Times New Roman, Garamond, Serif;
	font-size: 90%;
	text-decoration: none;
	color: rgb(174,174,176);
}
.next-previous a:hover {
	color: rgb(141, 227, 215);
}
.next-previous.active a {
	color: rgb(141, 227, 215);
}	
.bold {
	font-family: Oswald, Helvetica, Arial;
	font-size: 87%;
	color: rgb(146,143,148);
	text-decoration: none;
	letter-spacing: 0.25em;
}
.heart {
	font-size: 130%;
}

/* Detail Section End */	


/* Services Section Start */

.services-container {
	position: relative;
	width: 74%;
	margin: 3%	0 4% 13%;
}
.services-description {
	position: absolute;
	width: 180px;
	border-top: 2px dotted rgb(146,143,148);
	margin: 18px 0 0 10px;
}
.services-description h2 {
	border-bottom: 2px dotted rgb(146,143,148);
	padding: 0 0 13px 0;
	line-height: 165%;
}
.serviceimage {
	padding: 1% 0 0 11%;
}
.servicesimage-container {
	float: right;
	margin: -1% -3% 0 0;
}
.caption {
	font-family: Times New Roman, Garamond, Serif;
	font-size: 100%;
	color: rgb(174,174,176);
	margin: 3% 0% 0 11%;
	line-height: 30px;
}
.emailcolor a{
	color: rgb(141, 227, 215);
	text-decoration: none;
}  
.shootmeemail {
	margin-top: 4%;
}
/* Services Section End */

/* Blog Section Start */

.blog-container {
	position: relative;
	width: 63%;
	margin: 3%	0 4% 13%;
}

.blogdate-container {
	margin: 0 0 0 37%;
}

.blog-description {
	position: absolute;
	width: 180px;
	border-top: 2px dotted rgb(146,143,148);
	margin: 18px 0 0 10px;
}

.blog-description p {
	font-family: Times New Roman, Serif;
	font-size: 15.5px;
	color: rgb(160,160,165);
	text-decoration: none;
	line-height: 29px;
}

.blog-description h2 {
	border-bottom: 2px dotted rgb(146,143,148);
	padding: 0 0 13px 0;
	line-height: 165%;
}

.blogcaption {
	font-family: Times New Roman, Garamond, Serif;
	font-size: 100%;
	color: rgb(174,174,176);
	margin: 3% 0% 0 0;
	line-height: 30px;
	width: 500px;
}

/* Blog Section End */

/* About Section Start */

.about-container {
	position: relative;
	width: 63%;
	margin: 3%	0 4% 13%;
}

.about-description {
	position: absolute;
	width: 180px;
	border-top: 2px dotted rgb(146,143,148);
	margin: 18px 0 0 10px;
}

.about-description p {
	font-family: Times New Roman, Serif;
	font-size: 15.5px;
	color: rgb(160,160,165);
	text-decoration: none;
	line-height: 29px;
}

.about-description h2 {
	border-bottom: 2px dotted rgb(146,143,148);
	padding: 0 0 13px 0;
	line-height: 165%;
}

.aboutcaption {
	font-family: Times New Roman, Garamond, Serif;
	font-size: 100%;
	color: rgb(174,174,176);
	margin: 3% 0% 0 11%;
	line-height: 30px;
	width: 500px;
}
/* About Section End */


/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

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

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

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

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


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 69px; margin: -20px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {
	top: -300px;
	right: 25px; 
	background: url(../Images/leftarrowbutton.jpg) no-repeat 0 0; 
	opacity: 1.0;
}
.flex-direction-nav .flex-prev {
	top: -300px;
	left: 1267px; 
	background: url(../Images/rightarrowbutton.jpg) no-repeat 0 0; 
	opacity: 1.0;
}
.flex-direction-nav .flex-disabled {opacity: 1.0!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline; float:right;}
.flex-control-paging li a {width: 10px; height: 10px; display: block; background: #666; background: rgb(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgb(81, 187, 168); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}



/* Media Queries */

/* Landscape phone to portrait tablet */


@media (max-width: 767px) {
	.emailtext { 
		margin-left: -7px; 
	}	
	.contact { 
		display: none;
	}
	.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
		display: none;
	}
	.project-description {
		margin: 27px 0px 0 -72px;
	}
	.projectimage-nav {
		margin: 0 0 0 70%;
	}
}

@media (min-width: 767px) {

	.nav-item {
		padding: 0 7px;
	}	
	.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
		display: none;
	}
	
}

@media (min-width: 1024px) {

	.nav-item {
		padding: 0 22px;
	}	
	.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
		top: -265px;
	}
	.flex-direction-nav .flex-prev {
		left: 955px;
	}
	.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
		display: block;
	}
}

@media (min-width: 1280px) {

	.nav-item {
		padding: 0 24px;
	}	
	.flex-direction-nav .flex-prev {
		left: 968px;
	}
	.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
		top: -285px;
		display: block;
	}
	.copyrightposition {
		width: 45%;
	}
}

@media (min-width: 1366px) {

	.nav-item {
		padding: 0 29px;
	}
	.copyrightposition {
		width: 42%;
	}
	.flex-direction-nav .flex-prev {
		left: 1032px;
	}
	.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
		top: -295px;
		display: block;
	}
}

@media (min-width: 1440px) {

	.nav-item {
		padding: 0 35px;
	}	
	.copyrightposition {
		width: 40%;
	}	
	.flex-direction-nav .flex-prev {
		left: 1089px;
	}
	.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
		top: -315px;
		display: block;
	}	
	.projectdetail-container {
		width: 70%;
	}
	.project-description {
		margin: 27px 0px 0 18x;
	}
}

@media (min-width: 1680px) {

	.nav-item {
		padding: 0 45px;
	}	
	.copyrightposition {
		width: 35%;
	}	
	.flex-direction-nav .flex-prev {
		left: 1267px;
	}
	.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
		top: -353px;
		display: block;
	}	
	.projectdetail-container {
		width: 62%;
	}
	.project-description {
		margin: 27px 0px 0 101px;
	}
}


@media (max-width: 1680px) {
	
	.nav-item {
		padding: 0 45px;
	}	
	.copyrightposition {
		width: 35%;
	}	
	.flex-direction-nav .flex-prev {
		left: 1255px;
	}
	.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
		top: -353px;
		display: block;
	}	
	.projectdetail-container {
		width: 67%;
	}
	.project-description {
		margin: 27px 0 0 51px;
	}
	.services-container {
	width: 63%;
	}
	.about-container {
	width: 55%;
	}
}

@media (max-width: 1440px) {
	
	.nav-item {
		padding: 0 35px;
	}	
	.copyrightposition {
		width: 40%;
	}	
	.flex-direction-nav .flex-prev {
		left: 1075px;
	}
	.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
		top: -315px;
		display: block;
	}	
	.projectdetail-container {
		width: 72%;
	}
	.project-description {
		margin: 27px 0 0 8px;
	}
	.services-container {
	width: 70%;
	}
	.about-container {
	width: 62%;
	}
}

@media (max-width: 1366px) {

	.nav-item {
		padding: 0 29px;
	}
	.copyrightposition {
		width: 45%;
	}
	.flex-direction-nav .flex-prev {
		left: 1020px;
	}
	.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
		top: -295px;
		display: block;
	}
		.projectdetail-container {
		width: 73%;
	}
	.project-description {
		margin: 27px 0 0 8px;
	}
	.services-container {
	width: 72%;
	}
	.about-container {
	width: 64%;
	}
}

@media (max-width: 1280px) {

	.nav-item {
		padding: 0 24px;
	}	
	.flex-direction-nav .flex-prev {
		left: 953px;
	}
	.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
		top: -285px;
		display: block;
	}
	.copyrightposition {
		width: 45%;
	}
	.projectdetail-container {
		width: 75%;
	}
	.project-description {
		margin: 27px 0 0 8px;
	}
	.services-container {
	width: 74%;
	}
}

@media (max-width: 1024px) {

	.nav-item {
		padding: 0 8px;
	}	
	.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
		top: -215px;
	}
	.flex-direction-nav .flex-prev {
		left: 762px;
	}
	.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
		display: block;
	}
	.projectdetail-container {
		width: 85%;
	}
	.project-description {
		margin: 27px 0px 0 -72px;
	}
	.projectimage-nav {
		margin: 0 0 0 70%;
	}
	.copyrightposition {
		width: 58%;
	}
	.serviceimage {
		margin: 1% 0 0 20%;
	}
	.services-description {
		margin: 27px 0 0 -10px;
	}
	.caption {
		margin: 3% 0% 0 31%;
	}
	.about-container {
		width: 65%;
	}
	.about-description {
		margin: 18px 0 0 -5px;
	}
	.aboutcaption {
		margin: 3% 0% 0 31%;
	}
	.blog-container {
		margin: 3% 0 4% 11%;
	}
}

/* Landscape phones and down */

@media (max-width: 480px) { 
	.inspiration { 
		display: none ;
	}
	.dotted { 
		display: none ;
	}
	.nav-item {
		float: none;
	}
	.dash {
		display: none;
	}
	.navigation ul {
		margin: 0 0 0 32%;
	}
	.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
		display: none;
	}
}

.fliclink {
	color: grey;
	text-decoration: none !important;
}