@charset "utf-8";

/* ----------------------------------------------------------
	Stylesheet for Best Event Rental 
	Date: 11/17/2009
	Author: Blue Banana Designs
	Contact: updates@bluebanana.net
----------------------------------------------------------- */

/* NORMALIZE ELEMENTS
*******************************/
/* Normalize margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, a, blockquote, th
{ margin: 0; padding: 0; }

/* Normalize font-size for headers */
h1, h2, h3, h4, h5, h6 
{ font-size: 100%; }

/* Normalize font-style and font-weight */
address, caption, cite, code, dfn, var 
{ font-style: normal; font-weight: normal; }

/* Normalize tables */
table 
{ border-collapse: collapse; border-spacing: 0; }

/* Remove border from fieldset and img */
fieldset, img 
{ border: 0; }

/* Left-align text in caption and th */
caption, th 
{ text-align: left; }

a img, img a 
{ border:none; }


/* COLOR PALETTE
*******************************/
/*
Violet 	#775A75 
Yellow 	#E7C000 
Green		#319C59
Orange 	#DA7432 
Red		#C3482D
Blue		#007B90
*/

/* BODY ELEMENT
*************************************/
body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:100%;
line-height:120%;
background-image:url(../assets/images/global/bgd-body.gif);
background-position:0px 0px;
background-repeat:repeat-x;
background-color:#58a230;	
color:#000;
margin:0 auto;
text-align:center;
}


/*	PAGE LAYOUT
****************************************/
#page-wrapper {
width:790px;
margin:0 auto;
text-align:left;
position:relative;
background-color:#fff;
color:#000;
}

/* ----- Branding ----- */
#masthead {
width:790px;
height:104px;
margin:0 auto;
background-image: url(../assets/images/global/bgd-body.gif);
background-position: top center;
background-repeat: repeat-x;
}
#masthead h1 a {
	width:177px;
	height:65px;
	display:block;
	float:left;
}
#masthead h1 a img#logo {
	border:none;
	margin-left:15px;
}

#masthead p#online-ordering-btn {
	margin:0;
	padding:0;
}
#masthead p#online-ordering-btn a,
#masthead p#online-ordering-btn a:link,
#masthead p#online-ordering-btn a:visited {
position:absolute;
	top:27px;
	right:0px;
	width:146px;
	height:65px;
	margin:0;
	padding:0;
	background-image: url(../assets/images/global/online-ordering-btn-up.png);
	background-position: center right;
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#masthead p#online-ordering-btn a:hover {
	/*background-image: url(../assets/images/global/online-ordering-btn-ovr.png);*/
}


#content-wrapper {
width:790px;
background-color:#fff;
	color:#000;
	text-align:left;
}
#main-column {
	float:right;
	width:585px;
	margin-bottom:20px;
}
#content {
padding:0px 30px 30px 20px;
margin-top:30px;
border-left:1px solid #e7c100;
background-color:#fff;
color:#000;
}
#page-title {
padding-bottom:1em;
}
#navs-main {
width:775px;
position:absolute;
top:79px;
left:15px;
z-index:10;
}

#navs-main {
width:775px;
position:absolute;
top:79px;
left:15px;
z-index:10;
}

#navs-secondary  {
float:left;
margin-top:30px;
padding-bottom:20px;
width:185px;
}
#navs-ancillary {
text-align:right;
position:absolute;
top:2px;
right:0px;
}
#footer {
clear:both;
padding: 30px;

}


/* NAVIGATION
****************************************/
/* ----- Main ----- */
#navs-main {
	margin:0;
	padding:0;
}
#navs-main ul {
margin:0;
	padding:0;
text-align:left;
}
#navs-main ul li {
margin:0;
	padding:0;
