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

/***************************************************/
/************ SITE LAYOUT AND DESIGN ***************/
/***************************************************/
/* STANDARD TAGS */ 
body {margin:0; padding:0; font-family:"Lucida Sans Unicode", "MS Trebuchet", sans-serif; font-size:12px; background-color:white; color:#131747; background:url(/img/layout/footer-bg-image.jpg) bottom left repeat-x;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited {color:#3463aa;} 
a:hover, a:focus, a:active {color:#3463aa; outline:none;} 
#wrapper {position:relative; width:960px; margin:0 auto;} 
h1 {margin:-25px 0 0 0; padding:2px; width:100%; text-align:left; font-size:12px; color:#fff;}
h2 {line-height:30px; font-size:18px; padding:0 0 0 15px; background-color:#3463AA; background-position:0 -3px; color:#fff; position:relative; left:-10px; height:30px; width:98.5%; font-weight:normal;}
h3 {position:relative; margin:10px 0; font-size:18px; color:#3463aa; font-weight:normal;}
.home {margin:10px 0 0 10px; font-weight:normal;}
#container {width:100%; margin:10px 0px 0px 3px;}
#content {clear:both; position:relative; float:left; min-width:610px; min-height:325px; width:100%; margin:0 0 0 0;}
h4 { font-size:14px; color:#4A64A6; font-weight:normal;}

/********* HEADER *******************************************************************************************************************/

/********* HEADER ***********/
#header {margin:0; position:relative; width:100%; height:130px; z-index:10000;}
	#logo {width:380px; padding:10px 0 0 20px; position:relative;}
		#logo a {width:380px; height:19px; font-size:12px; margin:4 0 30px 0; padding:40px 0 0 0; background:url(/img/layout/new-logo.png) bottom left no-repeat; text-decoration:none; display:block;}
		#logo a:hover {text-decoration:none; background:url(/img/layout/new-logo.png) top left no-repeat;}

#subNav {position:absolute; top:10px; right:5px; font-size:12px; 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; text-decoration:underline;}
#subNav li a:hover {color:#023e79; text-decoration:none;}
#subNav p {float:left; margin:0;}	
		
	/********* QUOTE BUTTON ***********/
	#quote {width:145px; height:30px; float:right;  margin:0 50px 0 0;}
		#quote a {width:145px; height:30px; background:url(/img/layout/quote.png) bottom left no-repeat; display:block;}
		#quote a:hover {width:145px; height:30px; background:url(/img/layout/quote.png) top left no-repeat;}


/********* HOME PAGE ****************************************************************************************************************/

/********* LARGE SLIDESHOW ***********/
#mainNavBottom {margin:11px 0 0 0; height:5px; width:100%; background-color:#3463aa;}


#mainShow {margin:-10px 0 0 -3px; height:340px; width:950px; border:#3463aa 5px solid; border-top:none;}
#ITfade {margin:-10px 0 0 -3px; height:300px; width:950px; border:#3463aa 5px solid; border-top:none;}
#webfade {margin:-10px 0 0 -3px; height:300px; width:950px; border:#3463aa 5px solid; border-top:none;}
/*#ITfade {position:relative; float:left; margin:-10px 0 10px 0; width:950px; border:#4A64A6 5px solid;}
#webfade {position:relative; float:left; margin:-10px 0 10px 0; width:950px; border:#4A64A6 5px solid;}*/

#mainShowShadow {height:50px; width:960px; background:url(/img/layout/slideshow-shadow.jpg) top left no-repeat;}

.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;}




/********* FEATURED CLIENTS ***********/
.featuredPortfolio_container {float:left; 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_prev a{ margin:0; padding:0;}
#slider_next {position:absolute; top:0px; right:0px; background:#fff no-repeat; z-index:10000; width:33px;}
	#slider_next a{margin:0; padding:0;}

/********* OUR PRODUCTS ***********/
#our_products {margin-left:0px; float:left; width:465px; margin-right:11px; position:relative;}
	#our_products .tab {/* display: none; */ padding-left:0; position:relative; left:144px;}
	#our_products .tab.selected {/* display: block; */}
		#our_products .tab .inner {padding-bottom:0; height:221px;}
			#our_products .tab .actions {border-top:1px solid #e9e9e9; position:absolute; bottom:20px; padding-top:13px; height:25px; width:241px;}

.products {position: relative;}
	.products .tabs {width: 185px; position: absolute; z-index: 5; padding:0;  margin:-2px 0 0 0; /*display: none !important;*/}
		.products .tabs li {height: 66px; background:url(/img/layout/products_tabs1.png) no-repeat; _background:url(/img/layout/products_tabs1.png) no-repeat; background-position:0 -225px; font-size:1.1em; font-weight:bold; margin-top:-11px; clear:both; white-space:nowrap; list-style:none;}
			.products .tabs li a {color:#777; display:block; height:66px; line-height:29px; padding:5px;}
			.products .tabs li a:hover {color:#333; text-decoration:none;}
		.products .tabs li.selected {background-position:0 -151px; height:66px; z-index:10; position: relative; top:0px; margin-bottom:0;}
			.products .tabs li.selected a {color:#333; line-height:66px;}
		.products .tabs li#tabfirst {height:66px; margin-top:0px; margin-bottom:0px; background-position:0 -76px;}
			.products .tabs li#tabfirst a {line-height: 66px;}
			.products .tabs li#tabfirst.selected {background-position:0 -1px; top:0px;}
		.products .tabs li#tablast {background-position:0 -377px; height:66px; margin-top:-7px;}
			.products .tabs li#tablast a {line-height:66px;}
			.products .tabs li#tablast.selected {background-position:0 -305px; top:0;}
	.products .tab { width: 303px; /* position: absolute; left: 144px;*/ background:url(/img/layout/products_main_top.png)  top left no-repeat; padding-top:5px; z-index:0; margin:0 0 15px 24px;}
		.products .tab .inner {background: url(/img/layout/products_main.png) bottom left no-repeat; position:relative; top:6px; padding:0 23px 23px; margin-top:-0px;}
		.products .tab h3 {font-size: 1.4em; font-weight:bold; color:#3463aa; text-decoration:underline; margin-bottom:10px; padding:0;}
		.products .tab img {padding:15px 0 0 5px;}
		.products .tab p {margin:0 10px 10px; padding-top:10px; font-size:12px;}

.button.btnw {background:url(/img/layout/btn_bg.png) top left no-repeat; height:23px; font-size:1.2em; color:#399103; font-weight:bold; display: inline-block; cursor:pointer; margin-right:3px;}
	.button.btnw span {background: url(/img/layout/btn_bg.png) top right no-repeat; color:#399103; line-height:23px; display:inline-block; margin-left: 3px; position:relative; left:6px; padding:0 10px 0 1px; *padding-left:3px;}
	.button.btnw:hover, .button.btnw:hover span {text-decoration: none; _color: #333;}
	.button.btnw:hover {background-position:bottom left; _background-position:top left;}
		.button.btnw span:hover {background-position:bottom right; _background-position:top right;}
button.btnw {font-family: Arial, Helvetica, sans-serif;}
	button.btnw span {top: -1px;}
a.more {background-color:transparent; background-image:url(/img/layout/arrow.png); background-repeat:no-repeat; background-attachment:scroll; background-position:right 55%; padding-right:9px; font-size:1.2em;}
	.products .tab a.more {float:right; margin:0 20px 0 0; line-height:23px;}

/********* SUCCESS STORIES ***********/


#promotions {margin:0 0 0 11px; float:left; width:465px; position:relative;}


/*#promotions #photoFadehome {position:relative; float:right; max-width:465px; height:221px; margin:5px 0 0 0; border:1px solid #e3e3e3; z-index:1;}
.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;}
.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;}
.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;}
.topLeft {position:absolute; top:-1px; left:-1px; width:15px; height:15px; background:url(/img/layout/fade-upper-left.png) top left no-repeat; z-index:10000;}*/


#promotions-header {position:relative; height:25px; width:150px; z-index:100000; background:url(/img/layout/promotions-header.png) top left no-repeat;}
#slideshow12 {margin:5px 0 0 0; z-index:0;}

/*2  }
#success {margin:-21px 0 0 0; z-index:1;}
#btns {margin:-31px 0 0 15px; z-index:2;}*/



/********* FOOTER ******************************************************************************************************************/

/********* FOOTER ***********/
#footer {width:100%; height:100px; margin:40px 0 0 0; padding:0;}
#footer h3 {color:#f1a635; text-decoration:underline;}
#footer p {color:#fff;}
#footer a {color:#fff; text-decoration:none;}
	#footer a:hover {color:#fff; text-decoration:underline;}
	
	/********* Column 1 ***********/	
	#col1 {width:340px; height:270px; position:relative; float:left; margin:20px 15px 0 10px;}
	#col1 ul {padding:0;}
		#col1 li {display:block; font-size:14px; padding:2px 0;}
	
	/********* Column 2 ***********/
	#col2 {width:335px; height:270px; position:relative; float:left; margin:20px 5px 0 0;}
	#col2 .pageListInLineViewAll {display:none;}
	#col2 .pageListInline {padding:0;}
	
	/********* Column 3 ***********/
	#col3 {width:225px; height:270px; position:relative; float:left; margin:20px 0 0 25px;}
	#col3 .pageListInLineViewAll {display:none;}
	#col3 .pageListInline {padding:0;}
	
	/********* Column 4 ***********/
	/*#col4 {width:225px; height:280px; position:relative; float:left; margin:20px 0 0 20px;}	*/
	
	/********** Social ************/
	#social {width:100%; margin:0; float:left; position:relative;border-top:#3364A9 1px solid;}
	#copy {width:350px; font-size:10px; float:left;}
	#social #icons {text-align:center; padding:10px 40px 6px 0; width:250px; float:left;}
		#social #icons #icon1 {padding-right:20px;}
	#address {width:320px; font-size:10px; float:left; text-align:right;}
	









#loginContact {float:left; width:420px; margin:0;}


#loginContact #submit {float:right;}

.contactSmallField {width:145px; height:24px; padding:2px 0 5px 10px; line-height:12px; border:none; background:url(/img/layout/contact-small-field-bg.png) top center no-repeat;}
/*input.contactSmallField {color:#00FF00;}*/

.contactMessageField  {width:215px; height:142px; padding:5px 0 0 10px; border:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(/img/layout/contact-message-field-bg.png) top center no-repeat; overflow:hidden;}

#loginContact .smallFieldset {float:left; border:none; margin:0; padding-left:0;}

#loginContact .largeFieldset {float:left; height:140px; border:none; margin-left:0;}



.footerContactRow {margin:0 0 10px 0;}

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

#contactParagraph {width:425px;}

.buttonrow {}





/*******************************************************/
/***************** 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:30px; font-size:16px; padding:0 0 0 15px; background-color:#ababab; background-position:0 -3px; color:#fff; position:relative; left:-10px; height:30px; width:100%; }
.fieldWrapper h3 {background-image:none; color:#333; padding:0;}
.contentArea h4 {}
.contentArea h2 {}

#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;
}

.contentArea a:link {text-decoration:underline;}
.contentArea a:hover {text-decoration:none;}

/*******************************************************/
/******** CSS BELOW SHOULD NOT NEED MODIFICATION *******/
/*******************************************************/
/* 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;}


#pageDetailsTitle {font-size:18px;}

.pubFAQAccordion {width:940px;}
.portfolioItemSmallWrapper {margin-left:0;}
.portfolioItemSmallWrapper h3 {margin-left:-10px; float:left;}







/********************************************************************************************************************************************/
/********* MAY NOT NEED / USE ANYMORE *******************************************************************************************************/
/********************************************************************************************************************************************/

/*.contentArea h2 {margin:5px 0px; font-weight:lighter;}
*/.contentArea p {margin:0 0 10px 0;}
.contentArea hr {color:#3463aa;}
#treePageDetailsTitle {position:relative; font-size:20px; margin:10px 0 10px 8px }
#contactFormTitle {position:relative; margin:10px 0; font-size:23px; color:#333; text-align:left;}
#portfolioItemTitle {position:relative; margin:10px 0;  text-align:left;}
#treePageDetailsTitle span {position:absolute; bottom:0; left:0; height:20px; width:100%; }
/*#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:#fff; text-align:left;}
#hrDetailsTitle {position:relative; margin:10px 0; font-size:23px; color:#fff; 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;}
#contentInterior {position:relative; float:left; min-height:308px; width:935px; margin:10px 0 10px 3px; padding:5px 10px 5px 10px; background:#fff;}
#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;}
*/


#portfolioDetailWrapper {float:left; width:650px;}
#portfolioDetailWrapper h2 { margin-left:10px;}
#portfolioDetailWrapper h3 { margin-left:10px; width:98.5%;}
#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;}

.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;}

#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; border:none;}
.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 textarea {max-width:390px;}
#quoteForm .quoteRow {width:50%; display:inline;}
.formleft {width:50%; float:left;}
.formright {width:50%; float:left;}
#map {position:absolute; top:49px; left:470px; width:375px; height:315px; border-color:#999; border-style:solid; border-width:thin; margin:0 auto;}
.contactInput textarea#question {width:325px;}

#contactPageInfo {position:absolute; top:40px; left:260px;}
#contactPageInfo p {font-size:12px;}




/************************ 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 li a:visited {color:#3463aa; text-decoration:underline; font-size:14px;}
.newsTabContent ul li a:active, ul li a:hover {color:#023e79; text-decoration:none;}
#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;}


/*********** MAIN NAV **************/
/***********************************/
#mainNav {
	width:80%; 
	margin:25px 0 0 0;
}

#mainNav ul {
	margin:0; 
	padding:0;
}

#mainNav ul #pubTree46 {
	background:#00FF00;}

#mainNav li {
	float:left; 
	position:relative; 
	height:32px; 
	margin:0 10px; 
	padding:5px 10px 20px; 
	list-style:none;
}

#mainNav li:hover {
		border-top:2px orange solid;
	/*background:url(/img/layout/rollover.jpg) top left repeat-x;*/
	margin-top:-2px;
}

#mainNav a {
	color:#3463aa; 
	text-decoration:none; 
	font-size:16px; 
	padding:0; 
	margin:0; 
	line-height:30px;
}

#mainNav a:hover {
	color:#023e79;
}


/*********** DROP DOWN **************/
#mainNav li ul {
	position:absolute; 
	background:white; 
	left:-999em;
	margin:23px 0 20px 0;
	padding:0;
	border:#3463AA 5px solid; 
	border-top:none; 
/*	filter:alpha(opacity=95); 
	-moz-opacity:0.95; 
	-khtml-opacity: 0.95; 
	opacity: 0.95;
*/	min-height:250px;
	min-width:300px;
}

#mainNav li ul li {
	float:none; 
	margin-top:-2px; 
	padding:4px 5px 4px 10px; 
	display:block; 
	height:auto; 
	position:relative;
}

#mainNav li ul a {
	float:none;
	margin:0; 
	padding:0; 
	display:inline; 
	line-height:normal; 
	color:#162c4d; 
	font-size:12px;
 }
#mainNav li ul a:hover { text-decoration:underline;

 }

/******************** MEGANAV STYLES *******************/

/* Website Services */
#pubTreeItem1067 ul {
	width:460px;
	min-height:350px;

}

#megaNav1 .permaPageDescription {
	width:210px; 
	border-left:#999 dotted 1px; 
	padding-left:20px;
	position:absolute;
	right:-10px;
	top:2px;
	z-index:100;
}

/* IT Services */
#pubTreeItem976 ul {
	width:450px;
	height:280px;

}

