/*************************************************************************/	
/*************************** BODY CONTENT/STRUCTURE **********************/
/*************************************************************************/

body {background-color:#FFF; margin:0; padding:0;}
DIV#container {	
	width:900px;
	/* cross-browser hack to center div */
	margin-left:auto; 
	margin-right:auto; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	letter-spacing:0.6px;
	line-height:150%;
	color:#000000;
	overflow:hidden;
}
DIV#header {
	margin:37px 0 0 115px;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	font-weight:bold;
	letter-spacing:0;
	line-height:normal;
}
DIV#header A {
	display: inline-block;
	width:340px;
	padding-bottom:14px;
	border-bottom:solid 2px #555;
	color:#000;
	text-decoration:none;
}
DIV#header A:hover {
	color:#555;
}
DIV#header A IMG {
	margin:8px 0 -8px 0;
}
DIV#page_body {							
	min-height:453px;
	height:auto !important;
	height:453px;
	background-image:url('/images/page_bg.jpg');
	background-repeat:no-repeat;
	background-position:top center;
	border:solid 1px #FFF;
}
DIV#content {
	margin:30px 198px 40px 314px;
}
DIV#footer {
	border-top: solid 2px #777;
	margin:30px 0 30px 0;
	padding-top:22px;
	font-weight:bold;
	text-align:center;
	
}
DIV#footer FORM { 
	margin-top:5px;
}
DIV#footer LABEL {
	color:#BE4238;
	margin-right:11px;
}


/************************************************************************/	
/************************** BASIC HTML ELEMENTS *************************/
/************************************************************************/	

