/* ----------------------------- Page Setup Start ----------------------------- */

* { margin: 0; padding: 0; }

html, body {
	width: 100%;
	height: 100%; 
}

	/* For Pinned Footer */
	.minwidth_outer {
		position: relative;
		min-height: 100%;
	}

		* html .minwidth_outer {
			height: 495px;
		}

	.footer {
		position: absolute;
		width: 100%;
		text-align: center;
		bottom: 0;
		margin-bottom: 5px;
		
	}
	
		.footer p {
			font-family: Arial, sans-serif;
			font-size: 9px;
			color: #000000;
		}
		
a { outline: none; } /* Removes dotted area around active <a> tags in Firefox */

body {
	position: relative; /* Makes sure everything within the body tags are placed relative to the body. */
	font-family: Arial, sans-serif;
	font-size: .675em; /* Matches 10.5px; */
	background-color: #d6e0ec;
	}

fieldset, img { border: 0; }

label, p, td, li { color: #666666; line-height: 1.3em; }
li {  }
h1 { font-size: 1.7em; color: #333333; }
h2 { font-size: 1.2em; color: #979264; line-height: 1.5em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1em; }
h5 { font-size: .9em; }
h6 { font-size: .8em; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { padding: .7em 0 .5em 0; }
ul { margin: .5em 0; }
li, dd { margin-left: 2em; }
fieldset { padding: .5em; }

a:link, a:visited { text-decoration: none; color: #006699; font-weight: bold; line-height: 1.3em; }					/* unvisited link */
a:hover { text-decoration: underline; color: #605d49; }													/* mouse over link */

em { font-weight: bold; font-style: normal; }

ul.menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
	ul.vertical li {
		margin: 0;
		padding: 0;
	}
	
	ul.horizontal li {
		margin: 0;
		padding: 0;
		float: left;
	}
	
		ul.graphic li a,
		.image_text {
			display: block;
			overflow: hidden;
			border: 0;
			text-indent: -2000em;
		}
	
.blue {
	color: #006699;
	font-weight: bold;
}

.yellow {

}

.green {
	color: #979264;
}

.gray {

}



/* ----------------------------- Page Setup End ------------------------------- */

/* ----------------------------- Header Start ----------------------------- */

.header {
	position: relative;
	width: 100%;
	height: 55px;
	background-color: #333333;
}

	#header_logo {
		position: absolute;
		top: 10px;
		left: 35px;
		width: 210px;
		height: 34px;
		background: url(../images/logos/merge_main.gif) no-repeat 0 0;
	}
	
		#header_logo img {
			border: 0;
		}
		
/* ----------------------------- Header Menu Start ----------------------------- */

#header_menu {
	position: absolute;
	top: 0;
	right: 35px;
	width: 275px; /* Full Width of Menu */
}

	#header_menu li {
		height: 55px;
	}

		#header_menu li a {
			height: 55px;
		}
		
			#header_menu li a#nav_menu1 {
				width: 70px;
				background: url(../images/navigation/btn_menu1.gif) no-repeat 0 0;
			}
			
			#header_menu li a#nav_menu2 {
				width: 62px;
				background: url(../images/navigation/btn_menu2.gif) no-repeat 0 0;
			}
			
			#header_menu li a#nav_menu3 {
				width: 64px;
				background: url(../images/navigation/btn_menu3.gif) no-repeat 0 0;
			}
			
			#header_menu li a#nav_menu4 {
				width: 76px;
				background: url(../images/navigation/btn_menu4.gif) no-repeat 0 0;
			}
			
				#header_menu li a#nav_menu1:hover,
				#header_menu li a#nav_menu2:hover,
				#header_menu li a#nav_menu3:hover,
				#header_menu li a#nav_menu4:hover,
				#header_menu li a#nav_menu1:active,
				#header_menu li a#nav_menu2:active,
				#header_menu li a#nav_menu3:active,
				#header_menu li a#nav_menu4:active {
					background-position: 0 -55px;
				}
				
				body.about #header_menu li a#nav_menu1,
				body.work #header_menu li a#nav_menu2,
				body.blog #header_menu li a#nav_menu3,
				body.contact #header_menu li a#nav_menu4,
				#header_menu li a#nav_menu1.active,
				#header_menu li a#nav_menu2.active,
				#header_menu li a#nav_menu3.active,
				#header_menu li a#nav_menu4.active,
				body.about #header_menu li a#nav_menu1:hover,
				body.work #header_menu li a#nav_menu2:hover,
				body.blog #header_menu li a#nav_menu3:hover,
				body.contact #header_menu li a#nav_menu4:hover {
					background-position: 0 -110px;
				}
					
/* ----------------------------- Header Menu End ----------------------------- */


/* ----------------------------- Header End ------------------------------- */

/* ----------------------------- SubMerge Header Start ----------------------------- */

.submerge_header {
	position: relative;
	width: 100%;
	height: 55px;
	background-color: #333333;
}

	#submerge_header_logo {
		position: absolute;
		top: 10px;
		left: 35px;
		width: 210px;
		height: 34px;
		background: url(../images/logos/merge_main.gif) no-repeat 0 0;
	}
	
		#submerge_header_logo img {
			border: 0;
		}
		
/* ----------------------------- Submerge Header Menu Start ----------------------------- */

