/*-------------------------------------------
	TITLE: Waterfront Dining Directory
	CREATED: 3/10/2008

--
	LAYOUT
	- BODY, LINKS, MENUS
	- TOP
	- MENU
	- CONTENT
	- SUBMENU
	- FOOTER
--

-------------------------------------------*/



/*-------------------------------------------
	- BODY, LINKS, MENUS
		- links
		- top level divs
-------------------------------------------*/

body {
	margin: 0px;
	padding: 0px;
	background-image:url(http://www.metrobridesguide.com/images/pattern.gif);
	background-repeat: repeat;
}

#pagewidth{ 
    width:980px;
	height:auto; 
    text-align:left;  
    margin-left:auto; 
    margin-right:auto;
	background-color:#FFFFFF;
} 

h1 {
	margin: 0px;
	width: 980px;
	height: 115px;
	text-indent: -9999px;
	background-image:url(http://www.metrobridesguide.com/images/header01.jpg);
	background-position: center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

#container{ 
    width:930px;
    text-align:left; 
	margin: 10px 0px 15px 15px; 
    padding:10px;
	background-color:#DBE9F4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5B696C;
	font-size: 11px;
} 

#leftcol {
    width:150px;
	float:left;
	padding: 10px 10px 0px 10px;
	_padding:9px;
	background-color:#E8F3F9;
	text-align:center;
	color:#306B8F;
}

#main {
    width:550px;
	margin-left:10px;
	float:left;
	padding: 0px 10px 0px 10px;
	_padding: 10px;
	background-color:#E8F3F9;
	line-height: 20px;
}

#main .brochurebar {
    width:520px;
	margin:10px 0px 10px 0px;
	padding:10px 10px 10px 10px;
	background-color:#FFFFFF;
	line-height: 20px;
}

#main .brochurebar h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:18px;
	color:#326792;
	margin:0px 0px -15px 0px;
	}
	
#main .brochurebar p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	}
		
	
#main .street {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	color:#306b8f;
	}

#main .city {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	color:#306b8f;
	}
	
#main .phone {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-stretch:condensed;
	color:#666666;
	float:right;
	margin:0 10px 5px 0;
	padding-left:15px;
	background:url(../images/telephone.gif) left no-repeat;
	}

#main .brochurebar2 {
    width:500px;
	height:20px;
	margin:10px 0px 10px 0px;
	padding:10px 10px 10px 10px;
	background-color:#e8f3f9;
}


#main a:link {
	color:#4c81ab;
	text-decoration:underline;
	}

#main a:hover {
	color:#4c81ab;
	text-decoration:none;
	}

#main a:visited {
	color:#4c81ab;
	text-decoration:underline;
	}

#rightcol {
    width:150px;
	float:right;
	padding: 10px 10px 0px 10px;
	_padding:9px;
	background-color:#E8F3F9;
	text-align:center;
	color:#306B8F;
}

#local-brideguide {
    width:530px;
	margin: 10px 0px 10px 0px;
	_margin:0px;
	float:left;
	padding: 30px 10px 17px 10px;
	background-color:#FFFFFF;
	background-image:url(http://www.metrobridesguide.com/images/select-area.gif);
	background-position: top left;
	background-repeat:no-repeat;
	line-height: 10px;
}

#local-brideguide ul {
	padding:0px;
	margin: 0px;
}

#local-brideguide li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2E556B;
	list-style-type:none;
	background-image: url(http://www.metrobridesguide.com/images/bullet.gif);
	background-repeat:no-repeat;
	float:left;
	font-size: 11px;
	margin: 6px 0px 0px 20px;
	_margin: 6px 25px 0px 10px;
	padding: 1px 8px 2px 18px;
}

.advertise {
	list-style-image:url(../images/bullet2.gif);
}

#breadcrumb {
	width:530px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
	background-color:#2F6E97;
	padding:1px 0px 3px 10px;
	margin:10px 0px 10px 0px;
	clear:both;
	}

#breadcrumb a {
	color:#DBE9F4;
	text-decoration:none;
	}

#breadcrumb a:link {
	color:#DBE9F4;
	text-decoration:none;
	}

#breadcrumb a:hover {
	color:#DBE9F4;
	text-decoration:none;
	}

#breadcrumb a:visited {
	color:#DBE9F4;
	text-decoration:none;
	}

/*-------------------------------------------
	menu 	
/*------------------------------------------*/

#menu {
	width:950px;
	height:35px;
	margin:0px 0px 4px 15px;
	background-image: url(http://www.metrobridesguide.com/images/menu_bg.png);
}

#menu ul {
	padding:0px;
	margin: 0px;
}

#menu li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	list-style-type: none;
	float:left;
	font-size: 13px;
	margin: 6px 0px 0px 10px;
	padding: 1px 15px 2px 5px;
	border-right:1px solid #C8DDEE;
}

#menu li a {
	color:#FFFFFF;
	text-decoration:none;
	margin: 6px 0px 0px 10px;
	padding:10px 3px 10px 3px;
}

#menu li a:hover {
    background-color:#FFFFFF;
	color:#5285aa;
	margin: 6px 0px 0px 10px;
	padding:10px 3px 10px 3px;
	background-position: bottom left;
	background-repeat:no-repeat;
	text-decoration: none;
}

#minimenu {
	width:210px;
	float:right;
	margin-top:-27px;
	margin-right:75px;
	_margin-right:35px;
}

#minimenu ul {
	padding:0px;
	margin: 0px;
}

#minimenu li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	list-style-type: none;
	float:left;
	font-size: 11px;
	padding: 0px 7px 0px 7px;
	margin: 0px;
	border-right:1px solid #C8DDEE;
}

#minimenu li a {
	color:#e8f3f9;
	text-decoration:none;
	padding: 0px 7px 0px 7px;
	margin: 0px;
}

#minimenu li a:hover {
	text-decoration: underline;
}

h3 {font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#4B7A9C;}

a#acts {display:block; text-indent:-9999px; width:550px; height:90px; float:right; margin:10px 410px 0 0px; overflow:hidden;}

.curly {background:url(../images/hr.gif) no-repeat; width:553px; height:10px; padding:2px; border:none;}


/*-------------------------------------------
	- FOOTER
-------------------------------------------*/

#footer{
	width: 900px;
    height:45px;
    margin-left:auto; 
    margin-right:auto;
	text-align:center;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #CCCCCC;
	text-align: center;
	line-height:15px;
 }

#footer a {
color: #e8e8b3;
text-decoration:none;
}

#footer a:hover {
color: #e8e8b3;
border-bottom: 1px solid #e8e8b3;
}