/* ---------- don't edit collapse defaults*/
div, span 		{margin:0; padding:0; }
a, a img, img 	{border:0; outline-style:none; outline-width:0px;}
table, th, td 	{border-collapse:collapse; border:solid 1px #666;}

/* ----- headlines -----------------------*/
h1, h1 a, a h1 {font-size:12px; color:#000; display:inline;}
h2, h2 a, a h2 {font-size:12px; color:#000; display:inline;}
h3, h3 a, a h3 {font-size:12px; color:#000; display:inline;}
h4, h4 a, a h4 {font-size:12px;	color:#000;	display:inline;}
h5, h5 a, a h5 {font-size:14px;	color:#000;	display:inline;	font-family: "Times New Roman", Times, serif; font-weight: bold;}
h6, h6 a, a h6 {font-size:18px;	color:#000;	font-family: "Times New Roman", Times, serif; font-weight: bold;}
/* note: declare link attributes for headlines - since  */
/* tools arbitrarily put links inside or outside h tags */

/* ----- default text links in content -------*/
a {
	color:#BE4238;
	text-decoration:underline;
}
a:hover {
	color:#555;
	text-decoration:underline;
}

/* ----- default horizontal rule -------*/
hr {
	margin:15px 0px 20px 0;
	padding:0px;
	border-bottom:2px solid #DDD;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	line-height:0px;
	height:0;
	display:block;
}
p {
	display:inline;
	margin-bottom:10px;
}
/* tables with class of "table_style" applied to table or span wrapper - */
span.table_style table, 
span.table_style table th, 
span.table_style table td,
table.table_style, 
table.table_style th, 
table.table_style td {
	border-color:#F00;
}
span.table_style table, 
table.table_style {
	width:100%;
}

table.table_style th,
span.table_style table th {
	background: #99CCCC;
	vertical-align:bottom;
}
table.table_style td,
span.table_style table td {
	vertical-align:top;
}		


/* "table_style" can be different if end user builds - those inside a content area span */
span.content_area span.table_style table, 
span.content_area span.table_style table th, 
span.content_area span.table_style table td,
span.content_area table.table_style, 
span.content_area table.table_style th, 
span.content_area table.table_style td {
	border-color:#00F;

}
span.content_area span.table_style table, 
span.content_area table.table_style {
	width:auto;

}
span.content_area table.table_style th,
span.content_area span.table_style table th {
	background:#CCC;
	vertical-align:bottom;
}
span.content_area table.table_style td,
span.content_area span.table_style table td {
	vertical-align:top;
}		



/* ---------------------------------------------------------------- */
/* ----------------------- COMMON STYLES -------------------------- */
/* ---------------------------------------------------------------- */
.no_display {
	display:none;
}
.hidden {
	visiblity:hidden;
}
.KLCA_acromyn {
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
}

.footer_link {
	font-size: 12px;
}

/*************************************************************************/	
/*********** FORMS  - DON'T EDIT THIS BLOCK !!! (normally) ***************/
/*************************************************************************/

/* ALL FORM STYLING BELOW ASSUMES YOU WILL WRAP THE FORM IN A THIS SPAN "<span class="form_style"></span>" OTHERWISE SITE USES BROWSER DEFAULTS */

/* labels - assumes label is on left of input, or specify on the container span - e.g. <span class="form_style labels_left"></span> */
span.form_style {	
	display:inline-block;
	line-height:normal;
}
span.form_style label { 
	display:inline-block;
	vertical-align:top;
	margin:0; /* use right margin for space between label and input, use bottom margin to vertically space out lines of form */
	padding:1px 0 0 0;
	text-align:right;
	color:#292929; /* have label text a hair lighter than black helps guide the eye */
	font-weight:bold;
}
span.form_style input, 
span.form_style select, 
span.form_style textarea,
span.form_style span.input_look  {
	display:inline-block;
	border:solid 1px #AAA;
	margin:0 0 12px 3px;
	padding:2px 2px 2px 2px;
	width:200px;
	font-size:12px;
	line-height:normal;
	font-family:Arial, Helvetica, sans-serif; /* good to declare since some buttons and Safari inputs use Tahoma, etc. by default */
}
span.form_style input.checkbox, 
span.form_style input.radio,
span.form_style checkbox,
span.form_style radio  {
	width:auto !important;
	border:none !important;
	margin-right:2px;
	margin-bottom:10px;
	vertical-align:top;
	display:inline-block !important;
}
span.form_style input.file  {
	background:#EEE;
}
span.form_style textarea, span.form_style textarea.medium {
	overflow-x:hidden; /* turn off bottom scrollbar by default, some browsers put it in if narrow textarea */
	overflow-y:auto; /* let it scroll vertically if necessary */
}


/* --------------- Buttons ------------------ */
span.form_style input.button,
span.form_style button.button,
span.form_style a.button {		vertical-align:top;
	width:auto !important;
	padding-right:4px;
	overflow:hidden;
	display:inline-block;
	padding:1px 0 1px 0;
	border:solid 1px #AAA;
	background-color:#DDD;
	margin-right:5px;
	color:#222;
	font-weight:bold;
	line-height:14px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif; /* good to declare since some buttons and Safari inputs use Tahoma, etc. by default */
}
/*span.form_style button.button { 
	padding:0 1px 1px 1px;
}
span.form_style a.button { 
	padding:2px 4px 2px 4px;
}*/

span.form_style input:hover.button,
span.form_style button:hover.button,
span.form_style a:hover.button {
	border:solid 1px #777;
	background-color:#BBB;
	text-decoration:none;
}

span.form_style a.button {
	padding:2px 3px 2px 3px;	
	line-height:normal;
	vertical-align:top;

}

/* --------------- Dividers ------------------ */
span.form_style h4 {
	background:#999;
	font-size:14px;
	padding:2px 2px 2px 5px;
	margin:0 0 15px 0;
	color:#FFF;
	line-height:normal;
}
span.form_style h5 {
	background:#EEE;
	font-size:14px;
	padding:2px 2px 2px 5px;
	margin:0 0 15px 0;
	color:#555;
	line-height:normal;
}
span.form_style h4.no_margin,
span.form_style h5.no_margin {
	margin:0;
}

span.form_style hr {
	margin:5px 0px 20px 0;
	padding:0px;
	border-bottom:4px solid #EEE;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	line-height:0px;
	height:4px;
	display:block;
}


/****** LABELS TOP (class="form_style labels_top") ********/
span.form_style.labels_top input, 
span.form_style.labels_top select, 
span.form_style.labels_top textarea,
span.form_style.labels_top span.input_look  {
	display:block;
	margin:0 0 8px 0;
}
span.form_style.labels_top input.button {
	display:inline-block;
	margin:0 0 8px 0;
}
span.form_style.labels_top label { 
	display:block;
	margin:0 0 1px 0; 
	text-align:left;
}

span.form_style.labels_top.labels_top .left_label_margin { 
	margin-left:0 !important;
}
span.form_style.labels_top.labels_top span.file.error { 
	display:block !important;
	width:200px;
	padding:0;
	overflow:hidden;
	height:24px;
}

/*************************************************************************/	
/************************ FORM ERRORS ************************************/
/*************************************************************************/	

/*** UL List of Errors At Form Top***/
span.form_style span.error_list {
	display:none;
}
span.form_style span.error_list.error {
	display:inline-block;
	margin:0 0 20px 0;
	vertical-align:top;
	border:solid 1px #F00;
	padding:12px;
	background:#FFFFCC;
	height:auto;
}
span.form_style span.error_list.error h3 {
	color:#F00;
	font-size:14px;
	text-transform:uppercase;
	margin:0 0 0 0;
}
span.form_style span.error_list.error ul {
	margin:5px 0 0 5px;
	color:#F00;

}

/*** Error Message In Form ***/

span.form_style span.error.error_message {
	width:205px;
	display:inline-block;
	margin:-3px 0 2px 0;
	background:none;
	color:#F00;
	font-weight:bold;
	border:none;
	height:auto;
}
span.form_style h4.error, span.form_style h5.error {
	color:#F00;
	background:#EEE;
	border:solid 1px #F00;
}

/*** Field Errors ***/
span.form_style span.checkbox.error 
span.form_style span.radio.error {
	color:#F00;
	border:solid 1px #F00;
	padding:2px 2px 0 0;
	height:auto;
	display:inline-block;
}
span.form_style span.group.error {
	color:#F00;
	border:solid 1px #F00;
	padding:2px 2px 0 2px;
	height:auto;
	display:inline-block;

}
span.form_style span.file.error {
	color:#F00;
	border:solid 1px #F00;
	padding:4px 0 2px 0;
}
span.form_style label.error {
	color:#F00;
}

span.form_style span.error,
span.form_style input.error, 
span.form_style select.error, 
span.form_style textarea.error,
span.form_style span.input_look.error  {
	border:solid 1px #F00;
	background: #FFFFCC;
	display:inline-block;
}

span.form_style button.button.error,
span.form_style a.button.error {
	border:solid 1px #F00;
	background: #FFFFCC;
}

/*************************************************************************/	
/******************** FORMS  - END "DON'T EDIT" **************************/
/*************************************************************************/



/*************************************************************************/	
/** DO EDIT HERE - SET WIDTHS & MARGINS FOR DEFAULT "LABELS LEFT" FORMS **/
/*************************************************************************/

/******  ********/	

/* --------------- default widths - no "length" class ------------------ */
span.form_style {	
	width:313px;
	margin-right:20px;
}
span.form_style label {				
	width:100px;
}
span.form_style input, 
span.form_style select, 
span.form_style textarea,
span.form_style span.input_look  {
	width:200px;
}
/* selects are about 5px wider than input to line up */
span.form_style select {
	width:205px;
}
span.form_style hr.left_label_margin { /* set make left of hr line up with inputs, rather than left of form */
	margin-left:106px;
	width:205px;
}
span.form_style span.error_list.error.left_label_margin {
	margin-left:106px;
}
span.form_style span.error_message.error.left_label_margin {
	margin-left:106px;
}

/* --------------- "short_length" class ------------------ */
/* if you apply a class of "short" to an label, assumes it the second one over for half a column width */
span.form_style label.short_length {
	width:75px;
}

span.form_style input.short_length {
	width:55px;
}
/* selects are 5px wider than input to line up */
span.form_style select.short_length {
	width:45px;
}

/* --------------- "long_length" class ------------------ */
/* if you apply a class of "long" to an input, assumes a double column width (or a span), select and textarea adjusted a few pix */
span.form_style label.short_length {
	width:75px;
}
span.form_style input.short_length,
span.form_style textarea.short_length {
	width:55px;
}
/* selects are 5px wider than input to line up */
span.form_style select.short_length {
	width:45px;
}

/*************************************************************************/	
/** DO EDIT HERE - SET WIDTHS & MARGINS FOR "labels_top" FORMS **/
/*************************************************************************/
span.form_style {	
	width:313px;
	margin-right:20px;
}
span.form_style.labels_top h4, span.form_style.labels_top h5  {	
	width:198px;
}
span.form_style.labels_top {	
	width:313px;
	margin-right:20px;
}
span.form_style.labels_top label {				
	width:100px;
}
span.form_style.labels_top input, 
span.form_style.labels_top select, 
span.form_style.labels_top textarea,
span.form_style.labels_top span.input_look  {
	width:200px;
}
/* selects are about 5px wider than input to line up */
span.form_style.labels_top select {
	width:205px;
}
span.form_style.labels_top hr.left_label_margin { /* set make left of hr line up with inputs, rather than left of form */
	margin-left:0;
}
span.form_style.labels_top span.error_list.error.left_label_margin {
	width:180px;
	margin-left:0;
}


/* --------------- "short_length" class ------------------ */
/* if you apply a class of "short" to an label, assumes it the second one over for half a column width */
span.form_style.labels_top label.short_length {
	width:75px;
}

span.form_style.labels_top input.short_length {
	width:55px;
}
/* selects are 5px wider than input to line up */
span.form_style.labels_top select.short_length {
	width:45px;
}

/* --------------- "long_length" class ------------------ */
/* if you apply a class of "long" to an input, assumes a double column width (or a span), select and textarea adjusted a few pix */
span.form_style.labels_top label.short_length {
	width:75px;
}
span.form_style.labels_top input.short_length,
span.form_style.labels_top textarea.short_length {
	width:55px;
}
/* selects are 5px wider than input to line up */
span.form_style.labels_top select.short_length {
	width:45px;
}

/*************************************************************************/	
/*************************** SPECIFIC PAGES ******************************/
/*************************************************************************/

/* --- HOME PAGE --- */
DIV#container.page_1 DIV#header, DIV#container.page_1 DIV#menu {
	margin-left:0;
}
DIV#container.page_1 DIV#page_body {							
	background:none;
}
DIV#container.page_1 DIV#page_body DIV#content { 				
	margin:0;
}
DIV#container.page_1 DIV#home_flash {

	width:900px;							
	height:430px;
	overflow:hidden;
}
DIV#container.page_1 DIV#page_body DIV#footer {					
	margin:55px 0 0 0;
	width:425px;
	margin-left:auto;
	margin-right:auto;
}

/* INDIVIDUAL COLOR BOX LINK ABSOLUTE PLACEMENT */

/*---FIRM PAGES ---*/
DIV#container.page_3 DIV#page_body {							
	background-image:url('/images/page_bg.jpg');
}

/* --- SERVICES PAGES --- */
DIV#container.page_4 DIV#page_body {							
	background-image:url('/images/services_page_bg.jpg');
}

