﻿/* ---- Bryley Systems CSS ---- */

/* ---- GLOBAL STYLES ---- */
* {padding: 0;margin: 0;}
img { border: 0;}
.clearfix {clear: both;}



/* ---- TEXT STYLES ---- */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

p {margin-bottom: 16px;}

a {text-decoration: none; color:#cd0002;}
a:hover {text-decoration: underline;}

h1, h2, h3, h4, h5, h6 {margin-bottom: 22px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #cd0002; font-weight: normal;}

h1 {font-size: 23px; border-bottom: 1px solid #cd0002; padding-bottom: 3px;}
h2 {}
h3 {}

ul {margin-left: 24px;}
li {margin-bottom: 12px;}




/* ---- LAYOUT ---- */

body {
	background: url(../images/page_bg.gif) repeat-x #FFFFFF;
	text-align: center;
	}

div#container {
	text-align: left;
	margin: 0 auto;
	width: 934px;
	}

div#header {
	width: 934px;
	height: 142px;
	background: url(../images/header_bg.png) no-repeat;
	behavior: url(javascript/iepngfix.htc);
	}

div#header div.inner_wrapper {
	width: 934px;
	height: 142px;
	position: relative;
	}

div#splash {
	width: 930px;
	height: 211px;
	background: url(../images/splash_static.png) no-repeat;
	behavior: url(javascript/iepngfix.htc);
	padding-left: 4px;
	}

div#nav_bottom {
	width: 934px;
	height: 5px;
	background: url(../images/nav_bottom.png) no-repeat;
	behavior: url(javascript/iepngfix.htc);
	}

div#content {
	background:url(../images/content_middle.gif) repeat-y;
	width: 926px;
	margin: 0 auto;
	margin-top: 8px;
	margin-bottom: 20px;
	}

div#content_top {
	width: 926px;
	background: url(../images/content_top.gif) no-repeat top;
	}

div#content_bottom {
	background: url(../images/content_bottom.gif) bottom no-repeat;
	width: 926px;
	}

img#logo {
	position: absolute;
	top: 20px;
	left: 30px;
	behavior: url(javascript/iepngfix.htc);
	}

span#tagline {
	color: #FFFFFF;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 16px;
	position: absolute;
	top: 80px;
	left: 30px;
	}

p.splash_copy {
	color: #FFFFFF;
	font-size: 13px;
	font-family: "Trebuchet MS", sans-serif;
	display: block;
	width: 216px;
	line-height: 26px;
	position: relative;
	top: 26px;
	left: 41px;
	margin: 0px;
	padding: 0px;
	}

div#content_inner, div#content_inner_blog {
	padding: 20px 30px 20px 30px;
	}

div#content_inner ul {
	list-style: none;
	margin: 0px 0px 20px 10px;
	}

div#content_inner li {
	padding-left: 16px;
	background: url(../images/bullet_red.gif) left 4px no-repeat;
	font-style: italic;
	}

div#content_inner li li {
	font-style: normal;
	color: #333333;
	background:none;
	list-style: disc;
	text-indent: 0px;
	padding-left: 0px;
	margin-left: 16px;
	}

div#content_inner li ul {
	margin: 12px 0px 12px 0px;
	}

div.callout_block {
	width: 377px;
	background: url(../images/callout_block_top.jpg) top no-repeat #5c5c5c;
	padding: 0px 16px 10px 16px;
	color: #FFFFFF;
	}

div.callout_block h3 {
	line-height: 28px;
	font-style: italic;
	font-weight: normal;
	color: #FFFFFF;
	font-size: 16px;
	}

div.callout_block_bottom {
	width: 409px;
	height: 9px;
	overflow: hidden;
	background: url(../images/callout_block_bottom.jpg) no-repeat;
	margin-bottom: 16px;
	}

div#content_inner div.callout_block ul {
	margin-bottom: 10px;
	}

div#content_inner div.callout_block li {
	background: url(../images/bullet_orange.gif) no-repeat 0px 4px;
	color: #ffffff;
	margin-bottom: 8px;
	float: left;
	width: 165px;
	}

div#content_inner div.callout_block a {
	color: #f7e1b6;
	}

div#left_column {
	width: 432px;
	float: left;
	}

div#right_column {
	width: 409px;
	float: right;
	}

#quote_box {
	outline: none;
	}

p.quote {
	text-align: center;
	}

