/*================================================================================================*
 * TYPOGRAPHY - Default font settings                                                             *
 *================================================================================================*/
 
html {
	font-size: 100.01%;
}

body { 
	font-size: 75%; /* (0.75 x 16px = 12px) */
	color: #F7F7F7;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/*================================================================================================*
 * TYPOGRAPHY - Headings (h1 - h6)                                                                *
 *================================================================================================*/
 
h1 {
	font: normal normal normal 36px Arial, "Helvetica Neue", Helvetica, sans-serif;
	position: relative;
	padding: 50px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
	border-bottom: 1px solid #009900;
	line-height: 39px;
	color: #FFF;
	background: url(../images/background.gif) repeat-x center bottom;
}

h2 {
	font: normal normal normal 25px Arial, "Helvetica Neue", Helvetica, sans-serif;
	position: relative;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #006738;
	line-height: 36px;
	color: #677272;
	background: #FFFFFF;
}

h3 {
	font: bold 16px Arial, "Helvetica Neue", Helvetica, sans-serif;
	position: relative;
	font-variant: small-caps;
	padding: 6px 0px 3px 0px;
	margin: 20px 0px 0px 0px;
	line-height: 24px;
	color: #FFFFFF;
	background: #eee;
	text-indent: 30px;
}

h4 {
	font: normal normal normal 18px Arial, "Helvetica Neue", Helvetica, sans-serif;
	position: relative;
	padding: 9px 0px 9px 0px;
	margin: 20px 0px 0px 0px;
	line-height: 22px;
	color: #FFFFFF;
	background: #616B6B;
	text-indent: 30px;
}

h5 {
	font: normal normal bold 14px Arial, "Helvetica Neue", Helvetica, sans-serif;
	position: relative;
	padding: 0px 0px 3px 0px;
	margin: 20px 0px 0px 0px;
	line-height: 17px;
	color: #FFFFFF;
	background: #616B6B;
	text-transform: uppercase;
}

h6 {
	font: normal normal normal 12px Arial, "Helvetica Neue", Helvetica, sans-serif;
	position: relative;
	padding: 0px 0px 1px 0px;
	margin: 20px 0px 0px 0px;
	line-height: 19px;
	color: #FFFFFF;
	background: #616B6B;
}



/*================================================================================================*
 * TYPOGRAPHY - Paragraphs                                                                        *
 *================================================================================================*/
 
p {
	font: normal normal normal 1em Arial, "Helvetica Neue", Helvetica, sans-serif;
	line-height: 20px;
	padding: 20px;
	margin: 0px 0px 0px 0px;
	color: #000;
	background: transparent;
}

p#copy {
	/* position: relative; */
	height: 100.01%;
	font: normal normal normal 1em Arial, "Helvetica Neue", Helvetica, sans-serif;
	line-height: 20px;
	border-top: none;
	border-right: 5px solid #808080;
	border-bottom: 5px solid #808080;
	border-left: none;
	padding: 20px 5px 15px 30px;
	margin: 0px 0px 20px 0px;
	color: #666666;
	background: #F2F3F3;
	text-indent: 30px;
}

	p.copy a {
		color: #555555;
		background: #D7DBDB;
		padding: 0 2px;
		border-bottom: 1px solid #888888;
	}
	
	p.copy a:hover {
		color: #F2F3F3;
		background: #888888;
		border-bottom: 1px solid #666666;
	}


p.intro {
	font-size: 16px;
	line-height: 20px;
}


div#content_tertiary p {
	font: normal normal normal 10px Arial, "Helvetica Neue", Helvetica, sans-serif;
	line-height: 20px;
	padding: 0px 10px 20px 10px;
	margin: 20px 0px 0px 0px;
	color: #000;
	background: transparent;
}

div#footer_secondary p {
	color: #000;
	font-size: 10px;
	line-height: 20px;
	padding-top: 60px;
	text-align: center;
	/* background: #AAA; */
}



/*================================================================================================*
 * TYPOGRAPHY - Anchors                                                                           *
 *================================================================================================*/
/*
p a {
	color: #555555;
	background: #D7DBDB;
	text-decoration: none;
	font-weight: bold;
	padding: 0 2px;
	border-bottom: 1px solid #555555;
}

	p a:hover {
		color: #F2F3F3;
		background: #888888;
		font-weight: bold;
		border-bottom: 1px solid #F2F3F3;
	} 
*/

 
/*================================================================================================*
 * TEXT BOXES - Window container with heading                                                     *
 *================================================================================================*/

