/* Reset */

html, body {
	margin:0; padding:0; board:0; background:transparent; font-size:10px;
}

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead {
	margin:0; padding:0; border:0;
	vertical-align:baseline; background:transparent;
}

img {
	margin:0; padding:0; border:0;
}

table, tr, th, td, tbody, tfoot, thead {
	margin:0; padding:0; border;0;
	vertical-align:baseline; background:transparent;
}

table {
	border-collapse:collapse; border-spacing;0;
}

input, select,textarea, form, fieldset {
	margin:0; padding:0; border:0;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display:block;
}

h1,h2,h3,h4,h5,h6,p,li,blockquote,td,th,a,caption,em,strong,strike {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	line-height:100%;
	text-indent:0;
	text-decoration:none;
	text-align:left;
	color:#000;
}

ul { list-style-image:url('../images/hotpepper_icon1.png');}
ol { list-style:none; }

/* Global */

html {  }
body { background-color:#eee;  }

/* Headings */

h1, h2, h3, h4, h5, h6 {
	font-weight:bold; color:#000;
}

h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:14px;}
h6 {font-size:14px;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }

/* Text Elements */

p {	color:#000; font-size:12px; line-height:150%; }
p .left { margin:1.5em 1.5em 1.5em 0; padding:0; }
p .right { margin:1.5em 0 1.5em 1.5em; padding:0; }

a {  }
a:link    { color:#00f; }
a:visited { color:#0f0; }
a:active  { color:#000; }
a:focus   { color:#666; }
a:hover   { color:#f00; }

blockquote { color:#000; font-size:12px; }

strong { font-weight:bold; }
em { font-style:italic; }

/* Images */

/* Lists */

ul {  }
ol { list-style-type:none; }

ul li { color:#000; font-size:14px; }
ol li { color:#000; font-size:14px; }

dl {  }
dt {  }
dd {  }

/* Tables */

table {	width:100% }

tr {  }
.odd { background-color:#eee; }
.even { background-color:#fff; }

th { font-weight:bold; }
thead, th { background:#ccc; }

tbody {  }

th,td,caption {  }
caption {  }

.caption-container {
	text-align:center;
	background-color:navy;
	padding:2px 8px;
	color:white;
	}

.product_container {
	position:relative;
	text-align:center;
	color:white;
	}
.product_image {
	width:150px;
	height:100px;
	}
.centered {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	}
.bottom-left {
	position:relative;
	bottom:8px;
	left:16px;
	}

/* The overlay effect - lays on top of the container and over the image */
.overlay {
  float:left;
  display:inline-block;
  position: relative;
  bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1;
  width: 150px;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: center;
}

/* When you mouse over the container, fade in the overlay title */
.product_container:hover .overlay {
  opacity: 1;
  }

tfoot {  }
.tfooter { background-color:#ccc; text-align:center; font-style:italic; }

.caption { background:#efefef; }

/* Containers */

#google_translate_element {float:center; padding:10px 0}

#:0.targetLanguag { float: right; padding-right:10px }	

#wrapper { width:900px; margin:0px auto; background-color:#fff }

#top { background-color:#000; width:100%; padding:20px 0; overflow:hidden;  }

#logo { margin:0 0 0 10px; float:left; }

#social-media { float:right; margin:0 10px 0 0;  }
#social-media p { color:#fff; font-size:12px; font-weight:bold; margin:4px 10px 4px 0px; }
#social-media img { width:24px; height:24px; padding:5px 5px; }
#social-media ul li { display:inline; }

#subbanner { width:100%; background-color:gray; padding:10px 0; overflow:hidden; }
#subbanner h2 { color:#fff; font-size:16px; font-weight:bold; 
					text-align:center; line-height:120%; }

#banner { width:900px; height:300px }

#topnav { background-color:#333; clear:both; }
#topnav ul { width:100%; float:left; margin:0; background-color:gray;
				border-bottom:3px #ccc solid; }
#topnav ul li { display:inline; }
#topnav ul li a { float:left; padding:10px 20px; }

#topnav a:link { color:#fff; }
#topnav a:visited { color:#fff; }
#topnav a:active { color:#fff; }
#topnav a:hover { color:#fff; background-color:fuchsia }
#topnav a:focus { color:#fff; }

#content { float:left; width:650px; padding:15px; }
#content h1 { margin:0 0 15px 0; font-size:24px; 
			boder-bottom:1px #777 solid; padding:15px 0; }
#content p { margin:15px 0; line-height:150%; font-size:14px; }
#content ul li { margin:15px 0; line-height:150%; }
#content h2 {margin:20px 0 0 0; }
#content img { padding:3px; border:1px #888 solid; margin:3px; }

#rightside { padding:40px 5px; margin-left:675px; }
#rightside h2 { margin:15px 10px 10px 10px; }
#rightside img { padding:15px 10px 10px 10px; }
#rightside p { margin:8px 0; line-height:150% }

#footer { clear:both; background-color:#000; padding:10px 0; }
#footer p { text-align:center; color:#fff; }

#box1 {  }

#box2 {  }

#box3 {  }

/* Form */

form { text-align:left; margin:20px; }
	
label, submit, input, textarea {
	border:0; padding:0; margin:0; background:none;
	}
	
label {
	float:left; width:150px; margin-top:5px;
	text-align:right; display:block;
	}
	
input, textarea {
	border:1px #333 solid; margin-left:10px; padding:5px;
	}
	
input {
	width:300px; margin-bottom:16px;
	}

textarea {
	width:300px; height:180px;
	margin-bottom:16px;
	}
	
select { }

.submit {
	width:90px; height:25px;
	margin-left:160px;
	font-size:12px;
	}
	
#contact-form ol {
	list-style-type:none;
	}