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


body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:8pt;
	background: #42413C;
	margin: 0;
	padding: 0;
	color: #000;
	}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
	}
	
/*h1, h2, h3, h4, h5, h6,  {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
	} */
	
.shadow {
	box-shadow: -4px 4px 4px #669;
	-moz-box-shadow: -4px 4px 4px #669;
	-webkit-box-shadow: -4px 4px 4px #669;
	padding-top:5px;
	}
	
a img { 
	border: none;
	text-decoration:none;
	}


a:link {
	color: #66c;
	text-decoration: none; 
	}	
a:visited {
	color: #66c;
	text-decoration: none;
	}	
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
	color:#339;
	}


.container {
	width: 960px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	}

header {
	background: #fff;
	width:190px;
	z-index:3;
	}

/* ~~ These are the columns for the layout.*/ 

.sidebar {
	float: left;
	width: 180px;
	background: #fff;
	padding: 90px 0 50px 25px;
	}
		
.sidebar p {
	font-size:12px;
	line-height:180%;
	color:#000;
	}
	
 p.blurb {
	font-size:7pt;
	line-height:11pt;
	color:#6666cc;
	z-index:3;
	position:absolute;
	top:490px;
	padding-top:10px;
	}
	
p.blurb-boutique {
	font-size:6pt;
	line-height:10pt;
	color:#6666cc;
	z-index:3;
	position:absolute;
	top:500px;
	padding-top:10px;
	}
	
p.blurb-nello {
	font-size:7.5pt;
	line-height:11pt;
	color:#6666cc;
	z-index:3;
	position:absolute;
	top:500px;
	padding-top:10px;
	}
	
p.blurb-curtis {
	font-size:7.5pt;
	line-height:11pt;
	color:#6666cc;
	z-index:3;
	position:absolute;
	top:470px;
	padding-top:10px;
	}

span.headline {
	color:#000099;
	font-size:7pt;
	}
	
img.swirl {
	z-index:1;
	padding-right:20px;
	}
	
.main-homepg {
	position:absolute;
	top:85px;
	padding-left:220px;
	width: 740px;
	float: right;
	background:#;
	color:#330991;
	}
	
.main-aboutpg {
	position:absolute;
	top:90px;
	padding-left:220px;
	width: 740px;
	float: right;
	color:#330991;
	}
	
.main-wed-pg {
	position:absolute;
	top:90px;
	padding-left:220px;
	width: 740px;
	float: right;
	color:#;
	}

.big-pic {
	text-align:right;
	position:relative;
	}

.side-pic {
	position:absolute;
	top:105px;
	right:0px;
	float:right;
	z-index:1;
	}
	
.side-pic-services {
	position:absolute;
	top:135px;
	right:0px;
	float:right;
	z-index:1;
	}
	
.side-pic-services2 {
	position:absolute;
	top:330px;
	right:0px;
	float:right;
	z-index:1;
	}
	
.side-pic-about {
	position:absolute;
	top:60px;
	right:0px;
	float:right;
	margin-top:50px;
	z-index:1;
	}
	
.side-pic-phil {
	position:absolute;
	top:60px;
	right:0px;
	float:right;
	margin-top:50px;
	z-index:1;
	}
	
.side-pic-nello {
	position:absolute;
	top:117px;
	right:0px;
	float:right;
	margin-top:50px;
	z-index:1;
	}
	
.side-pic-about-bot {
	position:absolute;
	top:235px;
	right:0px;
	float:right;
	margin-top:50px;
	z-index:1;
	}
		
.side-pic-curtis {
	position:absolute;
	top:76px;
	right:0px;
	float:right;
	margin-top:50px;
	z-index:1;
	}
		
.side-pic-kathryn {
	position:absolute;
	top:76px;
	right:0px;
	float:right;
	margin-top:50px;
	z-index:1;
	}
		
.side-pic-erin {
	position:absolute;
	top:66px;
	right:0px;
	float:right;
	margin-top:50px;
	z-index:1;
	}
	
.side-pic-michelle {
	position:absolute;
	top:45px;
	right:0px;
	float:right;
	margin-top:50px;
	z-index:1;
	}
	
.side-pic-jen {
	position:absolute;
	top:80px;
	right:0px;
	float:right;
	margin-top:50px;
	z-index:1;
	}
	
.side-pic2 {
	position:absolute;
	top:290px;
	right:0px;
	float:right;
	z-index:1;
	}
	
p.text {
	position:absolute;
	top:130px;
	right:290;
	width:500px;
	font-size:10pt;
	line-height:14pt;
	color:#000;
	z-index:1;
	}
	
