/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:   		http://www.themouthstore.com/
   TEMPLATE NAME: 	The Mouth Store
   DATE:          	Mar-20-2008
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 


* { margin: 0; padding: 0px; }

body, html { 
margin: 0; 
padding: 0px;
background: #FFF url('/images/bg.gif') repeat-x; 
height: 100%;
}


#frame {
margin: 0 auto;
width: 960px;
margin-left: auto;
margin-right: auto;
background-color: transparent;
}

#container, #main {
position: relative;
margin: 0 auto;
margin-left: auto;
margin-right: auto;
min-height: 100%;
height: 100%;
}



p {margin: 0; padding: 0px; }


/* LABELS AND FORMS */

label {font-weight: bold }

#home2 input {
width: 200px;
height: 18px;
background-color: #FFF; 
font: 10pt Arial, 'Trebuchet MS', Sans-Serif;
color: #145897;
border: 1px solid #d8d8d8;
padding: 5px;
margin-bottom: 2px;
margin-right: 9px;
}







input#contact {
width: 200px;
height: 18px;
background-color: #FFF; 
font: 10pt Arial, 'Trebuchet MS', Sans-Serif;
color: #145897;
border: 1px solid #d8d8d8;
padding: 5px;
margin-bottom: 2px;
margin-right: 9px;
}

textarea { 
width: 200px;
height: 110px;
background-color: #FFF; 
font: 10pt Arial, 'Trebuchet MS', Sans-Serif;
color: #145897;
border: 1px solid #d8d8d8;
padding: 5px;
margin-bottom: 2px;
margin-right: 9px;
}


input.button { 
padding-top: 5px;
}

input.submit {
margin-top: 8px; 
width: 6em;
font: bold 12pt Arial, 'Trebuchet MS', Sans-Serif;
color: #fff;	
background: #beeb50;
border: 1px solid #b8d27a; 
padding: 6px; 
border: none;
}

/* LABELS AND FORMS */


/* LOGO */
.logolink {
background: url('/images/logo.gif') no-repeat;
background-repeat: no-repeat;
height: 106px;
width: 138px;
}

.logolink a { float: left; }

#swap {background-image: url(/images/logo.gif);  width: 138px;  height: 106px; }

.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */
/* LOGO */


/* HEADER */
/* HEADER */

/* NAV */

#nav {
height: 48px;
}

#nav ul {
margin: 0px;
padding: 0px;
margin-top: 12px;
}

#nav li {
display: inline;
padding-right: 30px;
padding-left: 10px;
font: bold 11pt 'Trebuchet MS', Arial, Tahoma, Sans-Serif;
}

#nav li a {
text-decoration: none;
color: #FFF;
}

#nav li a:hover {
text-decoration: underline;
}

/* NAV */

/* MISSION */

#mission {
padding: 0px 0px 10px 12px; 
margin: 0px;
background: url(/images/mission_bg.jpg) no-repeat;
width: 545px;
height: 96px;
}

#mission h1 {
margin-top: 50px;
font: bold 20pt 'Trebuchet MS', Arial, Tahoma, Sans-Serif;
color: #FFF;
}

/* MISSION */


/* LEFTNAV */

#leftnav {
float: left;
width: 210px;
padding: 0px;
margin: 0px;
float: left;
}

#leftnav ul {
margin: 0px;
padding: 0px;
}

#leftnav li {
list-style: none;
border-bottom: 1px solid #d8d8d8;
border-left: 4px solid #beeb50;
}

#leftnav li a {
width: 201px;
display: block;
font-family: Arial, Tahoma, sans-serif;
font-size: 10pt;
font-weight: bold;
padding: 10px 0px 10px 5px;
background-color: transparent;
color: #72bfdb;
text-decoration: none;
}

#leftnav li a:hover {
background-color: #70b9d3;
color: #fff;
}


/* LEFTNAV */


/* HOME */

#home td {
padding: 0px 8px 0px 8px;
}

#home .store {
border: 1px solid #dbceb6;
padding: 4px;
background-color: #f6eddd;
}

#home .location {
width: 241px;
border: 1px solid #dbceb6;
padding: 4px;
}

#home .location p {
background-color: #f6eddd;
font: 10pt 'Trebuchet MS', Arial, Tahoma, Sans-Serif;
padding: 5px 5px 5px 10px;
color: #706e71;
}

#home .location p img {
border: none;
}

/* HOME */


/* MAIN */

#main, #footer {
font: 10pt 'Trebuchet MS', Arial, Tahoma, Sans-Serif;
color: #706e71;
padding: 16px 12px 15px 12px;
text-align: left;
line-height: 22px;
}

#main img {
border: 4px solid #f6eddd;
float: right;
margin: 0px 20px 20px 20px;
}

#main h1 {
font-size: 20pt;
font-weight: bold;
color: #72bfdb;
padding-bottom: 10px;
}


#main a, #main b {
color: #72bfdb;
}

#main .line {
width: 30%;
border: none;
border-bottom: 1px solid #dbceb6;
height: 0px;
}

/* MAIN */


/* FOOTER */

#footer .line {
width: 100%;
border: none;
border-bottom: 1px solid #dbceb6;
height: 0px;
}

#footer a {
font: 7pt 'Trebuchet MS', Arial, Tahoma, Sans-Serif;
color: #72bfdb;
}

#footer a:hover, #main a:hover {
color: #706e71;
}





/* FOOTER */