/***************************************************************************************
Default Styles
****************************************************************************************/
* { margin:0px;padding:0px;}
body { 
	background:#3d3d3d;
	font-family:Helvetica, sans-serif;
	color:#bebebe;
	font-size:62.5%;
	}
	
a { text-decoration:underline;color:#663399;outline:none;  }
a:hover { text-decoration:none;color:#339966; }

.noright { border-right:0px !important; }

#everything { 
	width:900px;
	margin:0px auto;
	}

/***************************************************************************************
Header Styles
****************************************************************************************/
#header { 
	width:100%;
	}
	#header img { border:0px; }	
	#header #mainNav { 
		background:#000;
		height:25px;
		width:100%;
		font-size:1.2em;
		text-transform:uppercase;
		font-family:Verdana, Geneva, sans-serif;
		}
		#header #mainNav ul { 
			padding-left:30px;
			}
			#header #mainNav li { 
				float:left;
				list-style:none;
				border-left:1px solid #8856aa;
				height:20px;
				background:#000;
				padding-top:5px;
				}
				#header #mainNav li.active { 
					background:#8856aa !important;color:#fff !important;
					}
					#header #mainNav li a { padding: 1px 15px 0 15px;color:#cccccc !important;text-decoration:none !important; }
					#header #mainNav li a:hover { text-decoration:underline !important; }
/***************************************************************************************
Sub Content Styles
****************************************************************************************/
#content { 
	width:100%;
	height:309px;
	float:left;
	}
	#content div.article{ 
		color:#444;
		font-size:1.2em;
		line-height:1.4em;
		height:309px;
		}
		#content div.article div.text {
			padding:30px 0 0 30px;
			}
			
/***************************************************************************************
About Us Styles
****************************************************************************************/
#content.about { background:url(../../Images/about_back.jpg) no-repeat; }
#content.about div.text { width:575px; }

/***************************************************************************************
Custom Framing Styles
****************************************************************************************/
#content.custom div.article { 
	width:570px;
	float:left;
	position:relative;
	background:url(../../Images/custom_back.jpg) no-repeat;
	}
#content.custom div.text { width:500px;}
	
/***************************************************************************************
Residential Styles
****************************************************************************************/
#content.residential .article { 
	width:678px;
	float:left;
	position:relative;
	background:url(../../Images/residential_back.jpg) no-repeat;
	}
	#content.residential div.article div.text {
		width:445px;
		float:left;
		position:relative;
		}
		#content.residential div.article div.services { 
			width:150px;
			float:left;
			padding:30px 0 0 40px;
			}
			#content.residential div.article div.services h5 { 
				color:#8856aa;
				font-size:1.2em;
				}
/***************************************************************************************
Commercial Styles
****************************************************************************************/
#content.commercial #gallery, #content.residential #gallery{ 
	float:left;
	position:relative;
	width:222px;
	height:309px;
	}
	#content.commercial .article { 
		width:678px;
		float:left;
		position:relative;
		background:url(../../Images/residential_back.jpg) no-repeat;
		}
		#content.commercial div.article div.text {
			width:445px;
			float:left;
			position:relative;
			}
			#content.commercial div.article div.clients { 
				width:150px;
				float:left;
				padding:30px 0 0 40px;
				}
				#content.commercial div.article div.clients h5 { 
					color:#8856aa;
					font-size:1.2em;
					}
					#content.commercial div.article div.clients ul li  { 
						float:left;
						margin:0 0 8px 0;
						list-style:none;
						width:100%;
						}

/***************************************************************************************
Art Consulting Styles
****************************************************************************************/
#clients { 
	padding:25px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
	#clients h3 { 
		font-size:1.6em;
		color:#8856aa;
		padding-bottom:15px;
		}
		#clients .clientbox { 
			margin-bottom:3px;
			float:left;
			width:100%;
			color:#eee;
			}
			#clients a { 
				color:gold;
				}
				#clients img { 
					width:50px;
					float:right;
					margin:0 10px;
					}
					#clients .clientbox .clienttext {
						font-size:11px;
						color:#ccc;
						padding:5px 0;
						width:98%;
						}
/***************************************************************************************
Art Consulting Styles
****************************************************************************************/
#content.consulting { 
	background:url(../../Images/consulting_back.jpg) no-repeat; 
	padding-left:335px; 
	}
	#content.consulting div.text { 
		width:500px;
		}
		