#megaNav2 .permaPageDescription {
	width:250px;
	position:absolute;
	right:-60px;
	top:10px;
	z-index:100;
	border-left:#999 dotted 1px; 
	padding-left:20px;
}

/* Clients */
#pubTreeItem1082 ul {
	width:440px;	
	height:300px;

}

#megaNav3 .permaPageDescription {
	width:270px;
	position:absolute;
	right:-40px;
	top:10px;
	z-index:100;
	border-left:#999 dotted 1px; 
	padding-left:20px; 
	padding-bottom:-30px;
	margin-bottom:-20px;
}

/* Why Delaware.net */
#pubTreeItem1089 ul { 
	width:410px; 
	height:260px;

}

#megaNav4 .permaPageDescription {
	width:250px;
	position:absolute;
	right:-70px;
	top:10px;
	z-index:100;
	border-left:#999 dotted 1px; 
	padding:0 0 0 20px;
}

/* How To */
#pubTreeItem962 ul{
	width:250px; 
}

/*** ESSENTIAL STYLES ***/
#pubTree46 li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

#pubTree46 li:hover ul,
#pubTree46 li.sfHover ul {
	left:			0;
	top:			2.0em; /* match top ul list item height */
	z-index:		99;
}

#pubTree46 ul li:hover {
	background:none;
	border:none;
}

