/* Warren, McKay, Geurts, &amp; Bellehumeur Lawyers */
/* http://wmgb-law.com */
/* Style Guide made with love from Carbon Media Design */
/* http://carbonmedia.ca */

/* Global ----------------------------------------------------------------- */
body,
html {
	background: #e2ddd7;
	color: #7d6868;
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
a {
	color: #4b83b2;
  cursor: pointer;
  outline-color: -moz-use-text-color !important;
  outline-style: none !important;
  outline-width: medium !important;
  text-shadow: 1px 1px 1px rgba( 150,150,150,0.13 );
}
a:hover {
	color: #6ba3d2;
}
a span.hover {
  display: block;
	height: 100%;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	position: absolute;
	top: 0;
	width: 100%;
}
h1, h2, h3, h4, h5, h6 {
	color: #172741;
}
h1 {
	font-size: 3em;
	letter-spacing: -0.04em;
	line-height: 1;
	margin: 0;
	word-spacing: 0.17em;
}
h2 {
	font-size: 1.5em;
	letter-spacing: -0.04em;
	margin: 10px 0 14px 0;
}
h2 b {
	color: #000;
}
section li {
	color: #555566;
	font-size: 1.125em;
	margin-left: 1.1em;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);
}

/* Header ----------------------------------------------------------------- */
header {
	background: #f0f0f4 url( images/bg_header.jpg ) repeat-x scroll 0 0;
	display: block;
	height: 474px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	width: 100%;
}
header img#banner {
	/*-moz-box-shadow: 10px 2px 20px rgba( 100, 100, 100, 1 );
	-webkit-box-shadow: 10px 2px 20px rgba( 100, 100, 100, 1 );
	box-shadow: 10px 2px 20px rgba( 100, 100, 100, 1 );*/
	
	/*border-right: 3px solid #d9d4ce;*/
}
#logo,
#logo-small {
	/*-moz-box-shadow: 1px 2px 10px rgba( 100, 100, 100, 0.3 );
	-webkit-box-shadow: 1px 2px 10px rgba( 100, 100, 100, 0.3 );
	box-shadow: 1px 2px 10px rgba( 100, 100, 100, 0.3 );*/
	
	bottom: 0;
	height: 74px;
	position: absolute;
	left: 230px;
	width: 382px;
}
#logo-small {
	bottom: 180px;
	height: 57px;
	left: 235px;
	width: 279px;
}
nav {
	display: block;
	height: 120px;
	left: 0;
	margin: 0;
	position: fixed;
	top: 120px; /* set dynamically */
	width: 160px;
	z-index: 10000;
}
nav ul {
	margin: 6px 0 0 0;
	padding: 0;
}
nav li {
	color: #fff;
	margin: 2px 0;
	padding: 0;
	list-style: none;
	width: 146px;
}
nav a:link,
nav a:visited {
	-moz-box-shadow: 1px 1px 10px rgba( 100, 100, 100, 0.5 );
	-webkit-box-shadow: 1px 1px 10px rgba( 100, 100, 100, 0.5 );
	box-shadow: 1px 1px 10px rgba( 100, 100, 100, 0.5 );
	
	opacity: 0.93;
	filter: alpha(opacity=93);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=93)";
	
	background: #75708d;
	color: #fff;
	display: block;
	height: 18px;
	letter-spacing: -0.07em;
	overflow: hidden;
	padding: 3px 10px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	width: 114px;
}
nav a:hover,
nav a:active {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	
	background: #495062;
}
a#welcome-link {
	width: 68px;
}
a#about-us-link {
	width: 178px;
}
a#contact-link {
	width: 98px;
}

/* Main Content ------------------------------ */
#wrapper {
	width: 100%;
}
section {
	display: block;
	width: 100%;
}
.even {
	background: transparent url( images/bg_section_even.jpg ) repeat-x scroll 0 0;
}
.odd {
	background: transparent url( images/bg_section_odd.jpg ) repeat-x scroll left top;
}
.inner {
	height: 463px;
	margin: 0 0 0 240px;
	padding-top: 20px;
}
#welcome .inner {
	height: 443px;
	padding-top: 40px;
}
.inner div {
	display: inline;
	float: left;
	margin-right: 22px;
	width: 340px;
}
.inner .last {
	margin: 68px 0 0 0;
}
p {
	margin-bottom: 14px;
	text-shadow: 1px 1px 1px rgba( 255,255,255,0.6 );
}
#address {
	color: #8a8a8a;
}

/* Partners ------------------------------ */
#our-partners span {
	display: block;
}
#our-partners div.last {
	margin-top: 55px;
}
#partner-photos {
	background: #fff;
	border: 1px solid #d9cec7;
	display: block;
	float: none;
	height: 170px;
	margin: 18px 0 0 0;
	overflow: hidden;
	padding: 2px;
	width: 334px;
}
ul#partners {
	height: 174px;
	list-style: none;
	margin: 12px 0 0 0;
	width: 340px;
}
ul#partners li {
	border: 2px solid #fff;
	display: inline;
	float: left;
	height: 79px;
	margin: 0 22px 16px 0;
	width: 155px;
}
ul#partners li a {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
ul#partners li a:hover,
ul#partners li a:active,
ul#partners li a:focus,
ul#partners li a.selected {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
ul#partners li.last {
	margin-right: 0;
}

/* Maps ------------------------------ */
#map {
	background: #fff;
	border: 1px solid #d9cec7;
	height: 260px;
	padding: 10px;
	width: 320px;
}
#map_canvas {
	height: 260px;
	width: 320px;
}

/* Footer ------------------------------ */
footer {
	background: transparent url( images/bg_footer.jpg ) repeat-x scroll left top;
	color: #172741;
	display: block;
	font-size: 0.825em;
	height: 237px;
	margin-top: -5px;
	position: relative;
}
footer .inner {
	height: 130px;
	padding-top: 100px;
	position: relative;
	width: 706px;
}
footer p {
	margin: 0;
	text-shadow: none;
}
footer a:link,
footer a:visited {
	color: #fff;
	text-decoration: none;
}
footer a:hover {
	color: #000;
	text-shadow: 2px 2px 2px rgba( 200, 200, 200, 0.5 );
}
footer a.sprite:link,
footer a.sprite:visited {
	background: transparent url( images/spritemap.gif ) no-repeat scroll left top;
	color: #fff;
	display: block;
	float: left;
	line-height: 23px;
	margin-top: 10px;
	padding: 5px 20px 0 10px;
	position: relative;
	text-decoration: none;
	text-indent: -1000px;
	width: 100px;
	height: 25px;
}
footer a.sprite:hover,
footer a.sprite:active {
	background-position: 0 -30px;
	color: #e94986;
}
#site-credits a {
  background: transparent url( images/sprite_carbon_media_logo.gif ) no-repeat scroll 0 0;
  display: block;
  height: 23px;
  right: 0;
  overflow: hidden;
  position: absolute;
  text-indent: -10000px;
  top: 105px;
  width: 250px;
}
#site-credits a span.hover {
  background: transparent url( images/sprite_carbon_media_logo.gif ) no-repeat scroll 0 -20px;
}

.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
