/**
 * Stylesheet
 *
 * Copyright Fusionary Media
 */


/* NORMALIZING styles
-------------------------------------------*/
body, div, ul, li, td, h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

div, span, img, form, h1, h2, h3, h4, h5, h6, fieldset {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border: 0px;
}
table{
	border: 0px;
}





/* MAIN styles
-------------------------------------------*/
body{
	margin: 0px;
	padding: 0px;
	background: #000;
	font: normal normal 12px/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #cccccc;
}

h1{
	font: normal normal 40px/1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #5fb8b6;
	margin: 0px 0px 0px 0px;
}

h2{
	font: normal normal 20px/1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #5fb8b6;
	margin: 0px 0px 10px 0px;
}

p {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
}


td{
	vertical-align: top;
}

a:link{color: #5fb8b6;}
a:visited{color: #5fb8b6;}
a:hover{color: #8de5e3;}
a:active{color: #8de5e3;}

dt{
	font-weight: bold;
}

hr {
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 0px;
	padding: 0px;
}

.clr {
	clear: both;
	height: 0px;
}

.clearfix:after {/*http://positioniseverything.net/easyclearing.html*/
	content:".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {height: 1%; display:block;}
/* End hide from IE Mac */




/* CONTAINER styles
-------------------------------------------*/
#container{
	width: 980px;
	position:relative;
	left: 50%;
	margin: 0px 0px 0px -490px;
	background: #28231a;
}




/* HEADER styles
-------------------------------------------*/
#header{
	margin: 0px;
	padding: 0px;
	background: #5fb8b6;
	height: 100px;
}



	#header h1{
		position: absolute;
		top: 33px;
		left: 31px;
	}
			#header h1 a{
				display: block;
				height: 30px;
				width: 235px;
				background: transparent url(../images/logo_metal_art_studio.gif) 0 0 no-repeat;
				letter-spacing : -1000em;
				text-indent: -1em;
			}
			/* Just for Opera, but hide from MacIE */ 
			/*\*/html>body #header h1 a { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
			/* End of hack */
		body.home #header h1{
			display: none;
			letter-spacing : -1000em;
			text-indent: -1em;
		}



	#navigation ul,#navigation ul{
		margin: 0px;
		padding: 0px;
		list-style: none;
		text-align: right;
	}
		#navigation{
			padding: 25px 25px 0 0;
		}
		#navigation ul{
			margin-bottom: 4px;
		}
		#navigation ul li{
			display: inline;
			padding: 0px 5px;
		}
		
		#navigation ul li.active a {
			color: #003333;
		}
		
		#navigation ul li a{
			color: #ebf6f6;
			font: normal normal 14px/1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none;
		}
		
		#navigation ul.subnav li a{
			font-size: 13px;
		}
		
			#navigation ul li a:hover{
				color: #fff;
			}
			
			body.about #navigation ul li.nav_about a,
			body.artists #navigation ul li.nav_artists a,
			body.custom #navigation ul li.nav_custom a,
			body.contact #navigation ul li.nav_contact a{
				color: #003333;
			}




/* CONTENT styles
-------------------------------------------*/
#content{
	margin: 0px;
	padding: 40px;
	width: 420px;
	float: right;
	display: inline;
}

	body.shop #content{
		padding: 0px;
		width: auto;
		float: none;
		display: block;
	}
	body.home #content h1{
		margin: 130px 0 0 120px;
		display: block;
		height: 174px;
		width: 177px;
		background: transparent url(../images/logo_home_metal_art_studio.gif) 0 0 no-repeat;
		letter-spacing : -1000em;
		text-indent: -5000px;
		font-size: 1px;
	}
	/* Just for Opera, but hide from MacIE */ 
	/*\*/html>body body.home #content h1 { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
	/* End of hack */




/* SIDEBAR styles
-------------------------------------------*/
#sidebar{
	margin: 0px;
	padding: 0px;
	width: 480px;
	float: left;
	display: inline;
	height: 530px;
}




/* FOOTER styles
-------------------------------------------*/
#footer{
	clear: both;
	margin: 0px;
	padding: 5px;
	background: #5fb8b6;
	color: #003333;
	text-align:center;
}
	#footer p{
		text-align: center;
		margin: 0px;
		padding: 0px;
	}
	
	#footer table{
		float: right;
	}
	#footer table tr td{
		vertical-align: middle;
	}
	#footer label{
		font-size: 14px;
		text-transform: uppercase;
	}


/* CONTACT FORM styles
---------------------------------------*/
fieldset{
	padding: 10px;
	border: none;
}	
	fieldset input,fieldset textarea{
		border:1px solid #ccc;
		background:url(../images/input_back.gif);
		width: 280px;
	}
		fieldset input.submit{
			width: 100px;
		}
	fieldset input:hover,fieldset textarea:hover{
		border:1px solid #d7c523;
	}
	fieldset input:focus,fieldset textarea:focus{
		border:1px solid #991F1F;
	}

	.formfields dl, .formfields dt, .formfields dd{
		margin: 0px;
		padding: 0px;
	}

	.formfields dt{
		float: left;
		clear: left;
		width: 20%;
		margin: 10px 10px 0 0;
		text-align: left;
		line-height: 1.2em;
	}	

	.formfields dd{
		float: left;
		margin: 10px 0px 0 0;
		width: 70%;
	}
	.form-rep-contact{
		height: 3.5em;
	}

	.required{
		color: red;
	}

.form-error, #form-error-alert{ 
	color: #CC0000; 
	font-weight: bold;
	padding: 5px 0px 0px 30px;
	background: transparent url(../images/icon_alert.gif) 0 0 no-repeat;

}
.form-error, #form-error-alert{ 
	display: none;
}
#form-error-alert{
	display: block;
}