div.text-boxes {
	margin-top: 20px;
	margin-left: 40px;
}

div.text-box {
	float: left;
	display: inline;
	position: relative;
	width: 150px;
	margin-right: 10px;
}

div.text-box h4 {
	display: block;
	font: normal normal bold 10px Arial, "Helvetica Neue", Helvetica, sans-serif;
	position: relative;
	top: 0px;
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 0px 0px;
	border-top: none;
	width: 142px;
	line-height: 20px;
	color: #EEEEEE;
	background: #f9b040;
	text-align: left;
	text-transform: uppercase;
	text-indent: 0px;
}

div.text-box p {
	font: normal normal normal 11px Arial, "Helvetica Neue", Helvetica, sans-serif;
	line-height: 20px;
	border-top: none;
	border-right: none;
	border-bottom: 5px solid #AAAAAA;
	border-left: none;
	padding: 0px 8px 15px 8px;
	margin: 0px 0px 0px 0px;
	width: 134px;
	color: #f9b040;
	background: #D9D9D9;
}

	div.text-box p a {
		color: #f9b040;
		background: #EEEEEE;
		padding: 0 2px;
		border-bottom: 1px solid #808080;
	}
	
	div.text-box p a:hover {
		color: #FFFFFF;
		background: #999999;
		border-bottom: 1px solid #000000;
	}
 
 

/*================================================================================================*
 * ARTICLE CONTAINER                                                                              *
 *================================================================================================*/

div.article {
	margin-top: 20	margin-left: 40px;
	margin-bottom: 20	width: 470px;
	/* padding: 18px 0; */
	/* background: #F2F3F3; */
}



/*================================================================================================*
 * HEADING - Logo                                                                                 *
 *================================================================================================*/

div#header_primary h1 {
	font: normal normal bold 3em "Trebuchet MS", Tahoma, Arial, sans-serif;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 275px;
	border-bottom: none;
	width: 410px;
	line-height: 150px;
	color: #FAFAFA;
	background: transparent url(../images/logo-city-market-destin.png) no-repeat center center;
	text-align: center;
	letter-spacing: 4px;
	z-index: 20;
	text-indent: -999em;
}



/*================================================================================================*
 * TOP HORIZONTAL MENU - Base list styles                                                         *
 *================================================================================================*/

ul.menu_main {
	/* clear: left; */
	bottom: 0;
	/* z-index: 1; */ /* give parent element a larger z-index to fix IE6 bug */
	float: left;
	position: relative;
	left: 50%;
	vertical-align: baseline;
	border: 0;
	margin: 0;
}

	ul.menu_main li {
		float: left;
		vertical-align: baseline;
		padding-top: 0;
		white-space: nowrap; /* Do not allow wrapping of tab text */
		left: -50%;
		position: relative;
	}

		/* Base menu button styles
		 * (apply same styles styles to span tags (menu items without links)) --------------------*/
		ul.menu_main li a, ul.menu_main li span {
			/* width: 120px; */
			padding: 0 13px;
			margin: 0 32px;
			background: transparent;
			display: block;
			line-height: 30px; /* Adjust ul li padding-top */
			
			/* Font styles for base menu links ---------------------------------------------------*/
			color: #FFF;
			font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
			font-size: 11px;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
			font-weight: bold;
			letter-spacing: 1px;
			/* border-top: 1px solid #999; */
		}
		
		ul.menu_main li span {
			cursor: default;
		}
		
			/* Base menu item hover styles -------------------------------------------------------*/
			ul.menu_main li a:hover, ul.menu_main li span:hover {
				/* background: #005D32; */
				background: #f9b040;
				color: #000000;
				text-decoration: none;
			}
			
			/* Keep base button highlighted when hovering over nested item -----------------------*/
			ul.menu_main li:hover > a, 
			ul.menu_main li.sfhover > a {
				background: #f9b040;
				color: #000000;
				/* background: #005D32; */
				/* color: #FEE8C6; */
				text-decoration: none;
			}
		
		/* Currently selected base menu button ---------------------------------------------------*/
		ul.menu_main li.current a,
		ul.menu_main li.current a:hover {
			/* background: #f9b040; */
			/* color: #000000; */
			/* background: #f9b040; */
			/* color: #000000; */
			/* font-weight: bold; */
			/* text-decoration: none; */
			/* border-top: 1px solid #666; */
		}	
		
			/* Base menu item hover styles for current tab selected ------------------------------*/
			ul.menu_main li.current a:hover {
				/* font-weight: bold; */
				/* cursor: default; */
				/* text-decoration: none; */
			}
			
				ul.menu_main li.current ul a:hover {
					/* font-weight: normal; */
				}
				
			/* Keep main tab highlighted when hovering over nested item --------------------------*/
			ul.menu_main li.current:hover > a {
				/* background: #f9b040; */
				/* color: #000000; */
				/* text-decoration: none; */
			}
		


