/*******************************************************
*                  GLOBAL STYLES
********************************************************/

/* GLOBAL RESET - in addition to imported reset, more specific to this site
********************************************************/
a { color:#c13b20; text-decoration:none; }
a:visited { color:#c13b20; }
a:hover { color:#c13b20; text-decoration:underline; }
a.cta { display:block; }
.hidden { display:none; }

/* HTML5 elements - some browser need a little help */
header, footer, nav, section, article {
 display:block;
}

/*******************************************************
* OUTER SCTRUCTURAL CONTAINERS
********************************************************/
html { height:100%; }

body {
	margin: 0 auto;
	font: small Helvetica, Arial, Geneva, sans-serif;
	color: #2c2b2b;
	height: 100%;
  background: #e4e3e3 url(/media/image/1/bg_top.png) repeat-x center top;
}


/* added wrapper for strokes background layer TODO get the backgrounds to work */
/*div#backlayer { background:#fff url(images/bg_strokes.png) no-repeat center top; padding-bottom:15em; z-index:10; }*/

/* WRAP CONTAINER - crutch for styling */

div#wrap {
	min-width: 1003px;
	min-height: 100%;
	position: relative;
  background: transparent url(/media/image/1/bg_bottom.png) repeat-x center 100%;
}

/* MAIN CONTAINER - necessary for centering and for footer placement-
padding-bottom must equal sum of heights of top and bottom footer sections PLUS any top/bottom padding */

div#content {
	margin: 0 auto;
	overflow: hidden;
	width: 1003px;
	padding-bottom: 26em;
	padding-bottom: 33em; /* SAS Footer */
	position: relative;
	z-index: 400;
	min-height: 520px; /* for home page animation bg in IE7 ++ */
}


/*******************************************************
* HEADER
********************************************************/
header { float:left; width:100%; position:relative; height: 70px;}
header div.logo { position:absolute; bottom:0; left:0; padding:0; }

header div.contact {
	position: absolute;
	top: 0;
	right: 0;
	padding: 18px 0;
	font-size: 77%;
}

header div.contact ul, header div.contact li {
	float:left;
	font-family: Helvetica, Arial, Geneva, sans-serif;
}

header div.contact a {
	text-transform: uppercase;
	padding: 0 10px;
	/* font-family: Arial, Helvetica, Geneva, sans-serif; */
}

header div.contact li.phone {
	/* margin: 2px 0 0; */
}


/* Global Navigation */

header nav {
	position: absolute;
	bottom: -5px;
	bottom: -1px;
	right: 115px;
}

header nav ul {
	float: left;
	z-index: 900;
}

header nav ul li {
	float: left;
}

header nav ul li.s1298 {
	width: 136px;
	width: 120px;
}

header nav ul li.s222003 {
	width: 120px;
	width: 105px
}

header nav ul li.s5015 {
	width: 104px;
	width: 94px;
}

header nav ul li.s5016 {
	width: 110px;
	width: 94px
}

header nav ul li.s5017  {
	width: 101px;
	width: 91px;
}

header nav ul li.s5018 {
	width: 127px;
	width: 132px;
}

header nav ul li a {
	display: block;
	color: #3f1e10;
	text-decoration: none;
	font-size: 93%;
	font-weight: bold;
	margin: 0 auto;
	text-transform: uppercase;
	padding: 0 0 5px;
}

header nav ul li a:visited {
	color: #3f1e10;
}

header nav ul li:hover a, header nav ul li.current a {
	color: #106470;
	text-decoration: none;
}

header nav ul li ul {
	position: absolute;
	left: -999em;
	z-index: 950;
	width: 168px;
	margin: 0 0 0 -15px;
}

header nav ul li:hover ul {
	left: auto;
	visibility: visible;
	background: url(/media/image/1/dropdown.png) no-repeat bottom;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/media/image/1/dropdown.png);
	padding-bottom: 1.5em;
}

header nav ul li li {
	float: none;
	margin-left: 4px;
	width: 148px;
	border-bottom: 1px #b5ada8 solid;
	border-top: 0;
}

header nav ul li li a {
	display: block;
	padding: 9px 0 8px 12px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 77%;
	background: transparent;
}

header nav ul li:hover li a {
	color: #5f5f51;
}

