/* 

DCG Development 

dev version 0.1 - 22 June 2010
dev version 0.2 - 15 July 2010
dev version 0.3 - 19 July 2010
dev version 0.4 - 27 July 2010

*/

/* ........................................................... */
/* Reset default html styles, basic styles. */

ul,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,div,dl,dt,dd,hr,img {
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: inherit;
	font: inherit;
	text-indent: 0;
}

html, body {
	margin: 0;
	padding: 0;
	border: none;
	text-indent: 0;
}

ul, ul li { list-style-type: none; }
ol {
	margin: 0;
	padding: 0 0 0 2em;
	list-style-type: decimal;
	list-style-position: outside;
}
.clear { clear: both; }
.clearnone { clear: none; }
.hide { display: none; }
#skip { display: none; }

/* ........................................................... */
/* Font embedding and typography */

@font-face  {
	font-family: 'BergamoStdRegular';
	src: url('../fonts/bergamo_std/BergamoStd-Regular-webfont.eot');
	src: local('☺'), url('../fonts/bergamo_std/BergamoStd-Regular-webfont.woff') format('woff'), url('../fonts/bergamo_std/BergamoStd-Regular-webfont.ttf') format('truetype'), url('../fonts/bergamo_std/BergamoStd-Regular-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face  {
	font-family: 'BergamoStdItalic';
	src: url('../fonts/bergamo_std/BergamoStd-Italic-webfont.eot');
	src: local('☺'), url('../fonts/bergamo_std/BergamoStd-Italic-webfont.woff') format('woff'), url('../fonts/bergamo_std/BergamoStd-Italic-webfont.ttf') format('truetype'), url('../fonts/bergamo_std/BergamoStd-Italic-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face  {
	font-family: 'PTSansBold';
	src: url('../fonts/pt_sans/PT_Sans_Bold-webfont.eot');
	src: local('☺'), url('../fonts/pt_sans/PT_Sans_Bold-webfont.woff') format('woff'), url('../fonts/pt_sans/PT_Sans_Bold-webfont.ttf') format('truetype'), url('../fonts/pt_sans/PT_Sans_Bold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

.sans { font-family: 'PTSansBold' !important; }

em, i {
	font-style: normal;
	font-family: 'BergamoStdItalic';
}

ol li { font-family: 'PTSansBold'; }
ol li p {font-size:1em; font-family: 'BergamoStdRegular'; width:400px;}

h1, h2, h3, h4, h5, h6 { font-weight:normal; }

strong, b {
	font-weight: normal;
	font-family: 'PTSansBold';
	color: #666 !important;
}

.center { text-align: center; }

body {
	font-size: 62.5%;
	font-family: 'BergamoStdRegular', Georgia, serif;
	line-height: 1.3;
}

#content_wrapper { font-size: 100%; }

body#home #content h2 {
	font-size: 3.8em;
	line-height: 1.1;
	color: #E7EEE1;
}

body#home #content p {
	font-size: 20px!important;
	padding-top: 20px;
	width: 500px;
	color: #F3F7F0;
}
body#home #content p em{font-size: 14px!important;}

#primary_content h2 {
	font-size: 2.6em;
	line-height: 1;
}

#primary_content p {
	font-size: 1.6em;
	margin-top: 1em;
	padding: 0 5px;
}

#full_page h2,
#news_page h2 {
	font-size: 3.6em;
	line-height: 1.1;
}

#full_page #intro,
#news_page #intro {
	font-size: 2.2em;
	line-height: 1.2;
	padding: 20px 0;
	margin-bottom: 20px;
	border-bottom: 3px double #ddd;
}

#full_page h3,
#news_page h3 {
	line-height: 1.1;
	font-family: 'PTSansBold';
	color: #555;
	padding: 0.5em 0 .25em 0;
}

#full_page h3 {
	font-size: 1.8em;
	line-height: 1.2 !important;
}

