/* ---------------------------------------

Client: Arel Architects
Version: 1.0
Author: Rock Creek Strategic Marketing
Website: http://www.rockcreeksm.com

Colors:

Dark Grey:		#2b2b2c
Light Grey: 	#939598
Red:			#ae2a41




------------------------------------------*/




/*
----------------------------------------------------------------------------- 
Global Styles
-----------------------------------------------------------------------------*/

body {
	background:#fff url(../images/bkgd.gif) 0px 0px repeat-x;
	margin:0;
	padding:0;
	font-family:Arial, Verdana, "Lucida Grande CE", Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	}
	
* {
	margin:0;
	padding:0;
	}
	
h1 {
	color:#2b2b2c;
	font-size:20px;
	font-weight:normal;
	padding-bottom:18px;
}

h2, h3, h4 {
	color:#ae2a41;
	font-weight:bold;
	padding:0px 0 8px;
	}
	
h2 {
	font-size:14px;
	}
	
h3 {
	font-size:12px;
	}
	
h4 {
	font-size:11px;
	}
h5, h6 {
	font-size:11px;
	font-weight:bold;
	padding-top:6px;
	color:#000;
}
h6 {
	color:#ae2a41;
}
	
p {
	padding-top:0px;
	padding-bottom:15px;
	line-height:19px;
	}

table {
	padding-bottom:15px;
	}
table td {
	padding-bottom:5px;
	}
	
a {
	color:#ae2a41;
	text-decoration:underline;
	}
	
a:hover {
	color:#666;
	text-decoration:none;
	}










/*
----------------------------------------------------------------------------- 
Masthead Styles
-----------------------------------------------------------------------------*/

#wrapper {
	background:#fff;
	width:700px;
	padding:0 60px 75px;
	margin:0 auto 0;
	}

#masthead {
	background:url(../images/mastheadSquare.gif) 100% 100% no-repeat;
	border-bottom:1px solid #ccc;
	padding-bottom:12px;
	}
	
#masthead ul {
	list-style:none;
	float:right;
	margin:0;
	padding:0;
	}
	
#masthead li {
	float:left;
	margin:0;
	padding:0;
	}
	

#masthead li a {
	padding:10px 10px 5px;
	color:#2b2b2c;
	text-decoration:none;
	display:block;
	}
	
#masthead li a:hover {
	background: #808080 url(../images/uNavBkgd.gif) 0px 100% repeat-x;
	color:#fff;
	}
	
#masthead li.here a {
	background: #808080 url(../images/uNavBkgd.gif) 0px 100% repeat-x;
	color:#fff;
	}
	
/*#masthead li#home {
	background:url(../images/home.gif) 0px 55% no-repeat;
	padding-left:3px;
	}*/
	
#logo {
	clear:both;
	padding-top:25px;
	}
	
	
/*
----------------------------------------------------------------------------- 
Global Nav & Banner Styles
-----------------------------------------------------------------------------*/

#gNav {
	background:#fff; 
	height:25px; 
	float:left;
	padding-bottom:15px;
	}
	
#gNav ul {
	margin:0;
	padding:0;
	list-style:none;
	}
	
#gNav li {
	margin:0;
	padding:0;
	float:left;
	margin-right:25px;
	}
	
#gNav li a {
	float:left;
	height: 0px !important;
	height /**/:25px; /* IE 5/Win hack */ 
	padding: 25px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
	}
	
body.experience #gNav li#experience a,
body.services #gNav li#services a,
body.portfolio #gNav li#portfolio a,
body.headlines #gNav li#headlines a,
body.contact #gNav li#contact a {
	background-position: 0 -25px;
	}

#gNav li a:hover {
	background-position: 0 -25px;
	}

#gNav li#experience,
#gNav li#experience a {
	width: 108px;
	background-image:url(../images/nav_experience.gif);
}

#gNav li#services,
#gNav li#services a {
	width: 93px;
	background-image:url(../images/nav_services.gif);
}

#gNav li#portfolio,
#gNav li#portfolio a {
	width: 142px;
	background-image:url(../images/nav_portfolio.gif);
}

#gNav li#headlines,
#gNav li#headlines a {
	width: 101px;
	background-image:url(../images/nav_headlines.gif);
}

#gNav li#contact,
#gNav li#contact a {
	width: 90px;
	background-image:url(../images/nav_contact.gif);
}
	
#banner {
	width:700px;
	height:67px;
	background:#ccc;
	clear:both;
	}

body.home #banner {
	background-image:url(../images/banner_home.jpg);
	height: 300px;
}
	
body.experience #banner {
	background-image:url(../images/banner_experience.jpg);
}

body.services #banner {
	background-image:url(../images/banner_services.jpg);
}

body.portfolio #banner {
	background-image:url(../images/banner_portfolio.jpg);
}

body.headlines #banner {
	background-image:url(../images/banner_headlines.jpg);
}

body.contact #banner {
	background-image:url(../images/banner_contact.jpg);
}

body.trends #banner {
	background-image:url(../images/banner_trends.jpg);
}
	
/*
----------------------------------------------------------------------------- 
Text Pages
-----------------------------------------------------------------------------*/

#contentWrapper {
	padding:30px 0 0px 0;
	margin-bottom:25px;
}

#contentWrapperDetail {
	padding:0 0 0px 0;
	margin-bottom:25px;
	border-top:14px solid #ae2a41;
	clear:both;
}

#content {
	width:450px;
	padding:0 15px 0 10px;
	float:left;
	}

#content img {
	border:1px solid #ccc;
	margin:0 10px 5px 0;
	}
	
#content img.inline {
	float:left;
	border:1px solid #ccc;
	}
	
