/* Bella Blooms Design CSS Document */

/* General */

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	background:#e0efc5;
	font-size:62.8%; /* Resets 1em to 10px */
	color:#4c3327;
	line-height:2em;
	behavior: url(styles/csshover3.htc); 
}

img, div { behavior: url(styles/iepngfix.htc) }

p {
	font-size:1.4em;
}

h1 {
	font-size:2.1em;
	color: #4c3427;
	font-weight:normal;
	text-transform:uppercase;
	margin: 0 0 1em 0;
}

h2	{
	font-size:1.6em;
	color: #7ab800;
	font-weight:bold;
	margin: 1em 0 .5em 0;
}

a {
	color:#7ab800;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	color:#7ab800;
}

hr {
	background-color:#4c3427;
	border-color:#4c3427 #FFFFFF #FFFFFF;
	border-style:solid;
	border-width:1px;
}

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

#outerwrapper {
	width:100%;
	clear:both;
	background:#fff url(../images/wireframe.jpg) repeat-x center bottom;
}

#innerwrapper {
	width:100%;
	clear:both;
	background:transparent url(../images/bg.jpg) repeat-x left top;
}

#content {
	clear:both;
	margin: 0 auto;
	padding:0 20px 0 20px;
	width: 950px;
}
	

/* Header */

#header {
	display:block;
	clear:both;
	width:950px;
	height:175px;
	background:transparent url(../images/logo.png) no-repeat left top;
}

#header .tagline {
	float:right;
	width: 290px;
	padding: 0 5px 0 0;
}

#header .logo {
	float:left;
	display:block;
	width:235px;
	height:175px;
	text-indent: -10000px;
}

#header .logo a, #header .logo a:hover {
	display:block;
	width:235px;
	height:175px;
	text-indent: -10000px;
}


/* Search */

#header .search {
	float: right;
	width: 220px;
	margin: 35px 0 0 0;
	clear: right;
}

#header #searchBox
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.3em;
	width: 172px;
	height:20px;
	border-width: 0;
	color: #765d50;
	padding:2px 5px;
	margin-right:2px;
	background:transparent url(../images/search.gif) no-repeat;
}

#header #searchButton
{
	background: transparent;
	color: #4c3327;
	border-width: 0;
	font: bold 1.3em 'Arial',Times,serif;
}


/* Nav */

#nav {
	display:block;
	clear:both;
	width:950px;
	margin:0 0 10px 0;
	height:40px;
}

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

#nav ul li {
	float: left;
}

#nav ul li a {
	background:transparent url(../images/nav.gif) no-repeat;
	display: block;
	text-indent: -10000px;
	height:40px;
}

#nav ul li.gallery {
	width: 162px;
}
#nav ul li.gallery a { 
	background-position: 0 0; 
}
#nav ul li.gallery a:hover, #nav li.gallery a.active { 
	background-position: 0 -40px; 
}

#nav ul li.services {	
	width: 156px;
}

#nav ul li.services a {
	background-position: -162px 0;
}
#nav ul li.services a:hover, #nav li.services a.active { 
	background-position: -162px -40px; 
}

#nav ul li ul {
	position: absolute;
	left: -999em;
	width:158px;
	z-index:5;
	border-bottom: 1px solid #E0EFC5;
}

#nav ul li:hover ul { left:auto;}

#nav ul li ul li a {
	display: block;
	width:146px;
	font-size:1.2em;
	text-decoration: none;
	color: #4c3327;
	background: #fff;
	padding: 5px;
	border: 1px solid #E0EFC5;
	border-bottom: 0;
	text-indent: 0;
	height:auto;
}

#nav ul li ul li a:hover {
	color: #7AB800;
}

#nav ul li.about { 
	width: 160px; 
}
#nav ul li.about a {
	background-position: -318px 0;
}
#nav ul li.about a:hover, #nav li.about a.active { 
	background-position: -318px -40px; 
}

#nav ul li.blog {
	width: 145px; 
}
#nav ul li.blog a { 
	background-position: -478px 0; 
}
#nav ul li.blog a:hover, #nav li.blog a.active { 
	background-position: -478px -40px; 
}

#nav ul li.events {
	width: 158px; 
}
#nav ul li.events a { 
	background-position: -623px 0; 
}
#nav ul li.events a:hover, #nav li.events a.active { 
	background-position: -623px -40px; 
}

