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

Rachel Jones Flowers
racheljonesflowers.co.uk

Layout Stylesheet

Version 1.0
15-April-2009

****************************/

/* -------- Import external style sheets --------- */
@import "rjf_typography.css";


/* -------- basic reset --------- */
* { margin: 0; padding: 0; }


/* -------- Global Layout Elements --------- */

#wrapper {
	position: absolute;
	width: 780px;
	height: 590px;
	top: 50%;
	left: 50%;
	margin-top: -335px;
	margin-left: -430px;
	background-color: #ffffff;
	padding: 0;
	border: 40px solid #87985b;
}

#navMenu {
	width: auto;
	height: 36px;
	text-align: right;
}

#homeTitle {
	width: auto;
	height: 190px;
	padding-top: 50px;
	text-align: center;
}

#homeMidBar {
	width: auto;
	height: 32px;
	background-color: #87985b;
	text-align: center;
}

#homeMidContent {
	width: 337px;
	height: 262px;
	padding-top: 20px;
	padding-left: 20px;
	float: left; 
}

#smallTitle {
	width: auto;
	height: 120px;
	padding-top: 30px;
	text-align: center;
}

#bigContent {
	width: auto;
	height: 362px;
	padding: 20px; 
}


#copyright {
	position: absolute;
	width: auto;
	height: 26px;
	padding-top: 14px;
	left: 0;
}




/* -------- Sub Layout Elements --------- */

ul {
	list-style: none;
	width: auto;
	margin-right: -1px;
	float: right;
}

ul li {
	float: left;
}

li a {
	display: block;
	padding: 0 1em;
	text-decoration: none;
	background: url(../images/menuBkg.gif) repeat-y right top;
	float: left;
}

#home #rjMenu .home a,
#flowers #rjMenu .flowers a,
#press #rjMenu .press a,
#contact #rjMenu .contact a {
	color: #b4bf97;
}


#flowerList {
	width: 200px;
	height: 350px;
	margin-top: 20px;
	margin-right: 40px;
	float: left;
}

.flowerGallery {
	width: 500px;
	height: auto;
	float: left;
}

.galleryPhotoWindowLandscape {
	display: none;
	position: absolute;
	width: 456px;
	height: 332px;
	top: 225px;
	right: 43px;
	background-color: #eee;
	border: 1px solid #666;
}

.galleryPhotoWindowPortrait {
	display: none;
	position: absolute;
	width: 300px;
	height: 421px;
	top: 142px;
	right: 120px;
	background-color: #eee;
	border: 1px solid #666;
}

.galleryPhotoBar {
	width: auto;
	height: 20px;
	background-color: #ffffff;
	border-bottom: 1px solid #666;
	text-align: right;
}

.galleryThumbnail {
	width: 84px;
	height: 84px;
	float: left;
	margin: 19px;
	border: 1px solid #aaa;
	background-color: #eee;
}

.galleryPhotoWindowClose, .galleryPhotoWindowClose a {
	display: block;
	width: 20px;
	height: 20px;
	background-image: url(../images/photoWindowClose.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.galleryPhotoWindowClose a:hover {
	width: 20px;
	height: 20px;
	background-position: bottom left;
}

/* -------- Classes --------- */

.left {
	float: left;
}

.right {
	float: right;
}