/* a comment for body
Background refers to dark brown of browser screen
color refers to text color
*/

body {
padding:15px 0 0 0;
margin:0;
font:76% helvetica, verdana, arial, tahoma, sans-serif;
background:#2a1a13;
color:#ffffff;}

ul, li {

list-style-type: none;
}

a {
color:#ffcc33;
text-decoration:underline;
border-bottom:0px dotted #505050;
}

a:hover {
color:#303030;
text-decoration:none;
border-bottom:0px solid #505050;
}
                       

h2 {
margin:0 0 12px 0;
font-size:1.6em;
font-weight:normal;
}

h3 {
margin:0 0 10px 0;
font-size:1.4em;
font-weight:normal;
}

h4 {
margin:0 0 5px 0;
font-size:1.4em;
font-weight:bold;
}

h5 {
margin:0 0 5px 0;
font-size:1.4em;
font-weight:bold;
color:#f69f4b;
}

p {
margin:0 0 15px 0;
line-height:1.5em;
text-align:left;
}

a img {
border:0;
}

table.anne {
	border-top: 3px dotted #999;
	border-bottom: 3px dotted #999;
	margin-top: 0.5em;
	width:300px;
}



/* Main container */

#container {
margin:0 auto 20px auto;
width:780px;
padding:0px 0px 0px 0px;
background:#c60450;
}





/* Site title section */

#logo {
margin:0 0 0 0;
padding:0px;
float:left;
height: 170px;
}

#logo h1 a {
color:#a5361d;
border:none;
}

#logo h1 a:hover {
color:#303030;
text-decoration:none;
border:none;
}





/* Main Navigation */
  #tabsI {
      float:left;
      width:100%;
      background:#f47c2f;
      font-size:98%;
      font-weight:bold;
      line-height:normal;
	  border-bottom:0px solid #DD740B;
      }
    #tabsI ul {
	margin:0;
	padding:10px 10px 0 75px;
	list-style:none;
      }
    #tabsI li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsI a {
      float:left;
      background:url("images/tableftI_new.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsI a span {
      float:left;
      display:block;
      background:url("images/tabrightI_new.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsI a span {float:none;}
    /* End IE5-Mac hack */
    #tabsI a:hover span {
      color:#FFF;
      }
    #tabsI a:hover {
      background-position:0% -42px;
      }
    #tabsI a:hover span {
      background-position:100% -42px;
      }







/* Main content */


#main {
width:480px;
background-image: url(images/stain.jpg);
background-repeat: no-repeat;
float:left;
padding:0px 0px 0 0px;
margin:0;
border-right:0px solid #d8d8d8;
position:relative;
}

#main_philosophy {
width:480px;
background-image: url(images/stain_philosophy.jpg);
background-repeat: no-repeat;
float:left;
padding:0px 0px 0 0px;
margin:0;
border-right:0px solid #d8d8d8;
position:relative;
}


#main_team {
width:480px;
background-repeat: no-repeat;
float:left;
padding:0px 0px 0 0px;
margin:0;
border-right:0px solid #d8d8d8;
position:relative;
}

#main_menu {
width:400px;
float:left;
padding:20px 0px 0 80px;
margin:0;
border-right:0px solid #d8d8d8;
position:relative;
}

#new_menu {
width:600px;
float:left;
padding:20px 0px 0 80px;
margin:0;
border-right:0px solid #d8d8d8;
position:relative;
}

#main_contact {
width:400px;
float:left;
padding:20px 0px 0 80px;
margin:0;
border-right:0px solid #d8d8d8;
position:relative;
}

/* Table styles */
table.menu{
margin-bottom: 40px; 
margin-top: 15px;
font-weight:normal;
background-color:#ffffff;
}
table.team{
margin-bottom: 40px; 
margin-top: 15px;
font-weight:normal;
background-color:#ffffff;
border-collapse: collapse;
}

td{
	border: 1px solid gray;
	font-weight:bold;
	color: #003366;
	text-align: left;
	padding: 2px;
}

td.product1 {
	border: 1px solid gray;
	font-weight:normal;
	background-color: #f47c30;
	color: #2a1a13;
	text-align: left;
	width: 50%;
}

