/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Title : Brian Hall Inc.
Author : Cameron Pease
URL : http://www.BrianHallDesignChicago.com/
Created : March 2010
Colors : #E8D5B3 #6A0900 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/** GLOBAL RESETS **/
:link,:visited {text-decoration:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;font-weight:400;}
ul,dl,dt,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img {border:none}

/** GLOBAL SETS **/
.clear {clear:both;}
.hidden {display:none;}
body {
	margin:0 0 50px 0;
	font-size:1em;
	color:#E6E6E6;
	font-family: 'Times New Roman', Times, serif;
	background:#CA0002;
	text-align:center;
}
a:link, a:visited {color:#FCCC92;text-decoration:none;}
a:hover, a:focus {color:#E6E6E6;}

/** Wrapping **/
#wrapper {
	background:#6A0900;
	width:1024px;
	margin-top:25px;
	margin-bottom:25px;
	margin-right:auto;
	margin-left:auto;
	padding:0;
	position:relative;
	z-index:0;
}
#wrapper-top {
	background:url('../images/bg-wrapper-top.png') top center no-repeat;
	height:70px;
}
#wrapper-mid {
	background:url('../images/bg-wrapper-mid.png') top center repeat-y;
	padding:0 62px 0 62px;
}
#wrapper-btm {
	background:url('../images/bg-wrapper-btm.png') bottom center no-repeat;
	height:70px;
}

/** Col Layout **/
#col-left {
	position:relative;
	float:left;
	width:217px;
	padding-right:5px;
}
#col-right {
	padding:15px;
	position:relative;
	float:left;
	width:648px;
}


/** Navigation **/
#nav,#subnav {
	list-style:none;
	clear:both;
	text-align:left;
}
#nav li {
	border-bottom:solid 1px #D23939;
	margin:0;
}
#nav li:first-child {
	border-top:solid 1px #D23939;
}
#nav li a {
	color:#fff;
	display:block;
	line-height:20px;
	padding:0 10px 0 35px;
	background:url('../images/bg-nav-li.png') top left no-repeat;
	font-size:.65em;
	letter-spacing:.05em;
	text-transform:uppercase;
	text-decoration:none;
}
#nav li.active a {
	color:#FFEEC3;
	background-position: -218px 0;
	}
#nav li a:first-letter {
	font-size:1.2em;
}
#nav li #subnav {display:none;}
#nav li.active #subnav,
#nav li.parent #subnav {display:block;}
#nav li #subnav li a {
	background:url('../images/bg-subnav-li.png') top right no-repeat;
	color:#A02013;
	font-size:.65em;
}
#nav li #subnav li.active a {
	color:#000;
	background-position: -218px 0;
}


/** Content Styles **/
#header h1 {
 line-height:0;
}
#tagline h2 {
	font-size:1em;
	color:#fff;
}
#banner-wrap {
	margin:0;
	padding:10px;
	background:url('../images/bg-slideshow.png') top center repeat-y;
	/*border:solid 1px #333;*/
	width:625px;
	/** FANCY PANTS **/
	-moz-border-radius: 8px; /* FF1+ */
  -webkit-border-radius: 8px; /* Saf3+, Chrome */
  border-radius: 8px; /* Opera 10.5, IE 9 */
	-moz-box-shadow: 0px 0px 12px #000; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 12px #000; /* Saf3.0+, Chrome */
  box-shadow: 0px 0px 12px #000; /* Opera 10.5, IE 9.0 */
}
#banner-img img {
	border: solid 1px #670F03;
}
/**
#tagline {
	position:absolute;
	top:200px;
	left:50px;
	z-index:999;
}
**/
#content {
	text-align:left;
	padding:15px;
}

#content h2.page-title {
	border-bottom: 1px solid #ddd;
	margin-bottom:7px;
	padding-bottom:3px;
}

#content h1 {}
#content h2 {font-size:1.15em; text-transform:uppercase;}
#content h2:first-letter {font-size:1.25em;}
#content h3 {font-size:.9em; text-transform:uppercase;}
#content h3:first-letter {font-size:1em;}
#content h4 {}
#content h5 {}
#content h6 {}

#content p { font-size:.95em; margin:10px 0; }
#content ul { margin:10px 0; padding-left:25px;}
#content li {	/*margin-left:25px;*/ }
#content img {
	background:#FEC77C;
	padding:3px;
	border:1px solid #720302;
	margin:0 10px;
	}
#content img.plain { background:none; border:none; padding:0; margin:0; }

#content .page-text {font-size:14px;line-height:22px;margin-bottom:50px;}
#content .page-text p, #content .page-text ul, #content .page-text ol {margin:0 0 22px 0;}
#content .page-text ul, #content .page-text ol {margin-left:25px;}
#content .page-text ul ul, #content .page-text ol ul, #content .page-text ul ol, #content .page-text ol ol {
	margin:0 0 0 25px;
}
#content .page-text blockquote {
	margin:0 0 22px 20px;
	line-height: 19px;
	font-size:13px;
	color:#666;
	font-style:italic;
	border-left:2px solid #ccc;
	padding:0 0 0 15px;
	}

#content .page-text img {margin:0 0 20px 0;border:1px solid #1a1a1a;}

.component {  }
.legal {
	font-size:.7em;
	padding-top:50px;
}

#facebook {
	font-size:12px;

}

/** HomePage Styling **/
#index #tagline { }
#index #tagline h2 { font-size:1em; color:#fff; }
#index #content img {margin:0; padding:0;background:none;border:none;}
#index #content {
	padding:0;
}
#index #slideshow-wrap {
	margin:0;
	padding:10px;
	background:url('../images/bg-slideshow.png') top center repeat-y;
	/*border:solid 1px #333;*/
	width:625px;
	/** FANCY PANTS **/
	-moz-border-radius: 8px; /* FF1+ */
  -webkit-border-radius: 8px; /* Saf3+, Chrome */
  border-radius: 8px; /* Opera 10.5, IE 9 */
	-moz-box-shadow: 0px 0px 12px #000; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 12px #000; /* Saf3.0+, Chrome */
  box-shadow: 0px 0px 12px #000; /* Opera 10.5, IE 9.0 */
}
#index #announcements {
	margin:10px 30px;
}
#announcements h3.title {
	border-bottom:solid 2px #C92818;
}
#announcements a.readmore {
	font-style:italic;
}
#announcements dl {
	border-top:solid 2px #C92818;
	padding-bottom:5px;
	margin-bottom:15px;
}
#announcements dl:first-child {
	border:none;
}
#announcements dt {
	color:#ffc77c;
}
#announcements dd {
	font-size:.85em;
	padding:0 3px;
}
#announcements #bg-btm {
	background:url('../images/bg-announcements-btm.png') bottom repeat-x;
	position:absolute;
	height:103px;
}

/** Contact Us Form **/
dl.contact dt {
	margin-top:10px;
}

body#join-our-mailing-list { background: url('../images/bkg-ml.png') left top repeat-x #A82316; text-align:center;}

#join-our-mailing-list p { margin:10px 0; }

#mailing-list { text-align:left; margin-left:235px; padding-bottom:15px; }
#mailing-list a { color:#FEC77C; }
.contactmsg { font-weight:bold; font-size:1.5em; text-transform:uppercase; }
.success { color:#fff; }
