/****************************************************
Created By: Charley Ruggiero
Layout CSS File 
****************************************************/

/***************************************************/
/************ SITE LAYOUT AND DESIGN ***************/
/***************************************************/
/* STANDARD TAGS */ 
body {margin:0; padding:0; font-family:Helvetica, Arial, sans-serif; font-size:12px; background:url(/img/bckg.jpg) top left repeat-x; background-color:#E2E2E2;} 
p {margin:10px;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited {color:#000099; text-decoration:underline;} 
a:hover, a:focus, a:active {color:#000033; text-decoration:none; outline:none;} 
#wrapper {position:relative; width:975px; margin:0 auto;} 


/* HEADER */ 
#header { float:left; width:100%; height:165px; margin:0; background:url(/img/header.jpg) top left no-repeat;}
h1#topHeader {margin:0; padding:2px; width:956px; text-align:center; font-size:10px; color:#000;}
#logo a {width:100%; height:165px; display:block;}
#subNav {position:absolute; top:0px; right:0px; font-size:.7em; line-height:1.4em; background-color:#999999;}
#subNav li {float:left; list-style:none; margin:0 5px;}
#secondaryNav {position:absolute; right:0px; top:50px; background-color:#999999;}
#secondaryNav li {float:left; margin:0 15px; list-style:none; font-size:1.2em;}
#secondaryNav a {text-decoration:none;}
#secondaryNav a:hover {text-decoration:underline;}

#mainNav { position:absolute; top:175px; height:65px; width:100%;}
#mainNav ul {  background:url(/img/mainNav.png) top left no-repeat; height:65px; margin-bottom:5px; padding:5px; margin:0 auto; }
#mainNav li { float:left; list-style:none; height:50px; border-right:#cdcdcd solid 1px;}
#mainNav li.end { border-right:none;}
#mainNav li a { float:left; font:18px "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#1e417c; text-decoration:none; padding:15px 17px;margin-bottom:10px;}
#mainNav li a:hover { color:#818282;}


/***** Suckerfish Style Flyout CSS *****/
#mainNav li ul { 
	position: absolute;	
	left: -999em; 
	margin:45px 0 0 2px; 
	z-index:100; 
	height:auto; 
	padding:2px; 
	width:220px;
	text-align:left;
	background:#ccc;
}
#mainNav li ul li {
	display:block; 
	float:none; 
	padding:5px; 
	height:15px; 
	margin:0;
	text-align:left;
	background-image:none;
}
#mainNav li ul li:hover {
	background:#999;
}
#mainNav li ul li a {font:Arial, Helvetica, sans-serif; 
	height:10px; 
	font-size:12px; 
	padding:0; 
	background:none; 
	color:#1e417c;
	margin:0;
	position:relative;
}
#mainNav li ul li a:hover {
	color:#000; 
}
#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul {
	left: auto;
}
/****** End Nav ****/

#ticker { margin:3px 0 3px 5px; padding-left:5px;}

#plaza a { position:absolute; top:30px; left:20px; width:180px; height:130px;}
#storage a { position:absolute; top:30px; left:250px; width:280px; height:130px;}

#address { position:absolute; top:60px; right:30px; font:18px Arial, Helvetica, sans-serif; color:#1e417c; text-align:right;}

#arial img { float:left; margin:0 10px 20px 30px; padding:0;  border:#333 solid 1px;}

#flash { float:right; margin:0 20px 20px 0; border:#333 solid 1px;}

#cta { float:right; margin:0 12px 0 0; width:576px; height:155px; }

#cta1 a { float:left; background:url(/img/spaceCTA.jpg) top left no-repeat; width:178px; height:149px; margin:0 5px 0 0;}
#cta1 a:hover { float:left; background:url(/img/spaceCTAHover.jpg) top left no-repeat;}

#cta2 a { float:left; background:url(/img/leaseCTA.jpg) top left no-repeat; width:178px; height:149px; margin:0 13px;}
#cta2 a:hover { float:left; background:url(/img/leaseCTAHover.jpg) top left no-repeat;}

#cta3 a { float:left; background:url(/img/insureCTA.jpg) top left no-repeat; width:178px; height:149px; margin:0 0 0 5px;}
#cta3 a:hover { float:left; background:url(/img/insureCTAHover.jpg) top left no-repeat;}

#logos { float:right; margin:10px 20px 0 0; padding:0 15px; width:890px; min-height:85px; border:#CCC solid 1px; }

#homeText { float:left; width:335px; height:218px; border-top:#1e417c solid 1px; margin:5px 0 0 30px;}
#homeText h2 { font:20px "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#1e417c;}

