/* 
AUTHOR: BRANDON PENCE
bpence@designgroup.us.com
*/

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { margin: 0; padding: 0; }
html { 
	min-height:100%;
  	height:auto !important;
  	height:100%;
}
body { 
	font-size: 62.5%; 
	font-family:Arial, Helvetica, Verdana;
	color:#e2e1d6;
	background:url(../img/homepage-top.gif) repeat-x #5a5b4d;
	min-height:100%;
  	height:auto !important;
  	height:100%;
}
ul { list-style: none; }
p { line-height: 1.4em; margin-bottom: 1.3em; }
a { outline: none; }
a img { border: none; }
/* END RESET */

/* ------------------------------------------ */
/* FONTS */
/* ------------------------------------------ */
h1,h2 {
	color:#F4F5EC;
	font-family:Arial, Helvetica, Verdana;
	font-size:18px;
	font-weight:normal;
	/*line-height:1em;*/
	margin-left:20px;
	width:450px;
}
h2 {
	color:#92907D;
}
h1 {
	line-height:18px;
	margin-bottom:15px;
}
#main {
	font-size:1.2em;
}
#bottom {
	margin-top: 10px;
	margin-bottom: 20px;
}
#bottom-bar a {
	color:#5A5B4D;
}
#bottom-bar a:hover {
	color:#24241e;
	text-decoration: none;
}
#address p {
	margin-bottom:50px;
	color:#adaca7;
	font-size:6.5pt;
	line-height:1.4em;
}
.breadcrumbs {
	width: 400px;
	padding-right: 10px;
	float: right;
	color: #fff;
	text-transform: uppercase;
	font-family:Arial, Helvetica, Verdana;
	font-size: 11px;
	text-align: right;
}
.breadcrumbs a {
	color: #fff;
	text-decoration: none;
}
.breadcrumbs a.current-item {
	color: #C2D12E;
	text-decoration: none;
}
.breadcrumbs a.current-item:hover {
	color: #C2D12E;
	text-decoration: underline;
}
.breadcrumbs a:hover {
	color: #C2D12E;
}
#main a {
	color:#C2D12E;
	text-decoration: none;
}
#news a {
	color:#FCFBF7;
	text-decoration: none;
}
#news a:hover {
	color:#C2D12E;
}
#main a:hover {
	text-decoration: underline;
}
/* END FONTS */

/* ------------------------------------------ */
/* LISTS */
/* ------------------------------------------ */
#main ul {
	line-height:1.4em;
	list-style: disc;
	margin-left:33px;
	width:494px;
}
ul#image-grid {
	height:499px;
	overflow:hidden;
	list-style: none;
	margin:0 0 0px 0;
}
ul#image-grid.tall {
	height:625px;
}
ul#image-grid.seven-rows {height:886px;}
ul#image-grid.four-rows {height:506px;}
ul#image-grid.three-rows {height:375px;}
ul#image-grid.two-rows {height:255px;}

ul#image-grid li {
	overflow:hidden;
	height:124px;
	width:171px;
	float:left;
	border-top:solid 1px #fcfbf7;
	border-left:solid 1px #fcfbf7;
	border-right:solid 1px #fcfbf7;
	border-bottom:solid 1px #fcfbf7;
}
/* END LISTS */

/* ------------------------------------------ */
/* CALLOUTS */
/* ------------------------------------------ */
.callout {
	float:right;
	width:248px;
	background-color:#48493e;
	/*border:solid 1px #DCDDD5;*/
	margin:0 0 5px 15px;
	font-weight:bold;
	color:#eee;
	margin-top:5px;
}
.callout .padding {
	padding:10px;
}
#main .callout ul {
	margin:0;
	list-style:none;
}
.callout ul li {
	margin-bottom:5px;
}
/* END CALLOUTS */

