/*
      Method learned from Keith Donegan of Code-Sucks.com
	  E-Mail: Keithdonegan@gmail.com
	  
	  Edited, Updated and Changed by Nicole Cunha of IDK | Innovative Design Koncepts
	  E-Mail: nicolecunha@aol.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com and http://www.idkworld.com http://www.webidk.com http://www.innovativedesignkoncepts.com http://www.nicolecunha.com
	  
*/

* { padding: 0; margin: 0; }

.row {clear:both;}

/* Main page setup*/
body { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; background-color:#B89BB7; padding:25px;}


/* DO NOT TOUCH*/
/* Main Wrapper for all content setup*/
#wrapper { margin: 0 auto; width: 810px; background-image:url(../images/siteLayout/bckgrndSML.gif); border: 15px; border-style:solid; border-color:#564256; text-align:center; }
 /* DO NOT TOUCH*/
 
 
 
/* Nested Wrapper for background image/Gradient - ALL STYLES */ 
/* Nested Wrapper for background image/Gradient - MAIN STYLE */ 
#wrapper2 { margin: 10px; margin-top:20px; margin-bottom:0px; height: auto; width: 758px; padding:0px; background-image:url(../images/faceGradient.gif); background-position:bottom right; background-repeat:no-repeat; border: 1px;
 border-color:#000000; border-style:solid; background-color: #B89BB7; }
  
 /* Nested Wrapper for background image/Gradient - FOR BIOGRAPHY PAGE */ 
#wrapperBio { margin: 10px; margin-top:20px; margin-bottom:0px; height: 1250px; width: 758px; padding:0px; background-image:url(../images/faceGradient.gif); background-position:bottom right; background-repeat:no-repeat; border: 1px;
 border-color:#000000; border-style:solid; background-color: #B89BB7; }
 
 /* Nested Wrapper for background image/Gradient - FOR SEMI LONG TEXT */ 
#wrapperLongText { margin: 10px; margin-top:20px; margin-bottom:0px; height: 1400px; width: 758px; padding:0px; background-image:url(../images/faceGradient.gif); background-position:bottom right; background-repeat:no-repeat; border: 1px; border-color:#000000;
 border-style:solid; background-color: #B89BB7; }
 
 /* Nested Wrapper for background image/Gradient - FOR VERY LONG TEXT */ 
#wrapperLongText2 { margin: 10px; margin-top:20px; margin-bottom:0px;
 height: 2550px; width: 758px; padding:0px; background-image:url(../images/faceGradient.gif); background-position:bottom right;
 background-repeat:no-repeat; border: 1px; border-color:#000000; border-style:solid; background-color: #B89BB7; }
 
 /* Nested Wrapper for background image/Gradient - FOR SERVICES PAGE */ 
#wrapperServices { margin: 10px; margin-top:20px; margin-bottom:0px;
 height: 1200px; width: 758px; padding:0px; background-image:url(../images/faceGradient.gif); background-position:bottom right;
 background-repeat:no-repeat; border: 1px; border-color:#000000; border-style:solid; background-color: #B89BB7; }
 
/* Left Column Setup */
#leftcolumnBio { 	margin:0px;	color: #333; background: #ffffff; height: 850px; width: 579px; padding-top:5px; padding-left:10px;
	 padding-right:10px; padding-bottom:82px; float: left; border-top: 0px;	border-bottom:0px; border-left: 0px; border-right:1px; border-style:solid; border-color:#000000; background-image:url(../assets/images/masterStylist.gif); background-position: bottom left; background-repeat:no-repeat; text-align: center;}

/* Set-up for Text in Left Column */
#leftColumnTextBio{background-color:#B89BB7;background-image:url(../assets/images/whiteMauveCurve.gif);background-position:top center;background-repeat:no-repeat;margin-top: 5px;width:88%;height:88%;padding: 5%;color:#F2EFF2;font-size: 8pt;text-align: justify;font-family:Verdana, Arial, Helvetica, sans-serif;} 

 /* Left Column Setup */
#leftcolumnLongText  { 	margin:0px;	color: #333; background: #ffffff; height: 1000px; width: 579px; padding-top:5px;
	 padding-left:10px; padding-right:10px; padding-bottom:82px; float: left; border-top: 0px;border-bottom:0px;
 	border-left: 0px; border-right:1px;  border-style:solid; border-color:#000000; background-image:url(../assets/images/masterStylist.gif); background-position: bottom left; background-repeat:no-repeat;
	 text-align: center;} 
	 
