@import url("bootstrap.css");
@import url("bootstrap-responsive.css");

/** FONTS **/
@import url("../fonts/goodtimes-webfont/stylesheet.css");

body, p, .contact-text, .caps-large {
	font-size:14px;
	line-height: 1.5em;
}


/* == clear */
.line:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.line{*zoom:1;}

/* ================== SITE WIDE STYLES =================*/
.top10{
	margin-top:10px;
}

ul {
	margin-top:10px;
	list-style-type: none;
}

li.xbullet {
	list-style:none;
	background-image: url(../img/plus.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	
	padding-left:15px;
	margin-bottom: 10px;
	
}
.quote-end{
	background-image: url(../img/quote-end.png);
	display:block;
	width:20px;
	height:20px;
	float:right;
		
}
li.quote {
	list-style:none;
	background-image: url(../img/quote.png);
	background-repeat: no-repeat;
	background-position: 0px 5px 10px;
	margin-left:-15px;
	margin-right:15px;
	padding-left:27px;
	
}
blockquote {
	clear: both;
	padding: 20px;
	padding-top: 0px;
	border-left: 6px solid #cfcfcf;
	margin: 10px;
	background: #eee;
	
}
p.blockquote { background: #ddd; font-size: 14px;
  font-weight: 300;
  line-height: 22.5px;
  padding-bottom: 10px;}

/* ==== Nav */
ul.nav-styles {
	margin-top: 0px;
	margin-left:10px;
	list-style-type: none;
	
}
.nav-styles li {
	float:left; 
	position: relative; /* Used to keep sub ul aligned */
	font-family: "Goodtimes", "Arial Black", Gadget, sans-serif;
	font-size:18px;
	line-height: 1.2em;
	padding: 9px 0px 0px 0px;
	
}
.nav-styles li a {
	padding: 50px 20px 30px 20px;
	color: #c18eb5;
	text-decoration:none;
	margin-top: 1px;
	margin-right: 1px;
	display: block;
	
} 
.nav-styles li:hover, .nav-styles li.active {
	background-image:url(../img/nav-top-trans.png);
}
.nav-styles li:hover a,
.nav-styles li.active a {
	
	background-color:#c18eb5;
	color:#FFF;
	border-top:#737373 1px dashed;
	margin-top: 0px;
}

.nav-styles li.active:hover ul { display: none; }

/* ==== Navigation Dropdown */
.nav-styles li ul { display: none; }
.nav-styles li:hover ul { 
	display: block; /* Show sub nav */
	margin-left: 0px; /* Reset margin */
	background: #fff;
	overflow: hidden;
	border-top: 10px solid #fff;
	border-bottom: 10px solid #fff;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	position: absolute;
	z-index: 99999;
}
.nav-styles li ul li {  
	font-family: Arial, sans-serif;
	font-size: 12px; /* Reset font size */
	width: 100%;
	border: 1px solid #fff;
}
.nav-styles li:hover ul li, 
.nav-styles li.active ul li,
.nav-styles li ul li, 
.nav-styles li ul li a {
	margin-top: -1px;
	background: url(../img/icon-li.png) 10px 11px no-repeat;
	padding-top: 0px;
}
/** Reset all styles when unselected or un hovered */
.nav-styles li:hover ul li a,
.nav-styles li.active ul li a,
.nav-styles li ul li a, 
.nav-styles li ul li:hover a,
.nav-styles li ul li.active a {
	background: transparent;
	color: #626262;
	border-top: 1px dashed #626262;
	margin: -1px 10px 0px 10px;
	display: block;
	padding: 0px 0px 0px 10px;
	line-height: 30px;
}
/** Set style when submenu list items hovered or selected */
.nav-styles li ul li:hover,
.nav-styles li ul li.active{
	background: url(../img/1px-trans-white.png);
}
.nav-styles li ul li:hover a,
.nav-styles li ul li.active a {
	font-weight: bold;
	color: #2e2e2e;
	background: url(../img/icon-li.png) 0px -21px no-repeat;
}

/* ==== Sub Navigation */
.subnav { margin: 0px 0px 0px 0px; }
.subnav li { float: left; }
.subnav li ul { float: left; margin-top: 0px; }
.subnav li ul li { float: left; padding: 0px 10px 0px 10px;}
.subnav li a {
	font-family: "Goodtimes", "Arial Black", Gadget, sans-serif;
	font-size:16px;
	color: #c18eb5;
	text-decoration:none;
	line-height: 40px;
	padding: 0px 20px 0px 20px;
	margin-left: 0px;
	float: left;
	background: transparent;
}
.subnav li a:hover {
	color: #fff;
}
.subnav li.active a {
	background: #222;
	-moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}

/* ==== General */
.clear { clear: both;}

/* ==== Fonts */
	
 a { color:#c18eb5; }
 a.blog-readmore { padding: 10px; }
	
/* ==== Font PURPLE */
h1 {
	font-family: "Goodtimes", "Arial Black", Gadget, sans-serif;
	font-size:18px;
	line-height: 1.4em;
	color:#c18eb5;
	padding: 10px 0px 10px 10px;
	}
/* ==== Font WHITE */
h2 {
	font-family:"Goodtimes", "Arial Black", Gadget, sans-serif;
	font-size:18px;
	color:#FFF;
	padding:10px;
	}
/* ==== Font GREY */
h3 {
	font-family:"Goodtimes", "Arial Black", Gadget, sans-serif;
	font-size:18px;
	/* color:#46423f; */
	color: #333;
	padding:10px 10px 5px 10px;
	text-shadow: 0px 1px 0px #efefef;
	zoom: 1;
	}
/* ==== Font PURPLE */
h4 {
	font-family:"Goodtimes", "Arial Black", Gadget, sans-serif;
	font-size:15px;
	color:#c18eb5;
	padding:10px;
	text-shadow: 0px 1px 0px #efefef;
	zoom: 1;
	}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	color:#FFF;
	padding:10px;
	}
	
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:100;
	color:#454545;
	padding:10px;
	font-style:normal;
	font-variant:normal;
	text-align:right;
	}