#map {float:right; border: thin solid rgb(153, 153, 153); margin:10px 20px 0 20px; width: 550px; height: 450px;}

.map {position:relative; width:400px; height:400px; }
/* CONTAINER */ 
#container {width:100%; min-height:500px; background:url(/img/contentBack.png) top left repeat-y; margin:0;}
#container a {color:#267d76; text-decoration:underline;}
#container a:hover {color:#354035; text-decoration:none;}
#containerCap { background:url(/img/contentEnd.png) top left no-repeat; width:100%; height:36px;}
#content {float:left; min-height:500px; width:970px; margin-top:60px;}
#contentRight {float:right; width:150px; height:500px; margin:0 0 0 0; background-color:#CCCCCC;}

/*******************  Form Styles ******************/
/***************************************************/

#contactInfo { float:left; margin:30px 40px 0 20px; padding:0 0 20px 0; width:420px;  }
#contactInfo a { color:#03C;}
.text { font:.8em Arial, Helvetica, sans-serif; font-weight:bold; }
#contactForm { width:420px; margin:20px 0 20px 0; float:left;}
#requestForm { position:relative; width:400px; margin:0 0 0 23px; float:right;}

.formContainer p.legend {padding:10px; margin:0 0 10px 0; background:#ccc; border:1px solid #ccc;}
.formContainer p.legend em {color:#E41937; font-style:normal;}

.formContainer form p {margin:0;}
.formContainer form p.note {margin:0 0 0 170px; font-size:90%; color:#3367cd;}

.formContainer form fieldset {margin:15px 0; padding:5px; border:#ccc 1px solid;}
.formContainer form fieldset fieldset {border:none; }
.formContainer form fieldset div {padding:5px 0;}

.formContainer form legend {font-weight:bold; padding:2px 8px; color:#000; background:#ccc; border:1px solid #ccc;}

.formContainer label, .formContainer span.label {margin:0 10px 0 0; padding:0 7px 0 0; width:100px; display:block; float:left; text-align:right; position:relative; font:bold 12px Arial, Helvetica, sans-serif;}
.formContainer label em, .formContainer span.label em {position:absolute; right:0; font-size:12px; font-style:normal; color:#E41937; top:-1px;}

.formContainer form fieldset input {width:270px; border-color:#ccc;}
.formContainer form fieldset fieldset input {width:20px; border-color:#ccc;}
.formContainer form fieldset textarea {width:388px; margin:0 0 0 3px; border-color:#ccc;}
.formContainer form fieldset select {width:274px; border-color:#ccc;}
.formContainer input:focus,.formContainer textarea:focus {background:#FFFFDF;}

.formContainer div.buttonrow {text-align:center; margin:10px 0;}
.attributeLabel {margin:5px; font:12px; font-weight:bold;}
.attributeSelect select {width:170px;}
.attributeSearchSubmit {margin:10px auto 0px auto; width:50px; text-align:center;}
/************ End Form **************/

/* FOOTER */ 
#footer {  height:141px; margin:5px 0 0 0;}
#footerLinks { width:960px; height:50px;  text-align:center; }
#footerLinks ul { display:inline-block; margin:0 auto; padding:0; }
#footerLinks li { float:left; list-style:none; display:block; margin:0 auto;}
#footerLinks li a { padding:10px; display:block; color:#1e417c;}
#footerLinks li a:hover { text-decoration:none;}

/* SITE CREATED BY LINKS */
#delawarelink {font-size:10px;width:100%;text-align:center;clear:both;padding:15px;}
#delawarelink a:link,#delawarelink a:visited,#delawarelink a:hover,#delawarelink a:active{text-decoration:none;color:#333333;}

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#treePageListWrapper {
	width:200px;
}
#treePageDetailsWrapper {
	width:600px;
}
#treePageDetailsDescription { margin:20px 10px 10px 10px;}
#treePageDetailsDescription img { margin:5px;}
#treePageDetailsPageList li a { font-size:18px;}
#treePageDetailsBreadcrumbsWrapper { margin:0 0 0 10px;}
#detailWrapper { margin:0 20px;}
#treePageDetailsTitle { font:28px "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#1e417c; border-bottom:#1e417c solid 1px;}

/*******************************************************/
/******** CSS BELOW SHOULD NOT NEED MODIFICATION *******/
/*******************************************************/
/* DEV MODE */
#devmode {background-color:#999999;color:#FFFFFF;font-size:.8em;font-weight:bold;width:100%;text-align:center;position:fixed;bottom:0;left:0;padding:1px;margin:0px;cursor:pointer;}
/* CSS HACKS */
.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 */