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

body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	color: #555;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.5;
	}
	
body#home {
	background: url(images/pinkstars_home.png) top repeat-x;
	}

body#second {
	background: url(images/pinkstars_2nd.png) top repeat-x;
	}
	
#container {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding: 0;
	}

#subcontainer {
	width: 725px;	/* Same size as home_ladies image */
	horizonal-align="center";
	margin-left: auto;
	margin-right: auto;
	margin-top: 2.5em;
	padding: 0;
	}

#introcontainer {
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding: 0;
}

#homesubheading {
	font-family: Verdana, Helvetica, sans-serif;
	/* font-variant:small-caps; */
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 1.0em;
	text-align: center;
	color: black;
	margin-top: 1.8em;
	margin-bottom: 0;
	}
	
/* Pop-ups */
	
#popcontainer {
	width: 750px;
	height: 750px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 30px;
	padding: 0;
	}
#returnmessage {
	margin-left: 20px;
	margin-bottom:15px;
}

/* End pop-ups */

a {
	/* color:#55b7b1; */
	color: #3a9d97;
	text-decoration: none;
	}
	
a:hover {
	color:#33CCCC;
	text-decoration: underline;
	}

a h1 {
	border: none;
	text-decoration: none;
	}

#copyright {
	font-size: .9em;
	margin-top: 3em;
	color: #999;
	clear: both;
	}

.highlight {
	color: #d13248;
	margin-top: 3em;
	}

.highlightbrite {
	color: #e1475c;
	margin-left: 1em;
	}
		
/* SECOND LEVEL PAGE ELEMENTS */
#second h1 {
	text-indent: -9999px;
	background: url(images/logo_second.png) no-repeat;
	width: 128px;
	height: 80px;
	margin: 0 auto;
	padding: 0;
	}

#content {
	padding: 0 50px;
	}

p.samples {
	width: 750px;
	margin-left: -50px;
	text-align: center;
	}
	
#content p.intro {
	font-weight: bold;
	line-height: 1.8;
	margin-top: 2em;
}


#content p.intro-subpage {
	font-weight: bold;
	line-height: 1.8;
	margin-top: 0;
}

#content h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	/* font-variant:small-caps; */
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 2em;	
	color: black;
	border-bottom: solid 1px #33CCCC;
	margin-top: 2em;
	margin-bottom: 0;
	}

/* FIRST h2 VERSION 
#content h2 {
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 1.5em;	
	letter-spacing: 3px;
	color: black;
	border-bottom: solid 1px #33CCCC;
	margin-top: 3em;
	margin-bottom: 0
	}
*/

/* Second level navigation on image collection pages */
p.category-nav {
       text-align: center;
       }
p.category-nav a {
       padding: 0 10px;
       }
#content h2.category-head {
       margin-top: 1em;
       }
/* End second level navigation on image collection pages */

#content h3 {
	color: #000;
	font-size: 1.2em;
	margin-top: 3em;
	clear: both;
	}

.grid {
       margin-top: 2em;
       margin-bottom: 3em;
       }

.griditem {
       float: left;
       width: 150px;
       height: 150px;
       padding: 0 12px 12px 0;
       margin: 0;
       }
       
.griditem a img {
       border: 2px solid white;
       }

.griditem a:hover img {
       border: 2px solid #33cccc;
       }

ul.gridliststyle {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

ul.gridliststyle li {
	display: inline;
	padding: 0 15px 15px 0;
	margin: 0;
	height: 150px;
	width: 150px;
	}

ul.gridliststyle li img {
	border: none;
	}

.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	}

.testimonial {
	color: #277360;
	border-bottom: 1px solid #333;
	padding-bottom: 1em;
	}

.source {
	font-weight: bold;
	line-height: 1.2em;
	padding-left: 2em;
	}


.question {
	font-weight: bold;
	color: #277360;
	margin-bottom: 0;
	margin-top: 2em;
	}

.answer {
	margin-top: 0;
	}
	
img.decoration {
	float: right;
	margin-left: 12px;
	margin-bottom: 6px;
	}
	
img.floatleft {
	float: left;
	margin-right: 12px;
	margin-bottom: 6px;
	}

ul.imagesamples {
	list-style: none;
	padding: 0;
	margin-left: 0;
	}


ul.imagesamples li {
	float: left;
	height: 330px;
	margin-right: 1em;
	margin-bottom: 2em;
	padding: 0;
	vertical-align: bottom;
	display: inline;

}	

/* IMAGE COLLECTION ROLLOVER LINKS */

ul#collections {
       list-style: none;
       width: 744px;
       margin-left: -47px;
       margin-top: 24px;
       margin-bottom: 3em;
       padding: 0;
       }
       
ul#collections li {
       float: left;
       margin: 0;
       padding: 0;
       display: inline;
       }      

ul#collections li a {
       display: block;
       width: 124px;
       height: 270px;
       text-indent: -9999px;
       padding: 0;
}