/*** arrows **/
#pubTree46 a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#pubTree46 ul .sf-sub-indicator { 
	background-position:  -10px 0; 
}

#pubTree46 ul a > .sf-sub-indicator { 
	background-position:  0 0; 
}

/* apply hovers to modern browsers */
#pubTree46 ul a:focus > .sf-sub-indicator,
#pubTree46 ul a:hover > .sf-sub-indicator,
#pubTree46 ul a:active > .sf-sub-indicator,
#pubTree46 ul li:hover > a > .sf-sub-indicator,
#pubTree46 ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}





/*** FOOTER ***/

#footerlinks {
	width:100%; 
	margin:20px 0 0 0;
}

#footerlinks ul {
	margin:0; 
	padding:0 0 0 120px;
}


#footerlinks li {
	float:left; 
	position:relative; 
	height:16px; 
	margin:0 10px 20px; 
	padding:5px 10px 0px; 
	list-style:none;
}

#footerlinks li:hover {
	
}

#footerlinks a {
	color:#fff; 
	text-decoration:none; 
	font-size:12px; 
	padding:0; 
	margin:0; 
	line-height:30px;
}

#footerlinks a:hover {
	color:#d49b49;
}

/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: March 26, 2009
Version: 1.0

	Copyright 2009 Jeremie Tisseau
	"Sliding Login Panel with jQuery 1.3.2" is distributed under the GNU General Public License version 3:
	http://www.gnu.org/licenses/gpl-3.0.html
