/* CSS Document */

/* CLEAR DEFAULTS & SET PAGE
---------------------------------------------------*/
h1, h2, h3, h4, h5, h6, li, 
ol, ul, form, fieldset, input,
p, blockquote, img, label			{margin: 0px; padding: 0px; list-style:none}
img									{border: none}
table, tr, td, th					{/*padding: 0px; margin: 0px;*/ vertical-align:top; border-collapse:collapse}/* sets declarations for all tables throughout the site */
table th							{text-align: left; speak-header: always}
th									{speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/
a:link, a:visited					{color:#b6662a; text-decoration:underline; font-weight:bold;}
a:hover, a:active					{color:#b6662a; text-decoration:none;}
input, select,
textarea							{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; width: 338px}
label								{cursor:pointer}

/* Set html & body 
--------------------------------------------------*/
html								{width:100%;}
body								{position:relative; width:100%; margin:0 auto; padding:0px; font-family: 'Calibri', Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; color: #5e4028; letter-spacing:1px; font-weight:normal; background:url(../images/bkg_main.gif) repeat-x;}
#container							{position:relative; width:1003px; min-height:300px; left:0px; right:0px; margin:0 auto; padding:0px; z-index:1;}

/* BRANDING / NAVIGATION
---------------------------------------------------*/
#branding 							{position: relative; height: 135px; padding:0px;}
#branding h2						{position:relative; top:24px; left:11px; width:233px;}
#branding ol						{position:relative; top:52px; left:225px; height:41px; font-size:11px; width:777px; letter-spacing:0px;}
#branding ol li						{margin-top:7px; padding:0px 18px; display:block; float:left;}
#branding .last						{padding:0px 0px 0px 0px;}
#branding a:link,
#branding a:visited,
#branding a:active					{font-weight:bold; font-size:12px; text-decoration:none; color:#000;}
#branding a:hover					{color: #b6662a;}

#branding blockquote				{position:absolute; top:45px; right:0px; letter-spacing:0px;}
#branding blockquote a:link,		
#branding blockquote a:visited,		
#branding blockquote a:active{color:#b6662a; text-decoration:none; font-size:12px;}
#branding blockquote a:hover{color:#5e4028}

#branding blockquote h6				{float:left; padding:3px 0px 0px 11px; width:123px; height:22px; background:url(../images/btn_meeting.gif) no-repeat;}
#branding blockquote h3				{float:left; padding:3px 0px 0px 8px; width:139px; height:22px; background:url(../images/btn_featured.gif) no-repeat;}
#branding blockquote h4				{float:left; padding:3px 0px 0px 14px; width:99px; height:22px; font-size:12px; color:#bb2e2e; background:url(../images/btn_design.gif) no-repeat;}
#branding blockquote h5				{float:left; padding:3px 0px 0px 9px; margin:0px 5px 0px 0px; width:114px; height:22px; font-size:12px; color:#bb2e2e; background:url(../images/btn_redesign.gif) no-repeat;}

#address 							{position:relative; top:40px; height:115px;}
* html #address						{top:20px}
#address blockquote					{float:left; width:287px; padding:0px 37px 0px 14px;}
#address .right						{padding:0px 14px;}



/* CONTENT & FORMATTING
---------------------------------------------------*/
#content							{position:relative; clear:both; width:980px; height:auto; padding:39px 0px 50px 13px;}
#content p							{padding: 16px 0px 0px 0px; line-height: 18px;}
#content #breadcrumbs 				{font-size:13px; margin:10px 0px; color:#5e4028;}
#content #breadcrumbs a				{color:#5e4028; font-weight:normal;}

#content ul, #content ol			{}
#content li							{margin:16px 0px 10px 0px;}
#content ul li						{list-style:disc;}
#content ol li						{list-style: none}

#content h1							{font-weight:normal; font-size: 26px; color: #5e4028;}
#content h2							{font-size: 16px; color: #b6662a; font-weight:bold; margin:20px 0px 0px 0px;}
#content h3							{font-size: 14px; color:#fff; font-weight:normal;}
#content h4							{font-size: 14px; color:#fff; font-weight:normal;}
#content h5							{font-size: 14px; color: #5b5504; margin: 0px 0px 8px;}

#contentbox							{position:relative; width:620px; float:left; margin:0px 58px 60px 0px;}
#sidebar							{position:relative; width:256px; max-height: 446px; float:left; margin:20px 0px 60px 0px; padding:10px 0px 30px 31px; background:url(../images/bkg_sidebar.gif) no-repeat;}
* html #sidebar						{margin-bottom: -200px;}
#sidebar p							{padding:0px;}


#content table						{position:relative; margin:25px 0px 40px -15px;}
#content table td					{padding:0px 10px; margin:0px}
#content table .line				{border-right:1px solid #b6662a;}
#content table .next				{}


.photo 								{border: 1px solid #bbb296; margin: 10px 0px}
.photoLeft, .photoRight				{border: 1px solid #bbb296; float: left; margin: 0px 14px 12px 0px}
.photoRight							{float: right; margin: 0px 0px 10px 14px}
.photoRight_nobdr					{float: right; margin: 0px 0px 10px 10px; border:none;}
.photoLeft_nobdr					{border: none; float: left; margin: 0px 10px 10px 0px}
.colLeft, .colMid, .colRt			{width: 380px; margin: 5px 15px 0px 0px; float:left; display:block;}
.colRt								{clear: right;}
.col								{width: 300px; margin: 0px 10px; float:left; display:block; padding: 10px 0px 0px; text-align:left}
.col li								{margin-left: 5px}
.clear								{clear:both;}

/* Specific Pages
---------------------------------------------------*/

#pg_portfolio #content blockquote .first_col		{width:227px; float:left; margin:20px 15px 36px 0px;}
#pg_portfolio #content blockquote .second_col		{width:218px; float:left; margin:0px 20px 36px 0px;}
#pg_portfolio #content blockquote .third_col		{width:227px; float:left; margin:20px 15px 36px 0px;}
#pg_portfolio #content blockquote .fourth_col		{width:218px; float:left; margin:0px 0x 0px 0px;}
#pg_portfolio #content blockquote span				{font-weight:bold; color:#000; font-size:15px;}

#pgpolitical #content blockquote .first_col			{width:550px; float:left; margin:0px 50px 36px 0px;}
#pgpolitical #content blockquote .second_col		{width:350px; float:left; margin:0px 20px 0px 0px;}
#pgpolitical #content ul, #pgpolitical #content ol	{padding-top: 5px; padding-bottom: 5px}
#pgpolitical #content li							{margin:5px 0px 5px 30px;}
#pgpolitical #content ul li							{list-style:disc;}
#pgpolitical #content ol li							{list-style: none}
#pgpolitical #content ul ul							{margin:5px 0px 5px 20px;}
#pgpolitical #content p								{padding: 2px 0px 15px 0px; line-height: 18px;}

#pgpolitical #content table						{position:relative; margin:10px 0px 20px 0px; left:0px;}
#pgpolitical #content table td					{font-size:12px; padding:0px 15px 0px 10px;}
#pgpolitical #content table .line				{border:none;}

#pg_404	#content ul					{margin:0px 0px 0px 25px;}


/* FORM
---------------------------------------------------*/
.form_row							{position: relative; margin:20px 0px 15px 0px; clear:right; height:30px}
.form_row2							{height:60px}
.form_row table td					{padding:0px; height:30px;}
.form_row table select,
.form_row table input				{width:5px;}
.form_row span,
.form_row2 span						{width:10px; margin-top:3px; float:left; color:#963008;}
label								{width:200px; margin-top:3px; float:left; padding:0px 10px 0px 0px;}
.form_row table label				{width:75px;}

.form_row2 input, .form_row2 select,
.form_row2 textarea					{width:20px}
.form_row2 label					{width:185px}
.form_row2 table label				{width:115px;}
.form_row2 table .quote_txt_box		{margin-top:5px;}
#contentbox .form					{margin:0px 0px 0px 15px;}



/* SITE INFO (footer)
---------------------------------------------------*/
#site_info_container				{position:relative; width:100%; left:0px; right:0px; margin:0 auto; clear:both; border-top:solid 2px #e8e5e5; letter-spacing:0px;}
#site_info							{width:1003px; margin:0 auto; font-size:12px; font-weight:bold; text-align:center; color:#afa3a3;}

#site_info cite						{font-style:normal;}
#site_info a:link,
#site_info a:visited				{color:#a29082; text-decoration: underline; font-weight:normal;}
#site_info a:hover,
#site_info a:active					{color:#978887; text-decoration: none;}

#site_info #address 				{position:relative; top:20px; margin-bottom:20px; height:90px; font-size:14px; text-align:left; line-height:18px; color: #604847; font-weight:normal;}
* html #site_info #address			{top:20px; margin-bottom:15px;}
#site_info #address blockquote		{float:left; width:287px; padding:0px 37px 0px 14px;}
#site_info #address .right			{padding:0px 14px 0px 14px;}



/* HOME 
---------------------------------------------------*/
#pg_home #content					{height:448px;}
#pg_home #content blockquote		{float:left; width:301px; margin:0px 38px 0px 0px;}
#pg_home #content .right			{margin:0px;}
#pg_home #content blockquote h2		{margin:0px;}

#pg_home #content p					{padding: 0px;}
#pg_home #content h1				{font-size:17px; text-align:left; color:#b6662a; font-weight:bold; margin:24px 0px 6px 0px;}
#pg_home #content h3				{font-size:17px; text-align:left; color:#b6662a; font-weight:bold; margin:24px 0px 6px 0px;}
#pg_home #content h2				{font-size: 16px; color: #fff;}

#pg_home #site_info_container		{border:none; margin-top:30px;}
* html #pg_home #site_info_container{border:none; margin-top:-20px;}

/* Featured Projects Sidebar
---------------------------------------------------*/
.yui-carousel
{
	visibility:hidden;
	overflow:hidden;
	position:relative;
	text-align:left;
	zoom:1; 
	left:-20px;
	top: -125px;
}

.yui-carousel.yui-carousel-visible
{
	visibility:visible;
}

.yui-carousel-content
{
	overflow:hidden;
	position:relative;
	max-width:250px;
}

* html .yui-carousel-content
{
	width: 240px;
}


.yui-carousel-element
{
	margin:5px 0;
	overflow:hidden;
	padding:0;
	position:relative;
	width:32000px;
	z-index:1;
}

.yui-carousel-element li
{
	float:left;
	list-style:none;
	margin:1px;
	overflow:hidden;
	padding:0;
	text-align:center;
	*float:none;
	*display:inline-block;
	*zoom:1;
	*display:inline;
}

.yui-log .carousel
{
	background:#f2e886;
}

.yui-carousel-nav
{
	zoom:1;
}

.yui-carousel-nav:after
{
	clear:both;
	content:"";
	display:block;
}

.yui-carousel-min-width .yui-carousel-content
{
	margin:0 auto;
}
 
.yui-carousel select
{ 
	display: none;
	visibility: hidden;
}

.yui-carousel-element li 
{
	text-align: left;
} 

#imagecontainer 
{
	font-size: 13px;
	margin: 0 auto;
	padding-top: 0px;
}
	  
#imagecontainer .item 
{
	display: inline;
	margin: 0;
	overflow: hidden;
	padding-right: 50px;
	width: 200px;
}

* html #imagecontainer .item 
{
	display: inline;
	margin: 0;
	overflow: hidden;
	padding-right: 55px;
	width: 190px;
}

#imagecontainer button
{
	visibility: hidden;
}

#prev_button, #next_button
{	
	cursor: pointer;
}



#imagecontainer .item h3
{
	margin: 40px 0px 10px 0px;
	*margin-top: 40px;
	*margin-bottom: 0px;
	color:#5e4028;
	font-weight:bold;
	font-size:14px;
	padding:0px;
}

#project_nav
{
	position: relative;
	z-index: 100;
	top: 300px;
	right: 1px;
}

#sidebar h2	
{
	margin: 0px 0px 15px -15px; color:#5e4028; font-size:17px;
	
}

*html #sidebar h2	
{
	margin-bottom:30px;
}

.item h3, .item h5, .item p
{
	*overflow: hidden;
}

.item h3
{
	*height: 35px;
}

.item h5
{
	*height: 15px;
}

.item p
{
	*height: 150px;
}