/***************************************************************************************
Artists Styles
****************************************************************************************/
#content.artists #artistImage { 
	width:290px;
	float:left;
	position:relative;
	}
	#content.artists div.article{ 
		background:url(../../Images/artists_back.jpg) no-repeat; 
		width:610px;
		float:left;
		}
		#content.artists div.article div.text { 
			width:370px;
			float:left;
			position:relative;
			}
			#content.artists div.article div.text ul li {
				float:left;
				width:100%;
				margin:3px 0;
				list-style:none;
				}
				#content.artists div.article div.text ul li a { 
					color:#8856aa;text-decoration:underline; 
					}
					#content.artists div.article div.medium { 
						width:150px;
						float:left;
						padding:30px 0 0 50px;
						}
						#content.artists div.article div.medium h5 { 
							color:#8856aa;
							font-size:1.2em;
							}
							#content.artists div.article div.medium ul li  { 
								float:left;
								margin:0 0 5px 0;
								list-style:none;
								width:100%;
								}
								#content.artists div.article div.medium ul li a { font-weight:bold;color:#000;text-decoration:underline; }
								#content.artists div.article div.medium ul li a.active { font-weight:normal;color:#8856aa;text-decoration:none; }
		
/***************************************************************************************
Direct Buy Styles
****************************************************************************************/
#content.direct { background:url(../../Images/direct_back.jpg) no-repeat; }
	#content.direct div.article div.text { 
		width:450px;
		padding-left:405px;
		}

/***************************************************************************************
Shop Styles
****************************************************************************************/
#content.shop { background:url(../../Images/shop_back.jpg) no-repeat; }
	#content.shop div.text { 
		width:450px;
		padding-left:405px !important;
		}
		#content.shop div.text a.shopbutton { 
			background:#8856aa;
			padding:5px 15px;
			color:#fff;
			border:3px double #fff;				
			}

/***************************************************************************************
Contact Us Styles
****************************************************************************************/
#content.contact { 
	background:url(../../Images/contact.jpg);
	height:auto;
	float:left;
	overflow:hidden;
	}

/***************************************************************************************
Designer Login Styles
****************************************************************************************/
#content.designer { 
	background:#fff;
	height:auto;
	float:left;
	overflow:hidden;
	}
	#content.designer div.text { width:850px; }
	#content.designer div.text a { color:#069;text-decoration:underline}
	#content.designer div.text h3 { 
		font-size:16px;
		line-height:1.5em;
		}
		
/***************************************************************************************
Gallery Styles
****************************************************************************************/
#gallery{ 
	float:left;
	position:relative;
	width:222px;
	}
	#gallery ul.recentlist { 
		position:absolute;
		bottom:0px;
		width:100%;
		background:#000;
		opacity:0.8;
		padding:5px 0;
		border-bottom:1px solid #fff
		}
		#gallery ul.recentlist li{ 
			float:left;
			list-style:none;
			font-size:12px;
			height:16px;
			}
			#gallery ul.recentlist li a{ outline:none; }
			#gallery ul.recentlist li.prev { 
				width:25px;
				padding-left:8px;
				}
				#gallery ul.recentlist li.next { 
					width:25px;
					text-align:right;
					}
					#gallery ul.recentlist li#counter { 
						width:155px;
						font-size:10px;
						text-align:center;
						float:left;
						}
						#gallery span.caption { 
							width:155px;
							font-size:10px;
							text-align:center;
							float:left;
							}

#customgallery{ 
	float:left;
	position:relative;
	width:330px;
	}
	#customgallery ul.recentlist { 
		position:absolute;
		bottom:1px;
		width:100%;
		background:#000;
		opacity:0.8;
		padding:5px 0;
		}
		#customgallery ul.recentlist li{ 
			float:left;
			list-style:none;
			font-size:12px;
			height:16px;
			}
			#customgallery ul.recentlist li a{ outline:none; }
			#customgallery ul.recentlist li.prev { 
				width:25px;
				padding-left:8px;
				}
				#customgallery ul.recentlist li.next { 
					width:25px;
					text-align:right;
					}
					#customgallery ul.recentlist li#counter { 
						width:265px;
						font-size:10px;
						text-align:center;
						float:left;
						}
						#customgallery span.caption { 
							width:300px;
							font-size:10px;
							text-align:center;
							float:left;
							}
							
#artistgallery{ 
	float:left;
	position:relative;
	width:291px;
	}
	#artistgallery ul.recentlist { 
		position:absolute;
		bottom:1px;
		width:100%;
		background:#000;
		opacity:0.6;
		filter: alpha(opacity = 60);
		padding:5px 0;
		}
		#artistgallery ul.recentlist li{ 
			float:left;
			list-style:none;
			font-size:12px;
			height:16px;
			}
			#artistgallery ul.recentlist li a{ outline:none; }
			#artistgallery ul.recentlist li.prev { 
				width:25px;
				padding-left:8px;
				}
				#artistgallery ul.recentlist li.next { 
					width:25px;
					text-align:right;
					}
					#artistgallery ul.recentlist li#counter { 
						width:225px;
						font-size:10px;
						text-align:center;
						float:left;
						position:relative;
						top:3px;
						color:#fff;
						}
						#artistgallery span.caption { 
							width:300px;
							font-size:10px;
							text-align:center;
							float:left;
							}							