*/

#loginPanel {
	z-index:100000;
}

/* Panel Tab/button */

.tabLogin {
  	background: url(/img/login/tab_b.png) repeat-x 0 0;
	height: 42px;
	position: relative;
    top: 0;
    z-index: 999;
}

#contact_tab {
	position:relative; 
	width:960px; 
	margin:0 auto;
} 


.tabLogin ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	right: 30px;
  	color: white;
  	font-size: 80%;
	text-align: center;
}

.tabLogin ul.login li.left {
  	background: url(/img/login/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tabLogin ul.login li.right {
  	background: url(/img/login/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tabLogin ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url(/img/login/tab_m.png) repeat-x 0 0;
}

.tabLogin ul.login li a {
	color: #FFFFFF;
}

.tabLogin ul.login li a:hover {
	color: white;
}

.tabLogin .sep {color:#414141}

.tabLogin a.open, .tabLogin a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 85px;
	position: relative;
	top: 11px;
}

.tabLogin a.open {background: url(/img/login/bt_open.png) no-repeat left 0;}
.tabLogin a.close {background: url(/img/login/bt_close.png) no-repeat left 0;}
.tabLogin a:hover.open {background: url(/img/login/bt_open.png) no-repeat left -19px; text-decoration:none;}
.tabLogin a:hover.close {background: url(/img/login/bt_close.png) no-repeat left -19px; text-decoration:none;}

/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#slidingLoginPanel {
	width: 100%;
	height: 325px;
	color: #FFFFFF;
	background: #3463AA;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#slidingLoginPanel .loginHeader {
	font-size: 18px;
	padding: 5px 0 10px;
	margin: 0;
	color:#F1A635;
	text-decoration:underline;
}

#slidingLoginPanel h2 {
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
}

#slidingLoginPanel p {
	margin: 5px 0;
	padding: 0;
}

