@charset "utf-8";
/* CSS Document */




/**********************************************************
/	Reset
**********************************************************/
html, body, h1, h2, h3, h4, h5, h6, p, img, blockquote, q, caption, a, form, input, textarea, fieldset, pre, ul, ol, li{
	margin: 0px;
	padding: 0px;
}

ul, ol{
	list-style-type:none;
}




/**********************************************************
/	General
**********************************************************/
a{
/*	color:#336699;*/
	color:#333300;
}

a:hover{
	color:#cc9933;
}

.clear{
	clear:both;
}

.error{
	color:#C00;
	font-weight:bold;
}

.roundBtn{
	background:#b49c77;
	border-color:#cabaa3 #ab9370 #ab9370 #cabaa3;
	border-width:1px;
	color:#ece7dd;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	padding:3px 12px;
}

.roundBtn:hover{
	background:#9b8867;
	border-color:#ab9370 #cabaa3 #cabaa3 #ab9370;
	color:#cc9933;
}




/**********************************************************
/	Template
**********************************************************/
body{
	background:#020000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
}

a{
	text-decoration:none;
}

	a:focus{
		outline:none;
	}
	
	
#background{
	background:url(/images/template/background.jpg) -10px 0px no-repeat;
	min-height:695px;
	height:auto !important;
	height:695px;
	margin:0 auto;
	width:957px;
}

#homeLink{
/*	height:140px;*/
	position:absolute;
	top:20px;
	left:0px;
/*	width:350px;
	background-color:#66C;
	opacity:.7;*/
}

	#homeLink a{
		display:block;
		height:140px;
		width:350px;
	}

#mainContainer{
	margin:0 auto;
	position:relative;
	width:880px;
	z-index:5;
}

	#top-navigation{
		height:28px;
	}

		#top-navigation ul{
			float:right;
			margin:-2px 70px 0 0;
		}

			#top-navigation ul li{
				float:left;
				margin:0 8px;
			}

			#top-navigation ul li a{
				background:url(/images/template/top-navigation/background-button.png) left 0px no-repeat transparent;
				color:#DCD2BE;
				display:inline-block;
				font-size:12px;
				font-weight:bold;
				height:28px;
				line-height:28px;
				text-transform:uppercase;
			}

			#top-navigation ul li a:hover{
				background:url(/images/template/top-navigation/background-button.png) left -28px no-repeat transparent;
			}

				#top-navigation ul li a span{
					background:url(/images/template/top-navigation/background-button.png) right 0px no-repeat transparent;
					cursor:pointer;
					display:inline-block;
					height:28px;
					margin:0 -5px 0 15px;
					padding:0 15px 0 0;
				}

				#top-navigation ul li a:hover span{
					background:url(/images/template/top-navigation/background-button.png) right -28px no-repeat transparent;
				}
				
				#top-navigation ul li a span.arrow{
					background:url(/images/template/top-navigation/arrow.png) 0px center no-repeat;
					display:inline-block;
					height:28px;
					margin:0px;
					padding:1px 0 0 18px;
				}

/*				#top-navigation ul li a span img{
					display:inline-block;
					margin:-4px 5px 0 0;
					vertical-align:middle;
				}*/
				
#navigation{
	padding:155px 0 0 0;
}

	#navigation ul{
		background:url(/images/template/top-navigation/background.png) 0px 0px no-repeat;
/*		background:url(/images/template/background-navigation.gif) 0px 0px no-repeat;*/
		height:31px;
		padding:0 20px;
		position:relative;
		width:840px;
		z-index:15;
/*	float:left;
	position: relative;
	z-index:100;
	height:30px;
	width:750px;*/
	}

		#navigation ul li{
			float:left;
			padding:2px 0 0 0;
			position:relative;
/*	border-right: 1px solid #3b6ab2;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	height:30px;*/
		}

			#navigation ul li a{
				border-left:solid #ece7dd 1px;
/*				border-left:solid #e4daca 1px;*/
				color:#ece7dd;
/*				color:#e4daca;*/
				font-size:11px;
				font-weight:bold;
				line-height:29px;
				padding:0 9px;
			}
		
			#navigation ul li a:hover{
				color:#cc9933;
			}

			#navigation ul li:first-child a{
				border-left:none;
			}
		
				#navigation ul li a.selected{
					color:#cc9933;
				}
			
		#navigation ul ul{
			background:none;
			background-color:#761d1f;
			border-bottom:solid #ece7dd 1px;
			border-left:solid #ece7dd 1px;
			border-right:solid #ece7dd 1px;
			height:auto;
			padding:0px;
			position:absolute;
			top:100%;
			left:-1px;
			width:145px;
			z-index:15;
		}
			
			#navigation ul ul li{
				color:#F0F;
				float:none;
			}
			
				#navigation ul ul li a{
					border:none;
					display:block;
					height:31px;
					line-height:31px;
					padding-right:18px;
				}
			
				#navigation ul ul li a:hover{
					background:#7d4446;
				}
				
				#navigation ul li:hover ul{
					visibility:visible;
				}
				
				#navigation ul ul{
					visibility: hidden;
				}
			