float:left;
	list-style:none;
	display: inline;
}
#navs-main ul li a {
	height: 29px;
	background-position:top left;
	background-repeat:no-repeat;
	background-color:transparent;
	padding:0;
	margin:0;
	display:block;
	text-indent: -99999px;
	overflow:hidden;
}
#navs-main ul li#nav-home a {
	width:36px;
}
#navs-main ul li#nav-products a {
	width:59px;
}
#navs-main ul li#nav-services a {
	width:56px;
}
#navs-main ul li#nav-whatsNew a {
	width:81px;
}
#navs-main ul li#nav-infoAndIdeas a {
	width:75px;
}
#navs-main ul li#nav-photoGallery a {
	width:85px;
}
#navs-main ul li#nav-linenSwatchBook a {
	width:118px;
}
#navs-main ul li#nav-testimonials a {
	width:81px;
}

/* Normal State */
/* Image is on the <li> to prevent an initial blink on the first hover when the page first loads. Therefore, there is no need to make a redundant call to the server, by placing the normal state image on the <a> tag, as well. */
#navs-main ul li#nav-home {
	background-image: url(../assets/images/navs/home.gif);
}
#navs-main ul li#nav-products {
	background-image: url(../assets/images/navs/products.gif);
}
#navs-main ul li#nav-services {
	background-image: url(../assets/images/navs/services.gif);
}
#navs-main ul li#nav-whatsNew {
	background-image: url(../assets/images/navs/whatsNew.gif);
}
#navs-main ul li#nav-infoAndIdeas {
	background-image: url(../assets/images/navs/infoAndIdeas.gif);
}
#navs-main ul li#nav-photoGallery {
	background-image: url(../assets/images/navs/photoGallery.gif);
}
#navs-main ul li#nav-linenSwatchBook {
	background-image: url(../assets/images/navs/linenSwatchBook.gif);
}
#navs-main ul li#nav-testimonials {
	background-image: url(../assets/images/navs/testimonials.gif);
}

/* Over State */
#navs-main ul li#nav-home a:hover {
	background-image: url(../assets/images/navs/home_ovr.gif);
}
#navs-main ul li#nav-products a:hover {
	background-image: url(../assets/images/navs/products_ovr.gif);
}
#navs-main ul li#nav-services a:hover {
	background-image: url(../assets/images/navs/services_ovr.gif);
}
#navs-main ul li#nav-whatsNew a:hover {
	background-image: url(../assets/images/navs/whatsNew_ovr.gif);
}
#navs-main ul li#nav-infoAndIdeas a:hover {
	background-image: url(../assets/images/navs/infoAndIdeas_ovr.gif);
}
#navs-main ul li#nav-photoGallery a:hover {
	background-image: url(../assets/images/navs/photoGallery_ovr.gif);
}
#navs-main ul li#nav-linenSwatchBook a:hover {
	background-image: url(../assets/images/navs/linenSwatchBook_ovr.gif);
}
#navs-main ul li#nav-testimonials a:hover {
	background-image: url(../assets/images/navs/testimonials_ovr.gif);
}

/* Selected State */
body#home #navs-main ul li#nav-home a,
body#home #navs-main ul li#home a:hover {
	background-image: url(../assets/images/navs/home_up.gif);
}
body#products #navs-main ul li#nav-products a,
body#products  #navs-main ul li#products a:hover {
	background-image: url(../assets/images/navs/products_up.gif);
}
body#services #navs-main ul li#nav-services a,
body#services #navs-main ul li#nav-services a:hover {
	background-image: url(../assets/images/navs/services_up.gif);
}
body#whatsNew #navs-main ul li#nav-whatsNew a,
body#whatsNew #navs-main ul li#nav-whatsNew a:hover {
	background-image: url(../assets/images/navs/whatsNew_up.gif);
}
body#infoAndIdeas #navs-main ul li#nav-infoAndIdeas a,
body#infoAndIdeas #navs-main ul li#nav-infoAndIdeas a:hover {
	background-image: url(../assets/images/navs/infoAndIdeas_up.gif);
}
body#photoGallery #navs-main ul li#nav-photoGallery a,
body#photoGallery #navs-main ul li#nav-photoGallery a:hover {
	background-image: url(../assets/images/navs/photoGallery_up.gif);
}
body#forSaleAndOnSale #navs-main ul li#nav-linenSwatchBook a,
body#forSaleAndOnSale #navs-main ul li#nav-linenSwatchBook a:hover {
	background-image: url(../assets/images/navs/linenSwatchBook_up.gif);
}
body#testimonials #navs-main ul li#nav-testimonials a,
body#testimonials #navs-main ul li#nav-testimonials a:hover {
	background-image: url(../assets/images/navs/testimonials_up.gif);
}