#slidingLoginPanel a {
	text-decoration: none;
	color: #FFFFFF;
}

#slidingLoginPanel a:hover {
	color: white;
}

#slidingLoginPanel a-lost-pwd {
	display: block;
	float: left;
}

#slidingLoginPanel .content {
	width: 960px;
	margin: 20px auto 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

#slidingLoginPanel .content .left {
	width: 200px;
	height:272px;
	float: left;
	padding: 0 15px;
	/*border-left: 1px solid #FFFFFF;*/
}

#slidingLoginPanel .content .middle {
	width: 280px;
	float: left;
	padding: 0 15px;
	/*border-left: 1px solid #FFFFFF;*/
}

#slidingLoginPanel .content .right {
	width: 385px;
	/*border-right: 1px solid #FFFFFF;*/
}

#slidingLoginPanel .content form {
	margin: 0 0 10px 0;
}

#slidingLoginPanel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#slidingLoginPanel .content input.field {
	border: 1px #1A1A1A solid;
	background: #FFFFFF;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: #000000;
	height: 16px;
}

#slidingLoginPanel .content input:focus.field {
	background: #FFFFFF;
}

/* BUTTONS */
/* Login and Register buttons */
#slidingLoginPanel .content input.bt_login,
#slidingLoginPanel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

#slidingLoginPanel .content input.bt_login {
	width: 74px;
	background: transparent url(/img/login/bt_login.png) no-repeat 0 0;
}

