/*  
Theme Name: Bonneville WP Theme
Theme URI: http://redtiki.com/
Description: Custom Wordpress Theme for Bonneville Multifamily Capital
Author: Ken Messenger - Red Tiki Design Studio
Author URI: http://redtiki.com/
Version: 1.0
Tags: 
.
This theme is copyright Ken Messenger - Red Tiki Design Studio - http://redtiki.com
and Bonneville Multifamily Capital
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/



body {
padding: 0; margin: 0;
text-align: center;
font-family: helvetica, sans-serif;
font-size: 14px;
line-height: 1.5em;
color: #444;
background: #000 url(img/bkgd.jpg) center top no-repeat fixed;
}

a {
color: #47b;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a:hover img {
border: 0;
text-decoration: none;
}

a img {
border: 0;
}

p {margin-top: 0;}

h1 {
font-size: 60px;
font-weight: 100;
line-height: 70px;
color: #47b;
margin-top: 0;
margin-bottom: 20px;
}

h1.byline { line-height: 40px; margin-top: 20px;}
h1 span { font-size: 40px; }

h2 {
font-size: 24px;
font-weight: 100;
color: #47b;
margin-top: 0;
}

h3 {
font-size: 21px;
line-height: 1.3em;
font-weight: normal;
color: #47b;
margin: 0;
}

.subtitle {
margin-top: -25px;
margin-bottom: 1em;
}

label {
color: #777;
display: block;
float: left;
width: 120px;
text-align: right;
margin-right: 10px;
}

input {
width: 300px;
padding: 5px;
border: 1px solid #ccc;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}

input[type="submit"] {
width: 120px;
margin-left: 135px;
padding: 5px;
border: 1px solid #47b;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
background: #47b;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
}

input[type="submit"]:hover {
cursor: pointer;
background: #58c;
box-shadow: 0 0 5px #cde; -moz-box-shadow: 0 0 5px #cde; -webkit-box-shadow: 0 0 5px #cde; 
}

textarea {
width: 300px;
padding: 5px;
border: 1px solid #ccc;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}

table {
margin-bottom: 2em;
}

td {
font-size: .9em;
padding-right: 20px;
border-bottom: 1px solid #eee;
}

table.stages {
margin: 10px auto 30px auto;
}

table.stages td {
border: 0;
text-align: center;
padding: 10px;
}

table.stages a {
display: block;
padding-top: 50px;
background: url(img/icon-folder-stages.png) no-repeat center top;
}

ul {
margin: 1em 0;
padding-left: 1em;
line-height: 1.2em;
}

ul li {
margin-bottom: .5em;
}

#mainframe {
margin: 0 auto;
text-align: left;
width: 960px;
}

#header {
background: url(img/bkgd-hdr.png) repeat-x;
height: 110px;
border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px;
}

#content {
position: relative;
margin: 30px 0;
background: #fff;
min-height: 480px;
}

#footer {
background: url(img/bkgd-hdr.png) repeat-x;
height: 40px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
text-align: center;
padding-top: 20px;
}

/* + + + Header + + + */

#logo {
display: block;
float: left;
padding: 20px;
margin-right: 9px;
}

.nav {
width: 130px;
height: 110px;
margin: 0;
float:left;
overflow: hidden;
position: relative;
background: url(img/nav-divider.png) no-repeat;
}

a.nav1, a.nav2, a.nav3, a.nav4, a.nav5 { display: block; position: relative; top:45px; overflow: hidden; text-indent: -999px;}

.nav1 { background: url(img/tab-company.png) center no-repeat;}
.nav2 { background: url(img/tab-process.png) center no-repeat;}
.nav3 { background: url(img/tab-experience.png) center no-repeat;}
.nav4 { background: url(img/tab-lending.png) center no-repeat;}
.nav5 { background: url(img/tab-about.png) center no-repeat;}

.subnav a {color: #fff; font-size: x-small; padding-left: 23px;}
.subnav a:hover {background: url(img/arrow-subnav.png) no-repeat;}

.subnav {
float:left;
position: absolute;
top: 110px;
background: url(img/bkgd-subnav.png) repeat-x;
height: 110px;
width: 100%;
padding-top: 5px;
line-height: 15px;
}

.subnav.last {border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; overflow: hidden;}

.menu-hudfha-subnav-container {
position: absolute;
top: 10px;
right: 0;
padding: 10px 30px;
background: #699fc8 url(img/bkgd-subnav.png) repeat-x;
border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; 
border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; 
}
#menu-hudfha-subnav {
list-style: none;
margin: 0; padding: 0;
}
#menu-hudfha-subnav a {color: #fff;}