p.text-nello {
	position:absolute;
	top:150px;
	right:290;
	width:500px;
	font-size:8pt;
	line-height:12pt;
	color:#000;
	z-index:1;
	}
	
h4.stylist-michelle {
	position:absolute;
	top:130px;
	width:500px;
	font-size:10pt;
	line-height:15pt;
	color:#339;
	z-index:1;
	}
	
h4.stylist-jen {
	position:absolute;
	top:120px;
	width:500px;
	font-size:10pt;
	line-height:15pt;
	color:#339;
	z-index:1;
	}
	
h4.stylist-nello {
	position:absolute;
	top:65px;
	width:500px;
	font-size:10pt;
	line-height:14pt;
	color:#339;
	z-index:1;
	}

h4.stylist-erin {
	position:absolute;
	top:130px;
	width:500px;
	font-size:10pt;
	line-height:15pt;
	color:#339;
	z-index:1;
	}
	
h4.stylist-kathryn {
	position:absolute;
	top:135px;
	width:500px;
	font-size:10pt;
	line-height:15pt;
	color:#339;
	z-index:1;
	}
	
p.text-michelle {
	position:absolute;
	top:210px;
	/*right:290; */
	width:500px;
	font-size:10pt;
	line-height:15pt;
	color:#000;
	z-index:1;
	}
	
p.text-kathryn {
	position:absolute;
	top:230px;
	/*right:246px; */
	width:500px;
	font-size:10pt;
	line-height:15pt;
	color:#000;
	z-index:1;
	}
	
p.text-jen {
	position:absolute;
	top:195px;
	/*right:246px; */
	width:500px;
	font-size:10pt;
	line-height:15pt;
	color:#000;
	z-index:1;
	}
	
p.text-erin {
	position:absolute;
	top:205px;
	/*right:246px; */
	width:500px;
	font-size:10pt;
	line-height:15pt;
	color:#000;
	z-index:1;
	}
	
span.author {
	font-style:italic;
	font-size:;
	width:500px;
	color:#339;
	} 

.first-word {
	color:#69f;
	font-size:11pt;
	font-weight:500;
	}
	
.service-editorial {
	font-size:10pt;
	color:#252525;
	}
	
.policy {
	font-size:9pt;
	color:#69f;
	}
	
.policy-text {
	font-size:9pt;
	color:#000;
	}
	
h4.quote {
	position:absolute;
	top:70px;
	right:280px;
	width:450px;
	font-size:10pt;
	line-height:14pt;
	color:#339;
	text-align:left;
	z-index:1;
	}
	
h4.quote-services {
	position:absolute;
	top:70px;
	right:280px;
	width:450px;
	font-size:10pt;
	line-height:14pt;
	color:#339;
	text-align:left;
	z-index:1;
	}
	
p.cuts {
	position:absolute;
	top:155px;
	right:280px;
	width:450px;
	font-size:10pt;
	line-height:14pt;
	color:#000;
	z-index:1;
	}
	
/* services */
	
.main-services {
	position:absolute;
	top:190px;
	padding-left:0px;
	width: 740px;
	float: right;
	background:#;
	color:#330991;
	}
	
#services {
	position:absolute;
	top:30px;
	width:740px;
	background-color:#;
	padding:5px 0px 0 0;
	z-index:;
	}
	
.big-pic-services {
	text-align:right;
	position:absolute;
	top:100px;
	right:px;
	padding:0 0 0 26px;
	} 
	
h4.services {
	position:absolute;
	top:90px;
	left:230px;
	width:px;
	font-size:10pt;
	line-height:14pt;
	color:#666;
	text-align:left;
	}
	
h3.services {
	position:absolute;
	top:130px;
	width:450px;
	font-size:14px;
	line-height:20pt;
	text-align:center;
	}
	
p.policy {
	position:absolute;
	top:390px;
	width:450px;
	font-size:12px;
	line-height:16pt;
	text-align:center;
	color:#666;
	}
	
h4.gallery {
	position:absolute;
	top:100px;
	left:240px;
	font-size:14px;
	}

h4.gallery-link {
	position:absolute;
	top:412px;
	left:755px;
	font-size:14px;
	text-align:center;
	}

ul.services {
	position:absolute;
	top:190px;
	left:225px;
	width:450px;
	line-height:12pt;
	color:#666;
	z-index:1;
	list-style:none;
	} 
	
.side-pic-top {
	position:absolute;
	top:235px;
	right:155px;
	float:right;
	z-index:1;
	}
	
.side-pic-bot {
	position:absolute;
	top:405px;
	right:155px;
	float:right;
	z-index:1;
	}
	
