/* DiMillo's on the Water site designed by WendyClark.com */

@import url("reset.css");

body {
font-size:.9em;
text-align:center;
background:#867354 url('images/bg_bottom.png') repeat-x bottom;
line-height:1.3;
color:#222;
	}

#wrapper {
border:1px solid transparent;
margin:0;
text-align:center;
background:transparent url('images/bg_top.jpg') repeat-x top;
	}

a:link {
	color:#c30;
	}
a:visited {
	color:#930;
	}
a:hover {
	color:#fff;
	background-color:#c30;
	}
a:active {
	color:#fff;
	background-color:#ff3300;
	}

#footer a:link,
#footer a:visited {
	color:#333;
	}

.clear {
clear:both;
	}
.displaynone {
	display:none;
	}
.medium {
font-size:.85em;
	}

p {
	padding:5px 0;
	}
body.home p {padding:6px 0 0;}

strong {
	font-weight:bold;
	}

h1,
h2,
h3,
.history h4,
.oldphotoquote {
  font-family: "bookman-1","bookman-2",serif;
  text-align:left;
	}


div.quote img {
	display:none;
	}
body.home .quote img.quotehome {
	display:block;
	}
body.lunch .quote img.quotelunch {
	display:block;
	}
body.dinner .quote img.quotedinner {
	display:block;
	}
body.kids .quote img.quotekids {
	display:block;
	}
body.banquets .quote img.quotebanquets {
	display:block;
	}
body.weddings .quote img.quoteweddings {
	display:block;
	}
body.motorcoach .quote img.quotemotorcoach {
	display:block;
	}
body.staff .quote img.quotestaff {
	display:block;
	}
body.history .quote img.quotehistory {
	display:block;
	}
body.directions .quote img.quotedirections {
	display:block;
	}

.oldphotoquote {
	width:100%;
	display:block;
	text-align:center;
	padding:0 0 0 40px;
	}

h2 {
font-weight:bold;
font-size:1.5em;
	}

body.home h2 {font-size:1.4em;}
body.home .date {margin-top:20px;font-style:italic;color:#666;}

h3 {
font-weight:bold;
font-size:1.2em;
	}
h3 .headingcaption {
	font-size:.7em;
	font-weight:normal;
	font-style:italic;
	color:#333;
	}

#logo {
position:relative;
top:-7px;
float:left;
margin:0 25px 0 8px;
	}

.quote {
	height:124px;
	width:504px;
	float:left;
	text-align:left;
	}
*:first-child+html .quote {
	float:none;
	position:relative;
	left:-36px;
	}


body.home .slideshow {
	position:relative;
	top:20px;
	width:900px;
	height:550px;
	margin:0 auto;
	overflow:hidden
	}
body.home .slideshow img {
	width:900px;
	height:550px;
	}
.static {
	position:relative;
	top:20px;
	width:900px;
	height:300px;
	margin:0 auto;
	overflow:hidden;
	}

body.banquets .slideshow {
	float:right;
	margin-left:20px;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:5px;
	}
body.motorcoach .slideshow {
	float:right;
	margin-left:20px;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:5px;
	}
body.weddings .slideshow {
	float:right;
	margin-left:20px;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:5px;
	}

#bluebar img {
	display:none;
	}
#bluebar {
z-index:1000;
height:165px;
width:100%;
position:absolute;
	top:70px;
	left:0;
background: rgba(25,52,84,0.8);
	}

#since1954 {
position:absolute;
	top:20px;
margin:0 auto;
z-index:1300;
	}
/* see IE workarounds for #bluebar in ie.css */

    #header {
	z-index:1200;
	width:100%;
	position:absolute;
	top:70px;
	left:0;
	height:250px;
	text-align:center;
	}
	#header-contents {
	position:relative;
	top:0;
	width:900px;
	margin:0 auto;
	height:250px;
	}


#topnav  {
	padding:0;
	margin:0;
	height:41px;
	position:relative;
	}

#topnav a {
	       
	text-align:left;
	white-space:nowrap;
	margin-right:10px;
	}

#topnav li,
#topnav ul li {
	float:left;
	margin:0;
	padding:0;
	}
/* see IE workaround for #topnav li,
#topnav ul li in ie.css */

#topnav li a:link,
#topnav li a:visited {
	position:relative;
	text-decoration:none;
	color:#c30;
	font-size:16px;
	font-weight:bold;
	z-index:100;
	}

#topnav li a:hover,#topnav ul li a:hover {
	color:#eee;
	background-color:#c30;
	}

#topnav ul {
	list-style:none;
	width:1%;
	z-index:1300;
	position:relative;
	margin:0;
	padding:0;
	}

#topnav ul li:hover ul,
#topnav ul li li:hover ul, 
#topnav ul li.sfhover1 ul,
#topnav ul li li.sfhover1 ul, 
#topnav ul li.sfhover2 ul,
#topnav ul li li.sfhover2 ul, 
#topnav ul li.sfhover3 ul,
#topnav ul li li.sfhover3 ul {
	float:left;
	left:-10px;
	}