#news_page h3 { font-size: 2.4em; }

#full_page p,
#news_page p {
	font-size: 1.6em;
	padding: 0 0 1em 0;
}

#full_page ul {
	padding: 0.5em 0 0.5em 1.5em;
	font-size: 1.6em;
}

#full_page #intro ul {
	padding: 1em 0 1em 2em;
	font-size: 1em;
}

#full_page ul li {
	list-style-type: square;
	list-style-position: outside;
}

#news_list { font-size: 1.4em; }
#news_list dt { font-size: 1.2em; }
#navigation { font-size: 1.3em; }
#social_media li { font-size: 0.7em; }
#search { font-size: 0.9em; }
.property_list h2 { font-size: 3.0em; }
#properties h2.instructions  {
	position: relative;
	float: left;
	font-size: 1.5em;
	padding: 20px 0px;
	display: inline;
}
.property_list h3 {
	font-size: 1.9em;
	color: #A51800;
	display: inline;
}

.property_list h3:hover { color: #222; }

.property_list .site_map_link {
	font-size: 1.3em;
	color: #888;
	display: inline;
	border-left: 1px solid #ddd;
	padding-left: 10px;
	margin-left: 8px;
	font-family: 'PTSansBold';
}

.property_list .site_map_link:hover { color: #222; }

.property_list li ul li {
	font-size: 1.0em;
	clear: both;
}


/* ........................................................... */
/* Image replacement */

#brand h1 a,
.ir {
	text-indent: -9999em;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
}

/* ........................................................... */
/* Links */

a { outline: none; }

a,a:link,a:visited,a:active {
	color: #A51800;
	text-decoration: none;
}

a:hover {
	color: #222;
	text-decoration: none;
}

#map small a:before {content:"+ ";}

#map small a, #map small a:link,#map small a:visited,#map small a:active {
	color: #A51800!important;
	text-decoration: none !important;
}

#map small a:hover {
	color: #222 !important;
	text-decoration: none !important;
}

#footer a { color:#7FA467; }
#footer a:hover { color:#eee; }

/* ........................................................... */
/* Structure */

body {
	border-top: 6px solid #265128;
	background-color: #2F4B30;
	color: #555;
}

#wrapper_1 {
	width: 100%;
	background: url('../images/body_bg_repeat.jpg') repeat-x left top #fff;
	min-height: 600px;
	padding-bottom: 70px;
}

#wrapper_2 {
	width: 100%;
	background: url('../images/body_bg.jpg') no-repeat center top;
	min-height: 600px;
}

#content_wrapper {
	width: 960px;
	margin: 0 auto;
	position: relative;
	min-height: 600px;
}

#content { padding-top: 60px; }

#primary_content {
	width: 427px;
	padding: 20px;
	border: 3px double #ddd;
	min-height: 297px;
	float: left;
	background: url('../images/ornament_5.png') no-repeat center bottom #fff;
}

#secondary_content {
	width: 427px;
	padding: 20px;
	border: 3px double #ddd;
	background: #fff;
	float: right;
}

#full_page,
#news_page
{
	width: 660px;
	padding: 40px 200px 100px 100px;
	margin-bottom:20px;
	border: 3px double #ddd;
	background: url('../images/ornament_5.png') no-repeat center bottom #fff;
}

#footer {
	color: #7FA467;
	clear: both;
	background-image: url('../images/footer_bg.png');
	background-repeat: repeat-x;
	background-position: left top;
}

#footer_content {
	width: 960px;
	margin: 0 auto;
	text-align: right;
	min-height: 100px;
	position:relative;
}

#footer_content p { padding: 10px 4px 0 0; }

#icsc { position:absolute; top:-70px; right:0; }
/* ........................................................... */
/* Logo */

#brand {
	position: relative;
	width: 183px;
	height: 133px;
}

