/*
CSS Credit: http://www.ala-rakha.weebly.com/
*/

/* 
Ginger Grill Restaurant 
http://www.ala-rakha.weebly.com/restaurant 
*/
body {

	margin: 0;

	padding:0;

	font-family: Verdana, Geneva, Tahoma, sans-serif;

	font-size: 11px;

	line-height: 1.5em;

	color: #241c1a;

	background: #d1d1d1;

}

a:link, a:visited { color: #996633; text-decoration: none; } 

a:active, a:hover { color: #FF0000; text-decoration: none }

h1 {

	font-size: 20px;

	font-weight: bold;

	color: #7c2230;

	text-align: center;

}

h2 {

	font-size: 16px;

	font-weight: bold;

	color: #ffdf47;

}



#templatemo_container {

	width: 843px;

	margin: auto;

	background: url(../images/templatemo_container_bg.png) repeat-y;

}

#templatemo_top_section {

	float: left;

	width: 837px;

	height: 230px;

	color: #FFFFFF;

	background: url(../images/templatemo_header_bg.png) repeat-x;

}

#templatemo_top_left{ 

	float: left;

	width: 328px;

	height: 230px;

	background: url(../images/templatemo_top_photo.png) no-repeat;

}

#templatemo_top_mid {

	float: left;

	width: 429px;

	height: 230px;

}

#templatemo_top_title {

	float: left;

	width: 334px;

	padding:40px 0px 0px 20px;;

	font-weight: bold;

	font-size: 24px;

	line-height: 1.6em;

}

.templatemo_topmenu{

	float: left;

	width: 400px;

	margin-top: 10px;

}



.templatemo_topmenu ul {

	list-style: none;

	padding: 0px;

	margin: 0px;

}


.templatemo_topmenu li {

	display: inline;

}


.templatemo_topmenu li a {
	
	font-size: 13px;

	color: #fff;

	width: 80px;

	height: 30px;

	margin-left: 12px;

	padding: 0px 0px 0px 15px;

	background: url(../404.html) no-repeat;

	background-position: left;

}


.templatemo_topmenu li a:hover {
	color: blue;
}


#templatemo_login_right {

	float: right;

	width: auto;

	margin: 25px 0px 0px 0px;

	color: #8c2914;

}

#templatemo_top_right {

	float: right;

	width: 70px;

	height: 230px;

	background: url(../images/templatemo_top_right.png) no-repeat;

}



#templatemo_left_section {

	float: left;

	width: 210px;

}

.templatemo_leftmenu {

	width: 210px;

	margin: 0px;

}

.templatemo_leftmenu ul {

	list-style-type: none;

	padding: 12px 0px 18px 39px;

}

.templatemo_leftmenu li a {

	display: block;

	height: 25px;

	font-size: 13px;

	color: #fff;

}

.templatemo_leftmenu li a:hover {
	color: blue;
}

#templatemo_news {

	float: left;

	padding-left: 40px;

	width: 170px;

	text-align: justify;

	color: #fff;

}

#templatemo_contact {

	float: left;

	padding-left: 40px;

	width: 170px;

	color: #FFFFFF;

	font-size: 10px;

}

#templatemo_right_section {

	float: left;

	width: 470px;

	padding: 15px 0px 0px 70px;

	text-align: justify;

}

#templatemo_right_bot {	

	float: left;

	width: 330px;

	border: 1px #000

}

#templatemo_right_bot img {

	float: right;

	margin-top: 245px;

	background-color: #836b68;

}



.border {

	float: left;

	border-top: solid 1px #836b68;

	margin-top: 20px;

	margin-left: 40px;

	width: 170px;

}

.templatemo_product {

	float: left;

	width: 675px;

	height: 105px;

	padding: 10px;

	background: url(../404.html) no-repeat;

}

.templatemo_product ggForm {

   font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

   font-size: 0.8em;

   width: 20em;

   padding: 1em;

   border: 1px solid #ccc;

}

.ggForm * {

    box-sizing: border-box;

}

.ggForm fieldset {

    border: none;

    padding: 0;
}

.ggForm legend,
.ggForm label {

   padding: 0;

   font-weight: bold;

}

.ggForm label.choice {

   font-size: 0.9em;

   font-weight: normal;
}

.ggForm input[type="text"],
.ggForm input[type="tel"],
.ggForm input[type="email"],
.ggForm input[type="datetime-local"],
.ggForm select,
.ggForm textarea {

   display: block;

   width: 70%;

   border: 1px solid #ccc;

   font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

   font-size: 0.9em;

   padding: 0.3em;
}

.ggForm textarea {

   height: 100px;

}

.ggForm button {

   padding: 1em;

   border-radius: 0.5em;

   background: #eee;

   border: none;

   font-weight: bold;

   margin-top: 1em;

}

.ggForm button:hover {

   background: #ccc;

   cursor: pointer;


}

 #content-head {

	text-align: center;

	font-size: 17px;

	color: #8c2914;

}


#grillmenu {

	float: left;

	margin-top: auto;

	margin-right: 5px;

}

#grillmenu strong {

	border: 3px #000;

	font-size: 12px;

	font-family: Verdana, Geneva, Tahoma, sans-serif;

	color: #7c2230;


}



#gingermenu {

	float: left;

	margin-top: auto;

	margin-right: 2px;

}

#gingermenu strong {

	border: 3px #000;

	font-size: 12px;

	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

	color: #7c2230;
}


#ggrillmenu {

	float: right;

	margin-top: auto;

	margin-left: 5px;

}


#ggrillmenu strong {

	border: 3px #000;

	font-size: 12px;

	font-family: Verdana, Geneva, Tahoma, sans-serif;

	color: #7c2230;

}


.contact-Form {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    width: 455px;

    padding: 0px;
}

.contact-Form * {

    box-sizing: border-box;
}

.contact-Form label {

    padding: 0px;

    font-weight: bold;

    text-align: left;

    display: block;
}

.contact-Form input,
.contact-Form select,
.contact-Form textarea {

     margin-left: 5px;

     float: right;

     width: 455px;

     border: 1px solid #ccc;

     font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

     font-size: 11px;

     padding: 5px;
}

.contact-Form textarea {

     height: 200px;
}

.contact-Form button {

     padding: 1em;

     border-radius: 0.5em;

     background: #eee;

     border: none;

     font-weight: bold;

     margin-left: 24em;

     margin-top: 1.0em;
}

.contact-Form button:hover {

     background: #ccc;

     cursor: pointer;
}

#photos {

	float: left;

	margin: auto;

	padding: auto;

}

#photos img {

	border-image-slice: 2px;

}

#credits {

    position: relative;

	

	top: 21em;

	left: 0em;

	font-size: 12px;

}


#templatemo_footer {

	clear: both;

	width: 493px;

	height: 41px;

	background: url(../images/templatemo_footer.png) no-repeat;

	padding-left: 340px;

	padding-top: 25px;

	font-weight: bold;

	color: #FFFFFF;

}