@charset "utf-8";
/* CSS Document */

/* www.theglassroomrestaurant.com, V. 2.1 */
/* global.css */
/* author: renato mattos  */



*{
margin:0;
padding:0;
}


body {
background-color:#B4CD94;
font:normal 70%/140% verdana,arial,helvetica,sans-serif;
text-align:center; /* Centers the page content container in IE 5 browsers. */
}

/* HTML elements */
h1 {color:#B4CD94; font:normal 2em "Century Gothic",arial,helvetica,sans-serif; background-color:transparent;}
h2 {color:#B4CD94; font:normal 1.8em "Century Gothic",arial,helvetica,sans-serif; background-color:transparent;}
h3 {color:#663300; font:normal 1.3em "Century Gothic",arial,helvetica,sans-serif; background-color:transparent;}
h4,h5,h6 {color:#333; font-size:1em;}
ul,li {list-style-type:none;}

a,a:active,a:visited {color:#fff; text-decoration:none; background-color:transparent;}
a:hover {color:#333; text-decoration:none; background-color:transparent;}

a {outline:none;}
a img {border:0;}
label {font-weight:normal;}
form{display:inline}
form,select,input,textarea{margin:0;padding:0}

p {line-height:1.3em; margin-bottom:.9em;}
span {color:#333; font-weight:700;}

.left {float:left;}
.rght {float:right;}
.imgleft {float:left; padding:10px 15px 10px 0;}
.imgright {float:right; padding:5px 0 5px 7px;}
.imgright a:hover {border-bottom: none;}
.imgcenter {
	text-align:center;
	display:block;
	clear:both;
	padding:10px 0 30px 0;
}
.centered {color:#666666; text-align:center;}
.small {font-size:0.9em; font-style:italic; text-align:center; color:#666666;}
.border {border:1px solid #EFEFEF;}
.clear {clear:both; line-height:1px; font-size:1px; height:1px; margin-top:-1px; visibility:hidden;}
.strong {color:#333; font-weight:700;}

/* Headings */
h2 {padding-bottom:0px; letter-spacing:-1px;}
h3 {padding-bottom:5px; padding-top:0;}
h4 {padding-top:10px;}


/* Links
------------------------------------------------------------------*/

a {outline:none;}

a,a:active,a:visited {
	color:#c30;
	border:0;
	text-decoration:none;
	background-color:transparent;
	}
a:hover {
	color:#000;
	border-bottom:1px dotted #c30;
	text-decoration:none;
	background-color:transparent;
	}
	
p a,p a:active,p a:visited {
	color:#c30;
	text-decoration:none;
	background-color:transparent;
	}
p a:hover {
	color:#000;
	border-bottom:1px dotted #c30;
	text-decoration:none;
	background-color:transparent;
	}


/* 	Main Container & Content Area 
************************************************************************/
#container{
	width:770px;
	background-color:#D6E3C5;
	margin:40px auto 0 auto;
	text-align:left; /* Redefines the text alignment defined by the body element. */
	}

#col-left{
	width:220px;
	height:485px;
	float:left;
	display:block;
	background-color:#D6E3C5;
	}

#col-right{
	width:550px;
	height:485px;
	float:left;
	display:block;
	text-align:left;
	background:#000000 url('../../assets/images/bckg-content.png') no-repeat top left;
	}

#col-left .inner-left {
	padding:10px 20px;
	}
	
#col-right .inner-right {
	padding:25px;
	height:435px;
	}	

#col-left .content-box p {
	line-height:1.2em;
	margin-bottom:.9em;
	text-align: center;
	font:normal .9em verdana, arial, helvetica, sans-serif;
	}

#col-right .content-box {
	width:500px;
	height:365px;
	float:left;
	display:block;
	text-align:left;
	background-color:#fff;
	}

#col-right .content-box-photogallery,
#col-right .content-box-reviews,
#col-right .content-box-news,
#col-right .content-box-history,
#col-right .content-box-supplies,
#col-right .content-box-food {
	width:500px;
	height:365px;
	overflow:auto;
	float:left;
	display:block;
	text-align:left;
	background-color:#fff;
	}

#col-right .content-box-home {
	width:500px;
	height:365px;
	text-align:left;
	background-color:#000;
	}

#col-right .content-box-home h2 {padding-bottom:10px;}

/* logo
************************************************************************/
#logo {
	width:180px;
	height:50px;
	padding:20px 0;
	}
#logo .img_logo {
	width:180px;
	height:50px;
	text-indent:-9999px;
	display:block;
	background:transparent url('../../assets/images/the_glass_room_restaurant.gif') no-repeat 0 0;
	}
