/****************************************************
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:#fff; color:#131747;} 
.contentArea p {margin:0 0 10px 0;} 
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:917px; margin:0 auto;} 

h2 {position:relative; margin:10px 0; font-size:23px; color:#333;}
.contentArea h2 {margin:5px 0px;}
#treePageDetailsTitle {position:relative; margin:10px 0; font-size:23px; color:#333;}
#pageDetailsTitle {position:relative; margin:10px 0; font-size:23px; color:#333;}
#contactFormTitle {position:relative; margin:10px 0; font-size:23px; color:#333; text-align:left;}
#portfolioItemTitle {position:relative; margin:10px 0; font-size:23px; color:#333; text-align:left;}

#treePageDetailsTitle span {position:absolute; bottom:0; left:0; height:20px; width:100%; background:url(../img/layout/heading-gradient.png) top left repeat-x;}
#h2 span {position:absolute; bottom:0; left:0; height:20px; width:100%; background:url(../img/layout/heading-gradient.png) top left repeat-x;}

#hrListHeader {position:relative; margin:10px 0; font-size:23px; color:#333; text-align:left;}
#hrDetailsTitle {position:relative; margin:10px 0; font-size:23px; color:#333; text-align:left;}
#hrList {padding:0;}
.hrListItem {padding:5px 5px 5px 0;}
.hrTable {margin:0 10px 20px 0;}

#pageListHeader {position:relative; margin:10px 0; font-size:23px; color:#a6a6a5; text-align:left;}
#pageList {padding:0;}
.pageListItem {padding:5px 5px 5px 0;}
.pageListItemAlternate {padding:5px 5px 5px 0; background-color:#fff;}

/* HEADER */ 
#header {position:relative; width:100%; height:120px; margin:0; background:url(../img/layout/header-bg.jpg) top center no-repeat; z-index:15000;}
h1 {margin:0; padding:2px; width:100%; text-align:center; font-size:10px; color:#eee;}

#logo {width:325px; margin:0 0 0 20px;}
#logo a {width:325px; height:11px; font-size:12px; margin:4 0 30px 0; padding:40px 0 0 0; background:url(/img/layout/logo.png) top left no-repeat; text-decoration:none; display:block;}
#logo a:hover {text-decoration:none; background:url(/img/layout/logo.png) bottom left no-repeat;}

#subNav {position:absolute; top:0px; right:20px; font-size:1em; line-height:1.4em; color:#023e79;}
#subNav ul {float:left; margin:0 0 10px 0; padding:0 0 0 20px;}
#subNav li {float:left; list-style:none; margin:0 5px;}
#subNav li a {color:#023e79;}
#subNav p {float:left; margin:0;}

#secondaryNav {position:absolute; right:0px; top:50px;}
#secondaryNav li {float:left; margin:0 15px; list-style:none; font-size:1.2em;}
#secondaryNav a {color:#fff; text-decoration:none;}
#secondaryNav a:hover {text-decoration:underline;}

/***********Main Nav**************/
/*********************************/

#mainNav {width:100%; margin:25px 0 0 0;}
#mainNav ul { padding:0; margin:0 0 0 30px;}
#mainNav li {float:left; position:relative; height:39px; padding:5px 0 0 15px; list-style:none;}
#mainNav li:hover {}
#mainNav .start {}
#mainNav .end {border:none;}


#mainNav a {color:#fff; text-decoration:none; font-size:16px; padding:0 8px 5px 0; margin:0 5px 3px 0; line-height:39px;}
#mainNav a:hover {color:#4875AB;}
/*#mainNav a:hover {background:url(/img/layout/mainnav-parent-right.png) top right no-repeat;}
*/

/*#mainNavDropdownPlaceholder {position:absolute; top:95px; width:890px; height:33px; background:url(../img/layout/h3-bg.jpg) top left no-repeat;}
*/#mainNav li ul {position:absolute; top:40px; left:-9999px; margin:0; padding:0 0 8px 0; background:url(/img/layout/main-nav-dropdown-bg-bottom.png) bottom left no-repeat;}

#mainNav li ul li {float:none; width:200px; height:auto; background:#003F74; margin:0 20px 0 0; padding:0 0 5px 0; border:none;}
#mainNav li ul li:hover {}
#mainNav li ul li.start {padding:8px 0 5px 0; background:/*url(/img/layout/main-nav-dropdown-bg-top.gif) top left no-repeat */#003F74;}
#mainNav li ul li.end {padding:0 0 5px 0;}
#mainNav li ul li.single {}
#mainNav li ul li a {margin:0; padding:0 0 0 5px; height:auto; font:normal 13px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; display:block;}
#mainNav li ul li a:hover {text-decoration:underline;}

#mainNav li:hover ul {left:auto;}


#mainNav li:hover ul, #mainNav li.sfhover ul {left:auto;}
/*#mainNav ul li a.mainNavHoverFix {
	background:url(/img/layout/mainnav-parent-right.png) top right no-repeat;  position:relative; top:-1px;
}
*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#mainNav ul li a.mainNavHoverFix {top:0;}
}

/* CONTAINER */ 
#container {width:100%; margin:10px 0px 10px 3px;}
/*#container ul {padding:0 0 0 20px;}
#container ul li {}
#container a {color:#000099; text-decoration:none;}
#container a:hover {color:#a6a6a5; text-decoration:underline;}
*/#content {clear:both; position:relative; float:left; min-width:610px; margin:0 0 0 0;}
#contentInterior {position:relative; float:left; width:893px; margin:10px 0 10px 3px; padding:5px 10px 5px 10px; background:#eee;/* background:url(/img/layout/content-interior-top-line.png) top center no-repeat;*/}
#treePageDetailsBreadcrumbsWrapper {margin:20px 0 0 0;}

#sitemap {position:absolute; top:100px; right:50px; width:750px; }

#contentRight {float:right; width:307px; margin:5px 0 0 0;}
#contentRighthome {float:left; width:307px; margin:5px 0 0 0;}
#contentRighthome a {color:#003F74; text-decoration:underline;}
#contentRight a {color:#58585A; text-decoration:none;}
#contentRight a:hover, #contentRighthome a:hover {text-decoration:none; color:#9E9EA0;}
.CTA {width:296px; height:133px; padding:10px 0 0 15px; background:url(/img/layout/CTA-BG.png) top left no-repeat; display:block;}
.CTA p, .CTAhome p {width:270px;}
.CTAhome {width:296px; padding:0px 0 0 5px; line-height:16px; display:block; letter-spacing:-.4px; font-family:"Lucida Sans Unicode", "MS Trebuchet", sans-serif;}
.CTAhome h2 {letter-spacing:-1px; font-weight:normal;  line-height:13px;}
.CTAhome h2 a {margin-bottom:2px;}
.contentArea b, .contentArea strong {font-weight:normal;}

#portfolioDetailWrapper {float:left; width:570px;}
#portfolioBreadcrumbsWrapper {margin:20px 0 0 0;}
#portfolioSidebarWrapper {float:left; width:260px; margin-left:20px;}
.portfolioSidebarListMainCat {padding:0;}
#portfolioSidebarWrapper ul li {margin:20px 0 0 0; font-weight:bold; font-size:16px; color:#333; list-style:none; border-bottom:1px solid #ccc;}
#portfolioSidebarWrapper ul ul li {margin:1px 0 0 0; font-weight:normal; font-size:12px; list-style:none; border:none;}
.portfolioSidebarListCat {padding:5px 0 0 0;}
.portfolioItemSmallImg img, #portfolioThumbnailGalleryWrapper img, #portfolioMainGalleryWrapper img {border:1px solid #003F74;}

.portfolioThumbnailWrapper {float:left; margin:0 10px 0 0; width:120px;}
#portfolioThumbnailGalleryWrapper {margin:10px 0 10px 0; display: inline-block; display:block;}
#portfolioThumbnailGalleryWrapper:after {content: ".";display: block; height: 0; clear: both; visibility: hidden;}
#portfolioThumbnailGalleryWrapper img {cursor:pointer;}

#photoFade {position:relative; float:left; width:601px; height:418px; margin:10px 0 0 0;}
#photoFadehome {position:relative; float:right; width:601px; margin:10px 0 0 0;}
.photoFadeUpperLeft {position:absolute; top:0; left:0; width:15px; height:15px; background:url(/img/layout/photo-fade-upper-left.png) top left no-repeat; z-index:10000;}
.photoFadeUpperRight {position:absolute; top:0; right:-3px; width:15px; height:15px; background:url(/img/layout/photo-fade-upper-right.png) top left no-repeat; z-index:10000;}
.photoFadeBottomLeft {position:absolute; bottom:-6px; left:0; width:15px; height:15px; background:url(/img/layout/photo-fade-bottom-left.png) top left no-repeat; z-index:10000;}
.photoFadeBottomRight {position:absolute; bottom:-6px; right:-3px; width:15px; height:15px; background:url(/img/layout/photo-fade-bottom-right.png) top left no-repeat; z-index:10000;}

.bottomLeft {position:absolute; bottom:0; left:0; width:15px; height:15px; background:url(/img/layout/fade-bottom-left.png) top left no-repeat; z-index:10000;}
#photoFadehome .bottomLeft, #photoFadehome .bottomRight {top:403px;}
.bottomRight {position:absolute; bottom:0; right:0; width:15px; height:15px; background:url(/img/layout/fade-bottom-right.png) top left no-repeat; z-index:10000;}
.topLeft {position:absolute; top:0; left:0; width:15px; height:15px; background:url(/img/layout/fade-upper-left.png) top left no-repeat; z-index:10000;}
.topRight {position:absolute; top:0; right:0; width:15px; height:15px; background:url(/img/layout/fade-upper-right.png) top left no-repeat; z-index:10000;}

#ITfade {position:relative; margin:5px 0 0 0;}

#scroller {margin:10px 0 0 -5px;}
#scrollerArrowLeft {float:left;}
#scrollerBG {float:left;}
#scrollerArrowRight {float:left;}

.prequalHeader {color:#023e79; font-size:15px; font-weight:bold;}
.quoteRow {width:100%; height:40px; margin:0 0 5px 0;}
.fieldWrapper {float:left; margin:0 15px 0 0;}
.notRequired {color:#000;}
.required {color:#990000; font-weight:bold;}
fieldset {margin:0 0 10px 10px;}
.radioFields {float:left; margin:0 10px 0 0;}
.contactLabel {color:#000000; font-weight:normal;}
legend {color:#023E79; font-size:15px; font-weight:bold;}
#quoteForm fieldset {display:block; width:415px;}
#quoteForm fieldset select {width:180px;}
#quoteForm fieldset textarea {max-width:390px;}
#quoteForm .quoteRow {width:50%; display:inline;}
.formleft, .formright {width:50%; float:left;}

#map {position:absolute; top:49px; left:470px; width:375px; height:315px; border-color:#999999; border-style:solid; border-width:thin; margin:0 auto;}
.contactInput textarea#question {width:325px;}

#contactPageInfo {position:absolute; top:30px; left:260px; font-size:17px; color:#333;}
/* FOOTER */ 
#footer {width:100%; height:141px; margin:0;}
#footer a {color:#666; text-decoration:none;}
#footer a:hover {color:#a6a6a5; text-decoration:underline;}

#homeFooterCTA {float:left; width:250px; height:75px; padding:15px 0 0 0;}
#homeFooterCTA a {width:220px; border-bottom:1px solid #ddd; margin:0 0 0 15px; color:#333; font:bold 15px Georgia; display:block;}
#homeFooterCTA a:hover {text-decoration:none;}

#newsFeed {float:left; width:610px; height:225px; margin:7px 0 0 10px;}
#newsFeed h3 {margin:8px 5px 5px 5px; color:#454545;}

#footerQuoteForm {float:left; height:240px; padding:12px 0 0 10px;}
#footerQuoteForm fieldset {width:435px; border:none;}
#footerQuoteFormSubmit {float:left; margin:20px 0 0 0;}
.footerQuoteFormHeader {margin:0 0 10px 0; font-weight:bold; font-size:16px; color:#333;}
.footerquoteRow {margin:3px 0 0 0;}
.footerquoteRowMessageField {width:262px; height:49px; padding:5px 0 0 10px; margin:0; border:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; background:url(/img/layout/footer-small-message-field-bg.png) top center no-repeat;}
.footerQuoteFormSmallField {width:190px; height:24px; padding:5px 0 0 10px; border:none; background:url(/img/layout/footer-contact-small-field-home.png) top center no-repeat; float:left;}

#interiorFooter {width:914px; height:245px; background:url(/img/layout/interior-footer-bg.png) top center no-repeat;}
#newsletter {float:left; width:195px; height:215px; margin:0 0 0 30px;}
#newsletter form {margin:15px 0 0 0;}
#newsletterParagraph {margin:65px 0 0 0;}
#newsletterSmallInput {width:195px; height:22px; padding:5px 0 0 10px; border:none; background:url(/img/layout/footer-newsletter-field-bg.png) top center no-repeat;}
#newsletterSmallSubmit {float:right; width:95px; height:26px; margin:10px 0 0 0; background:url(/img/layout/footer-newsletter-button-bg.png) top center no-repeat; display:block; border:none;}

#footerContact {float:left; width:620px; margin:0 0 0 50px;}
.footerHeader {font-size:20px; color:#a6a6a5; margin:10px 0;}
#footerContact #submit {float:right;}
.contactSmallField {width:145px; height:24px; padding:5px 0 0 10px; border:none; background:url(/img/layout/footer-contact-small-field-bg.png) top center no-repeat;}
.contactMessageField  {width:386px; height:142px; padding:5px 0 0 10px; border:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(/img/layout/footer-contact-message-field-bg.png) top center no-repeat; overflow:hidden;}
.smallFieldset {float:left; border:none;}
.largeFieldset {float:left; height:140px; border:none;}

.footerContactRow {margin:0 0 10px 0;}
#contactSubmit {float:left; width:107px; height:35px; margin:0 20px 0 0; border:none; background:url(../img/layout/footer-contact-button-bg.png) top center no-repeat;}
#contactParagraph {width:425px;}

#footerLinks {float:left; width:750px; margin:10px 0 0 0;}
#footerLinks hr {margin:2px 0px; position:absolute; width:100%; background:#999; color:#999;}
#footerLinks ul {margin:0; padding:5px 0px 0px 0px; position:absolute; width:100%;}
#footerLinks li {float:left; list-style:none; padding:0 3px 0 0;}
#footerLinks li a {color:#333333; font-size:11px; border-right:1px solid #999; padding-right:3px;}
#footerLinks li.end a {border-right:none;}
#footerLogo {float:right; width:150px; height:150px;}
#footerLogo ul li {float:right; list-style:none; margin:0 5px 0 0;}
#applogos {margin:10px 0px 0px 0px;}


/* 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;
}
#treePageDetailsImage {float:right; margin:0 10px 10px 10px;}

.tagList a {font-size:10px; font-weight:normal;}
.tagList {font-size:10px; font-weight:normal;}

.contentArea h3 {line-height:33px; font-size:18px; padding:0 0 0 15px; background:url(/img/layout/bg-h3.png) top left no-repeat; background-position:0 -3px; color:white; position:relative; left:-27px; height:33px; width:858px;}
.fieldWrapper h3 {background-image:none; color:#333; padding:0;}

#helpBar {
	position:relative;
	float:left;
	width:200px;
	background:white;
	padding:20px;
	margin:5px 20px 0 0;
	border-right:1px solid #ddd;
}

#helpUpperLeft {position:absolute; top:0; left:0; width:9px; height:10px; background:url(/img/layout/help-bar-upper-left.png) top left no-repeat;}
#helpLowerLeft {position:absolute; bottom:-1px; left:0; width:9px; height:10px; background:url(/img/layout/help-bar-bottom-left.png) top left no-repeat;}

#helpBar ul {
	list-style:none;
	margin:0 0 4px 0;
	padding:0;
}
#helpBar ul a{
	font-size:16px;
	font-weight:bold;
	color:white;
	background:#333;
	padding:3px 5px;
	width:100%;
	display:block;
}
#helpBar ul ul{
	margin:4px 0 4px 0;
}
#helpBar ul ul a{
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	background:none;
	color:#333;
	padding:3px 5px 0 0;
	font-weight:bold;
}
#helpBar ul ul a:hover {color:#666;}
#helpBar ul ul ul a{
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
	padding:0 0 0 10px;
}
#helpBar ul ul ul a:hover {text-decoration:none;}
#helpContent {
	width:600px;
 	float:left;
}

/*****************************************************/
/************************ TABS ***********************/
.newsTab {
padding:5px 0px 3px 3px;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left;
height:23px;
}

.newsTab li{
display: inline;
margin: 0;
}

#newsTabs li a,#newsTabs li a:link,#newsTabs li a:active,#newsTabs li a:visited,#newsTabs li a:hover{
text-decoration:none;
color:#003F74;
font-size:14px;
position: relative;
z-index: 1;
padding: 2px 3px 5px 3px;
margin-right: 5px;
width:410px;
overflow:hidden;
height:23px;
background:url(/img/tab-bg.jpg) repeat-x;
border-left:1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}

#newsTabs li a.selected{ /*selected main tab style */
position: relative; background:#fff;
}

#newsTabs li a.selected{ /*selected main tab style */
/*border-bottom-color: white;*/
text-decoration:underline;
}

.newsTab li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.newsTabContent{
display:none;
}

@media print {
.newsTabContent {
display:block !important;
}
}

.newsTabContent ul, .newsTabContent li {
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:1px solid #ddd; border-top:1px solid white;
}
.newsTabContent ul li {
display:block;
padding:4px 5px;
height:21px;
line-height:21px;
}

.newsTabContent ul li a{
/*display:block;
padding:5px;
height:24px;*/
}


.newsTabContent .pageListInLineViewAll a{
	margin-right:20px;
	text-decoration:none;
}

.noneFoundInline {
	margin:5px 0;
	padding:0;
}
.newsTabWrapper {width:635px; overflow:hidden;}
.newsTabContent {width:600px;}
.newsTabContent ul li a, ul li a:link, ul l  a:active, ul li a:visited, ul li a:hover {color:#333; font-size:12px;}
#feeds {width:914px; height:250px; background:url(/img/layout/interior-footer-bg.png) top left no-repeat;}
#twitterFeed {float:left; width:635px; height:225px; margin:0; color:#666;}
#twitterFeed a {text-decoration:underline;}
#twitterFeed a:hover {color:#a6a6a5; text-decoration:none;}
#twitterFeed {height:195px;}
.twitterElement {padding:0 5px 5px 5px; border-bottom:1px solid #ddd; border-top:1px solid white;} 
#twitterFeed ul li {height:auto;}

/********************************/
/****** Featured Portfolio ******/
.featuredPortfolio_container {
	float:right;
	clear:both;
	top:10px;
	height:150px;
	background:url('/img/layout/scroller-bg.png') repeat-x;
}
.featuredGroup {
	margin:13px 0 0 20px; height:119px; overflow:hidden;
}
.featuredGroup a{
 	margin:0 4px 0 4px;
	display:block;
	float:left;
	padding:0;
	 border:1px solid #EDECEB;
	 height:110px;
}

#slider_prev { position:absolute; top:0px; left:0px; background:#FFFFFF no-repeat; z-index:10000; width:33px;}
#slider_next { position:absolute; top:0px; right:0px; background:#fff no-repeat; z-index:10000; width:33px;}
#slider_prev a{ margin:0; padding:0;}
#slider_next a{ margin:0; padding:0;}



/*******************************************************/
/******** 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 {clear:both; display: inline-block;}
/* HIDES FROM IE-MAC \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* END HIDE FROM IE-MAC */
.portfolioItemSmallTitle a:link, .portfolioItemSmallTitle a:hover, .portfolioItemSmallTitle a:active, .portfolioItemSmallTitle a:visited {color:#000099;}
.portfolioItemSmallTitle {background:#eee;}
/****************************************************
Created By: Charley Ruggiero
Layout CSS File 
****************************************************/

/***************************************************/
/************ SITE LAYOUT AND DESIGN ***************/
/***************************************************/

/* HEADER */ 

#logo a {width:248px; height:82px; font-size:12px; margin:0 0 0 0; padding:0 0 0 0; background:url(/img/layout/mail-logo.png) top left no-repeat; text-decoration:none; display:block;}
#logo a:hover {text-decoration:none; background:url(/img/layout/mail-logo.png) bottom left no-repeat;}
#header {background:url(../img/layout/header-bg.jpg) top center no-repeat;}

#subNav {color:#F36523;}
#subNav li a {color:#F36523;}


/***********Main Nav**************/
#mainNav {width:100%; margin:0 0 0 0;}
#mainNav li {padding:0 0 0 15px;}
#mainNav a:hover { color:#BF420B;}

/* CONTAINER */ 
#containerInterior {position:relative; width:893px; margin:10px 0; padding:5px 10px; background:#eee;}
#contentRight { margin-left:7px;}

/* FOOTER */ 
#feeds {width:914px; height:250px; background:url(/img/layout/feed-bg.png) top left no-repeat;}
#newsFeed {float:left; width:440px;  margin:7px 0 0 0;}
.pageListInLineViewAll {width:440px;}
#footerContact {float:left; margin:0 15px 0 15px; width:440px;}
#contactSubmit {float:right; width:107px; height:35px; margin:0 20px 0 0; border:none; background:url(/img/layout/footer-newsletter-button-bg.png) top center no-repeat;}

/************************ TABS ***********************/
.newsTabContent ul li {height:26px;}
.newsTabContent ul, .newsTabContent li {border:0;}
.newsTabContent ul li {line-height:18px;}