ul#collections li#category-romance a {
       background: url(images/romance.jpg) top right no-repeat;
       }
ul#collections li#category-romance a:hover {
       background-position: top left;
       }

ul#collections li#category-family a {
       background: url(images/family.jpg) top right no-repeat;
       }
ul#collections li#category-family a:hover {
       background-position: top left;
       }

ul#collections li#category-ladies a {
       background: url(images/ladies.jpg) top right no-repeat;
       }
ul#collections li#category-ladies a:hover {
       background-position: top left;
       }

ul#collections li#category-gentlemen a {
       background: url(images/gentlemen.jpg) top right no-repeat;
       }
ul#collections li#category-gentlemen a:hover {
       background-position: top left;
       }

ul#collections li#category-suburbia a {
       background: url(images/suburbia.jpg) top right no-repeat;
       }
ul#collections li#category-suburbia a:hover {
       background-position: top left;
       }

ul#collections li#category-fun a {
       background: url(images/fun.jpg) top right no-repeat;
       }
ul#collections li#category-fun a:hover {
       background-position: top left;
       }
       
p.clearfloat {
       clear:both;
       padding-top: 3em;
       }
       
.clearfloat {
       clear:both;
       padding-top: 2em;
       }      
       
/* END IMAGE COLLECTION ROLLOVERS */



/* SECOND-LEVEL PAGE NAVIGATION */	
#second #nav {
	width: 750px;
	height: 25px;
	margin-top: 15px;
	padding: 0;
	border-bottom: solid 5px #000;
	}

#second #nav ul {
	list-style: none;
	width: 638px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	}
	
#second #nav ul li {
	float: left;
	margin: 0 3px;
	padding: 0;
	display: inline;
	}

#second #nav ul li a {
	display: block;
	text-indent: -9999px;
	padding: 0;
	}

#second #nav ul li#creative a {
	width: 181px;
	height: 25px;
	background: url(images/nav_creative.png) bottom left no-repeat;
}
#second #nav ul li#creative a:hover {
	background-position: top left;
}
	
#second #nav ul li#images a {
	background: url(images/nav_images.png) bottom left no-repeat;
	width: 186px;
	height: 25px;
	}
#second #nav ul li#images a:hover {
	background-position: top left;
	}


#second #nav ul li#about a {
	background: url(images/nav_about.png) bottom left no-repeat;
	width: 98px;
	height: 25px;
	}
#second #nav ul li#about a:hover {
	background-position: top left;
	}


#second #nav ul li#contact a {
	background: url(images/nav_contact.png) bottom left no-repeat;
	width: 91px;
	height: 25px;
	}
#second #nav ul li#contact a:hover {
	background-position: top left;
	}


#second #nav ul li#faq a {
	background: url(images/nav_faq.png) bottom left no-repeat;
	width: 50px;
	height: 25px;
	}
#second #nav ul li#faq a:hover {
	background-position: top left;
	}
/* END SECOND-LEVEL PAGE NAV */



/* HOME PAGE TEXT ELEMENTS */
#home h1 {
	text-indent: -9999px;
	background: url(images/logo_home.png) no-repeat;
	width: 211px;
	height: 130px;
	margin: 0 auto;
	padding: 0;
	}
	
#home p {
	text-align: center;
	line-height: 1.8;
	}
	
#home p.intro {
	padding: 10px 30px;	
	}

/* END HOME PAGE TEXT ELEMENTS */


/* HOME PAGE NAV w. ROLLOVERS */	
#home #nav {
	width: 662px;
	height: 18px;
	margin: 24px auto 13px;
	padding: 0;
}

#home #nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	}
	
#home #nav ul li {
	float: left;
	margin: 0 8px;
	padding: 0;
	display: inline;
	}

#home #nav ul li a {
	display: block;
	text-indent: -9999px;
	padding: 0;
	margin: 0;
	}

#home #nav ul li#creative a {
	width: 177px;
	height: 18px;
	background: url(images/homenav_creative.png) bottom left no-repeat;
}
#home #nav ul li#creative a:hover {
	background-position: top left;
}
#home #nav ul li#images a {
	background: url(images/homenav_images.png) bottom left no-repeat;
	width: 181px;
	height: 18px;
	}
#home #nav ul li#images a:hover {
	background-position: top left;
	}

#home #nav ul li#about a {
	background: url(images/homenav_about.png) bottom left no-repeat;
	width: 94px;
	height: 18px;
	}
#home #nav ul li#about a:hover {
	background-position: top left;
	}

#home #nav ul li#contact a {
	background: url(images/homenav_contact.png) bottom left no-repeat;
	width: 81px;
	height: 18px;
	}
#home #nav ul li#contact a:hover {
	background-position: top left;
	}


#home #nav ul li#faq a {
	background: url(images/homenav_faq.png) bottom left no-repeat;
	width: 43px;
	height: 18px;
	}
#home #nav ul li#faq a:hover {
	background-position: top left;
	}
/* END HOME PAGE NAV */