/* Set-up for Text in Left Column */
#leftColumnTextLongText {background-color:#B89BB7;background-image:url(../assets/images/whiteMauveCurve.gif);
background-position:top center;background-repeat:no-repeat;margin-top: 5px;width:88%;height:88%;padding: 5%;
color:#F2EFF2;font-size: 8pt;text-align: justify;font-family:Verdana, Arial, Helvetica, sans-serif;} 

/* Black Border around text in Right Column */
#leftColumnTextLongText a:link{color:#594157;font-weight:bold;text-decoration: none;}

#leftColumnTextLongText a:hover{color:#ffffff;text-decoration:underline;font-weight:bold;text-decoration: none;}

#leftColumnTextLongText a:visited{color:#000000;font-weight:bold;text-decoration: none;}

#leftColumnTextLongText a:visited:hover{color:#ffffff;font-weight:bold;text-decoration: none;}


/* Left Column Setup */
#leftcolumnLongText2 { 	margin:0px;	color: #333; background: #ffffff; height: 2150px; width: 579px; padding-top:5px;
	 padding-left:10px; padding-right:10px; padding-bottom:82px; float: left; border-top: 0px;border-bottom:0px;
 	border-left: 0px; border-right:1px;  border-style:solid; border-color:#000000; background-image:url(../assets/images/masterStylist.gif); background-position: bottom left; background-repeat:no-repeat; text-align: center;}

/* Set-up for Text in Left Column */
#leftColumnTextLongText2 {background-color:#B89BB7;background-image:url(../assets/images/whiteMauveCurve.gif);background-position:top center;background-repeat:no-repeat;margin-top: 5px;width:88%;height:96%;padding: 5%;color:#F2EFF2;font-size: 8pt;text-align: justify;font-family:Verdana, Arial, Helvetica, sans-serif;} 


/* Left Column Setup */
#leftcolumnServices { 	margin:0px;	color: #333; background: #ffffff; height: 800px; width: 579px; padding-top:5px;
	 padding-left:10px; padding-right:10px; padding-bottom:82px; float: left; border-top: 0px;border-bottom:0px;
 	border-left: 0px; border-right:1px;  border-style:solid; border-color:#000000; background-image:url(../assets/images/masterStylist.gif); background-position: bottom left; background-repeat:no-repeat; text-align: center;}

#leftColumnTextServicesWrapper {
background-color:#B89BB7;
background-image:url(../assets/images/whiteMauveCurve.gif);
background-position:top center;
background-repeat:no-repeat;
margin-top: 5px;
width:88%;
height:85%;
padding: 5%;
color:#F2EFF2;
font-size: 8pt;
text-align: justify;
font-family:Verdana, Arial, Helvetica, sans-serif;

}
/* Set-up for Text in Left Column */
#leftColumnTextServices {
background-image:url(../assets/servicesBackground.jpg);
background-position:top left;
background-repeat:no-repeat;
padding-left:250px;

} 

/* Set-up for Titles in Services Page Left Column  */
#leftColumnTextServicesHeader {
color: #000000;
font-size: 9pt;
letter-spacing: 2pt;
font-weight: bold;
font-variant: small-caps;
}


/* Set-up for Lists in Services Page Left Column  */
#leftColumnTextServices ul {
margin-left: 25px;
padding-top: 10px;
}

/* Set-up for Lists in Services Page Left Column  */
#leftColumnTextServices ul li ul {
margin-left: 25px;
padding-top: 0px;
}


#leftColumnTextServices li {

padding-left: 0px;
list-style-image:url(../assets/images/sparkleList.gif);
color:#333333;
font-size: 8pt;
}

/* Set-up for Lists in Services Page Left Column  */
#leftColumnTextServices ul li ul li {
font-size: 7pt;
color:#E2D7E2;
}


/* Footer Text */

#footer { 
 width: 740px;
 padding:10px;
 clear: both;
 color: #B89BB7;
 background-color:#000000;
 margin-left:0px;
 margin-top:0px;
 margin-bottom: 20px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 6.5pt;
 text-align:left;
}

#footer a:link{
color:#ffffff;
font-size:7pt;
font-weight:bold;
text-decoration: none;}

#footer a:hover{
color:#B89BB7;
text-decoration:underline;
font-size:7pt;
font-weight:bold;
text-decoration: none;
}

#footer a:visited{
color:#ffffff;
font-size:7pt;
font-weight:bold;
text-decoration: none;

}

#footer a:visited:hover{
color:#B89BB7;
font-size:7pt;
font-weight:bold;
text-decoration: none;

}


/* STYLING FOR CREDIT'S PAGE */ 
#creditBorder{
width:500px;
border:0px;
padding:5px;
text-align:left;
height:125px;
}