a.grey_button {
	background: url(../images/grey_button.gif) no-repeat;
	height: 30px;
	width: 199px;
	display: block;
	text-align: center;
	line-height: 30px;
	}

p.copyright {
	color: #b6bfc2;
	text-align: center;
	}

div.concentration_block {
	background: url(../images/concentration_block_top.gif) top no-repeat;
	width: 432px;
	padding-top: 5px;
	margin-bottom: 18px;
	position: relative;
	}

div.concentration_block_bottom {
	background: url(../images/concentration_block_bottom.gif) bottom no-repeat;
	padding-bottom: 27px;
	}

div.concentration_block_inner {
	background: url(../images/concentration_block_middle.gif) repeat-y;
	width: 392px;
	padding: 8px 20px 8px 20px;
	}

div.concentration_block h3 {
	margin-bottom: 6px;
	}

div.concentration_block p {
	margin-bottom: 6px;
	padding-left: 8px;
	}

a.concentration_more {
	position: absolute;
	left: 363px;
	bottom: 8px;
	color: #c70001;
	font-size: 12px;
	}

img.photo_right {
	float: right;
	margin: 0px 30px 30px 30px;
	}




/* ---- NAV STYLES ---- */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			16em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			32px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			16em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}


/* ---- HEADER NAV ---- */

ul#header_nav {
	list-style: none;
	float: right;
	position: relative;
	top: 8px;
	margin: 0px;
	}

ul#header_nav li {
	display: inline;
	}

ul#header_nav a {
	color: #FFFFFF;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 23px;
	padding-left: 24px;
	line-height: 18px;
	padding-top: 3px;
	padding-bottom: 3px;
	}

ul#header_nav li.client_login a {
	background: url(../images/icon_client_login.gif) left no-repeat;
	}

ul#header_nav li.site_map a {
	background: url(../images/icon_site_map.gif) left no-repeat;
	}

ul#header_nav li.contact a {
	background: url(../images/icon_contact.gif) left no-repeat;
	}
	
	
/* ---- MAIN NAV ---- */

ul#nav {
	list-style: none;
	position: absolute;
	top: 110px;
	margin: 0px;
	left: 5px;
	display: block;
	height: 32px;
	width: 924px;
	}

ul#nav li {
	display: block;
	float: left;
	padding-right: 2px;
	background: url(../images/nav_separator.gif) right no-repeat;
	height: 32px;
	line-height: 32px;
	margin: 0px;
	}

ul#nav a {
	padding: 0px 34px;
	font-family: Verdana, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	display: block;
	height: 32px;
	float: left;
	text-decoration: none;
	}

ul#nav a:hover {
	background: url(../images/nav_active.gif) repeat-x;
	color: #333333;
	text-decoration: none;
	}

/* ---- MAIN NAV SECOND LEVEL ---- */

ul#nav ul li {
	background: #CCCCCC;
	padding: 0px;
	margin: 0px;
	height: auto;
	line-height: normal;
	}

ul#nav ul a {
	background: none;
	color: #333333;
	padding: 6px 0px 6px 12px;
	float: none;
	height: auto;
	line-height: normal;
	}

ul#nav ul li.more a {
	background: url(../images/nav_more.gif) right 8px no-repeat;
	}

ul#nav ul a:hover {
	background: #666666;
	color: #FFFFFF;
	}

ul#nav ul li.more a:hover {
	background: #666666 url(../images/nav_more.gif) right 8px no-repeat;
	}


/* ---- MAIN NAV THIRD LEVEL ---- */

ul#nav ul li.more li {
	background: #CCCCCC;
	}

ul#nav ul li.more li a {
	background: none;
	color: #333333;
	}

ul#nav ul li.more li a:hover {
	background: #666666;
	color: #FFFFFF;
	}

/*** shadows for all but IE6 ***/
ul#nav.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
ul#nav.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* ---- FOOTER NAV ---- */

p#footer_nav {
	text-align: center;
	color: #c25e5f;
	margin-bottom: 16px;
	}

p#footer_nav a {
	color: #c25e5f;
	}

/* CONTACT FORM */

form#contact label {
	display: block;
	float: left;
	width: 80px;
	margin-right: 12px;
	margin-bottom: 10px;
	line-height: 18px;
	}

form#contact input.field-text {
	float: left;
	width: 200px;
	}

form#contact br {
	clear:both;
	}