@import url(global.css);
@import url(nav.css);

/* HOME */

#flash_container {
	height: 420px;
	width: 825px;
	margin-left: 125px;
	background-color: #fff;
}

/*#flash_container .alert {
	margin: 0 auto;
	padding: 10px;
	width: 300px;
	background-color: #ffffd9;
	border: 1px solid #a21d30;
	color: #a21d30;
}*/

#flash_container .alert a {
	color: #a21d30;
}

.home #main.wide {
	width: 665px;
	margin-top: 0px;
	padding: 0;
}

.home h2 {
	height: 0;
	margin: 0 0 15px 0;
	font-size: 1em;
	text-indent: -2000px;
	overflow: hidden;
}

.home #news {
	float: left;
	padding: 20px;
	height: 157px;
	width: 400px;
	background-color: #e8e9e9;
	border-right: 10px solid #fff;
}

.home #news h2 {
	width: 70px;
	padding-top: 22px;
	background: url(../_img/home-h2-news.gif) no-repeat;
}

.home #news li {
	margin: 0 0 1em 0px;
	line-height: 1.3em;
/* 	font-size: .9em; */
	list-style-type: none;
}
.home #main ul {
	margin-left: 0px;
	}
.home #main #news ul li {
	background: url(../_img/home_square_bullet.gif) no-repeat 0 6px;
	}
.home #recognition {
	margin-left: 450px;
	padding: 20px;
	height: 157px;
/* 	width: 400px; */
	background-color: #efeff0;
}
.home #recognition h2 {
	width: 152px;
	padding-top: 28px;
	background: url(../_img/home-h2-recognition.gif) no-repeat;
}
.home #recognition img{
	padding-right: 5px;
	}

/* ABOUT */

.about #main {
	height: 538px;
}
.about .team #main {
	height: 1308px;
}
.about #aside {
	background-color: #88b2c1;
}

.about h2 {
	width: 83px;
	background: url(../_img/about-h2-about.gif) no-repeat;
}

.about h3 {
	height: 0;
	width: 161px;
	margin: 0 0 20px 20px;
	padding-top: 30px;
	font-size: 1em;
	text-indent: -2000px;
	overflow: hidden;
}

.about h4 {
	margin: 0 70px .5em;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: normal;
	color: #5f93a7;
}

.about #main p {
	margin: 0 70px 1.3em;
}

.overview h3 {
	background: url(../_img/about-h3-overview.gif) no-repeat;
}

.team h3 {
	background: url(../_img/about-h3-team.gif) no-repeat;
}

.recognition h3 {
	background: url(../_img/about-h3-recognition.gif) no-repeat;
}

/* ABOUT - RECOGNITION */

.about #intro {
	height: 118px;
	border-bottom: 10px solid #fff;
}
.about a {
	color: #6e9eaf;
}
#awards .view {
	padding-left: 10px;
}
#awards {
	height: 790px;
	padding: 20px 50px 20px 70px;
	background-color: #f9fbfb;
}

#awards dl {
	clear: both;
	border-bottom: dotted 1px #ccc;
	padding: 15px 0;
}

#awards dt {
	float: left;
	width: 80px;
	margin-bottom: 30px;
}

#awards dt.last {
	margin-bottom: 0;
}

#awards dt img {
	display: block;
}

#awards dd {
	margin: 0 0 0 20px;
	float: left;
	width: 360px;
}
#main #awards p.award-desc {
	margin: 5px 0;
	padding: 0;
	width: auto;
	font-size:.9em;
	line-height: 1.2em;
	color: #999;
}
#main #awards ul {
	margin: 0;
}

/* CASE STUDIES */

.case_studies #aside {
	background-color: #8db96b;
}

.case_studies h2 {
	width: 187px;
	background: url(../_img/case_studies-h2-bg.gif) no-repeat;
}

