/* CSS Document */

body{background:url(/img/body_bkg.jpg) no-repeat top center #333333; text-align:center;}

body, body.m{font-size:76%;}
body.l{font-size:90%;}
body.xl{font-size:110%;}
body.xxl{font-size:130%;}

table, form, div {font-size:100%;}

body, table, form {
	margin-left: 0em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	font-family:"Arial", Arial,Helvetica,sans-serif;
/*		font-family: Verdana, Arial, Helvetica, sans-serif;
		font:"Times New Roman", Times, serif;
		font:Geneva, Arial, Helvetica, sans-serif;*/
	font-weight: normal;
	color:#555;

	}
	
img {border:none;}

p {margin:0; padding:0; line-height:1.6; font-size:1.05em; padding-bottom:1.4em; }
p.intro {margin:0; padding:0; line-height:1.6; font-size:1.2em; padding-bottom:1.4em; font-style:italic; }
p.caption {margin:0; padding:0; line-height:1.2; font-size:1em; padding-bottom:1em; font-style:italic; }
p.please_note{color:#555;}
p.grey{color:#666666; }
p.small{font-size:0.9em; line-height:1.2;}
p.small_print{color:#666666; font-size:0.9em; font-style: italic;line-height:1.2;}
p.monthly_brief{font-size:0.9em; padding:0; margin:0; line-height:1.1;}
p.width_75percent{width:75%;}
p.width_90percent{width:90%;}
p.quote{color:#666666; width:340px; padding-left:10px; padding-bottom:0.2em; font-style:italic; line-height:1.1;}
p.quote_source{color:#555555; width:340px; padding-left:10px; padding-bottom:0.1em; font-weight:bold; line-height:1.1; text-align:right;}
p.float {float:left; padding-left:10px;}
p.totalprice {text-align:right; padding-right:5px; margin-top:7px; font-size:1.2em; }
p.view_website{font-size:0.9em; text-align:right;}

/* GENERIC CLASS */
.clear { clear:both; }
.noborder { border:none; }    
.float_left { float:left; }
.float_right { float:right; }
.align_right {text-align:right;}
.align_left {text-align:left;}
.align_center {text-align:center; }
div.form_row{ width:100%; padding:1px; float:left;} /* used to contain error message inside form*/
div.nugget_container{margin-top:1em;/* padding-top:10px; padding-bottom:10px; text-align:center; border:#FF0000 1px solid; float:left; */} /* used to add consistent distance between loaed nuggets*/
.green {color:#006600;}
.more_readable p{line-height:1.5;}
.col_left{float:left; width:28%; }
.col_mid{float:left; width:28%; }
.col_right{float:left; width:28%; }

.bold {font-weight:bold;}

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

h1 {font-size:2em; color:#C5B27B; padding:0; margin:0; padding-bottom:0.2em; font-weight:normal;}
h1 {margin:0; padding:0; font-size:1.6em; padding-bottom:0.2em; font-weight:normal; color:#C5B27B; font-weight:normal; font-style:italic;  }
h2 {margin:0; padding:0; font-size:1.2em; padding-bottom:0.2em; font-weight:normal; color:#C5B27B; font-weight:normal; font-style:italic;  }

ul {margin:0; padding:0; padding-bottom:0.4em; list-style:none; }
li { line-height:1.4; margin-left:5px;list-style:none;  }
hr{ border:#C5B27B 2px solid;} 

ul.artapart  {
margin:0px;
padding:0px;
font-style:normal;
font-weight:bold;
list-style:none;
display:block;
text-indent: 0px;
text-align: left;
float:left;
margin-bottom:0.8em;
}

ul.artapart li {
background-image: url(/img/nav/bullet2.gif);
background-repeat:no-repeat;
background-position: 1px 0px; /*distance of image from left margin */
margin:0px;
padding:0px;
color:#444;
padding-left:22px;/*distance of text from left margin */
font-style:normal;
font-weight:normal;
display:list-item;
list-style:none;
text-indent: 0px;
text-align: left;
}

a {color:#666; font-size:1em; font-weight:normal;text-decoration: underline;}
a:link {text-decoration: underline;}
a:visited {text-decoration: underline;}
a:hover {text-decoration: underline; color:#C5B27B;}
a:hover {text-decoration: underline; color:#111;}
a:active {text-decoration: underline;}

a.site {color:#333333; font-size:1.1em; font-weight:normal;}
a.site a:link {text-decoration: none;}
a.site a:visited {text-decoration: none;}
a.site a:hover {text-decoration: none;}
a.site a:active {text-decoration: none;}

#container {
position:relative;
margin-left: auto;
margin-right: auto;
width:770px;
margin-top:25px;
float:none;

}

#wrapper_border {
position:relative;
margin-left: auto;
margin-right: auto;
width:100%;
border:#FFFFFF 6px solid;
padding:3px;
float:left;
}


#wrapper {position:relative; background-color:#FFFFFF; float:none;}

#wrapper_reflection {margin-top:8px; background:#99CC33;}

#header {position:relative; width:100%; height:300px; }

#header_img {
position:absolute;
z-index:22;
top:0;
left:0;
}

#menu_top_container {
position:relative;
width:100%;
background:#333333;
border-bottom:#000000 1px solid;
z-index:100;

/* THIS IS VALID CSS3.... WAITING FOR BROWSWERS TO CATCH UP....*/

/*This one is the official CSS3 method, at the moment it works in most newer browsers.*/
opacity: 0.18;
/*This one works only in MSIE.*/
filter:alpha(opacity=18);	
/*This one works in older versions of Mozilla and Phoenix/FireBird/FireFox.*/
-moz-opacity:0.18;
-khtml-opacity: 0.18;
}




#menu_top_fake {padding:6px;} /* fake container */

#menu_top {
position:absolute;
top:15px; left:15px;
width:575px;
z-index:101;
text-align:left;
}

#menu_top ul, #menu_top li {list-style:none; margin: 0px; padding: 0px; display: inline;}

#menu_top li.selected {text-decoration: underline;}

#menu_top a {padding-right:12px; color:#FFFFFF; font-size:0.95em; font-weight:bold;}
#menu_top a.selected {text-decoration: underline !important;	}
#menu_top a:link {text-decoration: none;}
#menu_top a:visited {text-decoration: none;}
#menu_top a:hover {text-decoration: underline;}
#menu_top a:active {text-decoration: underline;	}




#editable_body {
margin:0; padding:0;
position:relative;
width:100%;
/*background:#FFFFFF url(/img/a_bkg2.jpg) no-repeat 580px 150px; */
background:#FFFFFF;
text-align: left;
padding-top:25px;
float:left;

}



/*#artapart_watermark {width:310px; height:400px; margin:0; padding:0;
position:absolute; right:0px; top:230px; background: url(/img/a_bkg.jpg) no-repeat top right #FFFFFF; 
}*/

#page { position:relative;  margin:0px; padding:0px; padding-left:25px; width:94%;  float:left; }
#page div.left {position:relative; width:65%; float:left;  }
#page div.right {position:relative; width:29%; float:right;  }


#footer{position:relative; text-align:right; padding:0px; float:left; background:#FFFFFF; width:100%;}

#footer span.left{margin-top:35px; padding-left:10px; padding-bottom:5px; text-align:left; float:left; }
#footer span.right{margin-top:50px;padding-right:10px; padding-top:5px;  text-align:right; float:right; }

#footer a {text-decoration: none; color:#C5B27B;}
#footer a:link {text-decoration: none; }
#footer a:visited {text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer a:active {text-decoration: underline;}


/*******************************************************************************************************/
/******************************** accessibility BOX ****************************************************/
/*******************************************************************************************************/


.acc-panel {position:relative; width:95%; padding:2px; margin-top:5px;}

.acc-panel ul a:hover {
	border: 1px solid #666666;
	background: #DCD7B8;
	color: #000;
}

#closepanel {
background:#7D7D7D;
}


#closepanel a {color: #fff; margin-left:2px;}


.acc-panel h3 {
	margin: 0.1em 0;
	font-size: 1.1em;
	padding:0;
}

.acc-panel h2 {
	margin: 0.1em 0;
	font-size: 1.1em;
	padding:0;
	color:#222;

}

.acc-panel p {margin: 0; padding:0;}

.acc-panel ul {
margin: 0.5em 0.2em 0.8em 0em;
padding:0;
	list-style: none;
	display: block;
}
.acc-panel ul li {
	display: inline;
	margin:0; padding:0;
}
.acc-panel ul a {
	padding: 1px 3px;
	text-decoration: none;
	line-height: 1.5;
	border: 1px solid #ccc; color: #666;
	
	}

.acc-panel div.closepanel {
	padding: 2px 5px 0px 0px;
	font-size: 0.9em;
}
.acc-panel div.closepanel a {text-decoration: none;}



/*******************************************************************************************************/
/******************************** END accessibility BOX ****************************************************/
/*******************************************************************************************************/

#forms_artapart {width:100%;}
#forms_artapart form {margin: 0px; padding: 0px;	}
#forms_artapart label {
float: left;
text-align: right;
padding:2px;
margin:1px;
font-size:0.9em;
font-weight:bold;
color:#333333;
width:8em;

}

#forms_artapart input, 
#forms_artapart select, 
#forms_artapart textarea {
	display: block;
	float: left;
	margin:1px;
	padding:1px;
	margin-left:4px;
}


#forms_artapart br {clear:both;}

#forms_artapart input.submit_right {padding:0px; margin:1px; float:right;} 

/******************  LIST **************************************/

#clients_nug {margin-top:0.5em; float:left;}
#clients_nug br{ clear:both;}
#clients_nug h3{ font-size:1.1em; padding:0; margin:0; margin-bottom:0.3em; cursor:pointer; font-weight: normal; }
#clients_nug h3.active{ font-size:1.1em; padding:0; margin:0; margin-bottom:0.3em; cursor:pointer; color:#C5B27B; color:#333;/*background: url(/img/nav/arrow_small_down.gif) right no-repeat;*/ 
/*border-bottom:#C5B27B 1px solid;border-top:#C5B27B 1px solid; background:#F5F5F3;*/ font-weight:bold;}
#clients_nug p{ margin:0; padding:0; line-height:1.2; font-size:1em; padding-bottom:0.4em; font-style:italic; }
#clients_nug p.view{ margin:0; padding:0; line-height:1.2; font-size:0.9em; padding-bottom:0.4em; font-style:normal; font-weight:bold; text-align:right;}
#clients_nug hr{ border:#C5B27B 2px solid;} 
#clients_nug a {font-weight:bold; }
#clients_nug a:link {text-decoration: none; color:#444444; }
#clients_nug a:visited { text-decoration: none; color:#444444;}
#clients_nug a:hover { text-decoration: none; color:#1C1C1C;}
#clients_nug a:active {text-decoration: none; color:#444444; }




/******************  LIST **************************************/

#selected_work { width:100%;}

#selected_work div.img { width:62%;  float:left; padding:1px; }
#selected_work div.info { width:34%;  float:left; }

#selected_work label {font-size:0.9em; font-weight:bold; color:#333333; float: none; text-align: left; line-height:1; margin:0px; padding:2px; }
#selected_work p.info { float: none; padding:0px; margin:0px; line-height:1; text-align:left; padding:2px;}
#selected_work p{line-height:1.2;}



/* Special items : error containers, field hints, required table cell  */
	.KT_field_error {	color:#800000;
		font-weight: bold;
		clear:left;
		background: #FFFFCC;
		border: #800000 1px dashed;
		padding:4px;
		margin:3px;}
	
	.KT_field_hint {
		color:#0000cc;
		font-size: 10px;
	}
	.KT_tngtable td.KT_required {
	}
	/* span containing the "*" for required field labels */
	.KT_tngtable label span.KT_required {
		padding: 0 2px;
		color: #cc0000;
		font-family: Courier New, Courier, monospace;
		font-weight: normal;
	}


/* The client-side error displaying */

	/* How the label should change on error */
	.form_validation_field_error_label {
		/* color:#cc0000; */
	}

	/* How the input's container (TD) should change on error */
	.form_validation_field_error_container {
		/* border: 2px solid black; */
	}

	/* How the input textfield should change on error */
	.form_validation_field_error_text {
		/* border:2px solid #cc0000; */
	}

	/* The actial error message style */
	.form_validation_field_error_error_message {
		color:#800000;
		font-weight: bold;
		clear:left;
		background:url(../images/nav/error.gif) 1% 20% no-repeat #FFFFCC;
		border: #800000 1px dashed;
		padding:2px;
		margin:2px;
		float:none;
		text-align:right;
	}
	form.form_validation_form_error table {
		border: 2px solid red;
	}

/* The server-side error displaying */
/* topmost error div */
#KT_tngerror {
	padding: 5px 10px 5px 50px;
	margin:5px;
	font-weight:bold;
	color: #CC0000;
	font-size: 12px;
	border:1px solid red;
	background-color:#FFFFE4;
	background-image:url(images/error.gif);
	background-repeat:no-repeat;
	background-position:left;
}

/* trace container ( iniitally collapsed), and "Submit this to InterAKT... " area */
#KT_tngdeverror, #KT_tngtrace {
	padding: 5px 10px 5px 5px;
	margin:5px;
	border:1px solid black;
	font-family:Courier, sans-serif;
	font-size: 12px;
	background-color:#FAFAFA;
}

	/* alignment and borders for the form submit buttons */
	#KT_tngdeverror #KT_needhelp {
		text-align: right;
	}

	#KT_tngdeverror label, #KT_tngtrace label {
		display: block;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
	}

	#KT_tngtrace ul {
		padding-left:10px;
		margin-left:10px;
	}

	#KT_tngtrace_details {
		display: none;
	}

#KT_tngwarning {
	padding: 10px 10px 10px 50px;
	margin:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #0000CC;
	font-size: 12px;
	border:1px solid blue;
	background-color:#E4FFFF;
	background-image:url(images/warning.gif) ;
	background-repeat:no-repeat;
	background-position:left;
}


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