@import url("../css/reset.css");
@import url("../css/superfish.css");
@import url("../css/superfish-navbar.css");

/*  

Globals
--------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

body {
    text-align: center;
    font: 12px/1.4em "Lucida Grande", "Lucida Sans", Lucida, Arial, Helvetica, sans-serif;
    background: url(../gfx/bg.png) repeat 0 0;
    color:#414042;
} 
hr { display: none; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }

.small {
	font-size: 11px;
}
blockquote .small {
	font-weight: bold;
}

/* -- home boxes -- */
body#home #subheader {
	height: 285px;
	width: 990px;
	background: url(../gfx/subheader.jpg) no-repeat 0 0;
}
#subheader .summary {
	padding: 40px 50px;
}
#contentarea #subheader .more a {
	background: url(../gfx/arrow_yellow.gif) no-repeat 0 50%;
	text-decoration: none;
	color: #F89919;
}
#contentarea #subheader .more a:hover {
	text-decoration: underline;
}
#contentarea #subheader h2 {
	color: #fff;
	font-size: 18px;
	margin: 0 0 15px;
	line-height: 1.4em;
}
#contentarea #subheader h2 strong {
	color: #F89919;
}
#contentarea #subheader p {
	color: #999;
	margin: 0 0 15px;
	line-height: 1.4em;
	width: 350px;
}
.content {
	padding: 0 15px 30px;
}
.content .box {
	float: left;
	width: 30%;
	height: 200px;
	background: url(../gfx/vertline_dotted.gif) repeat-y 0 100%
}
.content .three {
	width: 36%;
}
.content .one {
	background: none !important;
}
.content .box .wrap {
	padding: 0 25px;
}
.content .box p {
	margin: 0 0 15px;
}

/* Layout Divisions
--------------------------------------------------------------------------------------------------- */
#wrapper {
	background: #fff url(../gfx/bg_inside_main.jpg) repeat-x 0 0;
}
#container {
	margin: 0 auto;
	text-align:left;
	width: 990px;  
	position: relative;
	background: url(../gfx/container_top_bar.gif) no-repeat 0 0;
}
#innerwrap {
	padding: 0;
}
#header {
	height: 197px;
	background: url(../gfx/bg_building.jpg) no-repeat 100% 0;
}

/* ------| columns |------ */
#contentarea {
	margin: 0;
	padding: 23px 0;
}
body#home #contentarea {
	padding: 0 0 23px;
}
#primary {
	float: left;
	width: 630px;
	padding: 0 25px 0 0;
	background: url(../gfx/vertline_dotted.gif) repeat-y 100% 0;	
}
#secondary {
	float: right;
	width: 295px;
	padding: 0 0 20px;
}
body#home #primary {
	float: right;
	width: 615px;
}
body#home #secondary {
	float: left;
	width: 292px;
	padding: 0 0 20px;
}
#primary .column_A {
	float: left;
	width: 345px;
}
#primary .column_B {
	float: right;
	width: 245px;
}
#header {
	height: 232px;
	z-index: 1;
}
/* ------| logo |------ */
#logo {
	display: block;
	padding: 0;
	height: 170px;
	width: 446px;
}
#logo a {
	display: block;
	height: 170px;
	width: 446px;
	background: url(../gfx/bg_logo.jpg) no-repeat 0 0;
	text-indent: -9999px;
}
#logo a:hover {
	background-position: 0 0;
}


/* Typography
--------------------------------------------------------------------------------------------------- */
#contentarea .more a {
	background: url(../gfx/arrow.gif) no-repeat 0 50%;
	padding: 0 0 0 18px;
}
#contentarea h1 {
	color: #fff;
	font-weight: normal;
	font-size: 21px;
	display: block;
	margin: 0;
	padding: 0;
	display: block;
	width: 990px;
	height: 117px;
	line-height: 85px;
	text-indent: 45px;
	background: url(../gfx/bg_subhead.jpg) no-repeat 0 0;
}
#contentarea h2 {
	color: #851514;
	font-weight: normal;
	font-size: 14px;
	margin: 0 0 15px;
	line-height: 1.4em;
}
#contentarea h2 em {
	color: #544333;
}
#contentarea h3 {
	color: #544333;
	font-weight: normal;
	font-size: 14px;
	margin: 0 0 10px;
}
#contentarea h2 span {
	color: #666;
}
#primary p {
	margin: 0 0 15px;
	line-height: 1.6em;
}
#secondary p {
	margin: 0 0 15px;
	line-height: 1.4em;
}
#primary .body {
	padding: 0 0 0 26px;
}
#primary .photo {
	float: left;
	background: url(../gfx/bg_sidebar_img.jpg) no-repeat 0 0;
	width: 226px;
	margin: 0 30px 20px 0;
	text-align: center;
}
#primary .photo .innerphotowrap {
	padding: 15px;
}
#primary .photo .caption {
	padding: 0 15px;
	font-size: 10px;
	color: #615951;
}
#contentarea a {
	color: #851514;
	text-decoration: underline;
}
#contentarea a:hover {
	color: #544333;
}

/* ------| sidebar: quote |------ */
.quote {
	padding: 36px 36px 36px 0;
}
.quote p {
	color: #544333;
	font-style: italic;
	font-size: 14px;
	line-height: 1.6em;
}
.quote p span {
	color: #851514;
	font-weight: bold;
}