.icons-services {
	text-align:right;
	}
	
	/* services hover list/////////////////////////////////////////////// */

ul {
	margin: 0;
	padding: 0;
	}

#services {
	width: 740px;
	float: left;
	margin: 50px 0 0;
	}

#servicesList li {
	list-style: none;
	margin: 0 0 10px;
	float: left;
	}
 
.addPosition {
	position:relative;
	}
 
#servicesList a {
	text-decoration: none;
	color: #666;
	background-color: #;
	padding: 0 5px;
	display: block;
	width: 450px;
	}
	
#servicesList a:hover {
	background-color: #;
	}

#servicesList ul, #servicesList ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 480px;
	background-color: #fff;
	}

.priceTab {
	z-index: 100;
	width:150px;
	background-color:#;
	}

#servicesList .priceTab li {
	margin: 0;
	}
	
#servicesList .priceTab a, #servicesList .priceTab a:hover {
	width: 740px;
	}
	
#servicesList .priceTab a {
	padding: 5px 5px 5px 10px;
	}
	
#servicesList li:hover ul ul, #servicesList li:hover ul ul ul, #servicesList li:hover ul ul ul ul {
	display: none;
	}
	
#servicesList li:hover ul, #servicesList li li:hover ul, #servicesList li li li:hover ul, #servicesList li li li li:hover ul {
	display: block;
	}

	
/* services end ///////////////////////////////////////////////*/


p.text-wedding {
	position:absolute;
	top:240px;
	right:290;
	width:200px;
	font-size:10pt;
	line-height:14pt;
	color:#000;
	z-index:1;
	}
	
p.contact {
	position:absolute;
	top:120px;
	right:290;
	width:300px;
	font-size:10pt;
	line-height:14pt;
	color:#000;
	z-index:1;
	}
	
h4.work {
	position:absolute;
	top:45px;
	font-size:11pt;
	width:200px;
	line-height:15pt;
	color:#339;
	z-index:1;
	}
	
h5.work {
	position:absolute;
	top:75px;
	right:290;
	width:330px;
	font-size:10pt;
	line-height:14pt;
	color:#707070;
	z-index:1;
	}
	
span.work-head-1 {
	position:absolute;
	top:155px;
	color:#339;
	font-size:10pt;
	line-height:16pt;
	}
	
span.work-head-2 {
	position:absolute;
	top:350px;
	color:#339;
	font-size:10pt;
	line-height:16pt;
	}
	
span.work-head-3 {
	position:absolute;
	top:465px;
	color:#339;
	font-size:10pt;
	line-height:16pt;
	}
	
p.work-text-1 {
	position:absolute;
	top:172px;
	color:#707070;
	font-size:10pt;
	line-height:12pt;
	}
	
p.work-text-2 {
	position:absolute;
	top:220px;
	color:#707070;
	font-size:10pt;
	line-height:12pt;
	}
	
p.work-text-3 {
	position:absolute;
	top:263px;
	color:#707070;
	font-size:10pt;
	line-height:12pt;
	}
	
p.work-text-4 {
	position:absolute;
	top:290px;
	color:#707070;
	font-size:10pt;
	line-height:12pt;
	}
	
p.work-text-5 {
	position:absolute;
	top:370px;
	color:#707070;
	font-size:10pt;
	line-height:12pt;
	}
	
p.work-text-6 {
	position:absolute;
	top:395px;
	color:#707070;
	font-size:10pt;
	line-height:12pt;
	}
	
p.work-text-7 {
	position:absolute;
	top:420px;
	color:#707070;
	font-size:10pt;
	line-height:12pt;
	}
	
	
p.contact a:link {
	color:#6699ff;
	text-decoration:none;
	}	
p.contact a:visited {
	color:#6699ff;
	text-decoration:none;
	}	
p.contact a:hover, p.contact a:active, p.contact a:focus {
	color:#339;
	text-decoration:none;
	}
	
	
p.text a:link {
	color:#6666cc;
	text-decoration:none;
	}	
p.text a:visited {
	color:#6666cc;
	text-decoration:none;
	}	
p.text a:hover, p.text a:active, p.text a:focus {
	color:#339;
	text-decoration:none;
	}

	
h4.gallery-link a:link {
	color:#6666cc;
	text-decoration:none;
	}	
h4.gallery-link a:visited {
	color:#6666cc;
	text-decoration:none;
	}	
h4.gallery-link a:hover, h4.gallery-link a:active, h4.gallery-link a:focus {
	color:#339;
	text-decoration:none;
	}
	
	
p.text-phil a:link {
	color:#6666cc;
	text-decoration:none;
	}	
p.text-phil a:visited {
	color:#6666cc;
	text-decoration:none;
	}	
p.text-phil a:hover, p.text-phil a:active, p.text-phil a:focus {
	color:#339;
	text-decoration:none;
	}
	
	
h4.text {
	position:absolute;
	top:80px;
	right:290;
	width:500px;
	line-height:14pt;
	color:#339;
	z-index:1;
	}
	
h4.text-about {
	position:absolute;
	top:100px;
	right:240px;
	width:500px;
	font-size:10pt;
	line-height:15pt;
	color:#339;
	z-index:1;
	padding-bottom:20px;
	}
	
p.text-about {
	position:absolute;
	top:150px;
	right:240px;
	width:500px;
	font-size:10pt;
	line-height:15pt;
	color:#000;
	z-index:1;
	margin-top:20px;
	}
	
p.text-phil {
	position:absolute;
	top:160px;
	right:240px;
	width:500px;
	font-size:10pt;
	line-height:15pt;
	color:#000;
	z-index:1;
	margin-top:20px;
	}
	
h4.text-phil {
	position:absolute;
	top:110px;
	right:290;
	width:500px;
	font-size:10pt;
	line-height:15pt;
	color:#339;
	z-index:1;
	}
	
h4.wedding {
	position:absolute;
	top:195px;
	right:290;
	width:200px;
	font-size:11pt;
	line-height:14pt;
	color:#339;
	z-index:1;
	}
	
.icons {
	text-align:right;
	padding-bottom:0;
	}
	
.icons-special {
	position:absolute;
	top:575px;
	right:10px;
	text-align:right;
	padding-bottom:0;
	}
	
.facebook {
	padding-right:30px;
	}
	
	
h5.gallery {
	position:absolute;
	top:107px;
	color:#69f;
	}
h5 a:link {
	position:absolute;
	top:497px;
	color:#69f;
	text-align:center;
	padding-left:574px;
	line-height:10pt;
	}	
h5 a:visited {
	position:absolute;
	top:497px;
	color:#69f;
	text-align:center;
	padding-left:574px;
	line-height:10pt;
	}	
h5 a:hover, h5 a:active, h5 a:focus {
	position:absolute;
	top:497px;
	color:#339;
	text-align:center;
	padding-left:574px;
	line-height:10pt;
	}	

.big-pic-stylists {
	text-align:right;
	position:relative;
	padding-top:15px;
	z-index:0;
	}

img.stylists {
	position:absolute;
	top:40px;
	}
	
img.headshot-a {
	position:absolute;
	top:18px;
	}
p.name-a {
	z-level:1;
	position:absolute;
	top:300px;
	}
	
img.headshot-b {
	position:absolute;
	top:335px;
	}
p.name-b {
	z-level:1;
	position:absolute;
	top:530px;
	}
	
img.headshot-c {
	position:absolute;
	top:335px;
	left:368px;
	}
p.name-c {
	z-level:1;
	position:absolute;
	top:530px;
	left:374px;
	}
	
img.headshot-d {
	position:absolute;
	top:335px;
	left:516px;
	}
p.name-d {
	z-level:1;
	position:absolute;
	top:530px;
	left:516px;
	}
	
img.headshot-e {
	position:absolute;
	top:335px;
	left:664px;
	}
p.name-e {
	z-level:1;
	position:absolute;
	top:530px;
	left:664px;
	}
	
img.headshot-f {
	position:absolute;
	top:335px;
	left:812px;
	}
p.name-f {
	z-level:1;
	position:absolute;
	top:530px;
	left:812px;
	}
	
img.group {
	position:absolute;
	top:133px;
	left:452px;
	}	
	
img.gal-1 {
	position:absolute;
	top:142px;
	}
	
img.gal-2 {
	position:absolute;
	top:142px;
	left:510px;
	}
	
img.gal-3 {
	position:absolute;
	top:142px;
	left:634px;
	}
	
img.gal-4 {
	position:absolute;
	top:142px;
	left:755px;;
	}
	
img.gal-5 {
	position:absolute;
	top:279px;
	left:510px;;
	}
	
img.gal-6 {
	position:absolute;
	top:279px;
	left:634px;;
	}
	
img.wedding-gallery {
	position:absolute;
	top:110px;
	right:10px;
	padding:10px 25px 0 230px;
	}
	


/* original nav info
nav {
	float:right;
	position:absolute;
	top:40px;
	padding-left:225px;
	border:none;
	text-decoration:none;
	color:#999;
	letter-spacing:1px;
	}

nav a, nav a:visited { 
	text-decoration: none;
	color:#CCC
	}
	
nav a:hover, nav a:active, nav a:focus {
	text-decoration:none;  
	color:#69F;
	}
	

	*/