#logo h1 {
	position: absolute;
	left:-2000px;
	}
#logo a {border-bottom:none;}

/* Menu Area
************************************************************************/
.menu {
	clear:both;
	width:500px;
	height:70px;
	}

.menu dl {
	width:500px;
	list-style-type:none;
	margin:0;
	padding:0;
	}

.menu dt {
	line-height:1.4em; 
	}

.menu dt a,
.menu dt a:link,
.menu dt a:visited {line-height:1.2em; margin-right:1.16em; text-decoration:none; color:#fff; border-bottom:none; font-size:1em; background-color:transparent;}
.menu dt a:hover {line-height:1.2em; margin-right:1.16em; text-decoration:none; color:#F60; border-bottom:none; font-size:1em; background-color:transparent;}

.dotted_line {
	width:auto;
	margin:.2em 0;
	padding:.2em 0;
	line-height: 1px;
	background:transparent url('../../assets/images/dotted-line.gif') repeat-x left center;
	}


/* Content Area
************************************************************************/
.content {
	color:#0D050A;
	padding:20px;
	background-color:transparent;
	}

.content-home {
	color:#fff;
	padding:20px;
	background-color:transparent;
	}

.content blockquote {
	background:transparent url('../../assets/images/quote-comment.gif') no-repeat;
	display:block;
	clear:both;
	margin:0;
	padding:10px 0 0 20px;
	font-style:italic;
	width:420px;
}

.content cite {
	width:420px;
	color:#27582B;
	font-size:.95em;
	text-align:right;
	display:block;
	clear:both;
	margin:0;
	padding:5px 0 10px 0;
}

.content .list ul {
	padding:0;
	margin: 0 0 9px 0;
	}	
.content .list li {
	line-height:1.5em;
	padding-bottom:9px;
	background:transparent url('../../assets/images/arrow.gif') no-repeat 0px .25em;
	}
.content .list ul li a,
.content .list ul li a:active,
.content .list ul li a:visited {
	padding:6px 0 0 15px;
	color:#c30;
	border:0;
	text-decoration:none;
	background-color:transparent;
	}
.content .list ul li a:hover {
	color:#000;
	border-bottom:1px dotted #c30;
	text-decoration:none;
	background-color:transparent;
	}	

.content address {
	line-height:1.5em; 
	font-style:normal;
	padding-bottom:1em;
	}

.line-break {
	width:auto;
	margin:.4em 0;
	padding:.4em 0;
	line-height: 1px;
	background:transparent url('../../assets/images/dotted-line.gif') repeat-x left center;
	}


/* Flickr Area
************************************************************************/
#innerFlickr {
	width:458px;
	float:left;
	display:block;
	}

#innerFlickr ul {
	float:left;
	margin:0;
	padding:0;
	list-style-type: none;
	}

#innerFlickr ul li {
	float:left;
	padding-bottom:4px;
	}

.flickr a.thumb,
.flickr a.thumb a:active,
.flickr a.thumb a:visited {
	border-bottom:none;
	}
.flickr a:hover.thumb {
	border-bottom:none;
	}

.flickr a.thumb img,
.flickr a.thumb a:active img,
.flickr a.thumb a:visited img{
	float:left;
	width:150px;
	height:167px;
	margin:0;
	padding:0;
	border:none;
	}
.flickr a:hover.thumb img{
	float:left;
	width:150px;
	height:167px;
	margin:0;
	padding:0;
	border:none;
	}



/* Photo Gallery
************************************************************************/
#innerGallery {
	width:458px;
	float:left;
	display:block;
	}

#innerGallery ul {
	float:left;
	margin:0;
	padding:0;
	list-style-type: none;
	}