/*================================================================================================*
 * SIDE VERTICAL MENU - Header                                                                    *
 *================================================================================================*/

h2.menu {	
	font: normal normal bold 14px Arial, "Helvetica Neue", Helvetica, sans-serif;
	position: relative;
	top: 0px;
	padding: 0px 0px 0px 20px;
	margin: 20px 0px 0px 0px;
	border-top: 3px solid #006738;
	border-bottom: 1px solid #006738;
	width: 170px;
	line-height: 36px;
	color: #EEEEEE;
	background: #A2A2A2;
	float: left;
}



/*================================================================================================*
 * BOTTOM HORIZONTAL MENU - Base list styles                                                      *
 *================================================================================================*/
 
ul.menu_sitemap {
	position: relative;
	float: left;
	padding-top: 0px; /* padding-top + line-height = #navigation-auxiliary height */
	top: -71px;
}

	ul.menu_sitemap li {
		margin-top: 7px;
		float: left;
		border-right: 1px solid #FFF;
	}
	ul.menu_sitemap li.last {
		border-right: none;
	}
		/* Base menu button styles */
		ul.menu_sitemap li a, ul.menu_sitemap li span {
			background: transparent;
			display: block;
			line-height: 14px; /* padding-top + line-height = #navigation-auxiliary height */
			padding: 0 3px;
			margin: 0 3px;
			
			/* Font styles for nested menu links--------------------------------------------------*/
			color: #FFF;
			font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
			text-decoration: underline;
			font-size: 10px;
			text-align: center;
		}
		
			ul.menu_sitemap li a:hover {
				background: transparent;
				color: #FEE8C6;
			}	
		
/*================================================================================================*
 * BOTTOM HORIZONTAL MENU - Alignment options                                                     *
 *================================================================================================*/

ul.menu_sitemap {
	right: 0;
	float: right;
}

div#disclaimer {
	margin-top: 7px;
}

div#disclaimer p {
	font-family: ;
	font-size: 10px;
	line-height: 16px;
	color: #fff;
	background: transparent;
	padding: 0;
	margin: 0;
}
div#disclaimer p a {
	font-family: ;
	background: transparent;
	font-weight: normal;
	color: #fff;	
	text-decoration: underline;
	border-bottom: none;
}
div#footer_primary div#disclaimer p a:hover {
	background: transparent;
	font-weight: normal;
	color: #FEE8C6;
	text-decoration: underline;
	border-bottom: none;
}
div#header_secondary {
	border-top: 3px solid #f9b040;
}

div#header_secondary img {
	border: none;
	padding: 0;
	margin: 0;
}



/*================================================================================================*
 * SIDE COLUMN BANNERS                                                                            *
 *================================================================================================*/

h3.banner {
	padding: 0;
	margin: 20px 0 0 0;
}
h3.banner span {
	display: none;
	text-indent: -999em;
	height: 1px;
}
h3.banner a {
	display: block;
	width: 138px;
	padding: 26px 0 0 10px;
	font-family: ;
	line-height: 24px;
	font-size: 11px;
	font-weight: bold;
	color: #9bcce2;
	border-bottom: 2px solid #000;
	text-indent: 0;
}
h3.banner a:hover {
	color: #FFF;
}
h3.banner.team a { background: url(../images/banner.gif) no-repeat left top; }
h3.banner.team a:hover { background: url(../images/banner.gif) no-repeat left -100px; }
h3.banner.questions a { background: url(../images/banner.gif) no-repeat -300px top; }
h3.banner.questions a:hover { background: url(../images/banner.gif) no-repeat -300px -100px; }
h3.banner.case a { background: url(../images/banner.gif) no-repeat -600px top; }
h3.banner.case a:hover { background: url(../images/banner.gif) no-repeat -600px -100px; }



/*------------------------------------------------------------------------------------------------*
 * 3 COLUMN FIXED WIDTH - Layout Styles                                                           *
 *------------------------------------------------------------------------------------------------*/
 
html {
	/* 20px; */ /* Amount of space between top of header and top of browser window */
	/* 20px; */ /* Amount of space between bottom of footer and bottom of browser window */
}

#canvas {
	width: 960px;
	margin: 0 auto;
	/* position: relative; */ /* for complicated float layouts */
}
	
