@charset "UTF-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Arvo);
@import url(http://fonts.googleapis.com/css?family=Oswald);

html {min-width:1000px;}
body {
	margin:0;
	min-width:1000px;
	background:#000;
	color:#231f20;
	font:13px Arial, Helvetica, sans-serif;
}
img {border-style:none;}
a {
	text-decoration:none;
	color:#1470a6;
}
a:hover {color:#004961; cursor:pointer;}
input{
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#000;
}
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
#wrapper {
	position:relative;
	width:100%;
	background:#fff;
	overflow:hidden;
}
#header {
	width:100%;
	border-top:5px solid #f1f1f2;
	background:#000 url(http://thenorthstate.com/images/bg-header.gif) repeat-x;
}
.header-holder {
	width:949px;
	padding:0 22px 0 19px;
	margin:0 auto;
	overflow:hidden;
}
.area{
	overflow:hidden;
	width:943px;
	padding-right:6px;
}
.contacts{
	font:16px/18px "Oswald", Arial, serif;
	float:right;
	text-transform:uppercase;
	background:url(http://thenorthstate.com/images/bg-contacts.gif) repeat-x;
	padding:5px 9px 8px 13px;
	color:#000;
}
.logo {
	float:left;
	margin:21px 0 0;
	background: url(http://thenorthstate.com/images/logo.png) no-repeat;
	width:315px;
	height:56px;
	text-indent:-9999px;
	overflow:hidden;
}
.logo a{
	position:relative;
	display:block;
	height:100%;
	cursor:pointer;
}
#nav{
	margin:-6px 0 0;
	padding:0;
	position:relative;
	list-style:none;
	float:right;
}
#nav li{
	text-transform:uppercase;
	float:left;
	font:16px/18px "Oswald", Arial, serif;
	margin-left:3px;
	padding-bottom:3px;
	display:inline;
}
#nav a{
	float:left;
	min-width:86px;
	color:#e2e0dc;
	text-align:center;
	white-space:nowrap;
	padding:5px 6px 12px;
}
* html #nav a {width:86px;}
#nav .orange a{background:url(http://thenorthstate.com/images/line-nav-orange.gif) repeat-x 100% 100%;}
#nav .green a{background:url(http://thenorthstate.com/images/line-nav-green.gif) repeat-x 100% 100%;}
#nav .blue a{background:url(http://thenorthstate.com/images/line-nav-blue.gif) repeat-x 100% 100%;}
#nav .yellow a{background:url(http://thenorthstate.com/images/line-nav-yellow.gif) repeat-x 100% 100%;}
#nav a:hover,
#nav .active a{
	background:none;
	padding-bottom:3px;
	margin-bottom:-3px;
	text-decoration:none;
}
#nav .orange a:hover{border-bottom:8px solid #f07228;}
.orange #nav .active a{border-bottom:12px solid #f07228;}


#nav .green a:hover{border-bottom:8px solid #c1d82f;}
.green #nav .active a{border-bottom:12px solid #c1d82f;}

#nav .blue a:hover{border-bottom:8px solid #26a9e0;}
.blue #nav .active a{border-bottom:12px solid #26a9e0;}

#nav .yellow a:hover{border-bottom:8px solid #f1b602;}
.yellow #nav .active a{border-bottom:12px solid #f1b602;}