#innerGallery ul li {
	float:left;
	padding-bottom:4px;
	}

.gallery a.thumb,
.gallery a.thumb a:active,
.gallery a.thumb a:visited {
	border-bottom:none;
	}
.gallery a:hover.thumb {
	border-bottom:none;
	}

.gallery a.thumb img,
.gallery a.thumb a:active img,
.gallery a.thumb a:visited img{
	float:left;
	width:88px;
	height:88px;
	margin:0;
	padding:0;
	border:none;
	}
.gallery a:hover.thumb img{
	float:left;
	width:88px;
	height:88px;
	margin:0;
	padding:0;
	border:none;
	}


/* Contact form
------------------------------------------------------------------*/
#contact-form {
	width:300px;
	float:left;
	clear:both;
	display:block;
	padding-top:10px;
	}
#contact-form p {
	padding-bottom:0;
	}
fieldset {
	border:medium none; 
	margin:0; padding:0;
	}
img.required-icon {
	vertical-align:top;
	}

.gift {
	padding-top:10px;
	}

.labeled-left {
	float:left; 
	display:block;
	}
.labeled-right {
	float:left; 
	display:block; 
	padding-left:14px;
	}

.labeled-left p.label,
.labeled-right p.label {
	width:140px;
	height:15px; 
	line-height:15px; 
	margin-top:5px;
	margin-bottom:0px;
	}
.labeled-left p.input,
.labeled-right p.input {
	width:140px; 
	margin-top:0px;
	margin-bottom:5px;
	}
.labeled-left p.input input, 
.labeled-right p.input input {
	width:140px;
	height:18px;
	line-height:18px;
	background-color:#F8FBF4;
	border:#D6E3C5 1px solid;
	padding-left:3px;
	padding-top:3px;
	font:normal .95em verdana,arial,helvetica,sans-serif;
	color:#393C2B
	}

.labeled-email p.label {
	width:300px; 
	clear:both; 
	display:block;
	height:15px; 
	line-height:15px; 
	margin-top:5px;
	margin-bottom:0px;
	}
.labeled-email p.input {
	width:300px; 
	clear:both; 
	display:block; 
	margin-top:0px;
	margin-bottom:5px;
	}
.labeled-email p.input input {
	width:295px; 
	height:18px; 
	line-height:18px; 
	background-color:#F8FBF4; 
	border:#D6E3C5 1px solid; 	
	padding-left:3px;
	padding-top:3px; 
	font:normal .95em verdana,arial,helvetica,sans-serif; 
	color:#393C2B
	}

.labeled-textarea {
	clear:both; 
	display:block;
	}
.labeled-textarea p.label {
	width:300px; 
	height:15px; 
	line-height:15px; 
	margin-top:5px;
	margin-bottom:0px;
	}
.labeled-textarea p.input textarea {
	width:295px; 
	background-color:#F8FBF4; 
	border:#D6E3C5 1px solid; 
	padding-left:3px; 
	padding-top:1px; 
	font:normal .95em verdana,arial,helvetica,sans-serif; 
	color:#393C2B;
	}

.labeled-submit {
	float:right; 
	clear:both; 
	display:block; 
	padding-top:0px;
	}
input.button-submit {
	color:#fff; font-weight:normal; 
	font-size:1em; 
	padding:2px 4px; 
	margin:0; white-space:nowrap; 
	background-color:transparent;
	}
input.button-submit {
	background:#393C2B url("../../assets/images/button-submit.gif") repeat-x left top; 
	border-right:1px solid #27291D;
	border-bottom:1px solid #27291D;
	border-left:1px solid #676C4D;
	border-top:1px solid #676C4D;
	}
input.button-submit:hover{
	color:#c30;
	}
.button-submit{
	margin:3px 0;
	}

	
/* Footer
************************************************************************/
#footer{
	width:750px;
	height:20px;
	padding:10px;
	clear:both;
	background-color:#B4CD94;
	}
#footer p {
	text-align:right;
	color:#FFF;
	font:normal .9em verdana,arial,helvetica,sans-serif;
	background-color:transparent;
	}