.case_studies #main {
	width: 534px;
	height: 787px;
	padding: 40px 0 0 130px;
}
.case_studies p.cs_intro {
	padding: 0 80px 0 10px;
}
.case_studies p.cs_intro a {color: #6a9f41;}
.case_studies .entry {
	float: left;
	width: 170px;
	margin-bottom: 20px;
	font-size: .9em;
	font-weight: bold;
	color: #7a7a7a;
}

.case_studies .entry .thumb {
	display: block;
	width: 140px;
	background: url(../_img/case_study-a-thumb-bg.gif) no-repeat;
}

.case_studies .entry .thumb img {
	padding: 10px 10px 18px;
	display: block;
}

.case_studies .entry p {
	margin: 0 0 0 6px;
	line-height: 1.2em;
}

.case_studies .entry a {
	font-weight: normal;
	color: #7a7a7a;
}

/* CASE STUDY SINGLE PAGE */

.single #main {
	width: 665px;
	padding: 0px 0 0 0;
	height: 375px; 
	overflow: hidden; 
	margin-left: 275px;
	background: #fff;
	border-bottom: solid 13px #fff;
}
.case_studies.single a {
	color: #6a9f41;

}
#meta {
	position: relative;
	height: 270px;
	width: 645px;
	margin: 0px 0 0 275px;
	padding-left: 20px;
	background-color: #fff;
	border-top: 1px solid #fff;
	
	
}

#meta h3 {
	height: 0;
	width:  450px;
	font-size: 1em;
	/*margin: 20px 0;*/
	padding-top: 26px;
	text-indent: -2000px;
	overflow: hidden;
	margin:0px 0 10px 0; 
}

/* make all H3s 450 x 26 and customize background below */

.luxorio-condominiums h3 { 
background: url("http://www.darlingdesigngroup.com/_img/case_studies/h3/ddgweb_casestudy_header_luxo.gif") no-repeat;
}

#meta.luxorio-condominiums #type { 
top: 55px; }
.new-york-acuhealth h3 { 
background: url("http://www.darlingdesigngroup.com/_img/case_studies/h3/ddgweb_casestudy_header_dan.gif") no-repeat;
}

#meta.new-york-acuhealth #type { 
top: 55px; }
.safi-fragrance h3 { 
background: url("http://www.darlingdesigngroup.com/_img/case_studies/h3/ddgweb_casestudy_header_safi.gif") no-repeat;
}

#meta.safi-fragrance #type { 
top: 55px; }
.skyn-iceland h3 { 
background: url("http://www.darlingdesigngroup.com/_img/case_studies/h3/ddgweb_casestudy_header_skn.gif") no-repeat;
}

#meta.skyn-iceland #type { 
top: 55px; }
.nancy-koltes-fine-linens h3 { 
background: url("http://www.darlingdesigngroup.com/_img/case_studies/h3/ddgweb_casestudy_header_nkh.gif") no-repeat;
}
.avm-l-p h3 { 
background: url("http://www.darlingdesigngroup.com/_img/case_studies/h3/ddgweb_casestudy_header_avm.gif") no-repeat;
}
.plastic-surgery-and-dermatology-of-nyc h3 { 
background: url("http://www.darlingdesigngroup.com/_img/case_studies/h3/ddgweb_casestudy_header_psd.gif") no-repeat;
}
.ourscene-tv h3 { 
background: url("http://www.darlingdesigngroup.com/_img/case_studies/h3/ddgweb_casestudy_header_our.gif") no-repeat;
}
.the-jed-foundation h3 { 
background: url("http://www.darlingdesigngroup.com/_img/case_studies/h3/ddgweb_casestudy_header_jed.gif") no-repeat;
}
.mktg h3 { 
background: url("http://www.darlingdesigngroup.com/_img/case_studies/h3/header_mktg.gif") no-repeat;
}
.uncensored-interview h3 { 
background: url("http://www.darlingdesigngroup.com/_img/case_studies/h3/header_ui.gif") no-repeat;
}
.goodtruebeautiful h3 { 
background: url("http://www.darlingdesigngroup.com/_img/case_studies/h3/h3_gtb.gif") no-repeat;
}



#description {
	width: 450px;
}

.next_case {
	position: absolute;
	bottom: 0;
	left: 20px;
	color: #629440;
}

#award {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 120px;
	height: 110px;
	padding: 10px;
	line-height: 1.3em;
	font-size: .9em;
	color: #a8a6a6;
	background-color: #fafbfb;
}

#award img {
	display: block;
	margin-bottom: 10px;
}