.title {
	position:relative;
	width:100%;
	margin:0 auto;
	color:#231f20;
	font-size:17px;
	line-height:20px;
	background:#d2d4d4 url(http://thenorthstate.com/images/bg-title-center.gif) repeat-y 50% 0;
	border-bottom:1px solid #488aa6;
}
.title .holder {
	width:100%;
	border-bottom:3px solid #26a9e0;
}
.title .frame {
	width:990px;
	color:#231f20;
	padding:8px 0 8px;
	margin:0 auto;
	text-align:center;
	font:17px/20px "Oswald", Arial, sans-serif;
}
.title p{margin:0;}
#main {
	width:100%;
	border-bottom:5px solid #fff;
}
.main-nav{
	position:relative;
	z-index:4;
	width:100%;
	margin:-1px 0;
	background:url(http://thenorthstate.com/images/bg-main-nav.gif) repeat-x;
	border-top:4px solid #f07228;
}
.blue .main-nav{border-top:4px solid #26a9e0;}
.yellow .main-nav {border-top:4px solid #f1b602;}
.green .main-nav{border-top:4px solid #c1d82f;}

.main-nav .holder {
	width:968px;
	padding:0 22px 0 0;
	margin:0 auto;
	overflow:hidden;
}
.main-nav ul{
	float:right;
	margin:0;
	padding:0;
	list-style:none;
}
.main-nav li{
	letter-spacing:1px;
	font-size:10px;
	line-height:13px;
	font-weight:bold;
	float:left;
	display:inline;
	text-transform:uppercase;
	margin-left:15px;
}
.main-nav a{
	color:#fff;
	display:block;
	padding:10px 13px;
	outline:0;
}
.main-nav a:hover,
.main-nav .active a{
	text-decoration:none;
	padding-bottom:9px;
	border-bottom:6px solid #fff;
}
#content{
	position:relative;
	overflow:hidden;
	width:100%;
	background:#f8f8f9 url(http://thenorthstate.com/images/bg-content1.gif) repeat-y 50% 0; /*#f3f3f4*/
}
.slider {
	overflow:hidden;
	width:100%;
	/*position:relative;*/
	margin:0 auto;
}
.content-holder {
	/*position:relative;*/
	width:100%;
	overflow:hidden;

}
.content-wrap {
	width:100%;
}

/*.yellow .content-wrap {margin-left:4px; background: no-repeat 50% 0;}
.blue .content-wrap {margin-left:4px; background: no-repeat 50% 0;}
.orange .content-wrap { background: no-repeat 50% 0;}
.green.content-wrap { background: no-repeat 50% 0;}*/

.content-frame {
	position:relative;
	z-index:100;
	width:990px;
	min-height:397px;
	margin:0 auto;
	background:url(http://thenorthstate.com/images/bg-dots1.png) no-repeat;
}

* html .content-frame {height:397px; }

.content-frame:after {
	content:"";
	display:block;
	clear:both;
}
.slide-title {
	position:relative;
	z-index:10;
	width:956px;
	padding:34px 0 0 36px;
}
.slide-title strong {
	display:block;
	width:287px;
	padding:0 0 3px;
	font: normal 18px/23px "Arvo", Arial, serif;
	color:#6d6e70;
}
.slide-heading {
	position:relative;
	width:956px;
	margin:0 -9000px;
	padding:0 9000px;
	background:url(http://thenorthstate.com/images/bg-titles.gif) no-repeat 50% 0;
	overflow:hidden;
}
.yellow .slide-heading {background-position:50% -240px;}
.orange .slide-heading {background-position:50% -481px;}
.green .slide-heading {background-position:50% -735px;}


.slide-heading h2{
	width:290px;
	float:left;
	margin:0;
	padding:11px 0 10px;
	font: 30px/32px "Oswald", Arial, serif;
	letter-spacing:-1px;
	color:#fff;
	background:#26a9e0;
	overflow:hidden;
}
.yellow .slide-heading h2 {background:#f1b602;}
.orange .slide-heading h2 {background:#f07228;}
.green .slide-heading h2 {background:#c1d82f;}

.slide-heading .arrow {
	position:relative;
	float:left;
	height:53px;
	width:16px;
	overflow:hidden;
}
.slide-heading .arrow span {
	display:block;
	background:url(http://thenorthstate.com/images/bg-arrows4.png) no-repeat;
	width:16px;
	height:310px;
	text-indent:-9999px;
	overflow:hidden;
}
.yellow .slide-heading .arrow span {margin:-83px 0 0;}
.orange .slide-heading .arrow span {margin:-166px 0 0;}
.green .slide-heading .arrow span {margin:-244px 0 0;}

.gallery {
	position:relative;
	z-index:2;
	width:972px;
	float:right;
	margin:-45px 0 0;
}
.gallery-holder {
	position:relative;
	width:100%;
	height:381px;
	overflow:hidden;
}


.gallery2 {
	position:relative;
	z-index:2;
	width:972px;
	float:right;
	margin:-45px 0 0;
}

.slide-descriptions {
	position:relative;
	z-index:9;
	width:330px;
	list-style:none;
	top:45px;
	margin:0;
	padding:0;
}
.slide-descriptions li {
	display:none;
	position:absolute;
	width:330px;
	padding:0 0 0 16px;
	left:0;
	top:0;
}
.slide-descriptions li.active {
	display:block;
	z-index:2;
}
.text-container {
	padding:0 7px 0 15px;
	margin:0 -16px;
	width:285px;
	min-height: 278px;
	line-height:17px;
	background:url(http://thenorthstate.com/images/bg-text-container.png) no-repeat;
	
}
* html .text-container {height:278px;}
.text-container h2{
	color:#000;
	font:normal 30px/36px "Arvo", Arial, serif;
	margin:0 0 7px 1px;
	position:relative;
	letter-spacing:1px;
	padding-top:14px;
}
.orange .text-container h2{
	padding-top:16px;
	margin-bottom:9px;
}
.text-container p{margin:0 0 13px;}
.button{
	position:relative;
	display:inline-block;
	vertical-align:top;
	color:#1470a6;
	margin:0 0 0 -4px;
	cursor:pointer;
}
.button:hover {text-decoration:none; margin-top:-1px; padding-bottom:1px; opacity:.8; color:#1470a6;}
.button span{
	float:left;
	width: 25px;
	height: 32px;
	background:url(http://thenorthstate.com/images/bg-button-r.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}



.button strong{
	font: 13px/17px "Arvo", Arial, serif;
	float:left;
	height:25px;
	padding:7px 11px 0 9px;
	background:url(http://thenorthstate.com/images/bg-button-l.png) no-repeat;
}
/*.button:hover strong {text-decoration:none; background-image:url(http://thenorthstate.com/images/bg-button-l-hover.png)}*/




.carousel{
	position:relative;
	margin:0;
	padding:0;
	width:90000px;
	height:381px;
	list-style:none;
	overflow:hidden;

}
.carousel li{
	width:972px;
	float:left;
	text-align:right;
		
}
.carousel img{
	vertical-align:top;
	margin:0;
}
.switcher{
	float:right;
	display:inline;
	position:relative;
	z-index:10;
	margin:-23px 22px 0 0;
	padding:0;
	list-style:none;
}
.switcher li {
	position:relative;
	float:left;
	width:32px;
	height:11px;
	margin-left:10px;
	text-indent:-9999px;
	overflow:hidden;
}
.switcher a {
	position:relative;
	float:left;
	width:32px;
	height:60px;
	background:url(http://thenorthstate.com/images/bg-switcher.png) no-repeat;
	cursor:pointer;
}
.switcher a:hover,
.switcher .active a {margin-top:-15px;}
.orange .switcher a:hover,
.orange .switcher .active a {margin-top:-30px;}
.yellow .switcher a:hover,
.yellow .switcher .active a {margin-top:-45px;}

.post{
	position:relative;
	float:right;
	width:600px;
	line-height:19px;
	margin:-76px 0 0;
	padding:38px 24px 10px 345px;
	overflow:hidden;
}
.blue .post {
	margin:-109px 0 0;
	padding:38px 24px 10px 345px;
}
.post h2{
	font:normal 30px/36px "Arvo", Arial, serif;
	margin:0 0 13px;
	color:#000;
}

.post h3, .text-container h3 {
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 16px;
	border-top:5px solid #000;
	border-bottom:5px solid #000;
	padding:6px 2px 6px 2px;
	text-transform:uppercase;
	margin:0 0 10px 0;
}

.yellow .post h2{margin-bottom:0px;}

.title-post{
	width:590px;
	margin:65px 0 0 -331px;
	position:relative;
}
.text-box{width:615px;}
.text-box:after{
	display:block;
	clear:both;
	content:"";
}
.colum{
	width:277px;
	padding-right:19px;
	float:left;
}

.colum img{
	border: 1px solid #e5e5e5;
}



.colum p{margin:0 0 18px;}


.post ul{
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;

}



/* 2 Column Styling */

/*Studio Overview Columns */
#studio .text-box #columnA {
	width:290px;
	float:left;
	margin-right:16px;
	margin-top:10px;
}


#studio .text-box #columnB {
	width:290px;
	float:left;
	margin-right:0px;

	margin-top:10px;
}


#studio .colum{
	width:290px;
	padding-right:0px;
	float:left;
	/*margin-right:51px;*/
}

#studio .colum p{margin:0 0 18px;}

#studio2, #studio3, #studio4{display: none;}

/*Expertise */


#expertise .text-box{width:950px; float:left; margin:0px auto; padding:0px auto; text-align:left;}

#expertise  .text-box:after{
	display:block;
	clear:both;
	content:"";
}

#expertise h2{
	width:610px;
}

#expertise .text-box #columnA {
	float:left;
	margin-right:44px;
	padding-right:0px;
}

#expertise .text-box #columnB {
	width:272px;
	float:left;
	margin-right:0px;
	padding-top:14px;
}

#expertise  .colum{
	/*width:272px;*/
	padding-right:0px;
	float:left;
	/*margin-right:51px;*/
}

#expertise  .colum p{margin:0 0 18px;}

#expertise2, #expertise3, #expertise4{display: none;}


/* 3 Column Styling */

/* The Story */

#story{
	margin:-76px 0px 0 0;
	z-index:2;
	position:relative;
	float:left;
	width:940px;
	line-height:19px;
	padding:24px 24px 10px 40px;
	overflow:hidden;
}

#story h2{
	margin-top:66px;
	float:left;
}

#story .text-box{width:940px; float:left; margin:0px auto; padding:0px auto; text-align:left;}

#story .text-box:after{
	display:block;
	clear:both;
	content:"";
}

#story .text-box #columnA {
	width:272px;
	float:left;
	margin-right:51px;
}


#story .text-box #columnB {
	width:272px;

	float:left;
	margin-right:51px;
}

#story .text-box #columnC {
	width:272px;
	float:left;
	margin-right:0px;
}


#story .colum{
	width:272px;
	padding-right:0px;
	float:left;
	margin-right:51px;
}