#submerge_header_menu {
	position: absolute;
	top: 0;
	right: 35px;
}

	#submerge_header_menu li {
		height: 55px;
	}

		#submerge_header_menu li a {
			height: 55px;
		}
		
			#submerge_header_menu li a#nav_menu1 {
				width: 114px;
				background: url(../images/submerge/navigation/btn_menu1.gif) no-repeat 0 0;
			}
			
			#submerge_header_menu li a#nav_menu2 {
				width: 124px;
				background: url(../images/submerge/navigation/btn_menu2.gif) no-repeat 0 0;
			}
			
			#submerge_header_menu li a#nav_menu3 {
				width: 119px;
				background: url(../images/submerge/navigation/btn_menu3.gif) no-repeat 0 0;
			}
			
			#submerge_header_menu li a#nav_menu4 {
				width: 76px;
				background: url(../images/submerge/navigation/btn_menu4.gif) no-repeat 0 0;
			}
			
				#submerge_header_menu li a#nav_menu1:hover,
				#submerge_header_menu li a#nav_menu2:hover,
				#submerge_header_menu li a#nav_menu3:hover,
				#submerge_header_menu li a#nav_menu1:active,
				#submerge_header_menu li a#nav_menu2:active,
				#submerge_header_menu li a#nav_menu3:active {
					background-position: 0 -110px;
				}
				
				body.hr #submerge_header_menu li a#nav_menu1,
				body.pmo #submerge_header_menu li a#nav_menu2,
				body.contacts #submerge_header_menu li a#nav_menu3,
				#submerge_header_menu li a#nav_menu1.active,
				#submerge_header_menu li a#nav_menu2.active,
				#submerge_header_menu li a#nav_menu3.active {
					background-position: 0 -110px;
				}
					
/* ----------------------------- SubMerge Header Menu End ----------------------------- */

#hdr_splash {
	position: absolute;
	height: 46px;
	width: 100%;
	background: url(../images/submerge/backgrounds/splash.jpg) no-repeat 0 0;
	overflow: hidden;
}

/* ----------------------------- SubMerge Header End ------------------------------- */

/* ----------------------------- Content Start ----------------------------- */

.main_container {
	position: relative;
	text-align: left;
}

	#content_band_header {
		position: absolute;
		width: 100%;
		height: 40px;
		top: 46px;
		left: 0;
		background: #ffffff url(../images/backgrounds/content_band_top.gif) repeat-x 0 38px;
	}
	
		#content_band_header img {
			background: url(../images/backgrounds/content_band_header_lft.gif) no-repeat left;
		}

		.content_band_menu {
			position: absolute;
			height: 40px;
			top: 0px;
			right: 0;
			padding-right: 35px;
			background: url(../images/backgrounds/content_band_header_rgt.gif) no-repeat right;
		}
			
			ul#page_menu {
				margin-top: 12px;
			}
			
				ul#page_menu li {
					margin-left: 1em;
				}
				
					ul#page_menu li a {
						display: block;
						padding: 0 0 4px 0;
						text-decoration: none;
					}
					
						ul#page_menu li a:visited {
						}
						
						ul#page_menu li a:hover,
						ul#page_menu li a:active {
						}
						
						body.whoweare #page_menu li #content_band_menu1,
						body.whatwedo #page_menu li #content_band_menu2,
						body.howwedoit #page_menu li #content_band_menu3,
						body.history #page_menu li #content_band_menu4,
						body.joinourteam #page_menu li #content_band_menu5,
						body.casestudies #page_menu li #content_band_menu1,
						body.whitepapers #page_menu li #content_band_menu2,
						body.awards #page_menu li #content_band_menu3,
						body.inthenews #page_menu li #content_band_menu1,
						body.aroundtown #page_menu li #content_band_menu2,
						ul#page_menu li a.active {
							color: #696653;
							background: url(../images/navigation/nav_btm.gif) repeat-x bottom;
						}

	.content_band {
		position: absolute;
		width: 100%;
		height: 325px;
		top: 86px;
		left: 0;
		overflow: hidden;
	}
	
		.content_band#flashband {
			position: absolute;
			width: 100%;
			height: 365px;
			top: 46px;
			left: 0;
		}
		
		.content_band#full {
			background-color: #ffffff;
		}
		
		.content_band#fullbg {
			background-color: #faf8f1;
		}
		
		.content_band#blog {
			position: relative;
			background-color: #ffffff;
			height: 100%;
		}
		
			#blogcontent {
				/*
				padding: 0 30px;
				*/
			}
			
			#submerge_content {
				padding: 0 38px;
			}
		
		
		
	#content_band_main_lft {
		position: absolute;
		width: 16px;
		height: 325px;
		top: 0;
		left: 0;
		background: url(../images/backgrounds/content_band_main_lft.gif) repeat-y left;
	}
	
	#content_band_main_rgt {
		position: absolute;
		width: 16px;
		height: 325px;
		top: 0;
		right: 0;
		background: url(../images/backgrounds/content_band_main_rgt.gif) repeat-y right;
		z-index: 49;
	}

/* ----------------------------- Special Start ----------------------------- */

/* 100% Background Image */
	#background {
		position: fixed;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
	}
	
	#bg_img {
		position: absolute;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
	}
	
	* html #background {
		position: absolute;
	}
	
/* Min Width IE CSS Code by Stu Nicholls */
/* For all browsers that understand min-width */
	.minwidth_outer {width:100%; min-width:962px; height: 495px;}

/* Code for IE */
	* html .minwidth_inner {border-left:962px solid #fff; position:relative; float:left; z-index:1;}
	* html .minwidth_content {margin-left:-962px; position:relative; float:left; z-index:2;}
	
#overlay,
#imgoverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/backgrounds/overlay.png);
	/*
	background-color: #000000;
	opacity: .3;
	filter: alpha(opacity=30);
	*/
	z-index: 50;
}