/* ----- Secondary ----- */

/* Level 2 */
#navs-secondary ul {

margin:0;
}
#navs-secondary ul li {
list-style:none;
/* font-weight:bold; */
display: inline; /* KLUDGE: IE6 - removes extra space at bottom of list item */
}
#navs-secondary ul li a,
#navs-secondary ul li a:link,
#navs-secondary ul li a:visited {
	display:block;
	color:#000;
	background-color:#fff;
	text-decoration: none;
	padding:3px 5px 3px 10px;
	height:100%;
	margin:0;
	font-size:.9em;
	line-height:1em;
	border-top:1px solid #ccc;
}
#navs-secondary ul li a:hover {
color:#000;
	background-color:#D7EBC8;
}
#navs-secondary ul li a.last-nav {
	border-bottom:1px solid #ccc;
}
#navs-secondary ul li a.selected-nav {
	background-image: url(../assets/images/navs/selectedGlyph_L2.gif);
background-position: left center;
background-repeat:no-repeat;
}

/* Level 3 */
#navs-secondary ul li ul {
margin-bottom:1em;
}
#navs-secondary ul li ul li a,
#navs-secondary ul li ul li a:link,
#navs-secondary ul li ul li a:visited {
font-weight:normal;
	padding-left:20px;
}
#navs-secondary ul ul li a:hover {
color:#000;
	background-color:#EBF6E4;
}
#navs-secondary ul ul li a.selected-nav {
	background-image: url(../assets/images/navs/selectedGlyph_L3.gif);
background-position: 10px center;
background-repeat:no-repeat;
}

/* -- Link to Printer-friendly page -- */
#navs-secondary ul li.link-to-printer-friendly-page a,
#navs-secondary ul li.link-to-printer-friendly-page a:link,
#navs-secondary ul li.link-to-printer-friendly-page a:visited {
	background-image: url(../assets/images/global/printer-friendly-icon.gif);
background-position: 6px center;
background-repeat:no-repeat;
}


/* ----- Ancillary ----- */
#navs-ancillary {
	margin:0;
	padding:0;
}
#navs-ancillary ul {
	margin:0;
	padding:0;
}
#navs-ancillary ul li {
list-style:none;
display:inline;
padding-left:.5em;
font-size: .8em;
font-family: Arial, Helvetica, sans-serif;
}
#navs-ancillary ul li a {
text-decoration:none;
}
#navs-ancillary ul li a,
#navs-ancillary ul li a:link,
#navs-ancillary ul li a:visited,
#navs-ancillary ul li a:hover {
color:#3f7180;
background:#fff;
}
#navs-ancillary ul li a:hover {
text-decoration:underline;
}



/* TYPOGRAPHY 
*******************************/
/* 
Some font sizes are based on the typical browser default size of 16px.
Formula: target pixel size divided by browser default size = em size 
Example: 13px / 16px = .8125em

Others are determined by visual comparison.
*/

h1 { /* Reserved for branding (See Masthead for declarations) */ }
h2 {
font-family: Georgia, "Times New Roman", "Times NR", serif;
font-size:1.875em; /* 30/16=1.875em */
font-weight:normal;
line-height:1em;
margin-bottom:.1em;
color:#007b90;
background:#fff;
}