#story .colum p{margin:0 0 18px;}


/* Partner Profiles */

#partners{
	margin:-76px 0px 0 0;
	z-index:2;
	position:relative;
	float:left;
	width:940px;
	line-height:19px;
	padding:24px 24px 10px 40px;
	overflow:hidden;
}

#partners h2{
	margin-top:-3px;
	margin-left:320px;
	float:left;
	width:600px;
}


#partners .text-box{width:940px; float:left; margin:0px 0 0 0; padding:0px auto; text-align:left;}

#partners .text-box:after{
	display:block;
	clear:both;
	content:"";
}

#partners .text-box #columnA {
	width:272px;
	float:left;
	margin-right:51px;
}


#partners .text-box #columnB {
	width:272px;

	float:left;
	margin-right:51px;
}

#partners .text-box #columnC {
	width:272px;
	float:left;
	margin-right:0px;
}


#partners .colum{
	width:272px;
	padding-right:0px;
	float:left;
	margin-right:51px;
}

#partners .colum p{margin:0 0 18px;}


/* Contact */

#contact {
	margin:-76px 0px 0 0;
	z-index:2;
	position:relative;
	float:left;
	width:940px;
	line-height:19px;
	padding:24px 24px 10px 40px;
	overflow:hidden;
}

#contact h2{
	margin-top:-3px;
	margin-left:320px;
	float:left;
	width:600px;
}