/* + + + Footer + + + */

a.ftr-nav {
color: #777;
margin-top: 30px;
padding: 10px 15px;
border-right: 1px solid #ccc;
}





/* + + + page backgrounds + + + */

#content.bg-home { background: #fff url(img/bg-home.jpg) no-repeat top right; }
#content.bg-maps { background: #fff url(img/bg-maps.jpg) no-repeat top right; }
#content.bg-phil { background: #fff url(img/bg-phil.jpg) no-repeat top right; }
#content.bg-contact { background: #fff url(img/bg-contact.jpg) no-repeat top right; }



/* + + + layout + + + */

.clear { clear:both; }

.matte { padding: 15px; }

a.last { border: 0; }

.shado {
box-shadow: 0 0 15px #333;
-moz-box-shadow: 0 0 15px #333;
-webkit-box-shadow: 0 0 15px #333;
}

.grey { color: #444; }
.blue { color: #47b; }

.section {
overflow: hidden;
}

.rule {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #ccc;
}

.alignnone {
margin-bottom: 2em;
}

.alignright {
float: right;
margin: 0 0 30px 40px;
}

.alignleft {
float: left;
margin: 0 40px 30px 0;
}

.col1 { width: 610px; }
.col2 { width: 430px; margin-right: 40px; float: left; }
.col2.last { margin-right: 0px }

.intro {
color: #47b;
font-size: 1.3em;
font-weight: 300;
line-height: 1.7em;
}

.intro.top {
margin-top: -10px;
}

.fineprint {
font-size: x-small;
}

.copyright {
margin-top: -25px;
color: #fff;
text-shadow: 0 0 3px #333;
-moz-text-shadow: 0 0 3px #333;
-webkit-text-shadow: 0 0 3px #333;
}

.cta {
float: left;
padding-left: 50px;
margin-top: 1em;
margin-right: 30px;
color: #bbb;
font-size: .9em;
}

.phone { width: 200px; background: url(img/icon-phone.png) no-repeat; }
.email { width: 150px; background: url(img/icon-email.png) no-repeat; }
.address { background: url(img/icon-email.png) no-repeat; }


#promos {
margin: 20px 0 40px 0;
}

#promos p {
color: #47b;
font-size: 1.2em;
padding-left: 115px;
}

#promo1, #promo2, #promo3  {
float: left;
width: 290px;
height: 190px;
overflow: hidden;
margin-right: 45px;
background: url(img/bkgd-hdr.png) repeat-x;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#promo3 {margin-right: 0;}

#promo1 .matte {
background: url(img/bkgd-promo1.jpg) no-repeat;
height: 190px;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}

#promo2 .matte {
background: url(img/bkgd-promo2.jpg) no-repeat;
height: 100%;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}

#promo3 .matte {
background: url(img/bkgd-promo3.jpg) no-repeat;
height: 100%;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}

.bio img {
float: left;
margin: 0 20px 20px 0;
}

.bio b {
 color: #47b; }

.bio span {
 color: #47b; }

.contact div {
margin: 15px 0;
}

.multicol {
-moz-column-count: 4; -webkit-column-count: 4; column-count: 4; 
-moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px;
}

/* Case Study Styles */

#casestudy .casestudy-item {
	width:288px;
	height:193px;
	background-color:#47b;
	border:1px solid #ccc;
	float:left;
	margin:0 15px 15px 0;
overflow: hidden;
}
#casestudy .last {
	margin-right:0px;
}
#casestudy .thumb {
	display:block;
	width:290px;
	height:193px;
}
#casestudy .nothumb {
	display:block;
	width:288px;
	height:85px;
	padding:80px 10px 10px 10px;
	font-weight:bold;
	text-align:center;
}
#casestudy a.nothumb:hover {
	text-decoration:none;
}
#casestudy a.title-overlay {
	position:absolute;
	padding:5px 10px;
	height:60px;
	margin-top:-60px;
	width:288px;
	z-index:1;
	display:block;
	font-size:18px;
	font-weight:bold;
	color:#fff;
}
#casestudy a.title-overlay:hover {
	text-decoration:none;
}

.nav-below { overflow: hidden; }
.nav-previous { float: right; }
.nav-next { float: left; }