/* ------------------------------------------ */
/* SUBNAV */
/* ------------------------------------------ */
#subnav {
	border-right:solid 1px #d1d2cb;
	padding:20px 0 15px 0;
	font-size:11px;
	text-transform: uppercase;
	color:#5A5B4D;
	font-weight:bold;
}
#subnav a {
	color:#999999;
	text-decoration: none;
	display:block;
	line-height:1.8em;
	font-weight:normal;
}
#subnav a:hover {
	color:#5A5B4D;
	background:#eee;
}
#subnav a.current {
	color:#000;
	cursor: default;
}
#subnav a.current:hover {
	color:#000;
	cursor: default;
	background:none;
}
#subnav ul {
	margin-left:10px;
	margin-bottom:10px;
}
#subnav ul a {
	line-height:1.2em;
	margin-bottom:5px;
	text-transform: lowercase;
}
/* END SUBNAV */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.v-outer {
	display: table;
	overflow: hidden;
	height: 124px;
	width: 100%;
	z-index: 0;
}
.v-middle {
	display: table-cell;
	vertical-align: middle;
	z-index: 0;
}
.v-inner {
	z-index: 0;
}
/* END TOOLBOX CSS */
/* ------------------------------------------ */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */
.wrapper {
	width:874px;
	padding-left:10px;
}
#header {
	height:80px;
}
#header .wrapper {
	background:url(../img/homepage-header.gif) repeat-x;
	margin:0;
	width:874px;
	height:80px;
}
#portfolio #header .wrapper {
	width:851px;
}
#logo {
	float:left;
	margin:10px 0 0 10px;
	background:transparent;
	width:225px;
}
#logo img {
	display:block;
	line-height:1px;
	margin-left:-10px;
}
#buttons-replace{
	margin-bottom:5px;
	margin-right:8px;
	margin-top:15px;
	float:right;
	width:30px;
	height: 12px;
}
#secondary-nav{
	background: #838477;
	height: 35px;
	width: 865px;
}
#secondary-nav ul{
	padding-left: 60px;
	margin: 0px;
	width: 865px !important;
}
#secondary-nav li{
	padding-right: 25px;
	margin: 0px;
	display: inline;
	text-decoration: none;
	line-height: 35px; /*make this dimension the same height as the containing dim */
}
#secondary-nav li a{
	font-family: Trebuchet MS, Helvetica, sans-serif;
	color: #fff;
	font-size: 14px;
}
#secondary-nav li a:hover{
	color: #c2d12e;
}
#secondary-nav li a.current-cat {
	color: #c2d12e !important;
}
#section-title {
	height:67px;
	clear:both;
}
#section-title img{
	margin-top:9px;
}
#left-column {
	float:left;
	width:250px;
}
#right-column {
	float:right;
	width:600px;
}
#main {
	background:url(../img/slider/shadow.gif) no-repeat 6px 0;
	padding:6px 6px 0px 12px;
}
#main-no-shadow {
	padding:6px 6px 0px 12px;
}
#main .padding {
	background-color:#484A3F;
	width:865px;
	padding:0px 0;
	min-height:320px;
	height:auto !important;
	height:320px;
	overflow:hidden;
}
#main #textspace {
	float:left;
	width:545px;
	padding: 15px 0;
	background: #fff;
}
#main #textspaceblog {
	float:left;
	width:650px;
	padding: 15px 0;
	background: #fff;
	min-height: 500px;
}
.blog-entry {
	padding-left: 60px;
	padding-right: 15px;
}
.blog-entry-header {
}
.blog-entry-header h2 {
	margin-left: 0;
	color: #5A5B4D;
	margin-top: 20px;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	width: 565px;
}
.blog-entry-header h2 a {
	margin-left: 0;
	color: #5A5B4D !important;
}
.blog-entry-header p.post-date {
	padding-left: 0px !important;
	color: #838477;
}
.blog-entry-header p.posted-by {
	padding-left: 0px !important;
	margin-bottom: 0px !important;
	color: #74a3d8;
}
.blog-entry-header p.posted-by a {
	color: #74a3d8 !important;
}
a.rss-feed {
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
	background: transparent url(../img/rss.png) no-repeat center right;
}
.blog-entry-header p.posted-in {
	padding-left: 0px !important;
	color: #838477;
}
.blog-entry-header p.posted-in a {
	color: #74a3d8 !important;
}
.blog-entry-teaser img {
	float: left;
	padding-right: 10px;
}
.blog-entry-teaser p.post-text {
	padding-left: 0 !important;
	color: #838477;
	width: 565px !important;
}
.blog-entry-teaser p.post-text a {
	color: #74a3d8 !important;
} 
.author-bio {
	width: 565px;
	margin-bottom: 125px;
}
.author-bio img {
	float: left;
	padding: 5px;
	border: 1px solid #838477;
}
.author-bio p.author-bio {
	float: left;
	padding-left: 0px;
	width: 400px !important;
	color: #74A3D8;
}
#main #rightspace {
	float:right;
	width:375px;
	padding-right:4px;
}
#main #rightspaceblog {
	float:right;
	width:215px;
	margin: 0;
	background: #838477;
	min-height: 500px;
}
#portfolio #main {
	padding:0;
	background:none;
}
#main p {
	padding:5px 0 0 20px;
	width:450px;
}
#main p.new {
	padding: 0;
	padding-left: 10px;
	color: #838477;
	margin-top: 5px;
}
#main p.new a{
	color: #fff;
}
#main #rightspace p {
	width:auto;
}
#image-grid p {
	width:171px;
	text-align: center;
	font-size: 12px;
}
#footer {
	clear:both;
	padding-top:15px;
}
#bottom-bar {
	background-color:#c2d021;
	color:#5A5B4D;
	height:20px;
	position:absolute;
	width:100%;
	bottom:0;
	font-weight: bold;
}
#bottom-bar span {
	display:block;
	margin-top:3px;
}
#address {
	position:relative;
	/*margin-top:-13px;*/
	float:left;
	width:425px;
	margin-left:3px;
}
#portfolio #address {margin-top:-13px;}
#address a {
	color:#C2D12E;
	text-decoration: none;
}
#address p {
	padding-left:0;
	margin: 0px;
}
#social-media-wrapper {
	width: 300px;
	height: 65px;
}
#social-media-wrapper p.heavy {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
}
ul.social-media li {
	display: inline;
	float: left;
	margin-right: 5px;
}
/* END STRUCTURE */