/* ------| sidebar: project |------ */
#secondary .photo, .box .photo {
	padding: 5px;
	background: #fff;
	border: 1px solid #ccc;
	float: left;
}
#secondary .keyinfo, .box .keyinfo {
	float: right;
	width: 180px;
}
body.boraie_development #secondary .keyinfo {
	float: none;
	clear: both;
	padding: 10px 0 0 0;
}
#secondary .keyinfo h3, .box .keyinfo h3 {
	margin: 0 0 5px;
}
#secondary .keyinfo p, .box .keyinfo p {
	margin: 0 0 10px;
}
#secondary .keyinfo p em, .box keyinfo p em {
	color: #544333
}

/* ------| home news |------ */
#primary ul.newsList {
	padding: 0 35px 0 0;
}
#primary ul.newsList li {
	padding: 0 0 10px;
	margin: 0 0 20px;
	background: url(../gfx/line_dotted_horiz.gif) repeat-x 0 100%;
	font-size: 11px;
}
#primary ul.newsList li p {
	margin: 0 0 10px;
	color: #666;
}
#primary ul.newsList li p.perma,
#secondary p.perma {
	padding: 0;
	margin: 0;
	font-weight: bold;
}
#primary ul.newsList li .perma a,
#secondary p.perma a {
	color: #649EA4;
	text-decoration: none;
	background: url(../gfx/arrow_black.gif) no-repeat 0 50%;
	padding: 0 0 0 10px;
}
#primary ul.newsList li .perma a:hover,
#secondary p.perma a:hover {
	color: #7DB2C4;
}
#primary ul.newsList li h3,
#secondary .event h3 {
	font-size: 12px;
	margin: 0 0 5px;
}
#primary ul.newsList li h3 a,
#secondary .event h3 a {
	color: #851514;
	text-decoration: none;
}
#primary ul.newsList li h3 a:hover,
#secondary .event h3 a:hover {
	color: pink;
}

/* ------| additional photos ------ */
#secondary ul.additional_photos {
	margin: 0 0 15px;
}
#secondary ul.additional_photos li {
	margin: 0;
	padding: 0;
	float: left;
	width: 100px;
	height: 100px;
}
#secondary ul.additional_photos li img {
	border: 1px solid #fff;
	padding: 1px;
}

/* ------| upcoming events ------ */
body#home #secondary .event {
	margin: 30px 0;
}
body#home #secondary .event .info {
	float: right;
	width: 210px;
	font-size: 11px;
	line-height: 1.4em;
}
body#home #secondary .event .info p {
	margin: 0 0 5px;
	color: #999;
}
body#home #secondary .event .date {
	float: left;
	width: 70px;
	border: 1px solid #ccc;
	text-align: center;
}
body#home #secondary .event .date .day {
	display: block;
	background: #7FB3C8;
	color: #fff;
	margin: 3px;
	padding: 6px 3px;
	font-size: 21px;
}
body#home #secondary .event .date .month {
	display: block;
	background: #666;
	color: #fff;
	margin: 3px;
	padding: 3px;
	text-transform: uppercase;
}



/* Global Nav
--------------------------------------------------------------------------------------------------- */
#globalnav {
	position: absolute;
	top: 0;
	right: 0;
	height: 26px;
	width: 314px;
	background: url(../gfx/bg_globalnav.gif) no-repeat 0 0;
}
#globalnav ul {
	padding: 0 0 0 30px;
}
#globalnav li {
	float: left;
	width: auto;
	padding: 3px 26px 3px 9px;
	font-size: 11px;
}
#globalnav li a {
	color: #ccc;
	text-decoration: none;
}
#globalnav li a:hover {
	color: #fff;
}

/* Navigation
--------------------------------------------------------------------------------------------------- */

#subnav {
	margin: 0 0 25px;
	padding: 16px 10px 15px;
	border: 1px solid #ccc;
}
#subnav li {
	width: 100%;
	height: 28px;
	margin: 0;
	background: #fff;
	border-bottom: 1px solid #ccc;
}
#subnav li.first {
	border-top: 1px solid #ccc;
}
#subnav li a {
	display: block;
	padding: 0 12px 0 20px;
	width: auto;
	height: 28px;
	line-height: 28px;
	background: #fff;
	color: #666;
	text-decoration: none;
}
#subnav li a:hover,
#subnav li a.current {
	color: #851514;
	background-color: #eee;
}


#navigation {
	position: absolute;
	top: 170px;
	left: 20px;
	width: 900px;
	height: 80px;
	z-index:888;
}

/* Footer
--------------------------------------------------------------------------------------------------- */
#footer  {
	clear: both;
	background: url(../gfx/bg_foot_top.png) repeat-x 0 0;
	font-size: 10px;
	font-weight: normal;
}
#footwrap {
	margin: 0 auto;
	width: 950px;
	height: 300px;
	/* background: url(../gfx/bg_foot.png) no-repeat 50% 1px; */
}
#footer ul {
	padding: 40px 0 15px 0;
}
#footer ul li {
	display: inline;
	padding: 0 17px 0 0;
	margin:  0 15px 0 0;
	border-right: 1px solid #F4CEA0;
}
#footer ul li.last {
	border: none;
}
#footer ul li a {
	color: #999;
	text-decoration: none;
}
#footer ul li a:hover {
	color: #F4CEA0;
	text-decoration: underline;
}
#footer p {
	color: #666;
}

	
/* Helpers 
--------------------------------------------------------------------------------------------------- */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */