/* css JoSheStyle.com Home page outside of shopping cart */

body { 
	font: 8.5pt/11.5pt arial, sans-serif;
	background-color:#FFBAC8;
	color:#000000;
    margin:0px; 
	height:100%;
	}
p {
	font: 8.5pt/11.5pt arial, sans-serif;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 5px;
	}
h3 { 
	font: bold 9.3pt tahoma, arial, sans-serif; 
	letter-spacing: 1px; 
	margin: 0px;
	color:#006699;
	background-color:transparent;
	}
a {
	font-weight: bold;
	color: #F0549D;
	}
a:link, a:visited { 
	text-decoration: none; 
	color: #F0549D;
	background-color:transparent;
	}
a:active, a:hover { 
	text-decoration: underline; 
	color: #FFFFFF;
	background-color:transparent;
	}
	
img {
  border: none;
  }	

/* Absolute Center technique adapted from an article by Joe Gillespie: 
http://www.wpdfd.com/editorial/wpd0103.htm#footnote */

/* commented backslash hack v2 for IE5-Mac - adapted from a posting on Sam-I-Am:
http://www.sam-i-am.com/work/css/index.html \*/
	#container { 
	background: url(images_home/header.gif) no-repeat;
	background-color:#FFFFFF;
	color:#000000;
	position:absolute;
	top:50%;
	left:50%;
	width: 770px;
	height: 623px;
	margin-left:-375px;
	margin-top:-270px;
	border-top: 2px solid #84A824;
	border-bottom: 2px solid #84A824;
	border-left: 2px solid #84A824;
	border-right: 2px solid #84A824;
	}
/* end hack */
	
#pageHeader {
	position:absolute;
	left: 231px;
	top: 420px;
	width: 356px;
	height: 23px;
	}
#pageHeader h1 span {
	display:none;
	}
#pageHeader h2 { 
	display: none;
	}
	
#headerInfo1 {
	position:absolute; 
	width:187px; 
	height:17px; 
	z-index:2; 
	left: 3px; 
	top: 84px;
	font-weight: normal; 
	text-decoration: none; 
	color: #FFFFFF;
	background-color:transparent;
	}
#headerInfo2 {
	position:absolute; 
	width:191px; 
	height:17px; 
	z-index:2; 
	left: 486px; 
	top: 84px;
	font-weight: normal; 
	text-decoration: none; 
	color: #FFFFFF;
	background-color:transparent;
	}

#headerInfo1 a, a:link, a:visited {
	font-weight: normal; 
	text-decoration: none; 
	color: #FFFFFF;
	background-color:transparent;
	}
#headerInfo1 a:hover, a:active  { 
	text-decoration: underline; 
	color: #FFFFFF;
	background-color:transparent;
	}
	
#headerInfo2 a, a:link, a:visited {
	font-weight: normal; 
	text-decoration: none; 
	color: #FFFFFF;
	background-color:transparent;
	}
#headerInfo2 a:hover, a:active  { 
	text-decoration: underline; 
	color: #FFFFFF;
	background-color:transparent;
	}
#josheStyle {
	position:absolute;
	background: url(images_home/flower.gif) no-repeat;
	left: 664px;
	top: 9px;
	height: 88px;
	width: 109px;
	overflow: auto;
	}

#logo {
	position:absolute; 
	width:109px; 
	height:78px;
	top: 8px;
	left: 26px;
	overflow: auto; 
	background: url(images_home/joshestyle.gif) no-repeat;
	}


#leftNav {
	background: url(images_home/pinkstripebkgrd.jpg);
	color:#000000;
	position: absolute;
	width: 140px;
	height: 501px;
	left: 0px;
	top: 100px;
	overflow: auto;
	}
#leftNav ul {
	margin: 23px;
	padding: 4px;
	}
#leftNav li {
	line-height: 8.4pt; 
	list-style-type: none; 
	display: block; 
	margin-bottom: 2px;
	}	
	
#wave {
	background: url(images_home/wave.gif) no-repeat;
	color:#000000;
	position: absolute;
	width: 25px;
	height: 501px;
	left: 140px; 
	top: 100px;
	overflow: auto;
	}
	
#supportingText {
	margin: 0px;
	position: absolute;
  	font-family: Georgia, "Times New Roman", Times, serif;
	left: 453px;
	top: 127px;
	width: 270px;
	height: 315px;
	}
#supportingText p {
	font: 11.5pt arial, sans-serif;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 5px;
	}
#supportingText h3 {
	padding:10px 10px 5px 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	font-style: italic;
	}
#supportingText a:link, a:visited{
  font-weight:bold;
  color: #ADD448;
  text-decoration: none;
  }
#supportingText a:hover {
	font-weight: bold;
	color: #F1579D;
	}
#supportingText p {
	padding:0px 10px 0px 10px;
	}		
#skirtImg {
	position: absolute;
	width: 259px;
	height: 576px;
	left: 175px;
	top: 14px;
	overflow: auto;
	background: url(images_home/joshegirl1.gif) no-repeat; 
	color:#000000;
	font: 7.1pt/9pt arial, sans-serif;
	}
	
#footerlogo {
    position:absolute; 
	width:130px; 
	height:97px; 
	overflow: auto;
	background: url(images_home/footerlogo.gif) no-repeat;  
	left: 600px; 
	top: 485px;
	}
#footer {
	position:absolute;
	background-color: #ADD048;
	layer-background-color: #ADD048;
	border: 1px none #000000;
	font-weight:normal;
	font-size:11px;
	z-index:3; 
	width:770px; 
	height:23px; 
	left: 0px; 
	top: 601px;
 }
 #footer a, a:link, a:visited { 
	text-decoration: none;
	font-weight: normal;
	font-size:11px; 
	color: #FFFFFF;
	background-color:transparent;
	}
#footer a:hover, a:active  { 
	text-decoration: underline; 
	color: #FFFFFF;
	background-color:transparent;
	}