/* Reset all margins and paddings for browsers */
* { 
	padding: 0;
	margin: 0;
}


body {
	font: 1.0em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	background-color: #000000;
	
}

p { 
	font:  0.8em Arial, Helvetica, sans-serif; 
	line-height: 1.5em; 
	color: #FFFFFF;
	padding: 5px 0px 0px 0px;
	
	
}

.bigtext { 
	font:  1.1em Arial, Helvetica, sans-serif; 
	
	
	
}

h1 { font:  1.4em/1.4em Georgia, Times, serif; 
	color: #FFFFFF;
	padding: 15px 0px 0px 0px;
	}

h2 { font:   1.2em Georgia, Times, serif;   
	line-height: 1.5em; 
	color: #FFFFFF;
	padding: 5px 0px 15px 0px;
	}	

h3 { font:  1em Georgia, Times, serif;   
	line-height: 1.4em; 
	color: #FFFFFF;
	padding: 5px 0px 0px 0px;
	}		
	


/* unvisited link */
a:link { 
	color: #FF9900; 
	
} 

/* visited link */
a:visited { 
   color: #7B1109;
}

/* mouse over link */
a:hover { 
	color: #7A1109;
}

/* selected link */
a:active { 
	color: #FF9900;
	
}

#ladypjs {
	position: relative;
	right: 0px;
	left: 430px;
	top: -475px;
}

#pjsbarber {
	position: relative;
	right: 0px;
	left: 430px;
	top: -478px;
}

#harmonypjs {
	position: relative;
	right: 0px;
	left: 430px;
	top: -478px;
}

#pjsproperty {
	position: relative;
	right: 0px;
	left: 430px;
	top: -478px;
}


#wrap {
	margin: 35px auto 0px;
	width: 880px;
	height: auto;
	border: 2px solid #FFFFFF;
	
}

#wrapindex {
	margin: 35px auto 0px;
	width: 798px;
	height: 603px;
	border: 0px solid #FFFFFF;
	background: transparent;
	background-color: #000000;
}

#maincontainer {
	width: 880px;
	height: 430px;
	background-image: url(../images/funkybg.jpg);
	
}

#maincontainermed {
	width: 865px;
	padding: 0px 0px 0px 15px;
	height: 580px;
	background-image: url(../images/funkybg-home.jpg);
	
}

#maincontainermedgallery {
	width: 865px;
	padding: 0px 0px 0px 15px;
	height: 580px;
	background-image: url(../images/funkybgladyblank.jpg);
	
}

#maincontainermedservice {
	width: 865px;
	padding: 0px 0px 0px 15px;
	height: 580px;
	background-image: url(../images/funkybg-service.jpg);
	
}

#maincontainermedcontact {
	width: 865px;
	padding: 0px 0px 0px 15px;
	height: 580px;
	background-image: url(../images/funkybg-contact.jpg);
	
}



#maincontainerbarbers {
	width: 880px;
	height: 430px;
	background-image: url(../images/funkybgbarbers.jpg);
}

#maincontainerbarbershome {
	width: 865px;
	padding: 0px 0px 0px 15px;
	height: 430px;
	background-image: url(../images/funkybg-home-barber.jpg);
	
}

#maincontainerbarbersservices {
	width: 865px;
	padding: 0px 0px 0px 15px;
	height: 760px;
	background-image: url(../images/funkybg-home-services.jpg);
}

#maincontainerbarberscontact {
	width: 865px;
	padding: 0px 0px 0px 15px;
	height: 580px;
	background-image: url(../images/funkybg-home-contact.jpg);
}

#maincontainerbarbersblank {
	width: 865px;
	padding: 0px 0px 0px 15px;
	height: 580px;
	background-image: url(../images/funkybgbarberblank.jpg);
}

#maincontainerwhispers {
	width: 880px;
	height: 600px;
	background-image: url(../images/funkybgwhispers.jpg);
}

#maincontainerkids {
	width: 880px;
	height: 600px;
	background-image: url(../images/funkybgkids.jpg);
}

#maincontainerproperty {
	width: 880px;
	height: 430px;
	background-image: url(../images/funkybgproperty.jpg);
}


/* TOP NAV -------- */
#top {
	margin: 0px auto;
	width: 880px;
	height: 150px;
	text-align: right;
	margin-right: 0px;
	background-image: url(../images/headerpjs.jpg);
	
}

#topbarbers {
	margin: 0px auto;
	width: 880px;
	height: 150px;
	text-align: right;
	margin-right: 0px;
	background-image: url(../images/headerpjsbarber.jpg);
	
}

#topwhispers {
	margin: 0px auto;
	width: 880px;
	height: 150px;
	text-align: right;
	margin-right: 0px;
	background-image: url(../images/headerpjswhispers.jpg);
	
}

#topkids {
	margin: 0px auto;
	width: 880px;
	height: 150px;
	text-align: right;
	margin-right: 0px;
	background-image: url(../images/headerpjskids.jpg);
	
}


#topproperty {
	margin: 0px auto;
	width: 880px;
	height: 150px;
	text-align: right;
	margin-right: 0px;
	background-image: url(../images/headerpjsproperty.jpg);
	
}


#mainnav {
	width: 865px;
	height: 35px;
	text-align: left;
	margin-right: 0px;
	background-color: #FFFFFF;
	padding: 0px 0px 0px 15px;
	border-bottom: 2px solid #FFFFFF;	
	
}


#mainnav ul {
	margin: 0;
	padding: 5px 20px 0px 0px;
	list-style: none;
	text-decoration: none;
	
}

#mainnav li {
	
	float: left;
	padding: 5px 20px 0px 0px;
}

#mainnav a {
	font: 1em Georgia, Times, serif;
	color: #333333;
	padding: 5px 20px 0px 0px;
	text-decoration: none;
	
}

#mainnav a:hover {
	font: 1em Georgia, Times, serif;
	color: #333333;
	padding: 5px 20px 0px 0px;
	text-decoration: none;
	border-bottom: 8px solid #333333;
	
}

#mainnav .left a {
	font: 1em Georgia, Times, serif; 
	color: #333333;
	padding: 5px 20px 0px 0px;
	text-decoration: none;
	border-bottom: 8px solid #333333;
	
}

#mainnav .left a:hover {
	font: 1em Georgia, Times, serif; 
	color: #666666;
	padding: 5px 20px 0px 0px;
	text-decoration: none;
}

/* IMAGE -------- */
#mainimage {
	margin: 0px auto;
	width: 880px;
	height: 190px;
	text-align: right;
	margin-right: 0px;
	background-color: #FF00FF;
	background-image: url(../images/mainimagepjslady.jpg);
	
}

#mainimagebarbers {
	margin: 0px auto;
	width: 880px;
	height: 190px;
	text-align: right;
	margin-right: 0px;
	background-color: #FF00FF;
	background-image: url(../images/mainimagepjsbarbers.jpg);
	
}


#mainimagewhispers {
	margin: 0px auto;
	width: 880px;
	height: 190px;
	text-align: right;
	margin-right: 0px;
	background-color: #FF00FF;
	background-image: url(../images/mainimagepjswhispers.jpg);
	
}

#mainimageproperty{
	margin: 0px auto;
	width: 880px;
	height: 190px;
	text-align: right;
	margin-right: 0px;
	background-color: #FF00FF;
	background-image: url(../images/mainimagepjsproperty.jpg);
	
}

#rightside {
	width: 160px;
	height: 390px;
	padding: 15px 0px 0px 5px;
	float: left;
	
}

#yellowfooter {
	width: 880px;
	height: 15px;
	background-color: #FFFF66;

}

#maincontent {
	width: 330px;
	height: 390px;
	
	float: left;
	
	padding: 15px 0px 0px 0px;
	border: 0px solid #912E84;
}

#leftside {
	width: 360px;
	
	float: left;
	padding: 0px 10px 0px 15px;
}

#leftsidelpjs {
	width: 535px;
	float: left;
	padding: 0px 10px 0px 15px;
}

#leftsidelpjs2col {
	width: 535px;
	padding: 0px 0px 0px 0px;
}

#gallery{
	width: 820px;
	float: left;
	padding: 0px 10px 0px 15px;
}


#bullets ul {
	width: 255px;
	padding: 0px 0px 0px 15px;
	list-style-type: circle;
	
}

#bullets li {
	padding: 5px 0px 0px 3px;
	font:  0.8em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#bullets2 ul {
	width: 255px;
	padding: 0px 0px 0px 15px;
	list-style-type: circle;
	float: left;
	
}

#bullets li {
	padding: 5px 0px 0px 3px;
	font:  0.8em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}






/* COPYRIGHT -------- */

#smalltext {
	font-size: 10px;
    text-align: center;
    color: #FFFFFF;
	}
	
.copyright {
	font-size: 10px;
    text-align: center;
    
	}

.copyright a:link { 
	font-size: 10px;
    text-align: center;
    color: #FFFFFF;
	}

.copyright a:visited { 
	font-size: 10px;
    text-align: center;
    color: #FFFFFF;
	}
	
.copyright a:hover { 
	font-size: 10px;
    text-align: center;
    color: #FF9900;
	}	
	
.copyright a:active  { 
	font-size: 10px;
    text-align: center;
    color: #FFFFFF;
	}		
	
.paddingright  {
	
	padding-right: 15px;
	}