/* --- CONTACT PAGES --- */
DIV#container.page_7 DIV#page_body {							
	background-image:url('/images/contact_page_bg.jpg');
}

/* --- NEWS PAGES --- */
DIV#container.page_22 DIV#page_body {							
	background-image:url('/images/news_page_bg.jpg');
}
/* --- PORTFOLIO PAGE --- */
DIV#container.page_6 DIV#page_body {							
	background-image:url('/images/portfolio_bg.jpg');
}
DIV#container.page_6 DIV#header, DIV#container.page_6 DIV#menu {
	margin-left:0;
}
DIV#container.page_6 DIV#page_body DIV#content { 				
	margin:0;
}
DIV#container.page_6 DIV#page_body DIV#footer {					
	margin:430px 0 0 0;
	width:410px;
	margin-left:auto;
	margin-right:auto;
	border-top:none;
}

/* --- PORTFOLIO AWARDS PAGES --- */
DIV#container.page_11 DIV#page_body H3 {
	display:block;
	margin:0;
}
DIV#container.page_11 DIV#page_body HR {
	display:block;
	clear:both;
	margin-top:15px;
}
DIV#container.page_11 DIV#page_body IMG {
	float:left;		
	margin:-2px 6px 7px 0;		
	border:solid 1px #CCC;
}