#topnav ul li.last  {
margin-bottom:10px;
	}

#topnav ul a {
	position:relative;
	padding:0;
	margin-right:40px;
	display:block;
	}

#topnav ul ul {
	background:transparent url('images/bg_dropdown.png') no-repeat bottom;
	position:absolute;
	width:200px;
	left:-999em;
	top:41px;
	margin:0;
	display:block;
	}

#topnav ul ul li {
	background-color:transparent;
	z-index:15;
	position:relative;
	border-width:0;
	}

#topnav ul ul a {
	margin-right:0;
	line-height:16px;
	font-size:12px;
	color:#333;
	width:160px;
	padding:10px 10px;
	margin-left:10px;
	}

#topnav a#map {
	position:relative;
top:-33px;
left:-8px;
margin:0;
	}

a.navhead  {
	height:41px;
	text-indent:-9999px;
	}

a#ourmenu {
width:83px;
background:transparent url('images/nav.png') no-repeat 0 0;
	}

a#ourmenu:hover,
li :hover a#ourmenu {
background-position:0 -41px;
	}

a#specialfunctions {
width:148px;
background:transparent url('images/nav.png') no-repeat scroll -83px 0;
	}

a#specialfunctions:hover,
li :hover a#specialfunctions {
background-position:-83px -41px;
	}

a#aboutdimillos {
width:127px;
background:transparent url('images/nav.png') no-repeat scroll -231px 0;
	}

a#aboutdimillos:hover,
li :hover a#home {
background-position:-230px -41px;
	}
	
a#home {
width:50px;
margin-left:20px;
background:transparent url('images/nav.png') no-repeat scroll -358px 0;
	}

a#home:hover,
li :hover a#home {
background-position:-358px -41px;
	}

#divider {
	display:none;
	}

#main {
	text-align:left;
	width:900px;
	margin:0 auto;
	margin-top:20px;
	padding-top:80px;
	background:#f6ecd9 url('images/bg_main.png') no-repeat top;
	}

body.standard #main  {
padding-bottom:80px;
padding-top:50px;
background:#f6ecd9 url('images/bg_main.png') no-repeat top;
	}

body.weddings #main {
background:#f6ecd9 url('images/bg_weddings.jpg') no-repeat top;
	}

.wide,
#copyright {
	float:left;
	width:500px;
	margin-left:50px;
	display:inline;
	}

body.standard .wide {
	float:right;
	width:575px;
	margin-right:50px;
	margin-left:0px;
	display:inline;
	}

.narrow,
#callahead,
#facebook {
	float:right;
	width:270px;
	margin-right:50px;
	display:inline;
	}
#socialmedia {
	float:right;
	width:320px;
	display:inline;
	}
#socialmedia img {
	margin-right:10px;
	}
#socialmedia a:hover {
	background-color:transparent;
	}

body.standard .narrow {
	float:left;
	width:195px;
	margin-right:0px;
	padding-top:37px;
	display:inline;
	}

body.menu .narrow,
body.staff .narrow {
	padding-top:100px;
	}

#main ul, #main ol {
	margin-left:10px;
	}
#main ul li {
	list-style-type:disc;
	margin-left:10px;
	}
.submenu {
	margin-bottom:40px;
	text-align:left;
	}

.copy {
	padding:40px 0;
	}

body.standard .narrow div {
	width:195px;
	margin-left:50px;
	}
#PhotoCaption p {
	text-align: center;
	}
#PhotoCaptionXXX a:link {
	color:#000;
	}
#PhotoCaption a:hover {
	color:#c30;
	background-color:#c30;
	text-decoration: underline;
	}
.enlargeable_photo {
	font-size:.85em;
	}
.narrow .enlargeable_photo {
	margin-bottom:20px;
	}
.wide .enlargeable_photo {
	float:right;
	margin-left:20px;
	width:350px;
	}
.wide .enlargeable_photo img {
	width:350px;
	display:block;
	}
.narrow .enlargeable_photo img {
	width:193px;
	border:1px solid #907e5d;
	display:block;
	}
.thickbox {
	text-decoration:none;
	}
.narrow,
.wide {
	text-align:justify;
	display:inline;
	}

.narrow .photo {
	margin-top:50px;
	}
.caption {
	display:block;
	font-size:.85em;
	text-align:center;
	}

.photoquote {
margin:20px 0;
	}

#welcomeaboard {
	text-align:left;
	padding-top:150px;
	margin-top:10px;
	background:transparent url('images/photo_aerial.png') no-repeat top;
	font-size:.95em;
	line-height:1.3;
	}

#welcomeaboard .displacer {
	width:118px;
	height:80px;
	float:right;
	margin-left:5px;
	display:inline;
	}

img#arlene_tony {
	position:absolute;
	top:575px;
	}

#serving div {
	width:240px;
	float:left;
	margin-bottom:20px;
	}