#brand h1 a {
	display: block;
	width: 215px;
	height: 133px;
	position: absolute;
	top: 13px;
	left: 4px;
	background-image: url('../images/dcg_logo.png');
}

#home #brand h1 a { background-image: none !important; }

/* ........................................................... */
/* Navigation */

#navigation {
	position: absolute;
	top: 44px;
	right: 0;
	width: 275px;
	text-shadow: #ddd 0px 0px 7px;
}

#section_one {
	float: left;
	width: 95px;
	border-right: 1px dotted #ccc;
	padding-right:10px;
}

#section_two {
	float: left;
	padding-left: 20px;
}

#social_media {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #ccc;
}

#social_media li {
	float: left;
	display: inline;
}

#social_media li#facebook { background: url('../images/facebook_icon.png') no-repeat left top; height:10px;}

#social_media li#youtube {
	margin-left: 20px;
	background: url('../images/youtube_icon.png') no-repeat left top;
	height:10px;
}

#social_media li#facebook:hover,
#social_media li#youtube:hover { background-position: left bottom; }

#social_media a {
	color: #666;
	padding-left: 14px;
}

#social_media a:hover { color: #222; }

#search {
	margin: 30px 0 0 0;
	border: 1px dotted #ccc;
	background: transparent;
	width: 243px;
	height: 18px;
	padding: 2px 2px 0px 2px;
	color: #666;
}

#search_button {
	width: 15px;
	height: 20px;
	border: none;
	float: right;
	margin: 32px 4px 5px 4px;
	background-image: url('../images/search_button.png');
	background-repeat: no-repeat;
	background-position: right center;
	text-indent: -9999em;
	overflow: hidden;
	display: block;
}

/* ........................................................... */
/* Homepage */

body#home #content {
	position: absolute;
	top: 224px;
	left: 332px;
	width: 610px;
	padding-top:0 !important;
}

body#home #wrapper_1 {
	background: url('../images/home_bg.jpg') no-repeat center top;
	background-color: #E1E1E1;
	height: 545px;
}

body#home #wrapper_2 { background: none; }

body#home #action_box {
	width: 278px;
	position: absolute;
	top: 205px;
	left: 17px;
}

body#home #action_box ul#property_links {
	font-size: 1.5em;
	width: 221px;
	margin-left: 30px;
}

body#home #action_box ul#property_links li {
	margin-bottom: 10px;
	background: url('../images/ornament_3.png') no-repeat left center;
}

body#home #action_box ul#property_links li a {
	background: #FCFDF8;
	padding: 0 3px 0 0;
	text-shadow: #eee 0px 0px 7px;
}

body#home #action_box #action_box_contacts {
	font-size: 1.8em;
	text-align: center;
	color: #5c5f59;
	margin-top: 74px;
	text-shadow: #ccc 0px 0px 7px;
}

body#home #action_box #action_box_contacts h3 { font-family: 'BergamoStdItalic'; }
body#home #action_box #action_box_contacts span { font-size: 1.2em; display:block;}

body#home #action_box #action_box_contacts #action_box_contacts_list {
	background: url('../images/ornament_2.png') no-repeat center top;
	margin-top: 8px;
	height: 54px;
}

body#home #action_box #action_box_contacts #action_box_contacts_list p.contact {
	float: left;
	width: 139px;
	font-size: 0.7em;
	margin-top: 13px;
}

body#home #action_box #action_box_contacts #action_box_contacts_footer { margin-top: 20px; }

body#home #action_box #action_box_contacts #action_box_contacts_footer a#tour {
	width: 150px;
	height: 27px;
	background-image: url('../images/tour_button.png');
	display: block;
	margin: 0 auto;
}

body#home #action_box #action_box_contacts #action_box_contacts_footer a#tour:hover { background-position: left bottom !important; }

body#home #action_box #action_box_contacts #action_box_contacts_footer #ornament {
	background: url('../images/ornament_1.png') no-repeat center top;
	width: 279px;
	height: 25px;
	padding: 1px 0;
}

