/*
	---- Reset and Base Styles ---- */
html, body { margin:0; padding:0; font:100%; }
body { background:#000; font:14px/16px Times New Roman, "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; }
h1, h2, h3, h4, h5, p, ul { margin:0 0 16px 0; }
a img, img { display:block; border:none; outline:none; }
a { color:#74040c; outline:none;}
a:hover { color:#111111; }


/*
	---- Sitewide ---- */
#wrapper { background: #000; display:block; overflow:hidden;/*forces float fix*/ min-width:860px; margin-bottom: 40px; }
#main { background: #000;width:802px;margin:0 auto; overflow:hidden;/*forces float fix*/  }

  /*  -- Logo -- */
	.logoIcon { float: left; width: 85px; height: 84px; }
	h1#logo { display:block; width:303px; height:20px; float:left; margin: 30px 0 0 20px;}
	h1#logo a { display:block; height:20px; background:url(../images/logo_text.jpg) no-repeat; text-indent:-9999px; }

  /* -- Headers -- */
	.header { background: url(../images/titlebg.jpg) no-repeat center; height: 96px; width: 700px; margin: 0 auto;}
	h2 { display: block; margin: 40px 0 0 30px; width:284px; height:45px; float:left; }
	h2.about_TS { display:block; text-indent:-9999px; background: url(../images/title_aboutTS.jpg); }
	h2.about_MM { display:block; text-indent:-9999px; background: url(../images/title_aboutMM.jpg); }
	h2.locateTS { display:block; text-indent:-9999px; background: url(../images/title_locate.jpg); }
	h2.contactTS { display:block; text-indent:-9999px; background: url(../images/title_contact.jpg); }
	.headerHM { background: url(../images/experience_tierrasecreta.jpg) no-repeat center; height: 323px; width: 700px; margin: 0 auto 15px;}
	h2.experienceTS { display: block; text-indent: -9999px; }


/*
    ---- Top Navigation ---- */
#top { height:84px; overflow:hidden;/*forces float fix*/ margin: 40px 0 30px 51px; }
ul#menu { display:block; list-style:none; width:575px; margin:15px 0 0 20px; padding:0; float: left;}
ul#menu li { display:block; float:left; margin:0; padding:0; height: 13px; }
ul#menu li a { display:block; height:13px; text-indent:-9999px; }

ul#menu li#menu_aboutTS { background:url(../images/m_about_tsHover.jpg); width: 176px; }
ul#menu li#menu_aboutTS a { background:url(../images/m_about_ts.jpg); width: 176px; }
ul#menu li#menu_aboutTS a:hover { background:url(../images/m_about_tsHover.jpg); width: 176px; }
ul#menu li#menu_aboutTS a.active { width:176px; background:url(../images/m_about_tsOver.jpg); width: 176px; }

ul#menu li#menu_aboutMM { background:url(../images/m_aboutMMHover.jpg); width: 200px; }
ul#menu li#menu_aboutMM a { background:url(../images/m_aboutMM.jpg); width: 176px; width: 200px; }
ul#menu li#menu_aboutMM a:hover { background:url(../images/m_aboutMMHover.jpg); width: 200px; }
ul#menu li#menu_aboutMM a.active { width:200px; background:url(../images/m_aboutMMOver.jpg); width: 200px; }

ul#menu li#menu_locate { background:url(../images/m_locateHover.jpg); width: 72px; }
ul#menu li#menu_locate a { background:url(../images/m_locate.jpg); width: 72px; }
ul#menu li#menu_locate a:hover { background:url(../images/m_locateHover.jpg); width: 72px; }
ul#menu li#menu_locate a.active { width:72px; background:url(../images/m_locateOver.jpg); width: 72px; }

ul#menu li#menu_contact { background:url(../images/m_contactHover.jpg); width: 83px; }
ul#menu li#menu_contact a { background:url(../images/m_contact.jpg); width: 83px; }
ul#menu li#menu_contact a:hover { background:url(../images/m_contactHover.jpg); width: 83px; }
ul#menu li#menu_contact a.active { width:83px; background:url(../images/m_contactOver.jpg); width: 83px; }


#mainContentHM { background: #000; height: 100%; } 
#mainContent { background: url(../images/ts_bodybg.jpg) bottom center no-repeat #000; height: 100%; } 
#textWrap {margin-bottom: 20px; overflow:hidden; padding:0 0 7px 0;}
.textContent { float:left;color: #000; margin: 0; padding: 30px 10px 30px 81px; font: 14px/17px Times New Roman, 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif; width: 335px;  }
.textContent_contact { color: #000; margin: 0; padding: 30px 10px 30px 81px; font: 14px/17px Times New Roman, 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif; width: 335px;  }
.contentImg { float: right; margin: 20px 64px 33px 0; width: 296px; height: 388px; }

.about_ts_img {background:url(../images/locate_tsbottleshot.png) no-repeat top center;}
.about_MM_img {background:url(../images/aboutMM_mountain.png) no-repeat top center;}
.contactTS_img {background:url(../images/contact_ts.png) no-repeat top center;}


/* -fix ie margins above - */

/*
	---- Footer ---- */
#footer { height: 85px; margin: 10px 51px 0 51px; clear:both; position: relative; }
.copy, a.flink { color: #fff; text-decoration: none; font-size: 11px; }
a:hover.flink { color: #fff; text-decoration: underline; font-size: 11px; }
.floatLeft { float:left; width: 350px; }
.floatRight { float:right; margin-top: -16px; }


/*
    ---- Contact Form ---- */
label { width:180px; display:block; clear:left; padding-top:5px; }
input.text { border:1px solid #AAAAAA; background:#FFFFFF; padding:4px; width:309px;  }
textarea.text { border:1px solid #AAAAAA; background:#FFFFFF; padding:4px; width:309px; height:60px; overflow:auto; }
form p { display:block; margin-bottom:2px; padding:3px 8px 5px; background:#DDD; overflow:hidden;/*forces float fix*/ }
form p.submitP { background:none; padding-left:0; margin-top:12px; }