#content ul {
	padding:0px 0;
	padding-bottom:15px;
	margin-left:20px;
	}
#content li {
	margin:0px 0 5px 0;
	list-style:none;
	list-style-image:url(../images/bullet.gif);
	}
	
#content ul.trend li {
	margin-bottom:10px;
	}

#content .small {
	color:#000;
	font-size:11px;
	}
	
#content p.quote{
	padding:12px 0px 6px 0px;
	}
#content p.name{
	padding:0 0 12px 0;
	font-weight:bold;
	border-bottom:1px dotted #ccc;
	}
	
#content p.news{
	padding:8px 0;
	border-bottom:1px dotted #ccc;
}
#content p.news-last{
	border-bottom:0px;
}

#content span.featured-header {
	font-weight:bold;
	color:#ae2a41;
}
#content span.featured-title {
	font-weight:bold;
	color:#333;
}

#content span.news-date{
	text-transform:uppercase;
	color:#ae2a41;
	}
#content span.news-title{
	font-weight:bold;
	color:#ae2a41;
	}
#content span.news-desc {
	
}
#content span.news-desc a{
	background:url(../images/pdf_icon.gif) 0px 50% no-repeat;
	padding-left:15px;
	text-decoration: none;
	text-transform: uppercase;
	font-size:10px;
	}
	
#content-portfolio {
	padding:0 15px 0 10px;
}

.category-box {
	border-bottom:1px dotted #ccc;
	float: left;
	width:315px;
	margin-right:20px;
	padding:10px 0;

	}
.category-box-last {
	border-bottom:0px;

	}
.category-box img.thumb {
	float:left;
	margin-top:3px;
	margin-right: 5px;
	background: #fff;
	border:1px solid #ccc;
	}
.category-box div.content {
	float: right;
	width: 246px;
	}
	
.category-box a {
	color:#000;
	text-decoration:none;
	}
.category-box a:hover {
	color:#666;
	text-decoration: underline;
	} 
	
div.content p {
	padding:0;
	margin:0;
	color: #ae2a41;
	font-weight: bold;
	margin-bottom:3px;
}
div.content ul {
	padding:0px 0;
	margin-left:16px;
	}
div.content li {
	margin:0px 0 3px 0;
	list-style:none;
	list-style-image:url(../images/bullet.gif);
	}	
	
#localNav {
	width:205px;
	float:right;
	background:url(../images/localNavRule.gif) 0px 0px repeat-y;
}

#localNav ul {
	list-style:none;
	margin:0;
	padding:0;
	}
	
#localNav li {
	margin:0;
	padding:0;
	}
	
#localNav li a {
	display:block;
	padding:3px 5px 3px 20px;
	color:#2b2b2c;
	text-decoration:none;
	}

#localNav a#trend {
	display: block;
	width: 173px;
	height: 0px !important;
	height /**/:130px; /* IE 5/Win hack */ 
	padding: 130px 0 0 0;
	overflow: hidden;
	background-image:url(../images/box_trend.gif);
	background-repeat: no-repeat;
	margin-left:20px;

}

#localNav a#trend:hover {

	background-position: 0 -130px;

}	
	
body.architectural #localNav li#architectural a,
body.engineering #localNav li#engineering a,
body.construction #localNav li#construction a,
body.management #localNav li#management a,
body.designbuild #localNav li#designbuild a,
body.bridging #localNav li#bridging a {
	background:url(../images/localNavBkgd.gif) 0px 0px repeat-y;
	}
	
#localNav li a:hover {
	background:url(../images/localNavBkgd.gif) 0px 0px repeat-y;
	}
	
#localNav li.here a  {
	background:url(../images/localNavBkgd.gif) 0px 0px repeat-y;
}

	
#detail-imgs {
	width:470px;
	padding:10px 0 0 0px;
	float:left;
	}
	
#detail-content {
	width:220px;
	float:right;
}

#detail-content p{
	padding-bottom:0;
}

a.back {
	color:#333;
	text-decoration:none;
	font-size:10px;
	margin-top: 5px;
}

#detail-content p.back {
	padding:8px 0 5px;
	}
	
#detail-content p {
	padding-bottom:2px;
	}
	
#detail-content h3 {
	padding-top:8px;
	padding-bottom:0px;
	}
	
#detail-content h6 {
	background:url(../images/arrow_gray.gif) 99% 3px no-repeat;
	padding-right:12px;
	padding-top:0px;
	display:inline;
	margin-top: 5px;
	}

a:hover.back {
	color:#ae2a41;
	}

.padding {
	padding: 0 0 0 8px;
	}



/*
----------------------------------------------------------------------------- 
Footer Styles
-----------------------------------------------------------------------------*/

#footer {
	clear:both;
	background:#ae2a41;
	font-size:10px;
	padding:5px 0px;
	padding-left:15px;
}
	
#footer ul {
	list-style:none;
	margin:0;
	padding:0;
}
	
#footer li {
	float:left;
	margin:0;
	padding:0;
	}
	
#footer li a {
	color:#fff;
	text-decoration:none;
	display:block;
	padding-right:15px;
	}
#footer li a:hover {
	color:#000;
	}
	
#address  {
	color:#333;
	font-size:10px;
	padding-left:15px;
	margin-top:10px;
	}
	
/*
----------------------------------------------------------------------------- 
Misc
-----------------------------------------------------------------------------*/

div.clear {
	clear:both;
	}
	
	
p.quotation {
	font-size:14px;
	line-height:21px;
	color:#939598;
	padding-bottom: 0px;
	}
	
p.quotationCredit {
	font-size:11px;
	padding-top: 5px;
	padding-bottom: 15px;
	color: #939598;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
	}