#creditPicture{
width:121px;
height:115px;
background-color:#B89BB7;
padding:5px;
text-align:left;
float:left;
}

#creditText{
width:345px;
height:87px;
background-color:#000000;

padding:10px;
margin-top:7px;
text-align:left;
float:left;
line-height:16px;
}

#creditTextTitle{
font-weight:bold;
font-variant:small-caps;
color:#B89BB7;
font-size:7pt;
letter-spacing:1px;
}

#creditTextDescription{
color:#ffffff;
font-size:8pt;
}

#leftColumnText #creditTextDescription a:link{
color:#cccccc;
font-size:7pt;
font-weight:bold;
text-decoration: none;}

#leftColumnText #creditTextDescription  a:hover{
color:#B89BB7;
text-decoration:underline;
font-size:7pt;
font-weight:bold;
text-decoration: none;
}

#leftColumnText #creditTextDescription  a:visited{
color:#cccccc;
font-size:7pt;
font-weight:bold;
text-decoration: none;

}

#leftColumnText #creditTextDescription  a:visited:hover{
color:#B89BB7;
font-size:7pt;
font-weight:bold;
text-decoration: none;
}



/* STYLING FOR CONTACT PAGE */ 
#contactBorder{
width:500px;
border:0px;
padding:5px;
text-align:left;
height:125px;
}

#contactPicture{
width:160px;
height:115px;
background-color:#B89BB7;
padding:5px;
text-align:left;
float:left;
}

#contactText{
width:306px;
height:87px;
background-color:#000000;

padding:10px;
margin-top:7px;
text-align:left;
float:left;
line-height:16px;
}

#contactTextTitle{
font-weight:bold;
font-variant:small-caps;
color:#B89BB7;
font-size:7pt;
letter-spacing:1px;
}

#contactTextDescription{
color:#ffffff;
font-size:8pt;
}

#leftColumnText #contactTextDescription a:link{
color:#cccccc;
font-size:7pt;
font-weight:bold;
text-decoration: none;}

#leftColumnText #contactTextDescription  a:hover{
color:#B89BB7;
text-decoration:underline;
font-size:7pt;
font-weight:bold;
text-decoration: none;
}

#leftColumnText #contactTextDescription  a:visited{
color:#cccccc;
font-size:7pt;
font-weight:bold;
text-decoration: none;

}

#leftColumnText #contactTextDescription  a:visited:hover{
color:#B89BB7;
font-size:7pt;
font-weight:bold;
text-decoration: none;

}


/* Main Top Header for Logo and Images*/ 
#header1 {
margin:0px;
 color: #333;
 width: 738px;
 padding:10px;
 float: left;
 height: 195px;
 background: #ffffff;
 border-top: 0px;
 border-bottom:1px;
 border-left: 0px;
 border-right:0px;
 border-style:solid;
 border-color:#000000;

}

/* MKH Weddings graphic setup*/
#header {
margin:0px;
 color: #333;
  width: 738px;
 padding:10px;
 float: left;
 height: 75px;
 background: #000000;
 border-top: 0px;
 border-bottom:1px;
 border-left: 0px;
 border-right:0px;
 border-style:solid;
 border-color:#000000;
 text-align:center;
}

/* Left Column Setup */
#leftcolumn { 
	margin:0px;
	color: #333;
	color: #333;
	 background: #ffffff;
	 min-height: 550px;
	 width: 579px;
	 padding-top:5px;
	 padding-left:10px;
	 padding-right:10px;
	 padding-bottom:82px;
	 float: left;
	 border-top: 0px;
 	border-bottom:0px;
 	border-left: 0px;
	 border-right:1px;
	  border-style:solid;
	 border-color:#000000;
	 background-image:url(../assets/images/masterStylist.gif);
	 background-position: bottom left;
	 background-repeat:no-repeat;
	 text-align: center;
	
}

/* Set-up for Text in Left Column */
#leftColumnText{
background-color:#B89BB7;
background-image:url(../assets/images/whiteMauveCurve.gif);
background-position:top center;
background-repeat:no-repeat;
margin-top: 5px;
width:88%;
height:80%;
padding: 5%;
color:#F2EFF2;
font-size: 8pt;
text-align: justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
} 

/* Set-up for Links in Left Column */
#leftColumnText a:link{
color:#594157;

font-weight:bold;
text-decoration: none;}

#leftColumnText a:hover{
color:#ffffff;
text-decoration:underline;

font-weight:bold;
text-decoration: none;
}

#leftColumnText a:visited{
color:#000000;

font-weight:bold;
text-decoration: none;

}

#leftColumnText a:visited:hover{
color:#ffffff;

font-weight:bold;
text-decoration: none;

}

/* Set-up for Text in Left Column -- bio page */
#leftColumnTextBio a:link{
color:#594157;

font-weight:bold;
text-decoration: none;}

#leftColumnTextBio a:hover{
color:#ffffff;
text-decoration:underline;

font-weight:bold;
text-decoration: none;
}

#leftColumnTextBio a:visited{
color:#000000;

font-weight:bold;
text-decoration: none;

}

#leftColumnTextBio a:visited:hover{
color:#ffffff;

font-weight:bold;
text-decoration: none;

}



/* Set-up for Testimonials Page */
#testimonialTitle{
font-weight:bold;
font-size:9pt;
color:#000000;
font-variant:small-caps;
padding-left:15px;
}

#testimonialCity{
font-weight:bold;
font-size:7pt;
color:#564256;
padding-left:15px;
}

 #testimonialText{
font-size:7pt;
margin-left:30px;
background-color:#000000;
padding:10px;

}

/* Set-up for Images */
#leftAlignPicture{
border-left:0px; 
border-bottom: 5px; 
border-top: 0px; 
border-right: 5px; 
border-color:#B89BB7; 
border-style:solid; 
padding-left:0px; 
padding-bottom:0px; 
padding-top: 0px; 
padding-right: 0px;
}

#rightAlignPicture{
border-left:5px; 
border-bottom: 5px; 
border-top: 0px; 
border-right: 0px; 
border-color:#B89BB7; 
border-style:solid; 
padding-left:0px; 
padding-bottom:0px; 
padding-top: 0px; 
padding-right: 0px;
}

/* Right Column */
#rightcolumn { 
 color: #564256;
 margin: 0px 0px 0px 0px;
 height: 500px;
 width: 138px;
 padding-top:3px;
 padding-bottom: 10px;
 padding-left:10px;
 padding-right:7px;
 float: left;
 border: 0px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 7pt;
 text-align:center;
 
}

/* Black Border around text in Right Column */
#rightColumnText{
background-color:#000000;
width:120px;
padding: 8px;
clear:both;
float: left;
color:#F2EFF2;
font-size: 7pt;
text-align: center;
border:solid 1px #B89BB7;
}

/* #2 Black Border around text in Right Column */
#rightColumnText2{
background-color:#000000;
width:90%;
padding: 5%;
float: left;
color:#F2EFF2;
font-size: 7pt;
text-align: center;
border:solid 1px #B89BB7;
height: 200;
}

/* Set-up for Links in Right Column */
#rightColumnText a:link{
color:#B89BB7;
font-weight:bold;
text-decoration: none;}

#rightColumnText a:hover{
color:#ffffff;
text-decoration:underline;
font-weight:bold;
text-decoration: none;
}

#rightColumnText a:visited{
color:#ffffff;
font-weight:bold;
text-decoration: none;
}

#rightColumnText a:visited:hover{
color:#B89BB7;
font-weight:bold;
text-decoration: none;
}


/* Main Navigation Setup */
#navcontainer
{
margin: 0;
margin-left:15px;
padding: 0;
height: 20px;
text-align:center;

}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

/* Main Navigation Links */
#navcontainer ul li a
{
background: #fff;
width: 78px;
height: 18px;
padding: 0;
padding-left:0px;
margin: 0 0 10px 0;
color: #B89BB7;
text-decoration: none;
display: block;
text-align: center;
font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
border-top:solid;
border-top:1px;
border-top-color:#000000;
border-bottom-style:solid;
border-bottom: 3px;
border-bottom-color: #B89BB7;
font-size: 8pt;
}

/* Main Navigation hover */
#navcontainer ul li a:hover
{
background-color:#000000;
color: #B89BB7;
border-top-style:solid;
border-top: 1px;
border-top-color: #000000;
border-bottom-style:solid;
border-bottom: 3px;
border-bottom-color: #B89BB7;
font-size: 8pt;
}

/* To highlight page title in navigation */
body#home a#navHome,
body#bio a#navBio,
body#services a#navServices,
body#gallery a#navGallery,
body#testimonials a#navTestimonials,
body#photoCredits a#navPhotoCredits,
body#contact a#navContact 
{
background-color:#000000;
color: #B89BB7;
border-top-style:solid;
border-top: 1px;
border-top-color: #000000;
border-bottom-style:solid;
border-bottom: 3px;
border-bottom-color: #B89BB7;
font-size: 8pt;
}