@import url('../../default/css/screen.css');

body {
	font:62.5% Arial;
}

div#pageWrapper { width:1024px; margin:auto; }

div#outerWrapper { 
	
	background:#fff url('../images/common/pageRepeat.png') center top repeat-y;
	text-align:center;
}

div.pageCap {
	height:22px; 
	background:#fff url('../images/common/pageCap.png') center top no-repeat;
	
}

div.pageBase {
	height:27px;
	background:#fff url('../images/common/pageBase.png') center top no-repeat;
	
}

div#pageContent {
	text-align:left; position:relative;
	background:transparent url('../images/common/paperBG.png') center top repeat-y;
	min-height:535px; width:592px; margin:auto; padding:20px 45px 5px;
	
}

ul#mainNav {
	background:transparent url('../images/common/navBar.png') center top no-repeat;
	height:35px; margin:0 auto; padding:0 33px 0 37px;
	width:612px; list-style:none;
}

ul#mainNav li {
	float:left; font-size:1.2em;
	padding:5px 17px 8px 13px;
	background:transparent url('../images/common/navSpacer.png') right center no-repeat;
	
}

ul#mainNav li.last, ul#textNav li.last {
	background:none; 
}

ul#mainNav a:link, ul#mainNav a:visited {
	color:#fff; font:normal 14px Tahoma, Arial, sans-serif;
	text-decoration:none;
}

ul#mainNav li.on a:link, ul#mainNav li.on a:visited { color:#9c9; }


ul#textNav { list-style:none; padding:0; margin:0 0 0 24px; height:20px;}
ul#textNav li { text-transform:uppercase; float:left; padding:7px 11px 6px 9px; font-size:1em;
		background:url('../images/common/textNavSpacer.gif') right center no-repeat; }
		
ul#textNav a:link, ul#textNav a:visited { color:#333; text-decoration:none; font-weight:bold; }
ul#textNav li.on a:link,ul#textNav li.on a:visited { color:#996;}

div#footer p { clear:both; text-align:center; font: bold 1.1em Arial; color:#363;}
div#footer p span { padding:0 30px; margin: 10px 0; }
div#footer p a:link,div#footer p a:visited { color:#363; text-decoration:none;}


hr { border:none; border-bottom:1px #bba47d solid;}

/* Typography */

h1 {
	font:43px "Rage Italic LET";
	color:#030;
}

/* Page Specific - Home */

body#homepage div#innerWrapper {
	width:980px; margin:0 26px 0 18px; padding:15px 0;
	background:#fff url('../images/home/bgFlowers.jpg') center top no-repeat;	
}

img#jane,img#whiteRose,img#petals, body#homepage div#theContent { position:absolute; }

img#jane { top:225px; left:30px; z-index:100;}
img#whiteRose { right:-20px; top: 10px; }
img#petals { top:110px; left:150px; z-index:150; }

body#homepage div#theContent { top: 265px; right:35px; width:330px; }
body#homepage div#theContent h2 { font:bold 1.6em Arial; color:#c06; }
div#theContent p { font:normal 1.3em Arial; color:#2d402b; }

p a:link, p a:visited { color:#c06; }

/* Gifts Page */

body#gifts div#innerWrapper {
	background:#fff url('../images/gifts/flowerBG.jpg') center top no-repeat;
	width:980px; margin:0 26px 0 18px; padding-top:15px;
}

body#gifts div#pageContent {
	text-align:left; position:relative;
	min-height:535px; width:592px; margin:auto; padding:20px 45px 5px;
}

img#topImage { position:absolute; right:-10px; top:0; }

body#gifts h1, body#businessServices h1, body#events h1 { margin-top:80px;}
hr.top { margin:-72px 0 20px;}

/* Business Services */

body#businessServices div#innerWrapper {
	background:#fff url('../images/business/flowerBG.jpg') center top no-repeat;
	width:980px; margin:0 26px 0 18px; padding-top:15px;
}

body#businessServices div#theContent div {
	background:transparent url('../images/business/divBG.png') right top no-repeat;
	padding:5px 20px 35px;	position:relative;
	min-height:170px;
}


body#businessServices div#theContent div.imgLeft {padding-left:170px;}
body#businessServices div#theContent div.imgRight {padding-right:170px;}

body#businessServices div#theContent div.imgRight img { top:-10px; }

body#businessServices div#theContent h2 {
	font: bold 1.7em "Arial Narrow";
	color:#693;
}

body#businessServices div#theContent div img { position:absolute; }

img#stockSpray { left:-20px; top:-10px; }
img#sunflower { right:-20px; }
img#oasis { right:20px; top:40px !important; }
img#candle { left:-10px; top:-10px;}

/* Contact Page */

body#contact div#innerWrapper {
	background:#fff url('../images/contact/pageBG.jpg') center top no-repeat;
	width:980px; margin:0 26px 0 18px; padding-top:15px;
}

body#contact div#pageContent {
	text-align:left; position:relative;
	min-height:535px; width:592px; margin:auto; padding:20px 45px 5px;
}