.next_case a {
	padding-right: 14px;
	color: #629440;
	background: url(../_img/case_studies-a-next_case-bg.gif) right .4em no-repeat;
}

#case_nav {
	position: absolute;
	bottom: 5px;
}

#case_nav li {
	display: block;
	height: 14px;
	margin-bottom: 10px;
}

#case_nav a {
	display: block;
	height: 0;
	font-size: 1em;
	padding-top: 14px;
	text-indent: -2000px;
	overflow: hidden;
}

#case_nav li a:hover {
	background: none;
}

#all_cases {
	width: 172px;
	background: url(../_img/case_nav-a-all_cases-bg.gif) 0 -14px no-repeat;
}

#all_cases a {
	width: 172px;
	background: url(../_img/case_nav-a-all_cases-bg.gif) no-repeat;
}

#next_case {
	width: 134px;
	background: url(../_img/case_nav-a-next_case-bg.gif) 0 -14px no-repeat;
}

#next_case a {
	width: 134px;
	background: url(../_img/case_nav-a-next_case-bg.gif) no-repeat;
}

#type {
	position: absolute;
	top: 30px;
	right: 0;
	width: 140px;
	line-height: 1.3em;
}

#meta.luxorio #type{
	top: 55px;
}
#type strong {
	display: block;
}

/* CASE STUDIES INDIVIDUAL PAGES */
 #meta.luxorio-condominiums {
	height: 370px;
}
 #meta.goodtruebeautiful {
 	height: 309px;
 }
 #meta.new-york-acuhealth {
 	height: 301px;
 }
#meta.safi-fragrance {
	height: 240px;
	}

#meta.skyn-iceland {
 	height: 301px;
 }

#meta.nancy-koltes-fine-linens{
	height: 370px;
	}
	
#meta.avm-l-p {
	height: 301px;
}
#meta.plastic-surgery-and-dermatology-of-nyc {
	height: 301px;
}
#meta.ourscene-tv{
	height: 240px;
	}
#meta.the-jed-foundation {
	height: 240px;
	}
#meta.mktg {
	height: 300px;
	}

/* SLIDES + SLIDE NAV (some HTML added via Javascript)*/

#slides {
	width: 662px;
	overflow-x: auto;
}

#slides ul {
	width: 10000px; /* exact width adjusted via javascript */
	margin: 0;
}

#slides li {
	float: left;
	background: 0;
	padding: 0;
}

#slides img {
	/*margin-left: 73px;*/
	margin-left: -11px;
	display: block;
}

#slides_nav {
	position: absolute;
	top: 0;
	right: 1px;
	width: 140px;
}

#slides_nav li {
	float: left;
}
/*
#slides_nav a {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	height: 0;
	width: 24px;
	font-size: 1em;
	padding-top: 21px;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #b8b7b7;
}*/
#slides_nav li a {
	float: left;
	margin-right: 5px;
	border-bottom: solid 5px #fff;
	width: 24px;
	font-size: 1em;
	height: 21px;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #b8b7b7;
}
#slides_nav .last a {
	margin-right: 0;
}

#slides_nav a:hover, #slides_nav a.current {
	background-color: #8db76a;
}

/* EXPERTISE */

.expertise #main {
	padding-top: 40px;
	height: 510px;
}



.expertise #main ul li {
	margin-bottom: .2em;
}

.expertise #aside {
	background-color: #e3734b;
}

.expertise h2 {
	width: 134px;
	background: url(../_img/expertise-h2-bg.gif) no-repeat;
}

body.expertise #main ul li {
	background: url(../_img/expertise-square-bullet.gif) no-repeat 0 6px;
	}

.expertise #main p {
	margin: 0 70px;
}
.expertise #main h3 {
	margin: 15px 70px 5px;
}


/* CLIENTS */

.clients #aside {
	background-color: #e2c04a;
}

.clients #main {
	height: 677px;
}

.clients h2 {
	width: 135px;
	background: url(../_img/clients-h2-bg.gif) no-repeat;
}

.clients h3 {
	margin-bottom: .6em;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: normal;
	color: #dcad27;
}

.clients .col {
	display: inline; /* IE6... */
	float: left;
	margin: 0px 0 0 70px;
}