/* ------------------------------------------ */
/* COLLAPSIBLE CONTAINER STRUCTURE */
/* ------------------------------------------ */
.collapsible,
.navigation-collapsible {
	margin: 0;
	padding:10px;
	height:10px;
	background: #838477;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	color: #fff;
	font-size:1em;	
}
.collapse-open {
	background:#5A5B4D;
	color: #fff;
}
.collapse-open span {
	display:block;
	float:right;
	padding:10px;
}
.collapse-open span {
	background:url(../img/minus.png) center center no-repeat;
}
.collapse-close span {
	display:block;
	float:right;
	background:url(../img/plus.png) center center no-repeat;
	padding:10px;
} 
ul.collapsible-list{
	margin-left: 10px !important;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 215px !important;
}
ul.collapsible-list li{
	margin-bottom: 5px;
	list-style: none;	
}
ul.collapsible-list li a {
	color: #fff !important;
}
/* END COLLAPSIBLE CONTAINER STRUCTURE */

/* ------------------------------------------ */
/* FULL WIDTH IMAGE TEMPLATE STYLES / ONE COLUMN LAYOUT */
/* ------------------------------------------ */
#main #onecolumn {
	float:left;
	width:865px;
}

/* ------------------------------------------ */
/* TWO COLUMN LAYOUT STYLES */
/* ------------------------------------------ */
#main #twocolumn-left {
	float:left;
	width:450px;
	padding: 15px 0;
	background: #484A3F;
}
#main #twocolumn-left p {
	width: 415px !important;
}
#main #twocolumn-right {
	float:right;
	width:415px;
	margin: 0;
	background: #484A3F;
}
ul.landing-page-list {
	padding-left: 138px;
}
ul.landing-page-list li {
	list-style: none;
	margin-bottom: 5px;
}
ul.landing-page-list li.indent {
	padding-left: 15px;
}

/* ------------------------------------------ */
/* NO JS ERROR MESSAGE */
/* ------------------------------------------ */

.js-error{
	z-index: 100000;
	border: 1px solid #fff;
	top: 65px;
	padding: 5px;
	height:80px; 
	background:#C1CE30; 
	position:absolute; 
	left:50%; 
	width:100%; 
	margin-left:-50%; 
}
.js-error p{ 
	line-height: 100%;
	text-align:center; 
	font-size:15px; 
	color: #000;
	margin-bottom: 5px;
}
.js-error a {
	color: #000;
}
.js-error a:hover {
	color: #fff;
}