#contact .text-box{width:940px; float:left; margin:11px 0 0 0; padding:0px auto; text-align:left;}

#contact .text-box:after{
	display:block;
	clear:both;
	content:"";
}

#contact .text-box #columnA {
	width:272px;
	float:left;
	margin-right:51px;
}


#contact .text-box #columnB {
	width:272px;

	float:left;
	margin-right:51px;
}

#contact .text-box #columnC {
	width:272px;
	float:left;
	margin-right:0px;
}


#contact .colum{
	width:272px;
	padding-right:0px;
	float:left;
	margin-right:51px;
}

#contact .colum p{margin:0 0 18px;}



/* Capabilities */


#capabilities{
	margin:-76px 0px 0 0;
	z-index:2;
	position:relative;
	float:left;
	width:940px;
	line-height:19px;
	padding:24px 24px 10px 40px;
	overflow:hidden;
}



#capabilities .text-box{width:940px; float:left; margin:5px auto; padding:0px auto; text-align:left;}

#capabilities .text-box:after{
	display:block;
	clear:both;
	content:"";
}

#capabilities .text-box #columnA {
	width:272px;
	margin-top:70px;
	float:left;
	margin-right:51px;
}


#capabilities .text-box #columnB {
	width:272px;
	float:left;
	margin-right:49px;
	margin-left:4px;
}

#capabilities.text-box #columnC {
	width:272px;
	float:left;
	margin-right:0px;
}


#capabilities .colum{
	width:272px;
	padding-right:0px;
	float:left;
	/*margin-right:51px;*/
}

#capabilities .colum p{margin:0 0 18px;}


/* Insights Layout */
#insights{
	margin:-76px 0px 0 0;
	z-index:2;
	position:relative;
	float:left;
	width:940px;
	line-height:19px;
	padding:24px 24px 10px 40px;
	overflow:hidden;
}

#insights h2{
	margin-top:-3px;
	margin-left:320px;
	float:left;
	width:600px;
}


#insights .text-box{width:940px; float:left; margin:4px 0 0 0; padding:0px auto; text-align:left;}