.clients .col ul {
	margin-bottom: 10px;
}

.clients .col ul li {
	line-height: 1.3em;
	margin-bottom: .3em;
}

.clients #first {
	width: 190px;
}

.clients #second {
	width: 220px;
}


body.clients #main ul {
	margin: 0 0 30px;
	}
body.clients #main ul li {
	background: url(../_img/clients-square-bullet.gif) no-repeat 0 6px;
	}
.clients #main p{
	margin: 20px 70px;
}

/* CONTACT */
.contact a {
	color: #63533f;
	}
.contact #aside {
	background-color: #63533f;
}

.contact #main {
	width: 664px;
	padding: 0;
	background-color: #fff;
}

.contact h2 {
	width: 125px;
	background: url(../_img/contact-h2-bg.gif) no-repeat;
}

.contact h3 {
	margin-bottom: .8em;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: normal;
	color: #63533f;
}



.contact #main img {
	display: block;
	margin-bottom: 10px;
}

.contact #main .map {
	float: right;
	margin-bottom: 0;
}

.contact #info {
	margin: 30px 20px 0;
}


/* PORTFOLIO */

.portfolio #aside {
	background-color: #8db96b;
}

.portfolio h2, .case_studies h2 {
	width: 187px;
	background: url(../_img/portfolio-h2.gif) no-repeat;
}

.portfolio #main {
	width: 534px;
	height: 929px;
	padding: 39px 0 0 130px;
}
.portfolio .entry {
	float: left;
	width: 240px;
	margin: 0 22px 20px 0;
height: 200px;	font-size: .9em;
	font-weight: normal;
	color: #7a7a7a;
}

.portfolio .entry .thumb {
	display: block;
	width: 240px;
	
	background: url(../_img/portfolio_tmb_bkg.gif) no-repeat;
}

.portfolio .entry .thumb img {
	padding: 5px 5px 10px;
	display: block;
}

.portfolio .entry p {
	margin: 0 0 0 7px;
	line-height: 1.2em;
	text-align: center;
}

.portfolio .entry a {
	font-weight: normal;
	color: #8db96b;
}

.pagination {
	width: 150px;
	background: none;
	float: right;
	}
#main ul.pagination li {
	float: left;
	background: none;
	margin: 0;
	padding-left: 3px;
	margin: 0 0 0px 0;

	}
#main ul.pagination li a{
		background-color: #999;
		float: left;
		color: #fff;
		padding: 2px 8px;
		text-decoration:none;

		margin: 0 0 5px 0;
}
#main .pagination li a.active, #main .pagination li a:hover {
	font-weight: bold;
	background-color: #8db96b;
	}
#main .pagination li a.arrow {
	text-decoration: none;
	color: #8db96b;
	background: none;
	}
	
/* PRINT DESIGN */

.portfolio.print .entry {
	float: left;
	width: 450px;
	margin: 0 22px 20px 0;
height: auto;
}

.portfolio.print .entry .thumb {
	width: 470px;
	background: url(../_img/portfolio_print_tmb_bkg.gif) no-repeat;
}

.portfolio.print .entry .thumb img {
	padding: 1px 5px 13px;
}

.portfolio.print #main {
	height: 1279px;
}

.case_studies.single ul.pagination {
	position: absolute;
	top: 530px;
	right: 12px;
	width: 140px;
	z-index: 800;
}
#main ul#arrows {
	list-style-type: none;
	position: absolute;
	z-index: 700px;
	top: 480px;
	right: 22px;
	padding: 0;

}
#main ul#arrows li {
	text-indent: -2000px;
	height: 26px;
	width: 14px;
	float: left;
	list-style-type: none;
	padding-left: 0;
	margin-left: 10px;
	background: none;

}
#main ul#arrows li a{
	list-style-type: none;
	display: block;
	text-indent: -2000px;
	height: 0;
	width: 14px;
	padding-top:26px;
	background: url(../_img/casestudies_backarrow.png) no-repeat;
	}
ul#arrows li#previous a{
	background: url(../_img/casestudies_backarrow.png) no-repeat;

}
ul#arrows li#nextslide a{
	background: url(../_img/casestudies_nextarrow.png) no-repeat;

}
#slides {overflow: hidden;}