#serving img {
	display:block;
	}

.newsitem {
	clear:both;
	margin-top:30px;
	}

.newsitem .date {
	font-size:.8em;
	}


.video_promo  {
	text-align:center;
	font-size:.9em;
	width:200px;
	margin:0 auto;
	margin-top:25px;
	}

.tinted_box {
	text-align:left;
	margin:50px 0 50px;
	background-color:#ddcfb5;
	border:#bba885 1px solid;
	}

.tinted_box .content {
	margin:10px 20px 20px 20px;
	}

#footer {
	height:170px;
	text-align:left;
	}

#contact  {
	float:left;
	height:78px;
	margin:20px 25px 25px;
	padding-left:145px;
	background:transparent url('images/logo_bottom.png') no-repeat left;
	}

.hours {
	display:block;
	clear:both;
	}

#footer_content {
	clear:both;
	width:900px;
	margin:0 auto;
	height:170px;
	background:transparent url('images/bg_mainbottom2.gif') repeat-x bottom;
	}

#subfooter {
	width:100%;
	clear:both;
	}

#facebook, #socialmedia {
	position:relative;
	top:40px;
	}

#callahead img {
	display:block;
	position:relative;
	top:-46px;
	left:-50px;
	}

#callahead p {
	position:relative;
	top:-46px;
	padding:0;
	}

#copyright {
	color:#a3a7a7;
	font-size:.75em;
	text-align:left;
	margin:20px 0 0 25px;
	}

#copyright a:link,
#copyright a:visited {
	color:#a3a7a7;
	}
.tel {
	float:left;
	}
#footer div.email {clear:left;display:block;float:none;}

body.standard .wide h2 {
	float:left;
	margin-right:5px;
	line-height:26px;
	margin-bottom:10px
	}
body.standard .wide .maincontent h2 {
	float:none;
	margin-top:20px;
	}
.wide h5 {
	line-height:26px;
	margin-bottom:10px;
	}
.wide h3 {
	margin-top:10px;
	color:#b02716;
	}
.wide h4 {
	font-weight:bold;
	}
div.email {
	float:right;
	}

#bios .narrow div {
	width:195px;
	text-align:right;
	}
#bios .narrow {
	padding-top:15px;
	}
.maincontent {
	clear:both;
	}
.menu {
	width:100%;
	}
.leader,
.price {
	white-space:nowrap;
	}
.leader .item, .noleader .item {
	font-weight:bold;
	color:#333;
	}
.itemcaption {
	font-size:.85em;
	font-style:italic;
	}
.price {
	text-align:right;
	}
.leader,
.subleader,
.price {
	vertical-align: bottom;
	padding-top:5px;
	background: transparent url('images/leader.png') repeat-x bottom;
	}
.noleader {
	vertical-align: bottom;
	padding-top:5px;
	}
	
.subleader .subitem {
	padding-left:20px;
	background-color:#f6ecd9;
	}

body.weddings h4 {
	margin-top:10px;
	}
body.weddings .category p {
	padding-bottom:0;
	}
body.weddings .category p.description {
	padding-top:0;
	}

.leader span,
.subleader span,
.price span {
	background-color:#f6ecd9;
	}

.price {
	font-weight:bold;
	color:#333;
	}

.description {
	font-size:.85em;
	font-style:italic;
	padding-left:20px;
	}

.menuheadnote {
	width:95%;
	text-align:center;
	font-style:italic;
	}

#menuheadnote p {
	padding:0px;
	font-size:.85em;
	}

.menufootnote {
	width:95%;
	border-width:1px 0;
	border-style:solid;
	border-color: #907e5d;
	padding:5px;
	text-align:center;
	margin-top:20px;
	font-style:italic;
	}

.extrabottominfo {
	text-transform:uppercase;
	font-size:.8em;
	color:#00469a;
	text-align:center;
	width:90%;
	padding:3px 10px 0 10px;
	}

#googlemap {
	width:100%;
	height:300px;
	border:1px solid #4e3b1d;
	text-align:center;
	}
#atstreet {
	font-size:.85em;
	}
#atstreet img {
	border:1px solid #4e3b1d;
	margin-top:80px;
	}

.credit {
	display:none;
	}

@media print {
		#header .quote {
		margin-top:25px;
		}
		#bluebar img {
		display:block;
		}
		#welcomeaboard {
		padding-top:0;
		}
#topnav,
.photoquote,
#facebook,
#socialmedia,
#callahead,
.tinted_box,
.displacer {
		display:none;
		position:absolute;
		left:-9999;
		}
	}

.also {font-style:italic;}
ul.also {margin-top:20px;}

#visitportland {width:250px;margin:0 auto 25px;font-size:11px;}

#likebox {margin-bottom:40px;}

#topnav ul a {
	margin-right:10px;
	}
#topnav a#map {
margin-left:17px;
	}
#logo {
margin:0 15px 0 8px;
	}
div.quote  {
	margin-right:10px;
	}