#insights .text-box:after{
	display:block;
	clear:both;
	content:"";
}

#insights .text-box .date{
	color:#929497;
	font-size:12px;
}

#insights .text-box #columnA a.button{position:absolute; bottom:0px; left:40px;}
#insights .text-box #columnB a.button{position:absolute; bottom:0px; left:364px;}
#insights .text-box #columnC a.button{position:absolute; bottom:0px; left:686px;}

#insights .text-box #columnA {
	width:272px;
	float:left;
	margin-right:51px;
}

#insights .text-box #columnB {
	width:272px;
	float:left;
	margin-right:51px;	
}

#insights .text-box #columnC {
	width:272px;
	float:left;
	margin-right:0px;
}

#insights .colum{
	height:230px;
	width:272px;
	padding-right:0px;
	float:left;
	/*margin-right:51px;*/
}

#insights .colum p{margin:0 auto;}

/*Specialties Slide*/


#specialties{
	margin:-76px 0px 0 0;
	z-index:2;
	position:relative;
	float:left;
	width:967px;
	line-height:19px;
	padding:24px 24px 10px 23px;
	overflow:hidden;
}

#specialties .menucolumn{ width:305px; float:left; margin:70px 0px 5px 0px; padding:0px auto; text-align:left;

}

#specialties .menucolumn ul{
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	text-indent: 17px;
	
}

#specialties .menucolumn ul li{
	margin-bottom:3px;
	
	
}

#specialties .menucolumn ul li a{
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 16px;
	padding:20px 2px 30px 2px;
	text-transform:uppercase;
	margin:0 auto;
	display:block;
	color:#000;
}

#specialties .menucolumn ul li a:hover{
	background-image:url(http://thenorthstate.com/images/bg-menucolum-link.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#000;
}

#specialties .menucolumn .active{
	background-image:url(http://thenorthstate.com/images/bg-menucolum-link.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#000;
}

#specialties .text-box{width:611px; float:right; margin:0px 15px 5px 5px; padding:5px 0 0 0; text-align:left;}

#specialties .text-box:after{
	display:block;
	clear:both;
	content:"";
}

#specialties .text-box h2{
	text-align:left; width:585px; margin-bottom:20px;
}

#specialties .text-box h3{
	width:585px;
}

#specialties .text-box #columnA {
	width:290px;
	float:left;
	margin-right:16px;
	margin-top:10px;
}


#specialties .text-box #columnB {
	width:290px;
	float:left;
	margin-right:0px;
	margin-top:10px;
}


#specialties .colum{
	width:272px;
	padding-right:0px;
	float:left;
	/*margin-right:51px;*/
}

#specialties .colum p{margin:0 0 18px;}

/* Case Study */


#casestudy{
	margin:-76px 0px 0 0;
	position:relative;
	float:left;
	width:940px;
	line-height:19px;
	padding:24px 24px 10px 40px;
	overflow:hidden;
}

#casestudy h2{margin-top:66px;float:left;}

#casestudy #columnB h2{
	margin-top:5px;
}

#casestudy .text-box{width:940px; float:left; margin:0px auto; padding:0px auto; text-align:left;}

#casestudy .text-box:after{display:block;clear:both;content:"";}

#casestudy .text-box #columnA {
	width:272px;
	float:left;
	margin-right:51px;
	margin-top:-65px;
}


#casestudy .text-box #columnB {
	width:580px;
	float:left;
	margin-right:0px;
	padding-bottom:20px
	
}


#casestudy .colum{
	/*width:272px;*/
	padding-right:0px;
	float:left;
	/*margin-right:51px;*/
}

#casestudy .colum p{margin:0 0 18px;}


#casestudy #cs-subnav{
	height:70px;
	float:right;
	width:612px;
	position: relative;
	z-index: 100;
}

/*Active Case Study Nav */
#cs-subnav .active {color:#f07228;}



#casestudy h3{
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 16px;
	padding:6px 2px 6px 2px;
	text-transform:none;
	margin:0 0 10px 0;
	border:none;
}


#casestudy h4{
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	color:#BBBDBF;
	font-size:12px;
	margin:0 auto;
	padding:8px 0px 0px 0px;
}

#casestudy .quotation{
	float:right;
	width:270px;
	font-size:22px;
	font-family: 'Arvo', Arial, Helvetica, sans-serif;
	line-height:1.4em;
	margin:5px 0 10px 18px;
	color:#444;/*#F07228*/
	font-style:italic;
}

