/* RESET ================================================================================ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;background:transparent;text-align:left;font-size:100%;vertical-align:baseline;}
html {overflow-y: scroll;}
body {font-size:62.5%;font-family:arial,verdana,helvetica,georgia,'Lucida Grande','Lucida Sans Unicode','Trebuchet MS','Arial Black','Courier New','Times New Roman','Times',sans-serif;line-height:1.35;height:100%;text-align:center;}
h1,h2,h3,h4,h5,h6 {line-height: normal; font-weight: normal;}
a,button {cursor:pointer;text-decoration:none;}
img {display:block;-ms-interpolation-mode:bicubic;}
ins {text-decoration:none;}
address {font-style:normal;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:none;}
fieldset {position:relative;}
legend {position:relative;margin-left:-0.63em;}
label {cursor:default;}
select,input,texarea,button,textarea {font:120%/normal arial, sans-serif;resize:none;}
textarea {overflow:auto;}
:focus {outline:0;}
table {border-collapse:collapse;border-spacing:0;}
th {font-weight:400;}
center {text-align:center;}
b {font-weight:700;}
i {font-style:italic;}
big {font-size:large;}
small {font-size:small;}
blink {text-decoration:blink;}
u {text-decoration:underline;}
.clear:before, .clear:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clear:after { clear: both; }
.clear { zoom: 1; }
.hidden {position:absolute;left:0;top:-500px;width:1px;height:1px;overflow:hidden;line-height:1px;}
ol,ul,menu,li {list-style:none;}
del,s,strike {text-decoration:line-through;}
object,embed,applet {display:block;}
strong, b {font-weight: bold;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}

/* /RESET ================================================================================ */

body {
	background: #fff;
	font-family: arial, 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', arial, sans-serif;
	color: #58493e;
	line-height: 1.65;
}
a {
	color: #625750;
	text-decoration: none;
}
a:hover { color: #bb2f00; }

p { line-height: 1.5; }

.wrapper,
#container {
	width: 997px;
	margin: 0 auto;
}	
#logo {
position:relative;
float: right;
top:-75px;
margin-right:2px;
margin-bottom:-29px;
}
*+html #logo {
position:relative;
float: right;
top:5px;
margin-right:0px;
margin-bottom:-5px;


}

