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

*{
	padding:0;
	margin:0;
	z-index: 1;
}

body {
	background: url(../images/stripes.jpg) fixed;
	margin:0px;
	font-size:80%;
}

.page {
	margin: 0 auto;
	width: 1000px;
	padding-bottom:20px;
	background: #222222;
	opacity: .97;
	filter: alpha(opacity=97);
} /* wraps other template elems to set width */ /* text-align IE5.5 */
/* "old school" and "liquid" extend page to allow for different page widths */

/* ====== Columns ====== */

.main {
	overflow: hidden;
}
.leftCol {
	float:left;
	width:250px;
}
.rightCol {
	float:right;
	width: 300px;
}
.padLeft {
	padding-left:20px;
}
.noPadLeft {
	padding-left:0px;
}
.padRight {
	padding-right:20px;
}

.noPadBottom {
	padding-bottom:0px;
}

.noMargin {
	margin:0px;
}

.noMarginBottom {
	margin-bottom:0px;
}

.noPadding {
	padding:0px;
}

/* extend columns to allow for common column widths */
.width100 {width:100%;}

.w110 {
	width:110px;
}
.w160 {
	width:160px;
}
.w180 {
	width:180px;
}
.w240 {
	width:240px;
}
.w300 {
	width:300px;
}
.w350 {
	width:350px;
}
.w460 {
	width:460px;
}

.w640 {
	width:460px;
}
/* **************** GRIDS ***************** */

.line, .lastUnit {
	overflow: hidden;
}
.unit {
	float:left;
}

.size1of1 {
	float:none;
}
.size1of2 {
	width:50%;
}
.size1of3 {
	width:33.33333%;
}
.size2of3 {
	width:66.66666%;
}
.size1of4 {
	width:25%;
}
.size3of4 {
	width:70%;
}
.size1of5 {
	width:20%;
}
.size2of5 {
	width:40%;
}
.size3of5 {
	width:60%;
}
.size4of5 {
	width:80%;
}
.lastUnit {
	float:none;
	width:auto;
}

.main-content {
	width: 955px;
	opacity: .93;
	filter: alpha(opacity=93);
	background: #222222;
	color:#cccccc;
	margin:0px auto;
	padding-bottom:20px;
}

.header {
	width:970px; 
	background: url(../images/header.jpg) no-repeat;
	overflow: visible;
	font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif; 
	margin:0px auto;
	height:165px;
	opacity: .93;
	filter: alpha(opacity=93);
}

/*Navigation*/
.nav {
	width:960px; 
	border: none;
	color:#666666;  
	padding:0px 0px 0px 0px;
	height:29px;
}

.nav ul {
	list-style-type:none;
}

.nav ul li {
	float:left; 
	z-index:auto !important /*Non-IE6*/; 
	z-index:1000 /*IE6*/; 
	color:#333333;
}
.nav ul li a {
	float:none !important /*Non-IE6*/; 
	float:left /*IE-6*/; 
	display:block; 
	text-decoration:none;
	color:#333333;
}

.nav ul li a:visited {
	color: #333333;
}

.nav ul li a:hover {
	color: #F60;
}

/*Main Content*/
.middle {
	height:100%;
	width:100%;
	margin:0px auto;
	padding:15px 0px;
	background: #333333 url(../images/hangloose.png) right top no-repeat;
	filter: alpha(opacity=92);
}

.right-column {
	float:right;
	width:200px;
	margin: 90px 20px 10px 10px;
	height:auto;
	text-align:right;
}

.footer {
	width:100%;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
	text-align:center;
	background: #333; 
	padding:20px 0px;
	margin:0px auto
}

.dotted {
	height:2px;
	background: url(../../../Genesis%20Salon/website/images/line.jpg) repeat-x;
	width:602px;		
	margin: 20px 20px 25px 20px;
}

.header img, a {
	border:none;
}

.middle img {
	border:none;
	margin-left:25px;
	margin-top:25px;
}

.middle img, a {
	border-right: none;
	border-left: none;
}

.slideshow {
	margin: 15px 0px 0px 20px;
}

.workwrap {
	width:810px;
	height:40px;
	float:left;
}

.web {
	width:350px;
	float:left;
	margin:25px 50px 0px 50px;
	height:auto;
	display:inline;
	
}

.web2 {
	width:350px;
	float:right;
	margin:20px 25px 0px 25px;
	height:190px;
	display:inline;
}

#text {
	width:380px;
	float:right;
	clear:none;
	margin:20px 25px 0px 0px;
	height:170px;
	padding-top:20px;
	display:inline;
}

.web img {
	margin:10px 0px 0px 0px;
}

.web2 img {
	margin:10px 0px 0px 0px;
}

.photos {
	margin:65px auto;
	width:640px;
}

.right {
	float:right;
}
.left {
	float:left;
}

.clearL {clear:left;}

.clearR{clear:right;}

.dark-column {background-color:#222; margin:10px; padding: 10px 10px 10px 0px;}