#nav ul li.contact {
	width: 169px; 
}
#nav ul li.contact a { 
	background-position: -781px 0; 
}
#nav ul li.contact a:hover, #nav li.contact a.active { 
	background-position: -781px -40px; 
}


/* Homepage Styles */

.homepagedescrip {
	float:right;
	width: 405px;
	padding-top:15px;
	font-size:1.6em;
	color:#765d50;
	line-height: 150%;
	margin: 5px 30px 0 20px;
}

.homepagedescrip span {
	color:#4c3327;
	font-weight:bold;
	float:right;
	padding: 0 5px 5px 0;
}

.homepagedescrip span a {
	color:#4c3327;
	font-size:87.5%;
}

.homepagedescrip span a:hover {
	color:#4c3327;
}

.homeslideshow {
	float:left;
	width:475px;
	height:230px;
	margin-left: 20px;
	margin-top:5px;
	background:transparent url(../images/slideshowbg.png) no-repeat left top;
}	

a.viewmore {
	display:block;
	vertical-align:text-bottom;
	float:right;
	margin:-14px 31px 0 0;
	height:25px;
	width:101px;
	z-index:100;
	text-indent: -10000px;
}

.subnav {
	float:right;
	width:375px;
	height:210px;
	background:transparent url(../images/subnav.png) no-repeat left top;
	padding: 39px 30px 36px 30px;
}

a.subnav-left, a:hover.subnav-left {
	display:block;
	width:185px;
	height:68px;
	float:left;
	text-indent: -10000px;
}

a.subnav-right, a:hover.subnav-right {
	display:block;
	width:190px;
	height:68px;
	float:right;
	text-indent: -10000px;
}


/* Interior Page Styles */

.interiorbg {
	width:950px;
	height:24px;
	background:transparent url(../images/interiorbg.png) no-repeat left bottom;
	margin: 0 auto;
}

.interiorbgsearch {
	width:950px;
	height:24px;
	background:transparent url(../images/interiorbgsearch.png) no-repeat left bottom;
	margin: 0 auto;
}

.interior {
	width:950px;
	background:transparent url(../images/interiormain.png) repeat-y left top;
}

.interiorsearch {
	width:853px;
	background:transparent url(../images/interiormainsearch.png) repeat-y left top;
	padding: 15px 47px 25px 50px;
}

img.bgheader {
	float:left;
}

.interiormain {
	width:623px;
	padding:15px 27px 25px 50px;
	float:left;
	display:block;
}

.interiormain ul {
	margin:0 0 18px 0;
	float:left;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
}

.interiormain li {
	float:left;
	width:290px;
	font-size:140%;
	font-weight:normal;
	background-image: url(../images/bullet.png);
	background-position: 0 3px;
	background-repeat: no-repeat;
	padding: 0 0 0 18px;
}

.interiormain ul.ul-clear li {
	float:none;
	width:370px;
}

.interiormain img {
	float:right;
	margin: 0 -7px 0 20px;
}

.interiormain img.headshots {
	float:left;
	margin: -3px 10px 0 -7px;
}

.interiorgutter {
	float:right;
	width: 250px;
	display:block;
}

.reqquote {
	width:164px;
	height: 167px;
	float: left;
}

.breadcrumbs {
	width:100%;
	display:block;
	margin:-10px 0 30px 0;
	clear:both;
	font-size:1.1em;
	border-bottom:1px solid #765d50;
}

.breadcrumbs a {
	font-weight:normal;
}


/* Callout Boxes */

.callout {
	float:left;
	color:#765d50;
	font-size:1.45em;
	padding-bottom: 13px;
}

.interiorgutter .callout {
	padding:0;
}

.callout .homecallouts {
	width:510px;
}

.callout span {
	float:left;
	color:#4c3327;
	font-weight:bold;
	padding: 0 5px 5px 0;
}

.callout a {
	color:#4c3327;
}

.callout a:hover {
	color:#4c3327;
}

.callout img {
	float:right;
	margin-top:7px;
}

.callout .contactbox {
	float:left;
	width:197px;
	padding: 67px 15px 0 18px;
	background:transparent url(../images/contacthead.png) no-repeat left top;
}

.interiorgutter .callout .contactbox {
	margin:-13px 0 0 15px;
}