img#topImage { position:absolute; right:-10px; top:0; }

body#contact h1, body#gallery h1, body#ourFlowers h1 { margin-top:80px;}

div#address { 
	background: transparent url('../images/contact/addrBG.png') center top no-repeat;
	width:592px; height:240px;
}

div#address img { position:absolute; left:20px; } 
div#address p { display:none; }

div#openingHours {
	background:transparent url('../images/contact/openingHoursBG.jpg');
	width:435px; height:268px; margin:20px 0 30px; padding:15px 0 15px 150px;
	position:relative;
}
	
div#openingHours img { position:absolute; right:-15px; top:10px; }

div#openingHours h2 {
	font:normal 36px "Rage Italic LET";
	color:#fff; margin:0; height:40px;
}

div#openingHours p { margin-top:0; }

/* Events */

body#events div#innerWrapper {
	background:#fff url('../images/events/pageBG.jpg') center top no-repeat;
	width:980px; margin:0 26px 0 18px; padding-top:15px;
}

body#events div#greenBox {
	background:transparent url('../images/events/greenBox.png') center top no-repeat;
	padding:15px; width:567px; height:174px;
	margin:20px 0 30px;
}

div#greenBox h2 {
	font:normal 36px "Rage Italic LET";
	color:#fff; margin:0; 
}

div#greenBox ul { padding:0; margin:0; list-style:none; overflow:hidden;}
div#greenBox ul li { width:280px; float:left; font:normal 14px Arial; padding:4px 0;}

body#events ul#eventServices {
	background:transparent url('../images/events/petals.png') left top no-repeat;
	list-style:none;
	margin-left:40px;
}

body#events ul#eventServices li {
	font:13px Arial; color:#063; padding:4px 0 3px;
}

div#eventSlideshowHolder { text-align:center; width:589px; padding:0 4px; position:relative;}
div#eventSlideshowHolder img#prevImage { position:absolute; left:-35px; top:170px;}
div#eventSlideshowHolder img#nextImage { position:absolute; right:-35px; top:170px;}

div#eventSlideshowHolder img#prevImage:hover, div#eventSlideshowHolder img#nextImage:hover { cursor:pointer; cursor:hand; }

/* Gallery */

body#gallery div#innerWrapper {
	background:transparent url('../images/gallery/pageBG.jpg') center top no-repeat;
	width:980px margin:0 26px 0 18px;
 	padding-top:15px;
}

/* Our Flowers */


body#ourFlowers div#innerWrapper {
	background:transparent url('../images/flowers/pageBG.jpg') center top no-repeat;
	width:980px margin:0 30px 0 10px;
 	padding:15px 0;
}

body#ourFlowers h2 { font:bold 14px Arial; color:#c06; margin-bottom:0;}
body#ourFlowers p { margin-top:0; }

body#ourFlowers h3 { font:bold 13px Arial; color:#2d402b; margin-bottom:0;}

ul#catNav {
	padding:0; margin:0;
	list-style:none;
}

ul#catNav li {
	width:130px; float:left;
	height:152px; padding:11px; margin-left:-4px;
	background:transparent url('../images/flowers/catBG.png') center top no-repeat;
}

ul#catNav li h3 { margin:0; font-size:15px; font-family:"Arial Narrow", Arial;}
ul#catNav li h3 a:link, ul#catNav li h3 a:visited { color:#693; text-decoration:none; }

ul#catNav li p { margin:0;}
ul#catNav li p a:link, ul#catNav li p a:visited { color:#063; }

/* Category Pages */

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

ul.category li { clear:left; }

ul.category li a.img { background:transparent url('../images/gallery/galleryBG.png') top center; padding:10px; display:block; width:130px; height:102px; float:left;}

ul.category li div { float:left; }

ul.category li p { width:400px; padding:0 10px; font:normal 13px Arial; color:#2d402b;}

body#ourFlowers ul.category h2 { font:bold 16px "Arial Narrow"; color:#693; margin:0; padding:10px 10px 0;}
ul.category li p strong { font:bold 13px Arial; color:#c06;}

/* Bridal Faux-Category */

body#ourFlowers.bridal div#innerWrapper
{
	background:transparent url('../images/flowers/bridalBG.jpg') center top no-repeat;
	width:980px margin:0 30px 0 10px;
 	padding:15px 0;
}

body#ourFlowers.bridal div.bridalService { float:left; width:125px; height:140px; padding-right:20px; position:relative; margin-bottom:20px; }
body#ourFlowers.bridal div.bridalService p { font-size:10px; }
body#ourFlowers.bridal div.bridalService strong { font: bold 12px Arial; color:#c06; position:absolute; bottom:0;}

body#ourFlowers.bridal div.bridalService h3 { font:bold 14px "Arial Narrow"; color:#693; }

p.backLink a:link,p.backLink a:visited { color:#2d402b; text-decoration:none;}
p.backLink a strong { color:#c06; }