/*
      Created by Modern Frame Productions
	  
*/

/*web colors:

background brown: #221914
dark blue: #0d63ac
light blue: #3ab8e1

*/

/*typography*/

p { 
	margin-top: 0; 
	text-align: justify;
	}
	
h1 {
	font: Verdana, Geneva, sans-serif;
	font-weight: 800;
	letter-spacing: 1.4px;
	color: #333;
	font-size: 1.3em;}
	
h3 { 
	font: bold small-caps .8em Verdana, Geneva, sans-serif;
	letter-spacing: 1px; 
	margin-bottom: 0; 
	color: #000;
	}
a:link { 
	font-weight: normal; 
	text-decoration: none; 
	color: #0066cc;
	}
a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #0066cc;
	}
a:hover, a:active {
	text-decoration: underline;
	color: #0066cc;
	}
acronym {
	border-bottom: none;
	}
	
hr {
	color: #333; 
width: 250px;
	float: left;}

.BLUE {
	color: #0066cc;
	font-weight: bold;
	font-size: 1em;
}
.bold {
	font-weight: bold;
}

	
	
/*main formatting*/

* { padding: 0; margin: 0; }

body {
 font-family: Verdana, Geneva, sans-serif;
 font-size: .8em;
 background-image:url(images/background_with_logo.jpg);
 background-repeat:no-repeat;
 background-color: #221914;
}


#wrapper { 
 margin: 0 auto;
 width: 819px;
}


#content { 
 width: 819px;
 height: 558px;
margin-left: 210px;
 margin-top: 25px;
 z-index: 99;
 position: relative;
 overflow:hidden;
}

.right_column {background-color: #fff; overflow:scroll;}

.contentbackground {
	background-image: url(images/paella.jpg);}

#navigation {
	position: absolute;
	z-index: 110;
	width: 825px;
}

/*slideshow*/


#slideshow {
    position:relative;
    height:558px;
	width: 819px;
	overflow: hidden;
}
.menus {
	width: 419px;
	height: 558px}
 
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
 
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
 
#slideshow IMG.last-active {
    z-index:9;
}

/*pages*/

#left {
	width: 419px;
	height: 558px;
	float: left;
	clear:right;
	position:absolute;

}
.gift_certificate {
	background-image:url(images/giftcertfctpic.jpg);}
	
#right {
	width: 350px;
	height: 530px;
	background-color:#FFF;
	padding-top: 22px;
	margin-left: 20px;
	font-size: .8em;
	color:#000;
	left: 419px;
	position:absolute;
	line-height: 1.2em;
	text-align: justify;
	padding-right: 20px;
	overflow: hidden;
}

/*directions*/



.map {
	background-image:url(images/oporto_hartford_directions.jpg);}
	
	
	.hours {background-image: url(images/sepia-dining-room.jpg);}
.directions_txt {
	font-variant:small-caps;
	color:#333;
	font-size: 1.5em;
	font-weight: bold;
}

.directions_txt_2 {
	font-variant:small-caps;
	color:#000;
	font-size: 1em;
	font-weight: bold;

}
/*about us*/

#aboutus {
	width: 819px;
	background-repeat: repeat;
	padding-top: 34px;
	padding-left: 90px;}
	




 
/*footer*/

#footer_main {
	width: 819px;
	height: 30px;
	color: #CC9;
	clear: both;
	text-align: left;
	margin-left: 200px; clear: both;
	position:absolute;
	z-index: 999;
}

#footer_pages {
	width: 819px;
	float: left;
	height: 55px;
	color: #CC9;
	clear: both;
	background-color: #221914;
	text-align: left;
margin-top: 558px;
}
.socialmedia {
	padding: 5px 0px 0px 4px;
	float: right; margin-top: -20px;
}

.socialmedia2 {
	padding: 5px 0px 0px 4px;
	float: right;
}


.mfp {
	float: right;  margin-top: -10px; margin-right: -10px;
	margin-left: 10px;
}
.mfp2 {
	float: right; margin-top: 10px; margin-right: -10px;
	margin-left: 10px;
}

.cooking-video {margin-left: 25px; margin-top: 5px;}
.socialmedia_wine {
	padding: 5px 0px 0px 10px ;
	float: right;
}
.address {clear: right; float: left;}

/* recipe-video page */

#video-container {
	margin-left: 50px;
	margin-top: 120px;
	position: relative;}
	
	#video-left {margin-right: 200px;}
	
#video-right {
	position: absolute;
	width: 287px;
	left: 450px;
	top: 0px;
	height: 260px;
}

#video-recipe {with: 400px; float: left; margin-top: 20px; padding:}

.video {color: white; font:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; letter-spacing: 1px; padding: 20px; }

.video a {color: white}

#content-video { 
 width: 819px;
 height: 700px;
margin-left: 210px;
 margin-top: 25px;
 z-index: 99;
 position: relative;
 overflow:hidden;
}

	



/* extras */


 .newsletter_wine {margin-top: -60px;}
 
 #ie-message {
background:#C00;
text-align:left;
border-bottom:1px solid #900;
color: #fff;
position:absolute;
top: 40px;
padding:5px;
width: 960px;
z-index: 200;
}
#ie-message a {
color: #fff;
}

#seal {background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; position: fixed; z-index: 100000; width: 118px; height: 109px; bottom: 0px; left: auto; right: 0px; background-position: initial initial; background-repeat: no-repeat no-repeat;
}