/* ==== Font PURPLE */
h7 {
	font-family:"Goodtimes", "Arial Black", Gadget, sans-serif;
	font-size:18px;
	color:#c18eb5;
	padding:5px;
	}
	
p {
	color:#272623;
	padding:10px 10px 0px 10px;
	}
	
.contact-text {
	color:#272623;
	text-transform:uppercase;
	font-weight:bold;
	padding-left:10px;
	margin-top:-5px;
	}
		
.caps-large {
	color:#272623;
	text-transform:uppercase;
	padding-left:10px;
	margin-top:-5px;
	}
	
.dash-line {
	border-top:dashed #CCC 1px;
	margin: 5px 10px 0px 10px;
	
	}
	
.persons-name {
	font-size:10px;
	color:#272623;
	font-style:italic;
	font-weight:bold;
	margin: 10px 0px 0px 10px;
	}

a.footer-link {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	color:#FFF;
	text-decoration:none;
	margin-left:10px;
	}
	
a.footer-link:hover {
	color:#666;
	}
	
a.footer-link:select {
	color:#FFF;
	text-decoration:none;
	}
	
a.footer-link:active {
	color:#FFF;
	text-decoration:none;
	}

a.h4footer-link{
	font-family:"Goodtimes", "Arial Black", Gadget, sans-serif;
	font-size:15px;
	color:#c18eb5;
	text-decoration:none;
	padding:10px;
	clear: both;
	display: block;
}
a.h4footer-link:hover {
	color:#715869;
	text-decoration:none;
}
a.h6footer-link{
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:100;
	color:#454545;
	font-style:normal;
	font-variant:normal;
	text-align:right;
}
a.h6footer-link:hover {
	color:#FFF;
	text-decoration:none;
}

/* ==== Links */