/* --- PORTFOLIO DETAIL PAGES --- */
DIV#container.sec_6 DIV#header, DIV#container.sec_6 DIV#menu {
	margin-left:0;
}
DIV#container.sec_6 DIV#page_body DIV#footer {
	position:absolute;			
	margin:35px 0 0 192px;
	width:410px;
	border-top:none;
	padding-top:0;
}
DIV#container.sec_6 DIV#page_body {				
	background-image:url('/images/portfolio_detail_bg.jpg');
	min-height:342px;
	height:auto !important;
	height:342px;
}
DIV#container.sec_6 DIV#page_body DIV#content {					
	margin:3px 58px 0 58px;
	padding:0;
	height:337px;
}
DIV#container.sec_6 DIV#page_body SPAN.detail_text {
	display:block;
	width:242px;
	height:306px;
	overflow:auto;
	margin:0;
	padding:15px;
	color:#FFF;
}


/* BACKGROUND COLORS ON DETAIL PAGE MATCH LINK BOXES ON MAIN PORTFOLIO PAGE */
DIV#container.sec_6 DIV#page_body SPAN.detail_text.green {
	background:#515825;
}
DIV#container.sec_6 DIV#page_body SPAN.detail_text.yellow {
	background:#BB7D1A;
}
DIV#container.sec_6 DIV#page_body SPAN.detail_text.red {
	background:#58222F;
}
DIV#container.sec_6 DIV#page_body SPAN.detail_text.blue {
	background:#0A344D;
}
DIV#container.sec_6 DIV#page_body SPAN.detail_text.light_blue {
	background:#0E4969;
}
DIV#container.sec_6 DIV#page_body SPAN.detail_text H1 {					
	display:block;
	margin:0 0 12px 0;
	color:#FFF;
}
DIV#container.sec_6 DIV#page_body SPAN.detail_text UL {			
	margin:10px 0 0 0;
	padding:0;
}
DIV#container.sec_6 DIV#page_body SPAN.detail_text UL LI {			
	margin:0 0 0 15px ;
	padding:0;
}
DIV#container.sec_6 DIV#page_body SPAN.slideshow { 
	display:block;
	position:absolute; 
	width:434px;
	height:337px;
	margin-left:257px;
	overflow:hidden;
}
/* --- CLIENTS PAGES --- */
DIV#container.page_9 DIV#page_body h1 { 
	display:block;
}
DIV#container.page_9 DIV#page_body TABLE {
	border:none;
}
DIV#container.page_9 DIV#page_body TABLE TD {
	border:none;
	padding-right:4px;
	width:50%;
	vertical-align:top;
}
/*************************************************************************/	
/*************************** LOGIN PAGE *********************************/
/*************************************************************************/