/***************************************************************************************
Lower Content Styles
****************************************************************************************/
#lowerContent {	
	width:100%;
	float:left;
	margin:10px 0;
	font-size:1.2em;
	line-height:1.4em;
	background:url(../../Images/footer_back.jpg) repeat-y;
	}
	#lowerContent.direct { 
		background:url(../../Images/direct_lower_back.jpg) repeat-y;
	}

	#lowerContent div.lowerLeft { 
		float:left;
		position:relative;
		padding:15px 0 15px 25px	;
		width:450px;
		}
		#lowerContent div.lowerLeft div { 
			width:95%;
			}
			#lowerContent div.lowerLeft div img.clientImage { 
				width:100px;
				margin-right:15px;
				}
				
	#lowerContent div.lowerRight { 
		float:left;
		padding:15px 25px;
		}
		#lowerContent div.lowerRight form { 
			margin:10px 0;
			width:325px;
			}
			#lowerContent div.lowerRight form input[type="text"] {
				width:100%;
				padding:2px;
				float:left;
				}
				#lowerContent div.lowerRight form input[type="submit"] {
					width:65px;
					padding:1px 3px;
					margin:15px 0 0 0;
					}
					#lowerContent div.lowerRight form#mailingForm div { 
						width:91%;
						margin-bottom:10px;
						float:left;
						}
						#lowerContent div.lowerRight form#mailingForm div.half { 	width:160px !important;float:left;position:relative; }
						#lowerContent div.lowerRight form#mailingForm div.half input { width:85% !important; }
	#lowerContent div.lowerRight.direct { 
		width:460px;
		}
		#lowerContent div.lowerRight.direct a { 
			float:left;
			width:100%;
			color:#fff;
			padding:10px 0;
			text-decoration:underline;
			}

/***************************************************************************************
Contact Form Styles
***************************************************************************************/

div.article div.text #contactForm { 
	width:425px;
	float:left;
	margin-bottom:25px;
	background:url(../../Images/contact_back.png);
	padding:10px 15px 10px 25px;
	}
	div.article div.text #contactForm div { 
		float:left;
		padding:0px;
		width:96%;
		padding:5px 0;
		}
		div.article div.text #contactForm div label{ 
			float:left;
			width:100%;
			text-align:left;
			}
			div.article div.text #contactForm div input, div.article div.text #contactForm div select, div.article div.text #contactForm div textarea { 
				padding:0px;
				margin:0px;
				width:100%;
				float:left;
				 }
				div.article div.text #contactForm div.half { 
					width:200px ;
					float:left;
					margin:0 10px 0px 0px;
					}	
					div.article div.text #contactForm div input.submit { 
						background:#8856aa;
						border:0px;
						border:3px double #fafafa;
						color:#fafafa;
						text-transform:uppercase;
						padding:3px 0;
						cursor:pointer;
						font-size:11px;
						font-weight:bold;
						width:200px;
						}
form#mailingForm { 
	margin:10px 0;
	width:325px;
	}
	form#mailingForm input[type="text"] {
		width:100%;
		padding:2px;
		float:left;
		}
		form#mailingForm input[type="submit"] {
			width:65px;
			padding:1px 3px;
			margin:15px 0 0 0;
			}
			form#mailingForm div { 
				width:91%;
				margin-bottom:10px;
				float:left;
				}
				form#mailingForm div.half { 	width:160px !important;float:left;position:relative; }
				form#mailingForm div.half input { width:85% !important; }						

/***************************************************************************************
Login Form Styles
***************************************************************************************/
			
div.article div.text #loginForm { 
	width:350px;
	float:left;
	}
	div.article div.text #loginForm div { 
		float:left;
		padding:0px;
		width:80%;
		padding:5px 0;
		}
		div.article div.text #loginForm div label{ 
			float:left;
			width:100%;
			text-align:left;
			}
			div.article div.text #loginForm div label.checkbox {
				width:250px;
				float:left;
				}	
				div.article div.text #loginForm div input{ 
					padding:0px;
					margin:0px;
					width:100%;
					float:left;
					 }
					 div.article div.text #loginForm div input.checkbox{ 
						width:15px;
						float:left;
						margin:2px 5px 0 0;
						 }
						div.article div.text #loginForm div input.submit { 
							background:#8856aa;
							border:0px;
							border:3px double #fafafa;
							color:#fafafa;
							text-transform:uppercase;
							padding:3px 0;
							cursor:pointer;
							font-size:11px;
							font-weight:bold;
							width:125px;
							float:left;
							margin-right:15px;
							}
/***************************************************************************************
Footer Styles
****************************************************************************************/
#footer { 
	width:100%;
	margin:10px 0;
	font-size:1.1em;
	text-transform:uppercase;
	}
	#footer div.footerLeft { 
		width:475px;
		float:left;
		position:relative;
		padding:0 0 0 10px;
		}
		#footer div.footerLeft li { 
			list-style:none;
			float:left;
			padding:0 15px;
			border-right:1px solid #bebebe;
			}
			#footer div.footerLeft li a { color:#cccccc !important;text-decoration:none !important;  }
			#footer div.footerLeft li a.active { color:gold !important;text-decoration:underline !important;	}