h3 {
font-family: Georgia, "Times New Roman", "Times NR", serif;
font-size:1.75em;/* 28/16=1.75 */
font-weight:normal;
line-height:1em;	
color:#319c59;
	background:#fff;	
}
h4 {
font-family: "trebuchet ms", arial,helvetica,sans-serif;
font-size: 1.5em;/* 24/16=1.5em */
font-weight:normal;
line-height:1em;
margin:1.5em 0 .7em;
color:#da7432;
background:#fff;
}
h5 {
font-family:"trebuchet ms", arial,helvetica,sans-serif;
font-size: 1.3em;
font-weight:normal;
line-height:1em;
margin: 1.5em 0 .875em;
color:#319c59;
background:#fff;
}
h6 {
font-family:"trebuchet ms", arial,helvetica,sans-serif;
font-size: 1.1em;
font-weight:normal;
line-height:1em;
margin: 1.5em 0 .875em;
color:#333;
background:#fff;
}
p, ul, ol, dl, blockquote, pre, table, code {
	font-size:.875em;	/* 14/16=.875 */
}
p {
	margin:1em 0; 	
}
p.first-paragraph:first-letter {
	float: left;
	font-size: 5em;
	line-height: normal;
	color: #da7432;
	background-color: #fff;
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	padding: 0;
	margin: .05em .1em 0 0;
}
div.pull-quote {
	width:225px;
	color:#cb5600;
	background:#fff;
}
div.pull-quote p {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size:1.5em;
	line-height: 1.6em;
	color:#da7432;
	background:#fff;
}
div.pull-quote p.quotee {
text-align: right;
	font-size:1.2em;
	line-height: 120%;
}
blockquote {
	margin: 1em 1em 2em 1em;
}
blockquote p
{
	font-size:1em; /* Prevents compounding reduction due to inheritance */
}
blockquote p.author {
	text-align:right;
}
ul {
	margin:1em 0 1em 2em;
}
ol {
	margin:1em 0 1em 2.5em;
}
li {
	margin:.5em 0;
}
dl {
	margin:1em 0 1em 1em;
}
dt {
	font-weight:bold;
	margin: 1em 0 .5em 0;
}
dd {
	margin:0em 0 .5em 1em;
}
dd.link-to-top-dd  {
	text-align: right;
}
dl.horizontal-list dt,
dl.horizontal-list dd {
	margin:0;
	padding:0;
}
dl.horizontal-list dt {
	float:left;
}
dl.horizontal-list dd {
	text-indent:.5em;
	padding-bottom:.5em;
}
ul ul,
ul ul ul,
ul dl,
ul p,
ul ol,
ol ol,
ol ol ol,
ol dl,
ol p,
ol ul,
dl dl,
dl dl dl,
dl ol,
dl ul,
dl p,
dl dl ol,
dl dl ul,
dl ol p,
dl ul p
{
	font-size:1em; /* Prevents compounding reduction due to inheritance */
}
a {
	color:#007b90;
/*	background:#fff;  */
}
a:link {
	color:#007b90;
/*	background:#fff;  */
}
a:visited {
	color:#775a75;
/*	background:#fff;  */
}
a:hover {
	color:#007b90;
/*	background:#fff;  */
	text-decoration:none;
}
a:active {
	color:#000;
/*	background:#fff;  */
}

/* used to move back to the top of the page */
a.link-to-top {
text-align:right;
font-weight:bold;
	font-size:1.5em;
	color:#fff;
	background-color:#da7432;
	text-decoration:none;
	padding:.3em .5em .3em;
	margin:0;
	line-height:1.5em;
	border:1px solid #ccc;
}
a.link-to-top:link {
	color:#fff;
	background-color:#da7432;
	
}
a.link-to-top:visited {
	color:#fff;
	background-color:#da7432;
}
a.link-to-top:hover {
	color:#fff;
	background-color:#58a230;
}
a.link-to-top:active {
	color:#fff;
	background-color:#da7432;
}