span.form_style.labels_left.login_page {	
	line-height:220%;
}

span.form_style.labels_left.login_page button.button 
span.form_style.labels_left.login_page input.button {	
	width:60px;
}
span.form_style.labels_left.login_page input.checkbox {
	width:auto;
}
span.form_style.labels_left.login_page label {				
	text-align:right;
	width:65px;
}
span.form_style.labels_left.login_page input {				
	width:218px;
}

span.login_logos {
	display:block;
	margin-left:70px;
}
span.login_logos img {
	margin-right:5px;
}
span.login_logos a {
	margin-right:25px;
}
span.login_logos a h4 {
	margin-bottom:5px;
	line-height:normal;
}
span.form_style.forgot label { 
	width:auto;
}

.loginBtn {
	background-image: url(/images/icons/login.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F9F9F9;
	border:none;
	height:23px;
	width:65px !important;
	margin:0 10px 0 0;
	padding:0;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	color:#333;
}
.loginBtn:hover {
	background-color:#ECEFF2;
}

.forgotBtn {
	background-image: url(/images/icons/forgot.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F9F9F9;
	border:none;
	height:23px;
	width:155px !important;
	margin:0 10px 0 0;
	padding:0;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	color:#333;
}
.forgotBtn:hover {
	background-color:#ECEFF2;
}

.findPasswordBtn {
	background-image: url(/images/icons/forgot.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F9F9F9;
	border:none;
	height:23px;
	width:152px !important;
	margin:0 10px 0 0;
	padding:0 24px 0 0;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	color:#333;
}
.findPasswordBtn:hover {
	background-color:#ECEFF2;
}

.returnLoginBtn {
	background-image: url(/images/icons/login.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F9F9F9;
	border:none;
	height:23px;
	width:150px !important;
	margin:0 10px 0 0;
	padding:0 24px 0 0;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	color:#333;
}
.returnLoginBtn:hover {
	background-color:#ECEFF2;
}