/*nello's portfolio page ///////////////////////////////////////////////*/

.container-portfolio {
	width: 960px;
	background: #000;
	margin: 0 auto; 
	}

#header-portfolio {
	background: #000;
	width:960px;
	}
	
.main-portfolio {
	position:absolute;
	top:141px;
	padding-left:220px;
	width: 740px;
	float: right;
	background:#000;
	color:#330991;
	}

.sidebar-portfolio {
	float: left;
	width: 180px;
	background: #000;
	padding: 30px 0 30px 25px;
	color:#FFF;
	}
	
p.sidebar-portfolio {
	font-size:12pt;
	line-height:16pt;
	color:#000;
	z-index:1;
	}
	
h3.text {
	position:absolute;
	top:195px;
	width:175px;
	font-size:10pt;
	line-height:14pt;
	color:#999;
	z-index:1;
	}
	
#map {
	position:absolute;
	top:300px;
	}
	
/* changing focus on images */
	
#thumbnails {
	float:left;
	margin-right:10px;
	clear:both;
	} 
	
#thumbnails img {
	width:100px;
	border:none;
	}
	
#main img {
	width:300px;
	border:none;
	}
	
#main-pic {
	float:right;
	margin:0 0 0 10px;
	padding-right:55px;
	background-color:transparent;
	z-index:1;
	text-align:left;
	}
	
footer.portfolio {
	padding: 0 0 0 16px;
	margin-top:2px;
	font-size: 9pt;
	line-height:14pt;
	color:#999;
	background:#330991;
/*	background-image:url(images/footer-bkgd.gif); */
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	}
	
h6.portfolio {
	color:#999;
	}
	
footer.portfolio a:link {
	color:#FFF;
	text-decoration: none; 
	}
	
footer.portfolio a:visited {
	color: #999;
	text-decoration: none;
	}
	
footer.portfolio a:hover, footer.portfolio a:active, footer.portfolio a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
	color:#09F;
	}
/*end of portfolio pg ///////////////////////////////////////////////*/




/* drop down menu styles ///////////////////////////////////////////////*/
	#jsddm {	
	margin: 0;
	padding:  0 ;
	text-align:center;
	font-size:11pt;
	}

	#jsddm li {
	float: left;
	list-style: none;
	text-align:center;
	/*margin-left:1px; */
	padding-top:2px;
	}

	#jsddm li a {
	display: block;
	/* background: #6699cc; */
	padding: 0;
	text-align:left;
	text-decoration: none;
	white-space: nowrap;
	}

	#jsddm li a:hover {
	background: #fff;
	color:#69f;
	}
		
	#jsddm li ul {
	margin: 0;
	padding: 2px 0 5px 0 ;
	font-size:9pt;
	line-height:10pt;
	position: absolute;
	visibility: hidden;
	width:80px;
	z-index:3;
	background:none;
	}
		
	#jsddm li ul li {
	float: none;
	display: inline;
	background:none;
	}
			
	#jsddm li ul li a {
	width: auto;
	background: #fff;
	color: #69f;
	background:none;
	}
			
	#jsddm li ul li a:hover {
	color: #009;
	background:none;
	}
			
	#navcontainer {
	width:950px;
	height:40px;
    border:none;
    background-color:none;
	margin-bottom:10px;
	/* original nav info */
	float:right;
	position:absolute;
	top:40px;
	padding-left:225px;
	border:none;
	text-decoration:none;
	color:#999;
	letter-spacing:1px;
    }
			
	li.headlink ul {
	display:none;
	}
	
	li.headlink:hover ul {
	display:block;
	}
	
	span.nav {
	color:#69f;
	}
	
	span.bar a:link; span.bar a:visited; span.bar a:focus; span.bar a:hover; span.bar a:active; {
	color:#999;
	}
/* end of drop down menu styles ///////////////////////////////////////////////*/	


		

/*  footer  */
footer {
	padding: 0 0 0 16px;
	margin-top:2px;
	font-size: 10pt;
	line-height:15pt;
	color:#69f;
	background:#330991;
	background-image:url(images/footer-bkgd.gif);
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	}
	

footer a:link {
	color:#fff;
	text-decoration: none; 
	}
	
footer a:visited {
	color: #fff;
	text-decoration: none;
	}
	
footer a:hover, footer a:active, footer a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
	color:#9cf;
	}

span.footer{
	font-size:10px;
	}

/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, article, figure {
	display: block;
	}

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>