header nav ul li li:hover a, ul#primaryNav li li.current a {
	color: #ffffff;
	background: #106470;
}

header div.login a:link, header div.login a:visited {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #c13b20;
	padding: 5px;
	color: #fff;
	font-size: 70%;
	font-size: 77%;
	text-transform: uppercase;
	text-decoration: none;
}

header div.login a.signup:link, header div.login a.signup:visited, header div.login a.signup:hover, header div.login a.signup:active {
	right: 44px;
}

header div.login a:hover, header div.login a:active {
	color: #fff;
	background-color: #ae1b12;
}

/* Main content area styles in more specific stylesheets (home or secondary) */

/*******************************************************
* FOOTER
********************************************************
* Method used from http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page*/


footer { width:100%; position:absolute; bottom:0; min-width:990px; z-index:400; }
footer a { color:#efeddd; text-decoration:none; }

/* section.top styles in home.css and secondary.css stylesheets */

footer section.btm {
	/* height: 11em; SAS Footer */
	padding: 4em 0 1em 0;
	background: #3f1e10 url(/media/image/1/bg_brown_footer.jpg) no-repeat center top;
	z-index: 11;
	float: left; /* SAS Footer */
	width: 100%; /* SAS Footer */
}

footer section.btm div.footerWrap { width:988px; margin:0 auto; z-index:555; }

footer section.btm div.footerWrap div.row {
	float:left;
	clear: both;
	margin: 0;
	width: 988px;
	z-index: 999;
}


footer section.btm div.footerWrap div.row div {
	float: left;
	height: 12em;
	height: 155px;
	margin: 0;
	padding: 0 29px;
	border-left: solid 1px #4B372A;
	/* font-size: 67%; SAS Footer: When removed - throws things outta whack? */
}

footer section.btm div.footerWrap div.row div.last {
	border-right: solid 1px #4B372A;
	border-left: none;
}

footer section.btm p { color:#efeddd; margin:12px 0; font-size:90%; }

footer section.btm h3 {
	color: #efeddd;
	margin: 0 0 12px 0;
	font-size: 100%;
}

footer section.btm h4 {
	color: #c13b20;
	margin: 0;
	font-size: 93%;
}

footer section.btm a {
	color: #c13b20;
	margin: 0;
}


footer section.btm p span {
	color: #efeddd;
	font-size: 85%;
}

footer section.btm nav { float:left; }
footer section.btm nav ul { color:#c13b20; margin:0; /* background:url(/media/image/1/bg_footer_lines.png) repeat-y; */ list-style:none; }

footer section.btm nav ul a {
	color:#c13b20;
	font-size: 77%;
	margin: 0 0 0 8px;
}

footer section.btm nav ul li {
	margin: 10px 0;
	*margin: 4px 0;
}

footer section.btm nav ul li span { color:#efeddd; font-size:80%; }
footer section.btm nav ul ul { padding:0 0 0 12px;; list-style:disc; }


footer section.btm nav ul ul li a {
	color:#c13b20;
	display:block;
	font-size: 85%;
	margin: 0 0 0 -5px;
	width: 160px;
}

footer section.btm section.book h4 {
	font-size: 77%;
	text-align:left;
}

footer section.btm section.book p {
	text-align:left;
}


footer section.btm form { float:left; }
footer section.btm form h3 { color: #efeddd; }

footer section.btm form p {
	font-size: 85%;
	color: #efeddd;
	margin: 0 0 24px 0;
}

footer section.btm form p.label {
	font-size: 77%;
	color: #efeddd;
	margin: 12px 0 3px 0;
}

footer section.btm form input { display:block; margin:0 0 12px 0; background-color:#efeddd; }
footer section.btm form input.sbmt { display:block; margin:0 0 12px 0; background-color:#3f1e10; }

footer section.btm section.socialMedia { float:left; width:100px; }
footer section.btm section.socialMedia u { list-style:none; }

footer section.btm section.socialMedia li.linkedin a {
	background: url(/media/image/1/linkedin.png) no-repeat 0 50%;
	line-height: 48px;
	padding: 20px 20px 20px 42px;
	font-size: 93%;
}

footer section.btm section.socialMedia li.twitter a {
	background: url(/media/image/1/twitter.png) no-repeat 0 50%;
	line-height: 48px;
	padding: 20px 20px 20px 42px;
	font-size: 93%;
}

footer section.btm div.footerWrap p#copyright {
	clear: both;
	float: right;
	*float: left; /* SAS For IE6 & 7 */
	color: #efeddd;
	font-size: 77%;
	text-align: right;
	margin: 55px 26px 6px 0;
	width: 988px; /* SAS For IE6 & 7 */
}

footer section.btm p span.tagline {
	font-size: 123.1%;
	text-transform: uppercase;
}

.trademark {
	font-size: 50%;
	vertical-align: top;
}




/*******************************************************
* Login / Modal Window Styles
********************************************************/


/* the overlayed element */
.simple_overlay {

	/* must be initially hidden */
	display:none;

	/* place overlay on top of other elements */
	z-index:10000;

	width:374px;
	min-height:336px;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(/media/image/1/modal_close_button.png);
	position:absolute;
	right:-0px;
	top:-8px;
	cursor:pointer;
	height:35px;
	width:32px;
}

/* styling for elements inside overlay */
#login_modal {
	margin: 0;
	padding: 0;
	width: 374px;
	height: 336px;
	background: transparent url(/media/image/1/modal_login_background.png) 0 0 no-repeat;
	left: 50%;
	top: 50%;
	color: #fff;
}

#thankyou_modal {
	margin: 0;
	padding: 0;
	width: 374px;
	height: 336px;
	background: transparent url(/media/image/1/bg_thankyou.png) 0 0 no-repeat;
	left: 50%;
	top: 50%;
	color: #fff;
}

#thankyou_modal p {
  margin: 0;
	padding: 0px  56px 56px;
	width: 260px;
}

#thankyou_modal h2 {
  margin: 0;
  width: 260px;
  padding: 56px 56px 24px;
  font-size: 138.5%;
}

#thankyou_modal .close {
  right: 12px;
}

#login_modal form {
	margin: 0;
	padding: 108px 56px 0;
	width: 260px;
}

