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


/* Set margin and padding of all elements to 0 */
*{
	margin:0;
	padding:0;
}

/* The pantone bar at the top */
#topbar{
	width:100%;
	height:44px;
	background-color:#67266d;
	float:left;
}

/* The inside of the top bar */

#topbarInside{
	width:905px;
	height:44px;
	margin:0 auto 0 auto;
}

/* The link on the left in the pantome bar */

#linkLeft{
	line-height:44px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	text-decoration:none;
	float:left;
}

#linkLeft:hover{
	line-height:44px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	text-decoration:none;
}

/* The link on the right in the pantone bar */

#linkRight{
	line-height:44px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	text-align:right;
	text-decoration:none;
	float:right;
}

#linkRight:hover{
	line-height:44px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	text-align:right;
	text-decoration:none;
}

/* The black footer at the bottom */
#footer{
	width:100%;
	height:100px;
	background-color:#000;
	float:left;
}

/* The container to center elements on the page */
#container{
	width:905px;
	margin:0 auto 0 auto;
}

/* The division that displays the logo */
#logo{
	background-image:url(../Images/logo.jpg);
	background-position:left;
	height:148px;
	width:905px;
	background-repeat:no-repeat;
	float:left;
}

/* The horizontal navigation bar */

#ulNavigation{
	height:80px;
	width:100%;
	background-image:url(../Images/navigationBackground.jpg);
	background-repeat:repeat-x;
	text-align:right;
	float:left;
}

/* The horizontal navigation bar items */

.liNavigation{
	list-style:none;
	display:inline;
}

/* The fading in sub menu */

#ulSubMenu{
	height:42px;
	width:100%;
	background-color:#67266d;
	text-align:right;
	float:left;
	margin-top:5px;
	display:none;
}

.liSubMenu{
	list-style:none;
	display:inline;
}

/* Horizontal navigation bar links */
.aNavigation{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#000;
	list-style:none;
	line-height:32px;
	margin:5px 0px 5px 0px;
	text-decoration:none;
	height:32px;
	display:inline-block;
	padding:0px 10px 0px 10px;
}

/* When mouse is over */
.aNavigation:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	background-color:#000;
	list-style:none;
	line-height:32px;
	height:32px;
	margin:5px 0px 5px 0px;
	text-decoration:none;
	display:inline-block;
	padding:0px 10px 0px 10px;
}

/* Horizontal sub menu bar links */
.aSubMenu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	list-style:none;
	line-height:42px;
	display:inline-block;
	height:42px;
	text-decoration:none;
	display:inline-block;
	padding:0px 10px 0px 10px;
}

/* When mouse is over */
.aSubMenu:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	background-color:#FFF;
	color:#000;
	list-style:none;
	line-height:42px;
	height:42px;
	text-decoration:none;
	display:inline-block;
	padding:0px 10px 0px 10px;
}

/* The last link on the horizontal navigation bar on the right */
.last{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#000;
	list-style:none;
	line-height:32px;
	display:inline;
	margin:5px 0px 5px 0px;
	text-decoration:none;
	height:32px;
	display:inline-block;
	padding:0px 0px 0px 10px;
}

/* When mouse is over */
.last:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	background-color:#000;
	list-style:none;
	line-height:32px;
	height:32px;
	margin:5px 0px 5px 0px;
	text-decoration:none;
	display:inline-block;
	padding:0px 0px 0px 10px;
}

/* The div that contains the slideshow in the middle */

#slideShow{
	height:433px;
	width:889px;
	border:8px solid #a189b5;
	background-color:#000;
	float:left;
	margin:15px 0px;
}

/* The links in the black footer */

.footerLinks{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
	padding:0px 10px 0px 10px;
	border-left:1px solid #FFF;
	display:inline-block;
	text-decoration:none;
	font-weight:normal;
	height:25px;
	line-height:25px;
	margin:10px 0px 10px 0px;
}

.footerLinks:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
	padding:0px 10px 0px 10px;
	border-left:1px solid #FFF;
	display:inline-block;
	text-decoration:none;
	font-weight:normal;
	height:25px;
	line-height:25px;
	margin:10px 0px 10px 0px;
}

/* Inside of the footer */

#footerInside{
	width:905px;
	margin:0 auto 0 auto;
	height:100px;
}

#address{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:italic;
	color:#FFF;
	margin:18px 0px 18px 0px;
}

/* The copyright information at the bottom of the page */

#copyRight{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#FFF;
	width:100%;
	margin:18px 0px 18px 0px;
	text-align:center;
}

/* The section on the left */

.sectionLeft{
	width:446px;
	margin-left:0;
	float:left;
	position:relative;
	height:320px;
}

/* The section on the right */

.sectionRight{
	width:446px;
	float:right;
	position:relative;
	height:320px;
}

.coversLeft{
	width:446px;
	margin-left:0;
	float:left;
	position:relative;
	height:320px;
}

/* The section on the right */

.coversRight{
	width:446px;
	float:right;
	position:relative;
	height:320px;
}

.coversRight .sectionTop{
	margin:0px 0px 32px 0px;
}