#full{
/*	border-top:solid #605b55 2px;*/
	background:url(/images/template/large-navigation/gradient-beige.png) center bottom no-repeat;
	height:78px;
	position:absolute;
	top:214px;
	left:0px;
	width:100%;
	z-index:1;
}

	#full .light{
		background:#ece7dd;
/*		background:#e4daca;*/
		border-bottom:solid #fff 1px;
		height:57px;
		width:100%;
	}
	
	#full .dark{
		background:#3f2819;
		height:17px;
		width:100%;
	}
			
#large-navigation{
	background:url(/images/template/large-navigation/gradient-brown.png) 0px 58px no-repeat;
	border-bottom:solid #ece7dd 3px;
/*	border-bottom:solid #e4daca 3px;*/
	height:75px;
/*	margin:1px 0 0 0;*/
	width:880px;
}
	#large-navigation ul{
		background:url(/images/template/large-navigation/separator.png) right center no-repeat;
		height:57px;
/*		padding:1px 0 0 0;*/
		position:relative;
	}
	
		#large-navigation ul li{
			background:url(/images/template/large-navigation/separator.png) 0px center no-repeat;
			border-bottom:solid #fff 1px;
			float:left;
			height:57px;
			padding:0 3px;
			position:relative;
		}
	
				#large-navigation ul li a .title{
					padding-top:6px;
				}
		
		#large-navigation ul .frame1{
			width:272px;
		}

			#large-navigation ul .frame1 a{
				background:url(/images/template/large-navigation/barbering-styles.png) 14px center no-repeat;
			}

				#large-navigation ul .frame1 a span{
					margin-left:70px;
				}
				
		#large-navigation ul .frame2{
			width:271px;
		}

			#large-navigation ul .frame2 a{
				background:url(/images/template/large-navigation/salon-styles.png) 3px center no-repeat;
			}

				#large-navigation ul .frame2 ul a{
					background: none;
				}
				#large-navigation ul .frame1 ul a{
					background: none;
				}
				#large-navigation ul .frame2 a span{
					margin-left:69px;
				}
				
		#large-navigation ul .frame3{
			width:319px;
		}

				#large-navigation ul .frame3 a span{
					margin-left:20px;
				}
				
			#large-navigation ul li a{
				background:#ece7dd;
				color:#999966;
				cursor:pointer;
				display:block;
				font-size:10px;
				font-style:italic;
				height:57px;
			}
	
			#large-navigation ul li a:hover{
				background-color:#c0b7a8;
			}
				
				#large-navigation ul li a.selected{
					background-color:#c0b7a8;
				}

			#large-navigation ul li a span{
				display:block;
			}
			
			
			#large-navigation ul li ul{
				background:none;
				height:14px;
				padding:2px 10px 2px 0;
				position:absolute;
				top:100%;
				left:0px;
				width: 267px;
				border: none;
				border-right: 2px solid white;
			}
				#large-navigation ul li ul.first-child{
					border-left: 2px solid white;
					width: 266px;
				}
				#large-navigation ul li ul.last-child{
					width: 313px;
				}

				#large-navigation ul ul li{
					color:#FFF;
					font-size:10px;
					font-style:italic;
					text-align:center;
					display:block;
					border:none;
					float: none;
					width: 290px;
					background-image:none;
				}
				
					#large-navigation ul li ul li a{
						color:#FFF;
						border:none;
						float: none;
						background:none;
						height: 20px;
					}
						#large-navigation ul li ul li a:hover{
							background:none;
						}

		
#wrapper{
	background:#efebe5;
	border-left:solid #ece7dd 2px;
	border-right:solid #ece7dd 2px;
	position:relative;
}
			
#footer{
	background:url(/images/template/background-footer.png) 0px 0px no-repeat;
	height:23px;
	width:883px;
}

	#footer ul{
		padding:0 12px;
	}

		#footer ul li{
			float:left;
		}

			#footer ul li a{
				border-left:solid #330000 1px;
				color:#330000;
				font-size:10px;
				line-height:23px;
				padding:0 5px;
			}
		
			#footer ul li a:hover{
				color:#cc9933;
			}

			#footer ul li:first-child a{
				border:none;
			}
		
				#footer ul li a.selected{
					color:#cc9933;
				}
			
#copy{
	color:#cccc99;
	font-size:10px;
	margin:10px 0 0 15px;
}

	#copy a{
		color:#cccc99;
	}

	#copy a:hover{
		color:#cc9933;
	}

	#copy p{
		float:left;
	}
	
	#copy div{
		float:right;
	}
	
		#copy div li{
			float:left;
			margin:0 5px;
		}