#login_modal fieldset {
	margin: 0;
	padding: 0;
}

#login_modal legend {
	margin: 0;
	padding: 0;
	display: none;
	font-size: 13px;
	font-weight: bold;
}

#login_modal label {
	margin: 0 0 3px;
	padding: 0;
	display: block;
	width: 209px;
}

#login_modal label a {
	margin: 2px 0 0;
	padding: 0;
	float: right;
	color: #fff;
	font-size: 85%;
}

#login_modal label.error {
	font-size: 11px; 
	color: #dc291e;
	margin-top: -12px;
}

#login_modal input {
	margin: 0 0 14px;
	padding: 0;
	display: block;
	width: 203px;
	height: 15px;
}

#login_modal input.submit {
	margin: 20px 0 12px;
	padding: 0;
	display: block;
	width: 52px;
	height: 20px;
	background: transparent url(/media/image/1/modal_login_button.png)
}

#login_modal p {
	font-size: 85%;
	line-height: 1.2em;
}


/* styling for enlarge media */

.enlarged_image {

	/* must be initially hidden */
	display:none;

	/* place overlay on top of other elements */
	z-index:10000;

	max-width: 1024px;
	max-height: 580px;
}

.enlarged_image img {
	max-width: 1024px;
	max-height: 580px;
}

#enlarge1 .close, #enlarge2 .close, #enlarge3 .close, #enlarge4 .close {
	background-image: url(/media/image/1/modal_close_button.png);
	position: absolute;
	right: -12px;
	top: -12px;
	cursor: pointer;
	height: 35px;
	width: 32px;
}

#video_modal {
  width: 668px;
  height: 525px;
}

#video_modal .close {
	right: -12px;
	top: 5px;
	background-image: url(/media/image/1/modal_close_button.png);
	position: absolute;
	cursor: pointer;
	height: 35px;
	width: 32px;
}

/* UPDATING (no idea why this is in here!): input, input.hidden { /* appearance of the HTML4/XHTML1 hidden text field in particular */
input.hidden {
	display: none;
}

.pop.doc a img {
	border: 5px solid #CED3D6;
}

.pop.doc a img:hover, .pop a img:active {
	border-color: #36636B;
}