#casestudy .caption{font-size:10px; height:30px;}

#casestudy img{border:none;}

/* End of 3 Column Styles */








/*Form */


.form input{

	background-color:#fff;
	border:1px solid #929497;
	color:#333333;
	width:265px;
	padding: 4px 0px 4px 4px;
  	font-size: 11px;
	margin-bottom:5px;
}

.form textarea{
	background-color:#fff;
	border:1px solid #929497;
	color:#333333;
	width:265px;
	font-family:Arial, Helvetica, sans-serif;
    padding: 2px 0px 2px 4px;
    font-size: 11px;
	margin-bottom: 8px;
}





.section {
	width:100%;
	background:#e7e7e8 url(http://thenorthstate.com/images/bg-section.gif);
}
.section-holder {
	width:100%;
	background:url(http://thenorthstate.com/images/bg-section-b.gif) repeat-x 0 100%;
}
.section-frame {
	width:986px;
	padding:18px 0 26px 4px;
	margin:0 auto;
	overflow: hidden;
}
.boxes {
	position:relative;
	float:left;
	padding:0 0 4px;
	background:url(http://thenorthstate.com/images/bg-boxes-b.gif) no-repeat 14px 100%;
}
.boxes .holder {
	float:left;
	background:url(http://thenorthstate.com/images/bg-boxes-t.gif) no-repeat;
	padding:0 0 1px;
}
.box {
	float:left;
	display:inline;
	width:269px;
	padding:6px 20px 26px 20px;
	margin:0 0 0 14px;
	line-height:15px;
	overflow:hidden;
}
.box-title {
	position:relative;
	width:234px;
	padding:7px 55px 4px 18px;
	margin:0 -19px 8px;
	border-bottom:3px solid #d1e263;
}
.box-yellow .box-title {border-color:#f5c841;}
.box-orange .box-title {border-color:#f4955e;}
.box-blue .box-title {border-color:#5cbfe8;}
.quotes {
	position:absolute;
	right:7px;
	bottom:-13px;
}
.box-title h2 {
	margin:0;
	font: 14px/18px "Arvo", Georgia, "Times New Roman", serif;
	color:#404041;
}
.box h3 {
	color: #231f20;
	font: 17px/23px "Oswald", Arial, sans-serif;
	margin: 0 0 5px;
}
.box p {margin:0 0 20px;}
.box .button {
	position:absolute;
	bottom:12px;
	margin:0 0 0 -2px;
}
.box blockquote {
	width:273px;
	margin:0 -4px;
}
.box q {
	display:block;
	padding:0 0 7px 4px;
	quotes:none;
	text-indent:-4px;
}
.box q:before {content:"";}
.box q:after {content:"";}
.box cite {
	display:block;
	padding:0 0 0 4px;
	font-style:italic;
}
.box .image {
	margin:-1px 0 18px;
	color:#6d6e70;
}
.image img {
	vertical-align:top;
	margin:0;
}
.box .image span {
	display:block;
	padding:5px 0 0;
	font-size:12px;
	word-spacing:-1px;
}
.ico-contact {
	position:absolute;
	right:13px;
	top:1px;
}
.add-nav{
	float:left;
	width:311px;
	margin:-3px 0 0 0;
	padding:0 0 0 12px;
	list-style:none;
	overflow:hidden;
}
.add-nav li{
	text-transform:uppercase;
	float:left;
	width: 311px;
	height: 60px;
	margin:0 0 -2px;
	font:16px/20px "Oswald", Arial, sans-serif;
	background:url(http://thenorthstate.com/images/bg-addnav.png) no-repeat;
}

.add-nav li:hover{
	background:url(http://thenorthstate.com/images/bg-addnav-hover.png) no-repeat;
}

.add-nav .orange:hover {
	background:url(http://thenorthstate.com/images/bg-addnav-hover-orange.png) no-repeat;
	
}

.add-nav .blue:hover{
	background:url(http://thenorthstate.com/images/bg-addnav-hover-blue.png) no-repeat;
	
}

.add-nav a{
	position:relative;
	color:#404041;
	display:block;
	width:236px;
	height:41px;
	padding:19px 50px 0 25px;
	background:url(http://thenorthstate.com/images/add-nav-arrows.gif) no-repeat 268px 17px;
}

.add-nav a{text-decoration:none;}

.add-nav .orange a {background-position:268px -83px;}
.add-nav .blue a {background-position:268px -183px;}

#footer {
	width:100%;
	border-top:1px solid #b0b0b0;
	background:#000 url(http://thenorthstate.com/images/bg-footer.gif);
}
.footer-frame{
	font: 9px/12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform:uppercase;
	color:#f1f1f2;
	width:971px;
	margin:0 auto;
	padding:23px 0 23px 19px;
	letter-spacing:1px;
}
.footer-frame p{margin:0 0 0 15px;}
.footer-box{
	overflow:hidden;
	width:919px;
	letter-spacing:0;
	background:url(http://thenorthstate.com/images/bg-footer-box.png);
	padding: 4px 15px 5px 17px;
	margin-bottom:11px;
}
.footer-block{
	position:relative;
	padding-top:3px;
	float:left;
	font:bold 9px/12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-left:-2px;
}
.footer-frame .footer-block span {
	padding:0 3px;
	float:left;
}
.footer-block address{
	font-style:normal;
	float:left;
	padding:0 0 0 2px;
}
.footer-section{
	float:right;
	padding-top:2px;
}
.footer-section ul{
	position:relative;
	margin:0 8px 0 0;
	padding:0;
	list-style:none;
	float:left;
}
.footer-section li{
	float:left;
	display:inline;
	margin-right:12px;
}
.footer-section a{
	width:16px;
	height:15px;
	display:block;
	overflow:hidden;
	position:relative;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}
.footer-section .facebook{background:url(http://thenorthstate.com/images/facebook.gif) no-repeat;}
.footer-section .twitter{background:url(http://thenorthstate.com/images/twitter.gif) no-repeat;}
.footer-section .form{
	position:relative;
	width:140px;
	float:left;
}
.footer-section .row{
	float:left;
	width:140px;
	background:url(http://thenorthstate.com/images/bg-input.gif) no-repeat;
}
.footer-section .row input{
	float:left;
	width:130px;
	margin:0;
	padding:3px 5px;
	background:none;
	border:0;
	outline:0;
}
.skip{
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	color:#fff;
}
.skip:focus{
	position:static;
	width:auto;
	height:auto;
}
.hidden {
	height:1px;
	position:absolute;
	top:-9999px;
}


/*DT ADDITIONS */



/* BG Images - margin added for Studio & Expertise*/

#studio1{background:url(http://thenorthstate.com/images/bg-studio1.jpg) top no-repeat; /*margin-left:3px*/}
#studio2{background:url(http://thenorthstate.com/images/bg-studio2.jpg) top no-repeat; /*margin-left:3px*/}
#studio3{background:url(http://thenorthstate.com/images/bg-studio3.jpg) top no-repeat; /*margin-left:3px*/}
#studio4{background:url(http://thenorthstate.com/images/bg-studio4.jpg) top no-repeat; /*margin-left:3px*/}

#expertise1{background:url(http://thenorthstate.com/images/bg-expertise1.jpg) top no-repeat; /*margin-left:3px*/}
#expertise2{background:url(http://thenorthstate.com/images/bg-expertise2.jpg) top no-repeat; /*margin-left:3px*/}
#expertise3{background:url(http://thenorthstate.com/images/bg-expertise3.jpg) top no-repeat; /*margin-left:3px*/}
#expertise4{background:url(http://thenorthstate.com/images/bg-expertise4.jpg) top no-repeat; /*margin-left:3px*/}

#insights1{background:url(http://thenorthstate.com/images/bg-insights1.jpg) top no-repeat;}



.profile-overlay {
	width:720px;
	color:#231f20;
	font:13px Arial, Helvetica, sans-serif;
	height:400px;
	background: url(http://thenorthstate.com/images/bg-overlay.png) repeat-x top #FFF;

}

.profile-overlay h2 {
	font: normal 20px/22px "Arvo", Arial, serif;
	color:#6d6e70;
	
}

.profile-overlay .left {
		width: 220px;
		height: 400px;
		padding: 0px 0px 0px 0px;
		float:left;

}

.profile-overlay .right {
	float:right;
	width:430px;
	height: 400px;
	line-height: 20px;
	margin-right: 20px;
	margin-top: 50px;
	

}




.work-nav{
	position:relative;
	z-index:4;
	width:100%;
	margin:-1px 0;
	background:url(http://thenorthstate.com/images/bg-main-nav.gif) repeat-x;
	border-top:4px solid #f07228;
}

.work-nav .holder {
	width:968px;
	padding:0 22px 0 0;
	margin:0 auto;
	overflow:hidden;
}
.work-nav ul{
	float:right;
	margin:0;
	padding:0;
	list-style:none;
}
.work-nav li{
	letter-spacing:1px;
	font-size:10px;
	line-height:13px;
	font-weight:bold;
	float:left;
	display:inline;
	text-transform:uppercase;
	margin-left:15px;
}
.work-nav a{
	color:#fff;
	display:block;
	padding:10px 13px;
	outline:0;
}
.work-nav a:hover,
.work-nav .active a{
	text-decoration:none;
	padding-bottom:9px;
	border-bottom:6px solid #fff;
}

.green .work-nav{border-top:4px solid #c1d82f;}




#show h4 {font-size: 12px; color: #666; text-decoration: none; margin: 0px; padding:0px; line-height: 0.01em;}
#show h4 a { color: #666; text-decoration: none;}
#show h4 a:hover {text-decoration: none;}



.thumblink {}
.thumbnail {display: block; width: 142px; background: none; text-decoration:none; padding:5px; margin: 0px 5px 20px 3px; float:left; color:#666;}

.thumbnail:hover {display: block; background:#f07228; text-decoration:none; float:left; color:#FFF;}

.thumbnail img { border: #CCC 1px solid; margin-bottom: 0px; padding:0px; margin-right: 0px; }

.thumbnail h4 {display: block; width: 142px; margin: 0px 2px 2px 3px; float:left; font-size: 11px; }


.full-collection{
	width:965px;
	margin:100px 0 0 -342px;
	position:relative;
}

.collection-nav {
	width: 590px;
	position:absolute;
	top: 30px;
	left: 340px;
	
}


.collection-nav .active {
	color: #f07228;
	
}

.collection-nav h4 {
	color:#BBBDBF;
	text-transform:uppercase;
	font-size:12px;
	padding-right: 7px;
	font-weight:bold;
	display: inline;
	
}


.collection-nav  row1 {
	width: 590px;
	position:absolute;
	top: 22px;
	left: 340px;
	
}

.collection-nav  row2 {
	width: 590px;
	position:absolute;
	top: 22px;
	left: 340px;
	
}

#rss-feed {
	height: 54px;
	padding-bottom: 20px;
	overflow:hidden;

	
}



/*** PORTFOLIO OVERLAY ***/

.iframe #show {width: 750px; height: 550px; display:block; overflow: hidden; padding:0px; margin:0px; position:absolute; top:0px; left:0px; background: #FFF;}
.iframe #show-title {display:block; padding: 5px; position:absolute; top: 600px;left:10px; }
.iframe #show-text {display:block; padding: 5px; position:absolute; top: 620px;left:10px; width: 750px; }
.iframe #show_nav a:hover, #show_nav .activeSlide { text-decoration:none;}
.iframe #show img {cursor: pointer; padding: 0px 0px 0px 0px;}
.iframe #show_nav {z-index: 900; position:absolute; top:520px; left:10px; }
.iframe #show_nav a {font-size: 11px; font-weight:bold; display:inline-block; padding: 3px 6px 3px 6px; color: #CCC; background-image:url(http://thenorthstate.com/images/btn-portfolio.png);
 text-decoration: none; margin: 0px 5px 0px 5px;}
.iframe #show_nav a:hover, #show_nav .activeSlide {color: #FFF;}



/*** PORTFOLIO LANDING PAGE ***/

#show {width: 750px; height: 650px; display:block; overflow: hidden; padding-top:0px; margin:0px 0px 30px 30px; position:absolute; top:30px; left:30px; background: url(http://thenorthstate.com/images/logo.png) no-repeat top left #000;}
#show-title {font: normal 14px/18px Arial, serif; display:block; padding: 5px 0px 5px 50px; position:absolute; top: 600px;left:10px; color:#CCC; }
#show-text {display:block; padding: 5px; position:absolute; top: 620px;left:10px; width: 750px; }
#show_nav a:hover, #show_nav .activeSlide { text-decoration:none;}
#show.img {cursor: pointer; padding: 0px 20px 0px 0px;}
#show_nav {z-index: 900; position:absolute; top:530px; left:80px; }
#show_nav a {font-size: 11px; font-weight:bold; display:inline-block; padding: 3px 6px 3px 6px; color: #CCC; background-image:url(http://thenorthstate.com/images/btn-portfolio.png);
 text-decoration: none; margin: 0px 5px 0px 5px;}
#show_nav a:hover, #show_nav .activeSlide {color: #FFF;}



#sendbtn:hover{background:#26a9e0; color:#fff; font-weight:bold;}