.link-w-glyph {
	padding-left:15px;
	background-image:url(../assets/images/global/link-glyph.gif);
	background-position: left center;
	background-repeat: no-repeat;

}
.return-link-w-glyph {
	padding-left:15px;
	background-image:url(../assets/images/global/return-link-glyph.gif);
	background-position: left center;
	background-repeat: no-repeat;

}


pre, code {
	font-family: monospace;
	font-size: inherit;
	line-height: normal;
}
p code, span code  {
font-family: monospace;
	font-size:1.3em;
	line-height: normal;
}
small {
	font-size: .7em;
}
sup {
	vertical-align:text-top;
	font-size:.7em;
	padding-left:.2em;
}
.error,
.attention,
.required {
	color:#f00;
	background:#fff;
	font-weight:bold;
}

hr {
	height:1px;
	border-top:none;
	border-right:none;
	border-bottom:1px solid #319c59;
	border-left:none;
}

/* FORMS
*********************************************************/
form {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:#fff;
	color:#000;
}

fieldset {
	border:1px solid #ccc;
	margin:20px 0;
	padding:0 2em 2em;
	background:#fff;
	color:#000;
}
legend {
font-size:.875em;
	padding:.2em 1em;
	font-weight:bold;
	background:#319c59;
	color:#fff;
}
fieldset fieldset legend {
	background:white;
	color: #666;
}
textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
}
form h4 {
padding-top:0;
margin-top:0;
	background-color:#fff;
	color:#319c59;
}
form label {
	font-weight:bold;
}
form table td {
padding:5px;
vertical-align:top;
}
form table td.col_1 {
text-align:right;
}
form tr.new-group td {
	border-top:1px solid #ccc;
	padding-top:10px;
}

form ul {
	margin:0 0 8px 0px;
	padding:0;
}
form ul li {
	list-style: none;
}

/* TABLES
*****************************************/
table {
	margin:1em 0;
}
th {
	padding:5px;
	vertical-align:bottom;
	border-bottom:1px solid #000;
}

/* ----- Product List ----- */
table.product-list td.category-first  {
	border-bottom:2px solid #c3482d;
	padding-top: 0em;
}
table.product-list td.category  {
	border-bottom:2px solid #c3482d;
	padding-top: 4em;
}
table.product-list td.item {
	width:35%;
}
table.product-list td.description {

}
table.product-list td.price {
	text-align: right;
	width:12%;
}

/* ----- Resources and Links ----- */
table.resources-table {
	width:100%;
}
table.resources-table th {
	color: #58a230;
	background-color:#fff;
}
table.resources-table th,
table.resources-table td {
	padding: .5em .5em .5em 0;
}
table.resources-table td.col_1 {
	font-weight:bold;
}



/* PHOTOGRAPHS
**********************************/
.photo {
	border:1px solid #000;
}
div.captioned-photo img {
	border:1px solid #000;
}
div.captioned-photo .caption {
	font-size:.8em;
	line-height:normal;
	margin:0;
	padding:0;
}
.float-right {
	float:right;
	margin:5px 0 15px 15px;
}
.float-left {
	float:left;
	margin:5px 15px 15px 0;
}


/* FOOTER
**************************************/
#footer {
border-top:1px solid #ccc;
font-size: .8em;
}

#footer ul {
padding:10px 0 10px;
margin:10px auto 10px;
}
#footer ul li {
	list-style:none;
}
#footer ul li a {
height:auto;
	color:#007b90;
	background:#fff;
	margin:0px;
	padding:0px;
}
#footer #link-icons ul {
	margin-top:0;
	padding-top:0;
}
#footer p#ara a {
float:right;
	width:120px;
	height:80px;
	text-indent:-9999px;
	display: block;
	background: #fff url(../assets/images/global/ara_logo.gif) center right no-repeat;
	color:#000;
}



/* MISC. STYLES
**************************************/
.float-right {
	float:right;
	margin:5px 0 20px 20px;
}
.float-left {
	float:left;
	margin:5px 20px 20px 0;
}