#slidingLoginPanel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(/img/login/bt_register.png) no-repeat 0 0;
}

#slidingLoginPanel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}



.sliderTextStrong {
	font-size:14px;
	color:#fff;
}

.sliderTextPlain {
	font-size:12px;
	color:#fff;
}

#location a {float:left; background:url(/img/layout/map.jpg) top left no-repeat; height:215px; width:280px;}

/***********************************************************************/
/********************* FEATURED CONTENT GLIDER *************************/

.glidecontentwrapperBottom { background:url('/img/layout/whatNewBottom.jpg') top left no-repeat;
position: relative; /* Do not change this value */
width: 475px;
height: 15px; /* Set height to be able to contain height of largest content shown*/
margin-top:-6px; z-index:1000;
}

.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 475px;
height: 224px; /* Set height to be able to contain height of largest content shown*/
overflow:hidden;
margin-top:0px;

background:url('/img/layout/whatNewBack.png') top left no-repeat;
}

.glidecontentnews{ /*style for each glide content DIV within wrapper.*/
padding: 10px;
font-size:14px;
margin:12px;
width:430px; max-height:195px; overflow:auto;
}

.glidecontentnews a{ /*style for each glide content DIV within wrapper.*/
font-size:14px;
}

/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/

.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background:#fff;
padding: 10px;
margin:12px;
visibility:hidden; width:430px; max-height:195px;
}
.glidercontent ul li { list-style:none;  padding-left:30px; margin-left:10px;}
.glidercontent ul { list-style:none;  margin-left:10px;}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 360px;
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: 1px solid black;
color: #2e6ab1;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}

/****************************************************
Designed By: Chris Horton and Dan Pope
****************************************************/