td.product2 {
	border: 0px solid gray;
	font-weight:normal;
	background-color: #ffffff;
	color: #2a1a13;
	text-align: left;
	width: 50%;
}


td.product3 {
	border: 0px solid gray;
	font-weight:bold;
	background-color: #fca5c7;
	color: #2a1a13;
	text-align: left;
	width: 50%;
}

td.product4 {
	border: 0px solid gray;
	font-weight:bold;
	background-color: #f69f4b;
	color: #2a1a13;
	text-align: left;
	width: 50%;
}
td.product5 {
	border: 0px;
	font-weight:bold;
	background-color: #ffffff;
	color: #f69f4b;
	text-align: left;
	width: 50%;
}
td.product6 {
	border: 0px;
	background-color: #ffffff;
	text-align: left;
	width: 100%;
}
td.product7 {
	border: 0px;
	background-color: #ffffff;
	text-align: left;
	width: 100%;
}
td.teamimage {
	border: 0px;
	background-color: #2a1a13;
	color: #f69f4b;
	text-align: left;
	width: 20%;
	padding:0px 5px 2px 10px;
}
td.teamimage2 {
	border: 0px;
	background-color: #f47c2f;
	color: #f69f4b;
	text-align: left;
	width: 20%;
	padding:0px 5px 2px 10px;
}
td.ourteam {
	border: 0px;
	background-color: #c60450;
	color: #f69f4b;
	text-align: left;
	width: 20%;
	padding:0px 5px 2px 10px;
}

td.teammember {
	border: 0px;
	font-weight:normal;
	background-color: #2a1a13;
	color: #ffffff;
	text-align: left;
	width: 80%;
	padding:0px 20px 2px 10px;
}

td.teammember2 {
	border: 0px;
	font-weight:normal;
	background-color: #f47c2f;
	color: #ffffff;
	text-align: left;
	width: 80%;
	padding:0px 20px 2px 10px;
}

td.teamtitle {
	border: 0px;
	font-weight:normal;
	background-color: #c60450;
	color: #ffffff;
	text-align: left;
	width: 80%;
	height: 120px;
	padding:2px 20px 0px 10px;
}


#main_coffee {
width:480px;
background-image: url(images/stain_coffee.jpg);
background-repeat: no-repeat;
float:left;
padding:0px 0px 0 0px;
margin:0;
border-right:0px solid #d8d8d8;
position:relative;
}

/* Main Div for construction page only */
#main_construct {
width:780px;
height:350px;
background-image: url(images/thanks.jpg);
background-repeat: no-repeat;
background-position: center;
float:left;
padding:0px 0px 0 0px;
margin:0;
border-right:0px solid #d8d8d8;
position:relative;
}


.mainpara {
margin:85px 0px 15px 75px;
}

.mainparasmall {
margin:0px 0px 15px 75px;
}
.address {
margin:200px 60px 15px 75px;
}


#form {
	border-top: 3px dotted #999;
	border-bottom: 3px dotted #999;
	margin-top: 0.5em;
	width:300px;
}

/* Sidebar */

#sidebar {
float:right;
width:259px;
background:#c60450;
float:right;
height:auto;
}

#sidebar2 {
float:right;
width:259px;
background:#c60450;
float:right;
height:900px;
}

#sidebar p {
font-size:0.9em;
line-height:1.3em;
margin:40px 0 15px 0;
}


/* Map */
#map {
float:left;;
}

.block {
background:#f0f0f0;
padding:10px;
}

.block1 {
padding:0px;
}



/* Footer */

#footer {
clear:both;
background:#2a1a13;
padding:0;
margin:0;
border-top:0px
}

#footer2 a {
color:#808080;
}

#footer2 a:hover {
color:#f47a2a;
}

#footer2 p {
color:#808080;
font-size:0.8em;
line-height:1.3em;
margin:6px 0 0 0;
padding:0;
text-align:center;
}

#footer2 {
clear:both;
height:70px;
background:#2a1a13;
padding:10px;
margin:0;
border-top:0px
}



/* Map */

#map {
border: 1px solid gray;
float:left;
padding:20px 0px 0 80px;
margin:0;
position:relative;
}


