@import 'reset.css';

html {
		overflow: -moz-scrollbars-vertical; overflow-x: auto;
		overflow-y: scroll;
        }


body {	color:#333333; 
		font-family:arial, helvetica, tahoma, sans-serif; 
		font-size:100%; 
		margin:0 0 20px 0; 
		text-align:center;
		}


a {border-bottom:1px dotted #77736D; text-decoration:none;}
a:hover {border-bottom:1px solid #77736D;}

a.img {border:0;}
a.img:hover {border:0;}

#sitewrap {font-size:12px; line-height:1.333em; margin:0 auto; text-align:left; width:944px;}

#content {float:left; overflow:auto; padding:25px 0 0 0; width:740px;}
	.home #content {padding:0;}

#gallery_content {float:left; overflow:auto; padding:25px 0; width:740px;}

h2, h5 {border-bottom:1px solid #cdcdcd; color:#AEC810; font-size:1.2em; padding:1px 0 5px 0;}
	.connect h2 {border-bottom: 1px solid #77736D; color:#77736D; font-family:arial, 'arial', serif; font-weight:normal; padding:0 0 5px 10px;}
	.successes h2 {border:0; float:left; /*padding:1px 10px 5px 0;*/ margin:0 10px 0 0; text-align:right; width:170px;}
	.bio h2 {border-bottom: 1px dotted #000000; color:#000000; font-size:1.5em; margin:0 0 5px 226px; padding:0 0 5px 0;}

h3 {float:left; font-size:1.1em; font-weight:bold; text-align:right; width:170px;}

h4 {border-bottom:1px dotted #cdcdcd; font-family:georgia, 'times new roman', serif; font-size:2em; font-weight:normal; line-height:1.3em;}

p {margin-bottom:1em;}

#content ul {list-style-type:disc; margin:0 0 1em 2em;}
#content-inner {padding:1em 0 0 1em;}

#call_to_action {clear:both; padding:2em 0 3em;}
	#call_to_action a {border:0; color:#AEC810;}
	#call_to_action a:hover {border:0; color:#839300;}

* html .clearfix { height: 1%; }

#masthead {border-bottom:1px solid #808080; height:20px; padding:35px 0;}
	#masthead h1 {margin:0; padding:0;}
	#masthead h1 a {background:url(../images/logo_rassman.gif) no-repeat; border:0; float:left; height:24px; overflow:hidden; text-indent:-999em; width:137px; }
	#mobile {margin:0; padding:0;} 
	#mobile a {background:url(../images/#) no-repeat 0 0; border:0; display:block; float:right; height:25px; overflow:hidden; text-indent:-999em; width:111px;}
	/*#mobile a:hover, #mobile a:focus {background-position:0 -24px; border:0;}*/

#navigation {background-image:url(../images/phone_number.gif); background-repeat:no-repeat; background-position:right bottom; clear:both; height:25px; margin:22px 0 0 0; padding:0; width:944px;}
.home #navigation {background-image:url(../images/phone_number_gray.gif);}
	#navigation p {background:#77736D; color:#d8d7d7; float:left; line-height:22px; margin:0 6px 0 0; padding:0 0 0 13px; width:185px; font-size: 11px;}
	ul#crumbs {background:#77736D; color:#B3B3B3; float:left; height:22px; list-style-type:none; margin:0; padding:0 0 0 25px; width:400px;}
	ul#crumbs li {background:url(../images/crumb_arrow.gif) no-repeat right 7px; float:left; line-height:20px; list-style-type:none; margin:0; padding:1px 15px 0 8px;}
	ul#crumbs li.first {padding:1px 15px 0 0;}
	ul#crumbs li.last {background:none;}
	ul#crumbs li a {border:0; color:#B3B3B3; display:block; font-size:.9em; text-decoration:none;}
	ul#crumbs li a:hover,
	ul#crumbs li a:focus {border:0; color:#cccccc;}
	
ul#accordion_nav {float:left; margin:12px 6px 0 0; width:198px;}
	ul#accordion_nav li a {background-image:url(../images/nav_sprite.gif); background-repeat:no-repeat; border-bottom:0; display:block; height:45px; margin-top:2px; overflow:hidden; text-indent:-999em; width:175px;}
	ul#accordion_nav li a:hover,
	ul#accordion_nav li a:focus {color:#839300; cursor:pointer; text-decoration:none;}	
	ul#accordion_nav li a.nav_work {background-position:0 0;}
	ul#accordion_nav li a.nav_work:hover, ul#accordion_nav li a.nav_work:focus {background-position:-175px 0;}
	ul#accordion_nav li a.nav_thinking {background-position:0 -48px;}
	ul#accordion_nav li a.nav_thinking:hover, ul#accordion_nav li a.nav_thinking:focus {background-position:-175px -48px;}
	ul#accordion_nav li a.nav_connect {background-position:0 -139px;}
	ul#accordion_nav li a.nav_connect:hover, ul#accordion_nav li a.nav_connect:focus {background-position:-175px -139px;}
	ul#accordion_nav li a.nav_studio {background-position:0 -93px;}
	ul#accordion_nav li a.nav_studio:hover, ul#accordion_nav li a.nav_studio:focus {background-position:-175px -93px;}
	ul#accordion_nav li ul {margin:0 0 12px 0;}
	ul#accordion_nav li ul li {border:0;}
	ul#accordion_nav li ul li a {background-image:none; border-bottom:none; color:#808080; cursor:pointer; font-size:.9em; height:auto; line-height:16px; margin:0; padding:0 0 0px 70px; text-indent:0; width:auto;}
	ul#accordion_nav li ul li a:hover,
	ul#accordion_nav li ul li a:focus {color:#1d1d1d; cursor:pointer;}
	ul.ui-accordion-content-active {overflow:hidden;} /*ie6 fix*/
	
#footer {clear:both; font-size:.8em; background:#77736D; margin:0 0 0 auto; padding:3px 0 0 26px; height:19px; width:713px;}
	.home #footer {border-top:0;}
	#footer ul li {float:left; font-weight:bold; margin:0 3px 0 0; /*padding:0 0 0 14px;*/ width:120px;}
	#footer ul li.last, #footer ul li.last ul li.one {margin:0; width:123px;}
	#footer ul li ul li {background-image:url(../images/footer_bkgrnds.gif); background-repeat: repeat-x; float:none; font-weight:normal; height:17px; margin:0 0 3px; padding:0;}
	#footer ul li ul li.one {background-position:0 0;}
	#footer ul li ul li.two {background-position:0 -19px;}
	#footer ul li ul li.three {background-position:0 -28px;}
	#footer ul li ul li a {border:0; color:#ffffff; display:block; height:17px; padding:0 0 0 14px;}
	#footer ul li ul li a:hover {background:#000000;}
	#footer p {clear:both; color:#b3b3b3; padding:0px 0 0 0;}
	#footer p a {color:#b3b3b3;}
	a.twitter {background:url(../images/#) no-repeat 0 -15px; border-bottom:0; display:block; float:left; height:15px; margin:3px 10px 0 0; overflow:hidden; text-indent:-999em; width:66px;}
	a.twitter:hover, a.twitter:focus {background-position:0 0; border-bottom:0;}
	a.facebook {background:url(../images/#) no-repeat 0 -21px; border-bottom:0; display:block; float:left; height:21px; overflow:hidden; text-indent:-999em; width:55px;}
	a.facebook:hover, a.facebook:focus {background-position:0 0; border-bottom:0;}
	
/*index*/

	#flash_container {display:inline; float:left; margin-bottom:2em;}
	#flash_container object{display:inline; display: block;}
	/*.flash {background:url(../images/flash.jpg) no-repeat; height:218px; margin:0; padding:0; width:739px;} */
	#flash_embed {/*background:url(../images/flash.jpg)*/ no-repeat; height:440px; margin:0; padding:0; width:739px;}

	.under_flash {background:url(../images/under_flash_bkgrnd.gif) #231f20 repeat-x; clear:both; float:left; padding:25px; width:689px; height:195px;}
	.under_flash h2 {border-bottom:0; margin:0 0 10px 0; text-transform:lowercase;}
	.under_flash .flash_text {background:url(../images/under_flash_text.gif) no-repeat; height:142px; overflow:hidden; text-indent:-999em; width:684px;}

	#accordion_content {clear:both; padding:20px 0; line-height:normal; margin:0; padding:0;}
	/*.home #accordion_content {display:inline;}*/
	.home #accordion_content a {color:#362104;}
	.home #accordion_content h2 {border:0; clear:both; cursor:pointer; /*margin:0 0 0 229px;*/ padding:5px 0; text-transform:lowercase;}
	.home #accordion_content h2 a {border-bottom:none; color:#A0BE00; text-transform:lowercase;}
	.home #accordion_content h2 a:hover, .home #accordion_content h2 a:focus, .home #accordion_content h2.ui-state-active a {color:#839300;}
	.home #accordion_content h2 span a {float:right; font-weight:normal;}
	.home #accordion_content #logos {/*padding:0 0 0 229px;*/ overflow:auto;}
	.home #accordion_content #news_container, .home #accordion_content #post_container {overflow:auto; /*padding:0 0 0 204px;*/}
	.home #accordion_content hr {background-color:#cdcdcd; border:none; color:#cdcdcd; clear:both; height:1px;}

		#logos a {background-repeat:no-repeat; background-position:0 center; border-bottom:none; display:block; float:left; margin:0; overflow:hidden; padding:0; text-indent:-999em;}	
		a.imglink_logo1 {background-image:url(../images/logo_dbg.gif); height:60px; width:137px;}
		a.imglink_logo2 {background-image:url(../images/logo_dia.gif); height:60px; width:214px;}
		a.imglink_logo3 {background-image:url(../images/logo_dmcc.gif); height:60px; width:182px;}
		a.imglink_logo4 {background-image:url(../images/logo_waterworld.gif); height:60px; width:183px;}
		#more_link {display:inline; float:right; position:relative; margin-top:-20px;}
		#more_link a {border-bottom:0; color:#A0BE00; /*padding:1px 0 5px;*/}

		.home h4 {font-family:arial, helvetica, tahoma, sans-serif; font-size:1em; font-weight:normal; padding:0; text-transform:uppercase;}
		.home h5 {border-bottom:0; color:#333333; font-weight:normal;}

		#news_container {background:url(../images/news_bkgrnd.gif) repeat-y; overflow:auto; width:740px;}
		#news_container div {float:left; margin:0; padding:15px; width:216px;}
		#news_container h3 {float:none; font-weight:bold; text-align:left; width:auto;}
		#news_container p {font-size:.9em; margin:0 0 1em 0;}	

		#post_container span {float:left; font-style:italic; padding:0 15px 0 0;}
		#post_container p {margin:0;}
		#post_container h4 {border:0;}
		#post_container .title {float:right; font-size:.9em; margin:0 0 10px 10px; padding:0; width:130px;}
		#post_container .favorites {background:#808080; padding:15px; width:710px;}
		#post_container .favorites .title h4 {color:#ffffff;}
		#post_container .favorites .title p {color:#ffffff; font-style:italic;}
		#post_container .news {background:#B3B3B3; padding:15px; width:710px;}
		#post_container .news .title h4 {color:#ffffff;}
		#post_container .news .title p {color:#4D4D4D; font-style:italic;}
		#post_container .posts {background:#E6E6E6; padding:15px; width:710px;}
		#post_container .posts .title h4 {color:#4D4D4D;}
		#post_container .posts .title p {color:#999999; font-style:italic;}

/*case studies*/

	.successes .subnav {border-bottom:1px solid #cdcdcd; color:#666666; padding:0 0 5px 0;}
	.successes .subnav a {border:0; color:#808080; font-size:12px;}
	.successes .subnav a.active {color:#1d1d1d}	
	.successes .subnav a:hover {border:0; color:#000;}
	.successes div.selector {border-bottom:1px solid #cdcdcd; line-height:2em;}
	.successes div.selector:hover {cursor:pointer;}
	.successes .summary {color:#808080; margin:0 0 0 180px;}
	.successes .left {display:inline; float:left; width:255px;}
	.successes .right {float:right; width:300px;}
	.successes h3 a {border:0;}
	.successes .subnavpad {padding:2px 0 0 0;}
	
	.dbg h3 a, .dbg h4 {border:0; color:#356a20;}
	.dbg h3 a:hover {border:0; color:#402E24;}
	.dbg #accordion_content {padding:0;}
	.dbg #content .ui-accordion-content {color:#fff; font-family:Arial, Helvetica, sans-serif;}
	.dbg .casebar {background-color:#356a20; width:725px; height:24px; padding:6px 0px 0px 15px; font-size:14px; font-weight:bold;}
	.dbg .casebar p {background-color:#356a20; padding:0; margin:5px 0 0 0; font-size:10px;}
	.dbg .casesummary {background-color:#1b4b0d; width:140px; height:255px; float:left; padding:15px 15px 20px 15px; font-size:11px; line-height:16px; color:#fff;}
	.dbg .case_study {background:url(../recent_successes/dbg_1.jpg) no-repeat; height:320px; margin:0 0 15px 0; /*overflow:auto;*/ /*padding:0 0 2em 0;*/}
/*	.dbg .opendrawer {margin:0 0 15px 0;} */
	.dbg .quote {margin:35px 0 0 0; font-family: Arial; font-style: italic;}
	.dbg .title {margin:5px 0; font-family: Arial; font-style: italic; color:#8daf7f;}


	.dmc h3 a, .dmc h4 {border:0; color:#DB6E34;}
	.dmc h3 a:hover {border:0; color:#402E24;}
	.dmc #accordion_content {padding:0;}
	.dmc #content .ui-accordion-content {color:#fff; font-family:Arial, Helvetica, sans-serif;}
	.dmc .casebar {background-color:#db6f32; width:725px; height:24px; padding:6px 0px 0px 15px; font-size:14px; font-weight:bold;}
	.dmc .casebar p {padding:0; margin:5px 0 0 0; font-size:10px;}
	.dmc .casesummary {background-color:#b04e1c; width:140px; height:255px; float:left; padding:15px 15px 20px 15px; font-size:11px; line-height:16px; color:#fff;}
	.dmc .case_study {background:url(../recent_successes/dmcc_1.jpg) no-repeat; height:320px; margin:0 0 15px 0; /*overflow:auto;*/ /*padding:0 0 2em 0;*/}		
/*	.dmc .opendrawer {margin:0 0 15px 0;} */
	.dmc .quote {margin:35px 0 0 0; font-family: Arial; font-style: italic;}
	.dmc .title {margin:5px 0; font-family: Arial; font-style: italic; color:#f38c52;}

	
	.waterworld h3 a, .waterworld h4 {border:0; color:#005199;}
	.waterworld h3 a:hover {border:0; color:#402E24;}
	.waterworld #accordion_content {padding:0;}
	.waterworld #content .ui-accordion-content {color:#fff; font-family:Arial, Helvetica, sans-serif;}
	.waterworld .casebar {background-color:#005199; width:725px; height:24px; padding:6px 0px 0px 15px; font-size:14px; font-weight:bold;}
	.waterworld .casebar p {padding:0; margin:5px 0 0 0; font-size:10px;}
	.waterworld .casesummary {background-color:#003c6d; width:140px; height:255px; float:left; padding:15px 15px 20px 15px; font-size:11px; line-height:16px; color:#fff;}
	.waterworld .case_study {background:url(../recent_successes/ww_1.jpg) no-repeat; height:320px; margin:0 0 15px 0; /*overflow:auto;*/ /*padding:0 0 2em 0;*/}		
/*	.waterworld .opendrawer {margin:0 0 15px 0;}  */
	.waterworld .quote {margin:35px 0 0 0; font-family: Arial; font-style: italic;}
	.waterworld .title {margin:5px 0; font-family: Arial; font-style: italic; color:#5495cd;}
		
		
	.denver_investments h3 a, .denver_investments h4 {border:0; color:#C78000;}
	.denver_investments h3 a:hover {border:0; color:#402E24;}
	.denver_investments #accordion_content {padding:0;}
	.denver_investments #content .ui-accordion-content {color:#fff; font-family:Arial, Helvetica, sans-serif;}
	.denver_investments .casebar {background-color:#a76527; width:725px; height:24px; padding:6px 0px 0px 15px; font-size:14px; font-weight:bold;}
	.denver_investments .casebar p {padding:0; margin:5px 0 0 0; font-size:10px;}
	.denver_investments .casesummary {background-color:#7b3a15; width:140px; height:255px; float:left; padding:15px 15px 20px 15px; font-size:11px; line-height:16px; color:#fff;}
	.denver_investments .case_study {background:url(../recent_successes/di_1.jpg) no-repeat; height:320px; margin:0 0 15px 0; /*overflow:auto;*/ /*padding:0 0 2em 0;*/}
/*	.denver_investments .opendrawer {margin:0 0 15px 0;} */
	.denver_investments .quote {margin:35px 0 0 0; font-family: Arial; font-style: italic;}
	.denver_investments .title {margin:5px 0; font-family: Arial; font-style: italic; color:#d7893f;}


/*thinking & focus*/

	.cap_list_container {width: 725px; height: 200px; margin:25px 0 0 0; }
	.cap_title {font-size: 13px; }
	
	.cap_list_1 {width: 175px; float: left;}
		.cap_list_1 li {list-style-type:none; text-indent:-23px; color: #999}
		.cap_list_1 .cap_title {color:#333;}
	
	.cap_list_2 {width: 125px; float: left;}
	.cap_list_2 li {list-style-type:none; text-indent:-23px; color: #888}
		.cap_list_2 .cap_title {color: #333;}

	.cap_list_3 {width: 145px; float: left;}
		.cap_list_3 li {list-style-type:none; text-indent:-23px; color: #888}
		.cap_list_3 .cap_title {color: #333;}

	.cap_list_4 {width: 135px; float: left;}
		.cap_list_4 li {list-style-type:none; text-indent:-23px; color: #888}
		.cap_list_4 .cap_title {color: #333;}

	.cap_list_5 {width: 145px; float: left;}
		.cap_list_5 li {list-style-type:none; text-indent:-23px; color: #888}
		.cap_list_5 .cap_title {color: #333;}

		
/*studio*/

.team #content {color:#666666; padding:48px 0 0 0;}
	.bio {float:left; margin:0 0 32px 0; text-align:left;}
	.bio .image {background:#cccccc; float:left; height:200px; width:200px;}
	.bio p {font-family:arial, 'arial', serif; margin:1em 65px 0 226px;}
	.biotitle {margin:0px 0px 0px 26px; font-style:italic;} 

/*connect*/

.connect #content {padding:26px 0 0 0;}
	.info_box_wrap {overflow:auto;}
	.info_box {background:#AEC810; float:left; font-family:arial, 'arial', serif; height:115px; margin: 5px 7px 0 0; width:242px;}
	.last {margin-right: 0;}
	.info_box h3 {background:url(../images/connect_stripes.png); border-bottom:1px solid #ffffff; float:none; font-weight:normal; padding:10px 0 5px 15px; text-align:left; width:auto;}
	.info_box h3 a {border-bottom:1px dotted #000000; color:#000000;}
	.info_box h3 a:hover, .info_box h3 a:focus {border-bottom:1px solid #000000;}
	.info_box p {color:#ffffff; line-height:normal; margin:0; padding:10px 15px 15px 15px;}
	.info_box a {border-bottom:1px dotted #ffffff; color:#ffffff;}
	.info_box a:hover, .info_box a:focus {border-bottom:1px solid #ffffff;}
	
	#form_directions {background-color:#eeeeee; clear:both; color:#000000; font-size:15px; font-weight:bold; margin:1em 0; overflow:hidden; padding:18px;}
		#form_directions_inner {position:relative;}
		#form_directions_inner label.overlabel {color:#eeeeee;}
		#form_directions_inner label.overlabel-apply {color:#cccccc; left:5px; position:absolute; top:32px; z-index:1;}
		#form_directions input#saddr {float:left; font-size:2em; height:37px; margin-right:10px; padding:3px; width:620px;}
		#form_directions input#form_submit {background:#AEC810; border:0; color:#000000; cursor:pointer; display:block; font-size:15px; font-weight:bold; margin:0 0 18px 0; padding:14px 8px;}
		#map_canvas {clear:both; height:280px; width:740px;}

/*portfolio*/

.portfolio .images {clear:both; margin-top:15px; overflow:auto;}
	.portfolio .images .imgteaser {background:url(../images/imgteaser_bkgrnd.png); display:inline; float:left; height:130px; margin:0 5px 0 0; overflow:hidden; position:relative; width:180px;}
	.portfolio .images .imgteaser a {border:1px solid #FFA600; text-decoration:none; float:left; height:70px; margin:10px; overflow:hidden; width:157px;}
	.portfolio .images .imgteaser a:hover {cursor:pointer;height:110px; overflow:hidden; width:157px;}
	.portfolio .images .imgteaser a .desc {bottom:10px; color:#FFA600; display:block; font-family:georgia, 'times new roman', serif; left:10px; position:absolute; width:160px;}
	.portfolio .images .imgteaser a:hover .desc {display:none;}

/*revised portfolio – aka GALLERY */

.gallery {margin:0px; padding:0px;text-align:left;}
	.gallery ul {list-style: none; margin:0px; padding:0px;}
	.gallery ul li {display: inline; padding:0px;}
	.gallery ul img {border: solid #fff; margin:0; border-width:2px}
		.gallery ul a {border-width: 0px;}
		.gallery ul a:hover img {border:2px solid #AEC810; border-width:2px;}