#header_primary {
	margin-left: 0px;
	margin-right: 0px;
	width: 960px;
	height: 180px;
	clear: both;
	display: inline;
	float: left;
	position: relative;
	overflow: hidden;
}

#header_secondary {
	margin-left: 0px;
	margin-right: 0px;
	width: 960px;
	height: 209px;
	margin-bottom: 0px;
	clear: both;
	float: left;
	display: inline;
	position: relative;
	z-index: 20; /* Regions with drop down menus need to be on a higher z-index */
}

#content {
	clear: both;
	position: relative;
	top: 0;
	width: 960px;
	height: 301px;
	margin: 0;
	overflow: scroll;
}

#content_primary {
	width: 950px;
	margin-left: 5px;
	margin-right: 0px;
	float: left;
	display: inline;
	position: relative;
	/* clear: both; */
}


#footer_primary {
	margin-left: 0px;
	margin-right: 0px;
	width: 960px;
	height: 80px;
	margin-top: 0px;
	clear: both;
	float: left;
	display: inline;
	position: relative;	
}

#footer_secondary {
	margin-left: 0px;
	margin-right: 0px;
	width: 960px;
	height: 80px;
	clear: both;
	float: left;
	display: inline;
	position: relative;
}




/*================================================================================================*
 * BACKGROUND IMAGES                                                                              *
 *================================================================================================*/

html {
	background: #008146 url('../images/background.gif') repeat-x top;
}

body {
	background: url('../images/text-columns.png') no-repeat center 1px;

}
div#bg {
	width: 100%;
	/* background: url('../images/text-column-right.png') no-repeat right top; */
}

div#canvas {
	background: transparent;
}

div#header_primary {
	background: transparent;
}

div#header_secondary {
	background: transparent;
}

div#content {
	background: #FFF url(../images/logos.jpg) repeat-y center;
}

div#content_primary {
	background: transparent;
}

div#content_secondary {
	background: #CCCCCC;
}

div#content_tertiary {
	background: #CCCCCC;
}

div#footer_primary {
	background: transparent;
}

div#footer_secondary {
	background: #AAAAAA;
}



/*================================================================================================*
 * CUSTOM CONTENT - Home                                                                          *
 *================================================================================================*/
div#home-content {
	height: 301px;
	background: url("../images/map-bg.jpg") no-repeat left top;
}

ul.logoList {
	margin: 5px 0 0 274px;
	padding: 0;
	list-style: none;
}
ul.logoList li {
	display: inline;
	padding: 0;
	margin: 0;
}
ul.logoList img {
	padding: 5px 0 0 5px;
}



/*================================================================================================*
 * CUSTOM CONTENT - Directory                                                                     *
 *================================================================================================*/
div#directory {
	padding: 0 0 20px 40px;
	/* border-top: 3px solid #f9b040; */
}
div.directory-list {
	padding: 10px 0;
	margin: 0 0 0 40px;
	width: 380px;
	float: left;
}
div.links-list {
	padding: 10px 0;
	margin: 0 0 0 40px;
	width: 380px;
	float: left;
}
div.store {
	margin: 15px 0 0 0;
	padding: 0;
	height: 100px;
	border: 1px solid #eee;
}
div.directory-list h3 {
	clear: right;
	font: bold 16px Arial, "Helvetica Neue", Helvetica, sans-serif;
	position: relative;
	font-variant: small-caps;
	padding: 3px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	margin: 0 0 3px 0;
	line-height: 16px;
	/* color: #006738; */
	color: #000;
	border-bottom: 1px solid #aaa;
	background: #eee;
	text-indent: 20px;
}
div.directory-list p {
	margin: 0;
	padding: 0 0 0 20px;
	font-weight: bold;
	font-size: 12px;
}
div.directory-list p span {
	font-weight: normal;
	font-variant: small-caps;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 1px;
	/* padding-left: 5px; */
}
	div.directory-list p a {
		color: #006738;
		background: #fef7ec;
		text-decoration: none;
		font-weight: bold;
		padding: 0 4px;
		font-size: 11px;
		border-bottom: 1px solid #f9b040;
	}
		div.directory-list p a:hover {
			color: #fff;
			background: #f9b040;
			font-weight: bold;
			border-bottom: 1px solid #f9b040;
		} 

div.directory-list img {
	float: right;
	padding-right: 20px;
}

div.directory-logos {
	clear: both;
}

div#shopping p {
	padding: 3px 70px;
}
div#fb {
	position:absolute;
	margin: -30px 0 0 425px;
}