/* ........................................................... */
/* Our tenants logo scroller */

div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

#logos {
	width: 430px;
	height: 100px;
	position: relative;
}

#logos div.scrollableArea img {
	float: left;
	margin-left: 20px;
}

/* ........................................................... */

/* News page */

#news_content { overflow:auto; }
.news_entry, 
#news_list { float:left; display:inline; }
.news_entry { width:400px; }
.news_entry img {margin:10px;}
#news_list { width:220px; padding:3.4em 0 0 40px;}
#news_list dt {margin:0 0 10px 0; border-bottom:3px double #ddd; }
#news_list dd { padding:0.25em 0; }
#more_news_link { margin:10px 0 0 0; border-top:3px double #ddd; }
#more_news_link a { display:block; padding:5px 0 0 0;}

/* ........................................................... */

/* Properties */

#filter, 
#properties_contact {
	float:left;
	display:inline;
	background:#7FA467;
	border:3px double #99B685;
	width:464px;
	min-height:198px;
}

#filter{ margin:0 20px 0 0; }
#property_action_boxes {overflow:auto; padding-bottom:20px; }

ul.property_list {
	position: relative;
	float: left;
	width: 100%;
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
	margin-bottom: 20px;
}

#properties_contact {
	text-align: center;
	color: #fff;
}

#properties_contact h3 {
	font-size: 2.4em;
	line-height: 1.1;
	padding: 17px 0 15px 0;
	width: 410px;
	border-bottom: 1px dotted #fff;
	margin: 0 auto;
}

#properties_contact span {
	font-size: 1.1em;
	display: block;
}

#properties_contacts_list {
	margin: 15px 0 0 70px;
	font-family: 'BergamoStdItalic';
	font-size:1.8em;
}

#properties_contacts_list p {
	width: 160px;
	float: left;
	display: inline;
	line-height:1.3;
}

#properties_contacts_list p.border { border-right: 1px dotted #fff; }

#filter_form {
	width: 400px;
	border-bottom: 1px dotted #fff;
	padding: 10px 0 10px 35px;
	overflow:auto;
	margin:0 auto 10px auto;
	font-family:'PTSansBold';
	color:#fff;
}
#filter_form h4 { font-size:1.4em; padding-bottom:10px;}

#filter_form .checkboxes {
	width: 130px;
	float: left;
	display: inline;
	font-size:1.2em;
	line-height:1.1;
}

#filter_form .checkboxes {
	float: left;
	display: inline;
}

#filter_form .checkboxes input {
	float: left;
	display: inline;
	clear:both;
	margin:0 4px;
}

#filter_form .checkboxes div { padding-bottom:4px; }

#filter_the_properties {
	width: 150px;
	height: 27px;
	background: url('../images/filter_the_results_button.png') no-repeat left top transparent;
	display: block;
	margin: 0 auto 8px;
	text-indent: -9999em;
	overflow: hidden;
	border: none;
}
#filter_the_properties:hover { background-position: left bottom !important; }

/* ........................................................... */


/* Properties entry page */

.hide {display:none;}

#available_space, .also { width: 298px; }

#available_space {
	width: 298px;
	float: left;
	margin: 0px 30px 30px 0px; 
	clear:none;
	padding-top: 10px;
}

#map {
	width: 260px;
	float: left;
	margin:16px 30px 0 0; 
	font-size:0.9em;
	position:relative;
	clear:none;
	padding-top: 10px;
}

.photos {
	width: 340px;
	height:290px;
	float: left;
	margin:26px 0 0 0; 
	font-size:0.9em;
	position:relative;
	border:1px solid #ddd;
	clear:none;
	padding-top: 5px;
}

