/* -------------------------------------------------------------- 
   
	BRAVADOHOME CSS
	* Filename:        	bravadohome.css
	* Version:         	0.1.1 (2009-07-27) YYYY-MM-DD
	* Website:         	http://www.bravadohome.com/
	
	COLOR SWATCH (darkest to lightest, top to bottom)
	* Dark Gray:		#1B1B1B
	* Dark Green:		#222D03
    * Light Green:		#687146
	* Light Tan:		#ECE7BE
	* White:			#FFFFFF
	
-------------------------------------------------------------- */

body { background-image:url(../images/body_bg.jpg); background-repeat:repeat; margin: 0; padding: 0; text-align: center; }
img { border: none; }
#main { background-color:#222D03; width:575px; margin: 20px auto 0 auto; }
p { color: #ECE7BE; line-height: 150%; font-family: Verdana, "Trebuchet MS", Arial, sans-serif; font-size: 10px; margin: 8px 12px 0 10px; text-align: left; }
a.fb { background: url(../images/contact_btn_facebook.jpg) top left no-repeat;	display: block; float:left; height: 22px; margin:0; overflow: hidden; padding:0; text-indent: 10000px; width: 102px; }
a.fb:hover { background-position: bottom left; }
a.twt { background: url(../images/contact_btn_twitter.jpg) top left no-repeat;	display: block; height: 22px; overflow: hidden; text-indent: 10000px; width: 83px; }
a.twt:hover { background-position: bottom left; }
a.mail { background: url(../images/contact_btn_mailto.jpg) top left no-repeat; display: block; height: 29px; overflow: hidden; text-indent: 10000px; width: 185px; }
a.mail:hover { background-position: bottom left; }

img.award { border:4px solid #222D03; height:244px; right:-210px; position:relative; top:0px; width:132px; z-index:-1; }

/* ============================================================================================================*/
/* MENU																										   */
/* ============================================================================================================*/
.menu { background-color:#222D03;  height:25px; margin:0; padding:0; width: 575px;  }
.menu ul { font-family:verdana, "Arial Narrow", "Trebuchet MS", sans-serif; margin:0 0 0 20px; padding:0; }
.menu li { display:inline; list-style-type:none; margin:0; padding:0; text-transform:lowercase; }

.menu a.about { color:#EDE8BE; display: block; float:left; height: 25px; overflow: hidden; margin: 0 ; text-decoration:none; text-indent: 10000px; background: url(../images/buttons/about.jpg) top left no-repeat; width: 55px; }
.menu a.about:hover { background-position:  bottom left;color:#FFFFFF; }
.menu a.aboutCurrent { color:#FFFFFF; display: block; float:left; height: 25px; overflow: hidden; margin: 0; text-decoration:none; text-indent: 10000px; background: url(../images/buttons/about.jpg) bottom left no-repeat; width: 55px; }
.menu a.aboutCurrent:hover { background-position: top left;color:#EDE8BE; }

.menu a.collections { color:#EDE8BE; display: block; float:left; height: 25px; overflow: hidden; margin: 0; text-decoration:none; text-indent: 10000px; background: url(../images/buttons/collections.jpg) top left no-repeat; width: 88px; }
.menu a.collections:hover { background-position:  bottom left;color:#FFFFFF; }
.menu a.collectionsCurrent { color:#FFFFFF; display: block; float:left; height: 25px; overflow: hidden; margin: 0; text-decoration:none; text-indent: 10000px; background: url(../images/buttons/collections.jpg) bottom left no-repeat; width: 88px; }
.menu a.collectionsCurrent:hover { background-position:  top left;color:#EDE8BE; }

.menu a.rugs { color:#EDE8BE; display: block; float:left; height: 25px; overflow: hidden; margin: 0; text-decoration:none; text-indent: 10000px; background: url(../images/buttons/rugs.jpg) top left no-repeat; width: 45px; }
.menu a.rugs:hover { background-position:  bottom left;color:#FFFFFF; }
.menu a.rugsCurrent { color:#FFFFFF; display: block; float:left; height: 25px; overflow: hidden; margin: 0; text-decoration:none; text-indent: 10000px; background: url(../images/buttons/rugs.jpg) bottom left no-repeat; width: 45px; }
.menu a.rugsCurrent:hover { background-position:  top left;color:#EDE8BE; }

.menu a.gallery { color:#EDE8BE; display: block; float:left; height: 25px; overflow: hidden; margin: 0; text-decoration:none; text-indent: 10000px; background: url(../images/buttons/gallery.jpg) top left no-repeat; width: 137px; }
.menu a.gallery:hover { background-position:  bottom left;color:#FFFFFF; }
.menu a.galleryCurrent { color:#FFFFFF; display: block; float:left; height: 25px; overflow: hidden; margin: 0; text-decoration:none; text-indent: 10000px; background: url(../images/buttons/gallery.jpg) bottom left no-repeat; width: 137px; }
.menu a.galleryCurrent:hover { background-position:  top left;color:#EDE8BE; }

.menu a.contact { color:#EDE8BE; display: block; float:left; height: 25px; overflow: hidden; margin: 0; text-decoration:none; text-indent: 10000px; background: url(../images/buttons/contact.jpg) top left no-repeat; width: 63px; }
.menu a.contact:hover { background-position:  bottom left;color:#FFFFFF; }
.menu a.contactCurrent { color:#FFFFFF; display: block; float:left; height: 25px; overflow: hidden; margin: 0; text-decoration:none; text-indent: 10000px; background: url(../images/buttons/contact.jpg) bottom left no-repeat; width: 63px; }
.menu a.contactCurrent:hover { background-position:  top left;color:#EDE8BE; }