.sizesLeft{
	width:446px;
	margin-left:0;
	float:left;
	position:relative;
	height:270px;
}

/* The section on the right */

.sizesRight{
	width:446px;
	float:right;
	position:relative;
	height:270px;
}

.sizesRight .sectionTop{
	margin:0px 0px 32px 0px;
}

.aboutusLeft{
	width:446px;
	margin-left:0;
	float:left;
	position:relative;
	height:320px;
}

/* The section on the right */

.aboutusRight{
	width:446px;
	float:right;
	position:relative;
	height:320px;
}

.aboutusRight .sectionTop{
	margin:0px 0px 32px 0px;
}

.materialLeft{
	width:446px;
	margin-left:0;
	float:left;
	position:relative;
	height:450px;
}

/* The section on the right */

.materialRight{
	width:446px;
	float:right;
	position:relative;
	height:420px;
}

.materialRight .sectionTop{
	margin:0px 0px 32px 0px;
}

.sectionLarge{
	width:905px;
	float:left;
	position:relative;
	height:275px;
}

.sectionMid{
	width:446px;
	margin:0px 229.5px 0px 229.5px;
	float:left;
	position:relative;
}

.size{
	width:905px;
	margin:0px 229.5px 0px 229.5px;
	float:left;
	position:relative;
	height:420px;
}

.cover{
	width:446px;
	margin:0px 229.5px 0px 229.5px;
	float:left;
	position:relative;
	height:475px;
}

.type{
	width:905px;
	float:left;
	position:relative;
	height:500px;
}

.galleryContainer{
	width:905px;
	float:left;
	position:relative;
}

.accessories{
	width:905px;
	float:left;
	position:relative;
	height:400px;
}


/* The top lining for the sections */

.sectionTop{
	width:446px;
	height:20px;
	background-image:url(../Images/sectionTop.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	background-color:#FFF;
	float:left;
}

/* The heading of the sections */

.sectionHeading{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:24px;
	color:#000;
	width:100%;
	text-align:center;
	line-height:30px;
	float:left;
}

/* The paragraph text in the sections */

.sectionText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	width:100%;
	text-align:justify;
	line-height:22px;
	letter-spacing:.02em;
	margin-bottom:10px;
}

.quote{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	width:100%;
	text-align:center;
	line-height:22px;
	letter-spacing:.02em;
	margin-bottom:10px;
}

.inlineLink{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:center;
	line-height:22px;
	letter-spacing:.02em;
	margin-bottom:10px;
	color:#603;
	font-weight:bold;
	text-decoration:none;
}

/* The bottom lining for the sections */

.sectionBottom{
	width:446px;
	height:20px;
	background-image:url(../Images/sectionBottom.jpg);
	background-position:center right;
	background-repeat:no-repeat;
	background-color:#FFF;
	float:right;
	position:absolute;
	bottom:0px;
	right:0;
}

.separator{
	width:100%;
	float:left;
}

.smallSection{
	width:290px;
	float:left;
	height:440px;
	position:relative;
}

/* The section in the middle of the small sections on the photobooks page */

.midSmallSection{
	width:290px;
	float:left;
	margin:0px 17.5px 0px 17.5px;
	position:relative;
	height:440px;
}

.smallSectionTop{
	width:290px;
	height:20px;
	background-image:url(../Images/smallSectionTop.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	
}

/*  The lining at the bottom of small sections */

.smallSectionBottom{
	width:290px;
	height:20px;
	background-image:url(../Images/smallSectionBottom.jpg);
	background-repeat:no-repeat;
	background-position:center right;
	position:absolute;
	bottom:0;
}

.imgFormatted{
	padding:0px;
	border:3px solid #a189b5;
	margin:10px 0px 10px 0px;
}

.types,li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	width:100%;
	text-align:justify;
	line-height:22px;
	letter-spacing:.02em;
	text-indent:15px;
	list-style:inside;
	margin:10px 0px;
}

.heading{
	font-weight:bold;
	font-style:italic;
	margin:10px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	letter-spacing:.02em;
	color:#a189b5;
}

/* The read more links at the bottom of the small sections */

.section{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:right;
	display:block;
	text-align:right;
	line-height:22px;
	letter-spacing:.02em;
	text-decoration:none;
	font-weight:bold;
	color:#a189b5;
	bottom:20px;
	position:absolute;
	width:100%;
}

.section:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:right;
	display:block;
	text-align:right;
	line-height:22px;
	letter-spacing:.02em;
	text-decoration:none;
	font-weight:bold;
	color:#67266d;
	bottom:20px;
	position:absolute;
	width:100%;
}

/* jQuery lightBox plugin - Gallery style */
	
#gallery {
	width: 885px;
	padding:10px;
	float:left;
	margin-left:80px;
}

#gallery ul { 
	list-style: none; 
}

#gallery ul li { 
	display: inline; 
}

#gallery ul img {
	border:3px solid #67266d;
	padding:0px;
	margin:10px;
}

#gallery ul a:hover img{
	border:3px solid #a189b5;	
}

#gallery ul a:hover{ 
	color: #fff; 
}