#map small {
	font-size: 1.1em;
	font-family: 'PTSansBold';
	position: absolute;
	top: 173px;
	right: 0;
}
#map iframe,#map .map {padding-bottom:20px;}
#map p { font-size:1.6em; margin: 15px 0px 0px 0px;}
.space_list { width: 213px; }
.floor_plan_list { width: 85px; }
.property_list h3.also { font-size: 1.9em; }

#available_space dl {
	float: left;
	display: inline;
}

.even { background: #ddd; }
.odd { background: #f0f0f0; }

#available_space dl dt {
	font-size: 1.4em;
	font-family: 'BergamoStdItalic';
	padding-left: 5px;
	height:1.3em;
}

#available_space dl dd {
	font-size: 1.1em;
	font-family: 'PTSansBold';
	padding: 8px 5px 5px 5px;
}

#available_space dl dd a.pdf {
	background: url('../images/pdf_icon.png') no-repeat center center;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
}

.floor_plan_list dt { text-align: center; }

/*
OLD GALLERY CODE
#photos a.advance-link { color: transparent !important; }
#photos #thumbs { display: none !important; }
#photos #slideshow img { padding:0 0 0 3px; }
#photos #controls {
	position:absolute;
	bottom:5px;
	left:5px;
	width:330px;
	text-align: center;
	font-family: 'PTSansBold';
	font-size: 1.4em;
}

#photos .ss-controls { float: left; }
#photos .nav-controls { float: right; }

#photos .prev {
	border-right: 1px solid #ddd;
	padding-right: 10px;
}

#photos .next { padding-left: 10px; }
OLD GALLERY CODE
*/

.photos .slideshow img { padding:0 0 0 5px; }
.photos .controls {
	position:absolute;
	bottom:5px;
	right:5px;
	float:right;
	text-align: right;
	font-family: 'PTSansBold';
	font-size: 1.4em;
}

.photos .prev {
	border-right: 1px solid #ddd;
	padding-right: 10px;
}

.photos .next { padding-left: 7px; }

.also {
	border-top: 1px solid #ddd;
	padding-top: 15px;
	clear: both;
}

.property_link { font-size:1.6em;}


/* ........................................................... */

/* Contact us */

#maintenance_form div,
#contact_form div {
	position: relative;
	float: left;
}

#maintenance_form label,
#contact_form label {
	position: absolute;
	top: 6px;
	left: 7px;
	font-family: 'PTSansBold';
	font-size: 1.2em;
	color: #666;
	display: inline;
}

#maintenance_form input,
#contact_form input {
	margin-bottom: 10px;
	border: 1px solid #ddd;
	height: 22px;
}

input.error,
textarea.error { border:1px solid #A51800 !important; } 
label.error { display: none !important; }

#contact_form #state {	
	margin-bottom: 10px;
	height: 22px;
}

#maintenance_form .clear_label,
#contact_form .clear_label { text-indent: -9000em; }

#name,
#day_phone { width: 204px; }

#email,
#evening_phone { width: 205px; }

#name,
#day_phone,
#address,
#city,
#state { margin-right: 10px; }

#address,
#city { width: 130px; }

#state { width: 60px; }
#zip { width: 67px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
#zip { width: 65px; }
}

#contact_message {
	width: 421px;
	height: 130px;
	border: 1px solid #ccc;
}

#submit {
	width: 80px;
	height: 27px !important;
	border: 0 !important;
	background-image: url('../images/submit.png');
	background-repeat: no-repeat;
	background-position: right top;
	text-indent: -9999em;
	overflow: hidden;
	margin-top: 10px;
}

#submit:hover { background-position: right bottom; }

/* maintenance  form */
#tenant,
#property,
#requested_by,
#contact_num { width: 423px; }

#requested_maintenance {
	width: 421px;
	height: 100px;
	border: 1px solid #ccc;
}

div.submit {width: 100%;}
.required {margin: 20px 0px 0px 240px;}

/* ........................................................... */

.scrollableArea a { height: 100px; line-height:100px; }

.scrollableArea img { line-height:100px; }