.callout .contactbox span a, .callout .homecontactbox span a:hover {
	font-weight:normal;
	text-decoration:none;
	color:#765d50;
}

.callout .affiliates {
	float:left;
	width:167px;
	padding:0 15px 0 33px;
}

.callout .affiliates div {
	text-align:center;
	color:#4c3327;
	font-weight:bold;
	padding: 0;
}

.callout .affiliates img {
	float:none;
	margin:15px 0;
}

.callout .blogbox {
	float:left;
	width:240px;
	padding: 67px 20px 0 20px;
	background:transparent url(../images/bloghead.png) no-repeat left top;
}

.interiorgutter .callout .quotebox {
	padding: 10px 15px 20px 33px;
	width: 187px;
	float: left;
	line-height:160%;
}

.interiormain .callout .quotebox {
	padding: 20px 0;
	float: left;
	line-height:160%;
	width: 623px;
	border-bottom: 1px dotted #765d50;
	color:#4C3327;
}

.callout .quotebox .quote-left {
	float:left;
	margin:-2px 5px 0 0;
}

.callout .quotebox .quote-right  {
	display:inline;
	float:none;
}

.callout .quotebox span {
	padding:0;
}

.callout .quotebox .quote-left img, .callout .quotebox .quote-right img {
	float:none;
	margin:0;
}

.callout .quotebox .quote-right img {
	position:relative;
	margin-top:-10px;
	left:5px;
	bottom:-10px;
}

/* Forms */

.bidform {
	width:581px;
	padding:0 20px 15px 20px;
	clear:both;
	border:1px solid #765D50;
	background:#f2f8e7;
	margin-top: 10px;
}

.bidform form {
	width:581px;
	margin-top: 1em;
	font-size:1.4em;
	font-weight:bold;
}

.bidform input {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#765D50;
	font-size:1em;
	border:1px solid #e0efc5;
}

.bidform textarea {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	color:#765D50;
	padding:2px;
	border:1px solid #e0efc5;
}

.bidform label span {
	float: left;
	margin:5px 0 0 0;
}

.bidform label span span {
	color:#7AB800;
	margin:0;
	float:none;
}

input.name, input.company, input.phone, input.email, input.squarefootage {
	padding:2px 2px 0 2px;
	float:right;
	margin:5px 0;
}

input.name {
	width:512px;
}

input.company {
	width:492px;
}

input.phone {
	width:444px;
}

input.email {
	width:512px;
}

input.squarefootage {
	width:448px;
}

textarea.vision {
	width:575px;
	padding:2px;
	margin:5px 0;
}

input.submit {
	float:right;
	margin:4px 0;
	width:80px;
	height:24px;
	background: #4c3327 url(../images/buttonbg.gif) repeat-x left top;
	color:#fff;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
	border:none;
}


/* Gallery Page */

.gallery {
	clear:both;
}

.gallerytext {
	float:right;
	width:314px;
	background:#F2F8E7;
	border:1px solid #765D50;
	font-size:1.4em;
	padding:20px;
	margin-top:10px;
	text-align:center;
}

.gallerycontainer{
	position: relative;
	width:260px;
	margin-top:10px;
	float:left;
}

.thumbnail img{
	border: 1px solid #4c3327;
	margin: 0 10px 4px 0;
	float:none;
}

.thumbnail:hover {
	background-color: transparent;
}

.thumbnail:hover img{
	border: 1px solid #7ab800;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	left: -1000px;
	visibility: hidden;
	color: black;
	text-decoration: none;
	width:350px;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
	background-color:#FFFFFF;
	width:350px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 0px;
	left: 267px; /*position where enlarged image should offset horizontally */
	z-index: 50;
	width:350px;
}


/* Footer */

.footerbg {
	width:100%;
	background:transparent url(../images/footergrass.gif) repeat-x left top;
	height:24px;
}

#footer {
	display:block;
	clear:both;
	color:#4c3427;
	width:950px;
	padding:15px 20px;
	margin: 0 auto;
}	

#footer .footer-right {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.3em;
	text-align:right;
}

#footer .footer-left {
	float:left;
	font-size:1.1em;
	text-align:left;
}

#footer .footer-left a {
	color:#4c3327;
}

#footer .footer-left a:hover {
	color:#4c3327;
}