header {}
	header nav {
		float: none;
position:absolute;
top:0;
z-index:100;
	}
	header nav li {
		float: left;
		font-size: 1.1em;
		text-transform: uppercase;
		border-top-width: 18px;
		border-style: solid;
		width: 163px;
		margin: 0 2px 0 0;
		padding: 13px 0 0 0;
		text-indent: 18px;
		letter-spacing: 0.2em;
		position: relative;
	}
	header nav li:last-child { margin: 0; }
	header nav li.menu1 { border-color: #9aa0ad; }
	header nav li.menu2 { border-color: #bb2f00; }
	header nav li.menu3 { border-color: #625750; }
	header nav li.menu4 { border-color: #867c74; }
	
	header nav li.trigger { height: 50px; }
	header nav li.active a.first { color: #bb2f00; }

	header nav a {
		display: block;
	}
	
	header nav ul ul {
		position: absolute;
		z-index: 100;
		top: 32px;
		left: 0;
		width: 163px;
		background: #f2f2f0;
		padding: 5px 0;
		display: none;
	}
	header nav li li {
		float: none;
		font-size: 1.0em;
		border: 0;
		width: auto;
		margin: 0 0 3px 0;
		padding: 0;
	}
	header .logo {
		float: right;
	}
	
#main { 
padding: 25px 0 20px 0;
margin: 75px 0 0px 0;
 }
#portfolio { 
padding: 15px 0 0px 0; 
margin: 0px 0 0px 0;}
olio { padding: 35px 0 0px 0; 
}
footer { 
	letter-spacing: 0.08em; 
	background: url(img/bg/bg_footer.png) repeat-x left top;
	height: 89px;
margin-top:5px;
}
	footer .wrapper { padding: 13px 0 0 0; }
	footer nav {
		float: left;
	}
	footer h6 {
		float: left;
		font-size: 1.0em;
		color: #bb2f00;
		text-transform: uppercase;
		line-height: 1.1;
		margin: 0 10px 0 0;
	}
		footer h6 a { color: #bb2f00; }
		footer h6 a:hover { color: #625750; }
	footer li {
		float: left;
		text-transform: uppercase;
		font-size: 1.0em;
		line-height: 1.1;
		background: url(http://www.daronrosenberg.com/img/bg/bg_divide_footer.png) no-repeat right 2px;
		padding: 0 12px 0 0;
		margin: 0 10px 0 0;
	}
	footer li:last-child {
		margin: 0;
		padding: 0;
		background: none;
	}
	footer p {
		font-size: 1.0em;
		float: right;
		line-height: 1.1;
		color: #625750;
	}
	
/* homepage */
.hero {
	padding: 45px 0 0 0;
}
	.hero .slides { 
		height: 402px;
		margin: 0 0 62px 0;
		position: relative;
	}
	.hero .slide {
		position: absolute;
		top: 0;
		left: 0;
	}
	.hero h1 {
		font-family: helvetica, arial, sans-serif;
		color: #58493e;
		font-size: 2.2em;
		letter-spacing: 0.01em;
		text-transform: uppercase;
		margin: 0 0 11px 0;
		border: 0;
		padding: 0;
	}
	.hero p {
		font-size: 1.4em;
		margin: 0 0 11px 0;
	}
	.hero a {
		color: #bb2f00;
		font-size: 1.2em;
		letter-spacing: 0.06em;
		text-transform: uppercase;
	}	
	.hero .slide { padding: 0 0 0 32px; }
	.hero img { float: right; }
	.hero .info { 
		float: left;
		padding: 90px 0 0 0;
		width: 424px;
	}
	.hero .togglers li {
		float: left;
		width: 324px;
		border: 1px solid #9f978e;
		margin: 0 4px 0 0;
		font-size: 1.3em;
		text-transform: uppercase;
		letter-spacing: 0.2em;
		text-indent: 22px;
		position: relative;
		overflow: hidden;

	}
		.hero .togglers .title {
			position: absolute;
			left: 0;
			top: 55px;
			z-index: 2;
			width: 100%;
			background: #fff;
			display: block;
			line-height: 26px;
		}
		.hero .togglers img { float: none; } 
		.hero .togglers a { 
			color: #58493e; 
			display: block;
		}
	.hero .togglers li:last-child { margin: 0; }
	
	
.two_col #content {
	float: left;
	width: 658px;
}
	.two_col #content .inner { padding: 0 20px; }
	.two_col #content header.lead {
		border-bottom: 1px solid #a19a96;
		margin: 0 0 30px 0;
	}
		#main .two_col #content header.lead p {
			padding: 20px 20px;
			font-size: 1.8em;
			margin: 0;
			letter-spacing: 0.1em;
		}
	.two_col #content header.lead em { 
		font-style: normal; 
		color: #bb2f00;
	}


 .two_col aside {
	float: right;
	width: 301px;
	margin: 0px 0 0 0;
	border-top: 1px solid #c2c6ce;
}
*+html .two_col aside {
	float: right;
	width: 301px;
	margin: 26px 0 0 0;
	border-top: 1px solid #c2c6ce;
}
h1 {
	font-size: 2.0em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #9aa0ad;
	border-bottom: 1px solid #c2c6ce;
	padding: 0 20px;
}
.two_col h2 {
	text-transform: uppercase;
	color: #bb2f00;
	font-size: 1.6em;
	letter-spacing: 0.1em;
	margin: 0 0 2px 0;
}
.two_col h4 {
	text-transform: uppercase;
	color: #bb2f00;
	font-size: 1.4em;
	letter-spacing: 0.1em;
	margin: 10px 0 2px 0;
}

.entry-content h4 {
	text-transform: uppercase;
	color: #bb2f00;
	font-size: 1.4em;
	letter-spacing: 0.1em;
	margin: 10px 0 2px 0;
}

	.two_col h2 a { color: #bb2f00; }
	.two_col h2 a:hover { color: #625750; }

.two_col h3 {
	color: #9aa0ad;
	font-weight: bold;
	letter-spacing: 0.04em;
	font-size: 1.5em;
	margin: 0 0 25px 0;
}

.entry-content li {
	font-size: 1.4em;
	line-height: 1.5em;
	padding: 0 0 0 6px;
	margin: 0 0 0px 20px;
list-style: disc;
}
.entry-content ul {
	margin: -15px 0 15px 0;
}

.two_col #content p {
	font-size: 1.2em;
	margin: 0 0 20px 0;
	letter-spacing: 0.04em;
}
.two_col aside h4 {
	text-transform: uppercase;
	font-size: 1.2em;
	color: #bb2f00;
	letter-spacing: 0.07em;
	margin: 0 0 3px 0;
}
.two_col aside a { color: #bb2f00; }
.two_col aside a:hover { color: #625750; }
.two_col aside p {
	font-size: 1.2em;
	letter-spacing: 0.1em;
	margin: 0 0 8px 0;
}
.two_col aside .block {
	padding: 20px 15px 15px 15px;
}
.two_col aside .listing { 
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}
.two_col aside li {
	background: url(http://www.daronrosenberg.com/img/bullet/bullet_carrot.png) no-repeat left 6px;
	font-size: 1.2em;
	line-height: 1.5;
	padding: 0 0 0 6px;
	margin: 0 0 2px 0;
}
	.two_col aside li a { color: #625750; }
	.two_col aside li a:hover { color: #bb2f00; }

aside .cta { background: #eaebed; }	
aside .cta p { color: #625750; }
aside .cta .block {
	border-bottom: 1px solid #fff;
}
aside .cta .block:last-child { border: 0; }

aside .list {
	border-bottom: 1px solid #a19a96;
	padding: 7px 0 5px 0;
}
aside .list h4 {	
	font-size: 1.4em;
	cursor: pointer;
}
	aside .list ul { padding: 0 0 10px 0; }
	aside .list h4 span {
		background: url(http://www.daronrosenberg.com/img/icon/icon_toggler.png) no-repeat right -21px;
		padding: 0 16px 0 0;
	}
	aside .list h4.active span { background-position: right 5px; }
aside .list h4:hover { color: #625750; }
aside .list .contents { display: none; }
	
/* who we are */
#who_we_are { color: #625750; }
	#who_we_are p strong {
		color: #bb2f00;
	}
	#who_we_are #content img { 
		float: right;
		margin: 7px 0 20px 30px;
	}
	
/* news & ideas */
#news .published {
	font-size: 1.2em;
	color: #9aa0ad;
	letter-spacing: 0.1em;
	font-weight: bold;
	margin: 0 0 20px 0;
}
#news #content h2 { 
	font-size: 1.6em; 
	margin-bottom: 0px;
}
#news #content p { font-size: 1.4em; }
#news #content header.lead { border: 0; }

.hentry {
	border-bottom: 1px solid #c2c6ce;
	margin: 0 0 25px 0;
	padding: 0 20px 5px 20px;
}
.entry-content a { color: #bb2f00; }
.entry-content a:hover { color: #625750; }
.hentry .top {
	padding: 0px 0 3px 0; 	
}
	.hentry .top a {
		float: right;
		background: url(http://www.daronrosenberg.com/img/icon/icon_top.png) no-repeat;
		width: 9px;
		height: 9px;
		text-indent: -9999px;
		position: relative;
		left: 15px;
	}
#news .block { 
	border-bottom: 1px solid #a19a96; 
	padding: 25px 0;
}
#news .block h4 { margin-bottom: 6px; }
#news .block p { text-transform: uppercase; }
#news .contact a { color: #58493e; }	
#news .contact a:hover { color: #bb2f00; }	

/* clients */
#clients header.lead p {
	font-size: 1.2em;
	padding: 30px 20px 25px 20px;
}
#clients h2 {
	color: #bb2f00;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 1px 0;
}
#clients .listing { padding: 0 20px; }
#clients .col {
	float: left;
	width: 330px;
}
#clients .last {
	margin: 0;
	width: 280px;
}
	#clients .col ul { margin: 0 0 20px 0; }
	#clients .col li {
		font-size: 1.2em;
		line-height: 1.5;
		margin: 0 0 1px 0;
	}
#clients .logos { padding: 10px 0 10px 20px; }
#clients .logos img {
	float: left;
}

/* services */
#services #content p { font-size: 1.4em; }
#services.two_col aside { border-color: #bb2f00; }
#services h1 { 
	/*color: #bb2f00; 
	border-color: #bb2f00;*/
color: #9aa0ad;
	border-bottom: 1px solid #c2c6ce;
}
		#services aside p { color: #625750; }
		#services aside .block {
			border-bottom: 1px solid #fff;
		}
		#services aside .block:last-child { border: 0; }
#services #content .block {
	border-bottom: 1px solid #a19a96;
	padding: 0 0 35px 20px;
	margin: 0 0 30px 0;
}

.tags { margin: 0 0 35px 0; }
.tags li {
	float: left;
	letter-spacing: 0.075em;
	font-size: 1.2em;
	color: #bb2f00;
	background: url(http://www.daronrosenberg.com/img/bg/bg_divide_tag.png) no-repeat right 5px;
	margin: 0 7px 0 0;
	padding: 0 9px 0 0;
}
.tags li:last-child {
	margin: 0;
	padding: 0;
	background: none;
}
.tags a { color: #bb2f00; }
.tags a:hover { color: #625750; }

.btn {
	color: #fff;
	font-size: 1.4em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	text-align: center;
	background: #bb2f00;
	padding: 8px 42px;
	border: 0;
	font-family: 'trebuchet ms';
}

.btn:hover{
	color: #fff;
	font-size: 1.4em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	text-align: center;
	background: #58493e;
	padding: 8px 42px;
	border: 0;
	font-family: 'trebuchet ms';
}
.form { padding: 0 0 0 20px; }
.req { color: #bb2f00; }
.field { 
	padding: 0 0 18px 0;
}
.row .field { 
	float: left; 
}
.form .field.alt { float: right; }
.field label {
	display: block;
	color: #513f29;
	font-size: 1.4em;
	margin: 0 0 2px 0;
	letter-spacing: 0.1em;
}
.text input,
.text textarea {
	background: #fff;
	padding: 6px 8px;
	width: 293px;
	font-size: 1.4em;
	border: 1px solid #867c74;
	color: #333;
}
.text textarea {
	width: 620px;
}
.field select {
	background: #9aa0ad;
	color: #fff;
	letter-spacing: 0.1em;
	font-size: 1.4em;
	width: 130px;
	padding: 3px 7px;
}	
#content .form .submit { padding: 2px 0 10px 0; }
#content .form .submit p {
	float: left;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #bb2f00;
	margin: 13px 0 0 0;
	font-size: 1.4em;
}
.form .submit .btn { float: right; }

.two_col .form h2 { 
	font-size: 1.4em; 
	margin: 0 0 15px 0;
}
#contact  aside h4,
#consultation  aside h4 { margin: 0 0 13px 0; }
#contact  aside p,
#consultation  aside p { margin: 0 0 17px 0; }
#contact  aside p:last-child,
#consultation  aside p:last-child { margin: 0; }

.two_col #content header.lead .info { padding: 0 20px 22px 20px; }
.two_col #content header.lead .info h2 {
	float: left;
	font-size: 1.3em;
	text-transform: uppercase;
	color: #625750;
	margin: 1px 22px 0 0;
}
#main .two_col #content header.lead .info p {
	padding: 0;
	float: left;
	color: #625750;
	font-size: 1.3em;
	text-transform: uppercase;
	margin: 0 22px 0 0;
}
#main .two_col #content header.lead .info p:last-child { margin: 0; }
	#main .two_col #content header.lead .info p em {
		font-style: normal;
		color: #bb2f00;
		margin: 0 4px 0 0;
	}
	
/* slider */
.slider_gallery {
	position: relative;
	height: 523px;
	width: 987px;
	overflow: hidden;
z-index:0;
}
	.slider_gallery ul {
		position: absolute;
		top: 0;
		left: 0;
	}
	.slider_gallery li {
		float: left;
		width: 989px;
	}
	.slider_gallery h2 {
		font-size: 1.1em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		color: #625750;
		padding: 0 0 0 30px;
	}
		.slider_gallery h2 a {
			background: url(http://www.daronrosenberg.com/img/bg/bg_divide_slider.png) no-repeat left 4px;
			padding: 0 0 0 9px;
			margin: 0 0 0 3px;
			color: #bb2f00;
		}	
		.slider_gallery h2 a:hover { color: #625750; }
	.track {
		position: relative;
		height: 11px;
		background: url(http://www.daronrosenberg.com/img/bg/bg_track.png) repeat-x left center;
		width: 989px;
		margin: 496px 0 0 0;
		cursor: pointer;
	}
	.ui-slider-handle {
		position: absolute;
		top: 0;
		cursor: move;
		background: url(http://www.daronrosenberg.com/img/bg/bg_handle.png) no-repeat;
		width: 63px;
		height: 11px;
		text-indent: -9999px;
		z-index: 100;
	}
.slider_gallery {
	position: relative;
	z-index: 2;
}
	.slider_togglers li {
		float: left;
		cursor: pointer;
		margin: 0 2px 0 0;
	}
	.slider_togglers li:last-child { margin: 0; }
	.slider_togglers li.active {
		border-bottom: 10px solid #d9d7d0;
	}

/* added */

/* slider */
#slider { position: relative; }
.slider_gallery {
	position: relative;
	height: 523px;
	width: 987px;
	overflow: hidden;
}
	.slider_gallery ul {
		position: absolute;
		top: 0;
		left: 0;
	}
	.slider_gallery li {
		float: left;
		width: 989px;
	}
	.slider_gallery h2 {
		font-size: 1.1em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		color: #625750;
		padding: 0 0 0 30px;
	}
		.slider_gallery h2 a {
			background: url(http://www.daronrosenberg.com/img/bg/bg_divide_slider.png) no-repeat left 4px;
			padding: 0 0 0 9px;
			margin: 0 0 0 3px;
			color: #bb2f00;
		}	
		.slider_gallery h2 a:hover { color: #625750; }
	.track {
		position: relative;
		height: 11px;
		background: url(http://www.daronrosenberg.com/img/bg/bg_track.png) repeat-x left center;
		width: 989px;
		margin: 496px 0 0 0;
		cursor: pointer;
	}
	.ui-slider-handle {
		position: absolute;
		top: 0;
		cursor: move;
		background: url(http://www.daronrosenberg.com/img/bg/bg_handle.png) no-repeat;
		width: 63px;
		height: 11px;
		text-indent: -9999px;
		z-index: 100;
	}
.slider_gallery {
	position: relative;
	z-index: 2;
}
	.slider_togglers li {
		float: left;
		margin: 0 2px 0 0;
	}
		.slider_togglers li img { cursor: pointer; }
	.slider_togglers li:last-child { margin: 0; }
	.slider_togglers li.active {
		border-bottom: 10px solid #d9d7d0;
	}
	
.more {
	position: absolute;
	z-index: 99999;
	width: 483px;
	background: #fff;
	border: 1px solid #9aa0ad;
	box-shadow: 0px 0px 18px rgba(0, 0, 0, .21);
	-moz-box-shadow: 0px 0px 18px rgba(0, 0, 0, .21);
	-webkit-box-shadow: 0px 0px 18px rgba(0, 0, 0, .21);
	top: 354px;
	left: 503px;
	display: none;
}
	.more .inner { padding: 25px; }
	.more p {
		font-size: 13px;
		color: #625750;
		letter-spacing: 0.04em;
	}
	.more em {
		font-style: normal;
		color: #bb2f00;
	}
	.more .close {
		position: absolute;
		cursor: pointer;
		top: 7px;
		left: 463px;
		background: url(http://www.daronrosenberg.com/img/btn/btn_close.png) no-repeat;
		width: 13px;
		height: 13px;
		text-indent: -9999px;
	}