/*
   screen.css
   thornlieflorist
   
   Created by Cale Woodley on 2009-02-09.
   Copyright 2009 Webfirm. All rights reserved.
*/

@import url('reset.css');

body {
  background: #c198f0 url('../images/core/body-background.png') 0 0 repeat-x;
}

.safemail {
  display: none;
}

#wrap {
  background: url('../images/core/wrap.jpg') top center no-repeat;
}

#container {
  width: 930px;
  margin: 0 auto;
}

#header {
  width: 930px;
  height: 101px;
  text-align: center;
  overflow: hidden;
  position: relative;
}

#banner_nav {
  width: 930px;
  height: 267px;
  text-align: center;
  background:#fff url(../images/core/flash/flash-bg.jpg) no-repeat 0 0;
  margin:0 0 0 -40px;
}
#banner {
  width: 930px;
  height: 267px;
  text-align: center;
  overflow: hidden;
  background:transparent url(../images/core/flash/banner-overnav.png) no-repeat 0 0;
}

#banner .pics {width: 930px; height: 267px; position: absolute; z-index: 100!important;}

#banner .pics img {top: 0; left: 0; position: absolute; background: none; z-index: 102!important;}

#content {
  width: 850px;
  margin: 0 auto;
  background: #FEFEFB url(../images/core/content-background.jpg) no-repeat 0 267px;
  font: 12px/18px Verdana, Helvetica, Arial, sans-serif;
}

/* =navigation
**********************************/
#navigation {
  width: 850px;
  height: 24px;
  font: 16px/24px "Times New Roman", Georgia, Times, serif;
  color: #000;
  text-transform: uppercase;
  margin: 0 0 30px 0;
}

#navigation ul {margin: 0 0 0 130px;}
#navigation li {float: left; display: inline; margin: 0 20px;}

#navigation a {color:#000; text-decoration: none;}
#navigation a:hover {color: #266600; text-decoration: underline;}


/* =primary
**********************************/
#primary {
  width: 575px;
  float: left;
  display: inline;
  margin: 0 50px 0 30px;
  color: #1e1c19;
  font: 12px/18px Verdana, Helvetica, Arial, sans-serif;
  padding:0 0 20px 0;
  z-index: 50;
}

.noimage {
  width:540px !important;
}

#primary h1 {
  color: #be8b00;
  font: 20px/18px "Times New Roman", Georgia, Times, serif;
}

#primary h1,
#primary h2 {	margin-bottom: 0.5em; }

#primary p { padding: 5px 0; }

#primary a {color: #7233ac; text-decoration: underline;}
#primary a:hover {text-decoration: none;}

/* =sidebar right
**********************************/
#sidebar-right {width:200px;float:left;margin:0 30px 0 0;}
.address {margin:10px 0 30px 0;}
.affiliate {margin:30px 0;text-align:center;}


/* =flowers gallery
**********************************/
body#page-flowers #primary {width: 720px; _width: 730px; /* IE 6 fixed */ }

ul#wedding li,
ul#corporate li { margin: 12px; height: 120px; }

ul.gallery { margin: 0; padding:0; }

ul.gallery li {
  float: left;
  display: inline;
  margin: 12px;
  width:120px;
	height: 185px;
  _height:190px; /* IE 6 fixed */
}

ul.gallery li p { padding: 0; }

ul.gallery-clement li {
  float: left;
  display: inline;
  margin: 10px;

}
ul.gallery-clement img {
  border: 1px solid #d4b35b;
}
ul.gallery img {
  border: 1px solid #d4b35b;
}

body#page-flowers #primary h2 {
  display: block;
  clear: both;
}
.caption {font: 9px/10px Verdana; margin: 0 0 0 0!important; text-align:center;}
.price { font-size: 1.2em; font-weight: bold; color: #7333AD; text-align:center; }

.paragraph {clear:both;padding:20px 0 0 0;}

/* =secondary
**********************************/
#secondary {
  width: 124px;
  float: left;
  display: inline;
  text-align: center;
  margin: 0 0 0 40px;
}

#secondary img {border: 1px solid #d4b35b; margin: 0 0 10px 0;}


/* =contactinfo
**********************************/
#contactinfo {
  background: url('../images/core/footer-background.png') bottom right repeat-x;
  width: 850px;
  clear: both;
  height:10px;
}

#contactinfo p#address {float: left; display: inline; padding: 75px 0 20px 40px;}
#contactinfo img {float: left; display: inline; padding: 50px 0 20px 100px; }
#contactinfo p#numbers {float: right; display: inline; padding: 75px 40px 20px 0;}

span.number-phone {background: url('../images/core/contact-phone.png') no-repeat; padding-left: 17px;}
span.number-fax {background: url('../images/core/contact-fax.png') no-repeat; padding-left: 17px;}

#contactinfo p#numbers a {background: url('../images/core/contact-email.png') no-repeat; padding-left: 17px; color: #7233ac; text-decoration: underline;}
#contactinfo p#numbers a:hover {text-decoration: none;}

/* =footer
**********************************/
#footer {
  width: 850px;
  margin: 15px auto;
  font: 11px/18px Verdana, Helvetica, Arial, sans-serif;
  color: #fff;
  text-align: center;
}

#footer a {color: #fff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}