/* ==== Backgrounds */
.bg-site { background-color:#272623; }
.background{
	background-image: url(../img/grid-bg-depth.jpg);
	background-repeat:repeat;
	overflow-x: hidden;
	}
.nav-bg{
	height: 111px;
	width: 100%;
	/*background-image: url(../img/nav-trans.png);*/
	background: #262422 url(../img/bg-trans.jpg) repeat-x;
	border-bottom: 3px solid #C18EB5;
	-webkit-box-shadow: 0 8px 6px -6px #444;
	   -moz-box-shadow: 0 8px 6px -6px #444;
	        box-shadow: 0 8px 6px -6px #444;
	behavior: url('/designs/default/pie/PIE.htc');
	}
.nav-bg-left{
	background: url(../img/bg-nav-left.png) repeat-y;
}
.nav-bg-right{
	background: url(../img/bg-nav-right.png) repeat-y right;
}
.nav-bg-top{
	background: url(../img/bg-nav-top.png) repeat-x left top;
}
.nav-bg-bottom{
	background: url(../img/bg-nav-bottom.png) repeat-x left bottom;
}
.subnav-bg {
	background: #C18EB5;
	padding-top: 0px;
	padding-bottom: 3px;
	margin-bottom: 10px;
	-webkit-box-shadow: 0 8px 6px -6px #444;
	   -moz-box-shadow: 0 8px 6px -6px #444;
	        box-shadow: 0 8px 6px -6px #444;
	behavior: url('/designs/default/pie/PIE.htc');
}
	.subnav-bg .container {
		
	}
	.subnav-bg .subnav-inner {
		background: url(../img/nav-trans.png) 0px -15px;
		background-repeat:repeat-x;
		border: 1px solid #494949;
	}
			

/* ==== Page Sections */
.header {}
.body {}
.aside {}
.columns {}
.
.footer {
	}
	.footer-bg{
		margin-top: 0px;
		border-top: 6px solid #403c39;
		background: #272623;
	}
		

/* ================== MODULE SPECIFIC STYLES =================*/

/* ==== Nav */

/* ==== Grey Box */

.box-grey {
	background: url('../img/bg-grey-opacity.png');
	behavior: url('/designs/default/pie/PIE.htc');
}
.box-grey .box-inner {
	border: 0px solid #494949;
}
.box-border {
	border: 6px solid #222;
}


/* ==== Test (white box) */
.test-color, .box-height {
	background-color: #c7c7c7;
	background-image: url('../img/bg-grey-reflection.jpg');
	background-repeat: repeat-x;
	background-position: left top;
	background: #c7c7c7 url('../img/bg-grey-reflection.jpg') repeat-x left top;
	
}
.test-color {	
	border: #ddd solid 3px;	
	-webkit-box-shadow: 0 0px 6px #666;
	   -moz-box-shadow: 0 0px 6px #666;
	        box-shadow: 0 0px 6px #666;
	
	behavior: url('/designs/default/pie/PIE.htc');
}

.box-height.test-color {
	/* possible fix for ie to make background work when using box-height*/
	behavior: none;
}


.full-width.test-color { 
	border-right: none; 
	border-left: none;  
	overflow: hidden;
}

.box-header {  
	/* background:url(../img/title-trans.png); */
	background: #2c2927 url(../img/bg-trans.jpg) 0px -112px repeat-x;
}
.box-header, .box-center {
	max-height: 102px;
}
.box-header h1 { padding: 6px 0px 6px 10px; font-weight: 200; }
.box-header-border {  
	margin-bottom: 5px;
	margin-left: -10px;
	margin-right: -10px;
	border-left:#2c2927 solid 10px;
	border-right:#2c2927 solid 10px;
	border-top:#2c2927 solid 5px;
	border-bottom:#2c2927 solid 5px;
}

.box-header-border-left {
	margin-bottom: 5px;
	margin-right: -10px;
	border-right:#2c2927 solid 10px;
	border-top:#2c2927 solid 5px;
	border-bottom:#2c2927 solid 5px;
	
}
.box-header-border-right {  
	margin-bottom: 5px;
	margin-left: -10px;
	border-left:#2c2927 solid 10px;
	border-top:#2c2927 solid 5px;
	border-bottom:#2c2927 solid 5px;
}
.box-header-border-inner {
	border:#444 solid 1px;
}

.title-box {
	background: #c18eb5 url(../img/bg-clicktoactivate.jpg) 0px -9px;
	float:left;
	margin:8px 0px 0px 10px;	
}
.title-box h3 {
	line-height: 18px;
	padding: 6px 6px 6px 6px;
	margin: 0px 0px 0px 0px;
	text-shadow: 0px 0px 0px #000;
}
.project-title h4  {
	text-shadow: 0px -1px 0px #000;
}

/* ==== Client Page  */
.client-photobox{
	width:134px;
	height:103px;
	margin-top:10px;
	margin-left:10px;
	background-color:#FFF;
	border:#d8d8d8 solid 1px;
	display: block;
	overflow: hidden;
	text-indent: -999px;
}
.client-photo1{
	background-image:url(../img/client-photo-1.jpg);
	background-repeat:no-repeat;
	background-position:1px 1px;
}
.client-photo2{
	background-image:url(../img/client-photo-2.jpg);
	background-repeat:no-repeat;
	background-position:1px 1px;
}
.client-photo3{
	background-image:url(../img/client-photo-3.jpg);
	background-repeat:no-repeat;
	background-position:1px 1px;
}
.client-photo4{
	background-image:url(../img/client-photo-4.jpg);
	background-repeat:no-repeat;
	background-position:1px 1px;
}
/* ==== Home content box  */
.box-left-three-quarters { padding-left: 10px;}

.box-left{
	margin-left: -99999px;
	padding-left: 99999px;
	border-left: 0px;
    width: 100%;
}
.box-right{
	margin-right: -99999px;
	padding-right: 99999px;
	border-right: 0px;
    width: 100%;
}

.box-center
{
    width: 100%;
}
.box-height {
	margin-bottom: -99969px;
	padding-bottom: 99999px;
}

.inside-box-height {
	margin-bottom: 10px;
	/* IE 7 */ position: relative;
}
.box-wrapper {
	overflow: hidden;	
	position: relative;
}

/* ==== Footer */
.image-align-right{
	float:right;
}

.twitter{
	background-image:url(../img/twitter-icon.jpg);
	background-repeat:no-repeat;
}
.facebook{
	background-image:url(../img/facebook-icon.jpg);
	background-repeat:no-repeat;

}

.linkedin{
	background-image:url(../img/linkedin-icon.jpg);
	background-repeat:no-repeat;
}

a.social-icon{
    width: 26px;
	height:27px;
	float:right;
	overflow:hidden;
	text-indent:-9999px;
	margin: 10px 5px 0px 0px;
}
a.social-icon:hover{
	background-position:0px -36px;
}

/* ==== Nav */
a.nesbitt-logo{
    background-image:url(../img/nesbitt-logo.png);
	background-repeat:no-repeat;
	width: 215px;
	height:80px;
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	margin: 18px 0px 0px 16px;
}
/* ==== About content box  */
.photobox{
	width:307px;
	height:214px;
	display: block;
	overflow:hidden;
	margin:10px 0px 10px 0px;
	text-indent: -1000px;
}
.about1{
	background-image:url(../img/about-1.jpg);
	background-repeat:no-repeat;
	margin-left:20px;
}
.about2{
	background-image:url(../img/about-2.jpg);
	background-repeat:no-repeat;
}
.about3{
	background-image:url(../img/about-3.jpg);
	background-repeat:no-repeat;
	margin-left:-20px;
}
/* ==== Client content box  */
.client1{
	background-image:url(../img/client-1.jpg);
	background-repeat:no-repeat;
	margin-left:20px;
}
.client2{
	background-image:url(../img/client-2.jpg);
	background-repeat:no-repeat;
}
.client3{
	background-image:url(../img/client-3.jpg);
	background-repeat:no-repeat;
	margin-left:-20px;
}
/* ==== Price content box  */
.price1{
	background-image:url(../img/price-1.jpg);
	background-repeat:no-repeat;
	margin-left:20px;
}
.price2{
	background-image:url(../img/price-2.jpg);
	background-repeat:no-repeat;
}
.price3{
	background-image:url(../img/price-3.jpg);
	background-repeat:no-repeat;
	margin-left:-20px;
}
/* ==== Start content box  */
.start1{
	background-image:url(../img/start-1.jpg);
	background-repeat:no-repeat;
	margin-left:20px;
}
.start2{
	background-image:url(../img/start-2.jpg);
	background-repeat:no-repeat;
}
.start3{
	background-image:url(../img/start-3.jpg);
	background-repeat:no-repeat;
	margin-left:-20px;
}
/* ==== Service content box  */
.service1{
	background-image:url(../img/service-1.jpg);
	background-repeat:no-repeat;
	margin-left:20px;
}
.service2{
	background-image:url(../img/service-2.jpg);
	background-repeat:no-repeat;
}
.service3{
	background-image:url(../img/service-3.jpg);
	background-repeat:no-repeat;
	margin-left:-20px;
}
/* ==== Beyond content box  */
.beyond1{
	background-image:url(../img/beyond-1.jpg);
	background-repeat:no-repeat;
	margin-left:20px;
}
.beyond2{
	background-image:url(../img/beyond-2.jpg);
	background-repeat:no-repeat;
}
.beyond3{
	background-image:url(../img/beyond-3.jpg);
	background-repeat:no-repeat;
	margin-left:-20px;
}
/* ==== Awards content box  */
span4.tommie-margin{
	margin-left:15px;
}
.photobox-left{
	margin-left:20px;
	display:block;
	width:285px;
	height:214px;
	margin-top:10px;
	
}
.photobox-right{
	margin-left:-8px;
	display:block;
	width:285px;
	height:214px;
	margin-top:10px;
	
}
.award-photobox{
	width:285px;
	height:214px;
	margin: 10px auto;
	display: block;
	overflow:hidden;
}

.award1{
	background:url(../img/award-1.png) no-repeat center center;
}
.award2{
	background:url(../img/award-2.png) no-repeat center center;
}
.award3{
	background:url(../img/award-3.png) no-repeat center center;
}


/* ================== BTN STYLES =================*/
/* ==== Why BTN */
a.whybtn {
    width:189px;
    height:33px;
    text-indent:-9999px;
    overflow:hidden;
    display:block;
    background:url(../img/why-different-BTN.png) no-repeat 0 0;
	margin-left:10px;
}
a.whybtn:hover {
    background: url(../img/why-different-BTN.png) no-repeat 0 -36px;
	margin-left:10px;
}

a.sticky-bottom {
	position: absolute; 
	bottom: 10px;	
}

/* ==== Learn BTN */
a.learnbtn {
    width:189px;
    height:33px;
    text-indent:-9999px;
    overflow:hidden;
    display:block;
    background:url(../img/learn-BTN.png) no-repeat 0 0;
	margin-left:10px;
}
a.learnbtn:hover {
    background: url(../img/learn-BTN.png) no-repeat 0 -36px;
	margin-left:10px;
}
/* ==== View BTN */
a.viewbtn {
    width:189px;
    height:33px;
    text-indent:-9999px;
    overflow:hidden;
    display:block;
    background:url(../img/view-BTN.png) no-repeat 0 0;
	margin-left:10px;
}
a.viewbtn:hover {
    background: url(../img/view-BTN.png) no-repeat 0 -36px;
	margin-left:10px;
}
/* ==== Contact BTN */
a.contactbtn {
    width:189px;
    height:33px;
    text-indent:-9999px;
    overflow:hidden;
    display:block;
    background:url(../img/contact-BTN.png) no-repeat 0 0;
	margin-left:10px;
}
a.contactbtn:hover {
    background: url(../img/contact-BTN.png) no-repeat 0 -36px;
	margin-left:10px;
}
/* ==== Service BTN */
a.servicebtn {
    width:189px;
    height:33px;
    text-indent:-9999px;
    overflow:hidden;
    display:block;
    background:url(../img/service-BTN.png) no-repeat 0 0;
	margin-left:10px;
}
a.servicebtn:hover {
    background: url(../img/service-BTN.png) no-repeat 0 -36px;
	margin-left:10px;
}
/* ==== Projects BTN */
a.projectsbtn {
    width:189px;
    height:33px;
    text-indent:-9999px;
    overflow:hidden;
    display:block;
    background:url(../img/projects-BTN.png) no-repeat 0 0;
	margin-left:10px;
}
a.projectsbtn:hover {
    background: url(../img/projects-BTN.png) no-repeat 0 -36px;
	margin-left:10px;
}
/* ==== Beyond BTN */
a.beyondbtn {
    width:189px;
    height:33px;
    text-indent:-9999px;
    overflow:hidden;
    display:block;
    background:url(../img/beyond-BTN.png) no-repeat 0 0;
	margin-left:10px;
}
a.beyondbtn:hover {
    background: url(../img/beyond-BTN.png) no-repeat 0 -36px;
	margin-left:10px;
}
/* ==== Start BTN */
a.startbtn {
    width:189px;
    height:33px;
    text-indent:-9999px;
    overflow:hidden;
    display:block;
    background:url(../img/start-BTN.png) no-repeat 0 0;
	margin-left:10px;
}
a.startbtn:hover {
    background: url(../img/start-BTN.png) no-repeat 0 -36px;
	margin-left:10px;
}
/* ==== Price BTN */
a.pricebtn {
    width:189px;
    height:33px;
    text-indent:-9999px;
    overflow:hidden;
    display:block;
    background:url(../img/price-BTN.png) no-repeat 0 0;
	margin-left:10px;
}
a.pricebtn:hover {
    background: url(../img/price-BTN.png) no-repeat 0 -36px;
	margin-left:10px;
}
/* ==== Testimonials BTN */
a.testimonialsbtn {
    width:189px;
    height:33px;
    text-indent:-9999px;
    overflow:hidden;
    display:block;
    background:url(../img/testimonials-BTN.png) no-repeat 0 0;
	margin-left:10px;
}
a.testimonialsbtn:hover {
    background: url(../img/testimonials-BTN.png) no-repeat 0 -36px;
	margin-left:10px;
}	


p a.pricebtn, p a.testimonialsbtn, p a.startbtn, p a.beyondbtn, p a.projectsbtn, p a.servicebtn, p a.contactbtn, p a.viewbtn, p a.learnbtn,

p a.pricebtn:hover, p a.testimonialsbtn:hover, p a.startbtn:hover, p a.beyondbtn:hover, p a.projectsbtn:hover, p a.servicebtn:hover, p a.contactbtn:hover, p a.viewbtn:hover, p a.learnbtn:hover
{
	margin-left: 0px;
}

/* ==== Projects Detailed Display */

.slideshow { background: #000; border-top: 6px solid #222; border-bottom: 6px solid #222;  }

.row-fluid [class*="span"].project-title,
.project-title {float:right; margin-right: 60px;}

.project-img { margin: 0px 10px 10px 10px; }
.project-img img { margin: 0 auto; display: block; border: 6px solid #222; }

.project-title { height: auto; overflow:hidden; }

.project-description-box { height: 286px; overflow:hidden; }
.project-description-box p { color: #999; }
.project-description-box h4 {
	text-shadow: 0px -1px 0px #000;
	zoom: 1;}

.project-wrapper {
	background:  #c7c7c7 url('/designs/default/img/bg-grey-reflection.jpg') repeat-x;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.project {
	background-color: #333;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	border-top: 1px solid #292929;
	border-bottom: 1px solid #292929;
}

.social-button-container {
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: 10px;
    overflow: hidden; 
}

.social-button {
    float: left;
    width: 100px;
    height: 20px;
}


.blog-date-wrapper {}
.blog-date { position: absolute; top: 0; right: 0; margin-right: -5px; margin-top: -5px;}
.blog-date {
	background: #c18eb5 url(../img/bg-clicktoactivate.jpg) 0px -5px;
	color: #222; 
	font-weight: bold;
}	
	
/* =========== Media Queries */

@media (min-width: 768px) {}

/* ==== Anything smaller than 979px pink */
@media (max-width: 979px) {
ul.nav-styles {
	margin-left:60px;
}
.nav-styles li {
	font-size:15px;
}
.nav-styles li a {
	padding: 50px 10px 31px 10px;
	text-align: right;
}
.nav-styles li.item-alt a {
	text-align:left;
}
.photobox-left{
	width:215px;
	
}
.photobox-right{
	width:215px;
	
}
.award-photobox{
	width:215px;
}
	

a.h4footer-link{
	font-size:12px;
}
	
}

/* ==== CSS STYLES FOR TABLETS pink */
@media (min-width: 768px) and (max-width: 979px) {

.nav-bg { height: auto; }
.row-fluid [class*="span"].project-title,
.project-title {margin-right:40px;}

.nav-styles li:hover ul { display: none; }
h1 {
	font-size:14px;
	}
h3 {
	font-size:15px;
	}
h4 {
	font-size:13px;
	}
.photobox{
	width:224px;
	height:156px;
}
/*== Client PHOTOS == */
.client1{
	background:url(../img/client-1s.jpg);
	margin-left:24px
}
.client2{
	background:url(../img/client-2s.jpg);
}
.client3{
	background:url(../img/client-3s.jpg);
	margin-left:-24px;
}

.client-photobox {
	margin-top:10px;
	margin-left:-10px;
	background-color:#FFF;
	border:#d8d8d8 solid 1px;
}

/*== About PHOTOS == */
.about1{
	background:url(../img/about-1s.jpg);
	margin-left:24px
}
.about2{
	background:url(../img/about-2s.jpg);
}
.about3{
	background:url(../img/about-3s.jpg);
	margin-left:-24px;
}
/*== Beyond PHOTOS == */
.beyond1{
	background-image:url(../img/beyond-1s.jpg);
	margin-left:24px
}
.beyond2{
	background-image:url(../img/beyond-2s.jpg);
}
.beyond3{
	background-image:url(../img/beyond-3s.jpg);
	margin-left:-24px;
}
/*== Service PHOTOS == */
.service1{
	background-image:url(../img/service-1s.jpg);
	margin-left:24px
}
.service2{
	background-image:url(../img/service-2s.jpg);
}
.service3{
	background-image:url(../img/service-3s.jpg);
	margin-left:-24px;
}
/*== Start PHOTOS == */
.start1{
	background-image:url(../img/start-1s.jpg);
	margin-left:24px
}
.start2{
	background-image:url(../img/start-2s.jpg);
}
.start3{
	background-image:url(../img/start-3s.jpg);
	margin-left:-24px;
}
/*== Price PHOTOS == */
.price1{
	background-image:url(../img/price-1s.jpg);
	margin-left:24px
}
.price2{
	background-image:url(../img/price-2s.jpg);
}
.price3{
	background-image:url(../img/price-3s.jpg);
	margin-left:-24px;
}
}

/* ==== CSS STYLES FOR ALL MOBILE PHONES blue */
@media (max-width: 767px) { 

.span4, .span8, .span6, .span9, .span3 { margin-bottom: 10px;}

.blog-date-wrapper { width: 100%; overflow: hidden;}
.blog-date { position: relative; top: 0; right: 0; margin-right: 0px; margin-top: 0px;}
.blog-date {
	background: #c18eb5 url(../img/bg-clicktoactivate.jpg) 0px -5px;
	float:left;
	color: #222; 
	font-weight: bold;
}

.project-description-box { height: auto; }
.project-img { margin: 0px 0px 0px 0px; overflow: hidden;}
.project-img img { border-width: 0px;}
.row-fluid [class*="span"].project-title,
.project-title {float: none; margin-right:0px;}

.test-color {
	border:#f1f1f1 solid 1px;
}

.box-header-border-inner {
	border-left: 1px solid #272523;	
	border-right: 1px solid #272523;	
}

.box-header-border{
	margin-bottom: 5px;
	margin-right: -20px;
	border-right:#2c2927 solid 20px;
	margin-left: -20px;
	border-left:#2c2927 solid 20px;
	border-top:#2c2927 solid 5px;
	border-bottom:#2c2927 solid 5px;
	
}	

.box-left{
	margin-left: 0px;
	padding-left: 0px;
	
}
.box-header-border-left {
	margin-bottom: 5px;
	margin-right: -20px;
	border-right:#2c2927 solid 20px;
	margin-left: -20px;
	border-left:#2c2927 solid 20px;
	border-top:#2c2927 solid 5px;
	border-bottom:#2c2927 solid 5px;
	
}
.box-right{
	margin-right: 0px;
	padding-right: 0px;
}
.box-header-border-right {
	margin-bottom: 5px;
	margin-right: -20px;
	border-right:#2c2927 solid 20px;
	margin-left: -20px;
	border-left:#2c2927 solid 20px;
	border-top:#2c2927 solid 5px;
	border-bottom:#2c2927 solid 5px;
	
}
.box-height {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.box-wrapper {
	overflow: visible;
}
a.sticky-bottom {
	position: inherit;	
}

.footer {
	}
	.footer-bg{
		margin-right: -20px;
		border-right:#272623 solid 10px;
		margin-left: -20px;
		border-left:#272623 solid 10px;
		text-align:center;
}
a.footer-link {
	margin-left:0px;
}

.nav-bg{
	background:url(../img/nav-trans-big.png);
	/*
	margin-right: -20px;
	margin-left: -20px;
	*/
	background-repeat:repeat;
	overflow-x: hidden;	
	height: auto;
}
a.nesbitt-logo{
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	margin: 18px -20px 0px 24px;
}
ul.nav-styles {
	margin-left: 0px;
	margin-top: -30px;
}
.nav-styles li {
	overflow:hidden;
	font-size:15px;
	width: 50%;
	padding-top: 0px;
	border: none;
	margin: 0px 0px 0px 0px;
}
.nav-styles li ul { display: none; clear: both; margin-top: 50px; }
.nav-styles li a {
	padding: 8px 10px 8px 10px;
	background: url(../img/1px-trans-black.png);
	/* margin: 5px; */
	margin: 0px 0px 0px 0px;
	border: 5px solid #222;
	display: block;
}
.nav-styles li:hover {
	background-color: transparent;
	border: none;
	color:#FFF;
}
.nav-styles li.active {
	background-color: transparent;
	color:#FFF;
}
.nav-styles li:hover,
.nav-styles li.active {
	border: none;
}
.nav-styles li a:hover,
.nav-styles li.active a {
	background-color:#c18eb5;
	color:#FFF;
	/*border: none;
	margin-top: 5px;*/
	border: 5px solid #c18eb5;
}

.nav-styles li ul { display: none; }

/** sub nav */
.subnav { }
.subnav li { width: 100%;}
.subnav li a { background: #444; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 100%; text-align: center; border-bottom: 1px solid #555;}
.subnav li a.active {
	 -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;}


social-icon{
	float:none;
	display: block; 
	position: relative;
	margin: 0 auto;
}

/*== Navigation == */
.span3.logo { overflow: hidden; }

.span3.logo a.nesbitt-logo {
	float: none;
	margin: 20px 0px 20px 0px auto;
	padding-bottom: 20px;
	display: block;
}

.photobox-left{
	margin:0px auto;
	margin-top:10px;
}
.photobox-right{
	margin:0px auto;
	margin-top:10px;
}
.award-photobox{
	margin:0px auto;
	margin-top:10px;
}
.photobox{
	width:224px;
	height:156px;
}

/*== Client PHOTOS == */
.client1{
	background:url(../img/client-1s.jpg);
	margin:0px auto;
	margin-top:10px;
}
.client2{
	background:url(../img/client-2s.jpg);
	margin:0px auto;
}
.client3{
	background:url(../img/client-3s.jpg);
	margin:0px auto;
	margin-bottom:10px;
}
/*== About PHOTOS == */
.about1{
	background:url(../img/about-1s.jpg);
	margin:0px auto;
	margin-top:10px;
}
.about2{
	background:url(../img/about-2s.jpg);
	margin:0px auto;
}
.about3{
	background:url(../img/about-3s.jpg);
	margin:0px auto;
	margin-bottom:10px;
}
/*== Beyond PHOTOS == */
.beyond1{
	background-image:url(../img/beyond-1s.jpg);
	margin:0px auto;
	margin-top:10px;
}
.beyond2{
	background-image:url(../img/beyond-2s.jpg);
	margin:0px auto;
}
.beyond3{
	background-image:url(../img/beyond-3s.jpg);
	margin:0px auto;
	margin-bottom:10px;
}
/*== Service PHOTOS == */
.service1{
	background-image:url(../img/service-1s.jpg);
	margin:0px auto;
	margin-top:10px;
}
.service2{
	background-image:url(../img/service-2s.jpg);
	margin:0px auto;
}
.service3{
	background-image:url(../img/service-3s.jpg);
	margin:0px auto;
	margin-bottom:10px;
}
/*== Start PHOTOS == */
.start1{
	background-image:url(../img/start-1s.jpg);
	margin:0px auto;
	margin-top:10px;
}
.start2{
	background-image:url(../img/start-2s.jpg);
	margin:0px auto;
}
.start3{
	background-image:url(../img/start-3s.jpg);
	margin:0px auto;
	margin-bottom:10px;
}
/*== Price PHOTOS == */
.price1{
	background-image:url(../img/price-1s.jpg);
	margin:0px auto;
	margin-top:10px;
}
.price2{
	background-image:url(../img/price-2s.jpg);
	margin:0px auto;
}
.price3{
	background-image:url(../img/price-3s.jpg);
	margin:0px auto;
	margin-bottom:10px;
}
}




/* ==== CSS STYLES FOR SMALL MOBILE PHONE LAYOUT green */

@media (max-width: 480px) {
		
}