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

/***************************************************/
/************ SITE LAYOUT AND DESIGN ***************/
/***************************************************/
/* STANDARD TAGS */
body {
background:url(/img/layout/bg.jpg) top left repeat-x;
background-color:#EEF3F6;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
margin:0;
padding:0;
}

a {
outline-style:none;
}

a:hover,a:focus,a:active {
color:#6F1200;
outline:none;
text-decoration:none;
}

#wrapper {
margin:0 auto;
position:relative;
width:890px;
}

ul li {
list-style-image:url(/img/layout/bullet_3.gif);
}

/* HEADER */
#header {
height:400px;
margin:0;
padding:0;
position:relative;
width:100%;
z-index:1;
}

h1 {
color:#000;
font-size:9px;
margin:0;
padding:2px;
text-align:center;
width:861px;
}

#logo a {
background-image:url(/img/layout/logo.jpg);
background-repeat:no-repeat;
display:block;
height:145px;
padding:0 10px 0 0;
width:307px;
}

#homeSlideshow {
background:url(/img/layout/slideshow_bg.jpg) top left no-repeat;
height:400px;
left:307px;
position:absolute;
top:0;
width:615px;
}

#slideshow8 {
position:relative;
top:48px;
}

#subNav {
color:#fff;
font:11px Arial, Helvetica, sans-serif;
font-size:.7em;
line-height:1.4em;
position:absolute;
right:0;
top:0;
z-index:2;
}

#subNav li {
float:left;
list-style:none;
margin:0 0 0 5px;
}

#subNav li a {
border-right:solid 1px #fff;
color:#fff;
font:11px Arial, Helvetica, sans-serif;
padding:0 5px 1px 0;
text-decoration:underline;
}

#phonenumber {
margin:11px 0;
padding:0;
}

#secondaryNav {
background-color:#999;
position:absolute;
right:0;
top:50px;
}

#secondaryNav li {
float:left;
font-size:1.2em;
list-style:none;
margin:0 15px;
}

#secondaryNav a:hover {
text-decoration:underline;
}

#mainNav {
float:left;
height:60px;
margin:0 0 0 50px;
width:240px;
}

#mainNav ul {
margin:8px 0 0 5px;
padding:0 5px 5px;
}

#mainNav li {
background:url(/img/layout/mainNav_bg.jpg) top left no-repeat;
height:47px;
list-style:none;
margin-bottom:0;
padding:0 0 2px;
text-align:left;
width:250px;
}

#mainNav li:hover {
background:url(/img/layout/mainNav_bg_over.jpg) top left no-repeat;
height:47px;
padding:0 0 2px;
width:250px;
}

#mainNav li.start {
border-left:none;
}

#mainNav li a {
color:#002B54;
font:18px Helvetica,"Trebuchet MS", Arial, sans-serif;
height:48px;
line-height:38px;
margin:20px 0 0;
padding:0 0 0 30px;
text-decoration:none;
text-transform:lowercase;
}

#mainNav li a:hover {
margin:20px 0 0;
padding:0 0 0 30px;
}

#mainNav li.emd {
height:50px;
padding:0 0 3px;
}

#mainNav li ul li a {
background:#D1D1D1;
background-image:none;
color:#000;
display:block;
font:Verdana, Geneva, sans-serif;
font-size:15px;
font-weight:400;
height:auto;
margin:0;
padding:0;
position:relative;
text-decoration:none;
text-transform:none;
width:160px;
z-index:1000000;
}

/***** Suckerfish Style Flyout CSS *****/
#mainNav li ul {
display:block;
left:-999em;
list-style:none;
margin:0 0 0 245px;
padding:2px;
position:absolute;
text-align:left;
top:160px;
width:176px;
z-index:1000000;
}

#mainNav li ul li {
background:none;
background-image:none;
border-left:none;
display:block;
float:none;
height:47px;
margin:0;
padding:5px;
text-align:left;
white-space:nowrap;
width:250px;
z-index:1000000;
}

#mainNav li ul li:hover {
background-color:none;
display:block;
text-decoration:underline;
width:114px;
z-index:10000000;
}

#mainNav li:hover ul,#mainNav li li:hover ul,#mainNav li.sfhover ul,#mainNav li li.sfhover ul {
background:none;
display:block;
left:auto;
}

/********** Left Navigation **********/
#leftNav {
float:left;
margin:10px 0;
min-height:10px;
width:239px;
z-index:1000000;
}

#leftNav ul {
float:left;
margin:4px 5px 0;
padding:0;
}

#leftNav li {
float:left;
list-style:none;
margin:0 10px;
position:relative;
width:200px;
}

#leftNav li.end {
margin-bottom:10px;
}

#leftNav ul li a {
color:#000;
float:left;
font:11px Arial, Helvetica, sans-serif;
font-weight:400;
padding:5px;
text-decoration:none;
z-index:1000000;
}

#leftNav ul li a:hover,#leftNav ul li:hover {
background:#DDE2E5;
color:#333;
text-decoration:none;
width:190px;
z-index:1000000;
}

#leftNav p {
background:#663;
color:#FFF;
font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
margin:5px auto 0;
text-align:center;
width:190px;
}

#leftNav h3 {
color:#FFF;
font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:700;
margin:5px auto 0;
text-align:left;
width:190px;
}

/********** Left Navigation - Children **********/
#leftNav li ul {
height:15px;
left:-9999px;
margin:-15px 0 0;
padding:0;
position:absolute;
top:15px;
width:1%;
z-index:1000000;
}

#leftNav li ul li {
background:#CCC;
height:auto;
margin:0 0 0 190px;
padding:0;
width:200px;
z-index:1000000;
}

#leftNav li ul li.first {
margin:5px 0 0;
}

#leftNav li ul li.last {
margin:0 0 5px;
}

#leftNav li ul li a:hover {
background-image:none;
height:auto;
text-decoration:underline;
z-index:1000000;
}

#leftNav li:hover ul {
left:auto;
z-index:1000000;
}

#leftNav li:hover ul,#leftNav li.sfhover ul {
left:0;
z-index:1000000;
}

sideNavContent {
float:left;
width:239px;
}

#cart {
font-size:.9em;
line-height:1.4em;
position:absolute;
right:10px;
top:30px;
}

#search {
height:15px;
position:absolute;
right:20px;
top:60px;
}

#searchButtonHolder {
float:left;
height:14px;
margin-top:-15px;
width:60px;
}

input.searchButton {
float:left;
padding:0 5px 2px 10px;
text-decoration:underline;
}

#searchBoxHolder {
height:14px;
width:230px;
}

#slideShow {
float:left;
height:333px;
margin:15px 0 0;
width:420px;
z-index:-1;
}

#welcome {
float:left;
margin:0 0 0 12px;
width:590px;
}

#welcome h2 {
border-bottom:2px solid #CCD1D3;
color:#A32921;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:700;
margin:5px 5px 5px 0;
padding-bottom:0;
padding-top:8px;
text-align:left;
text-transform:uppercase;
}

/* CONTAINER */
#container {
height:auto !important;
margin:3px 0 0;
min-height:500px;
width:914px;
}

* html #container {
height:500px !important;
}

#content {
background:url(/img/layout/content_bg.jpg) top left repeat-y;
float:right;
height:auto !important;
min-height:625px;
padding:5px;
width:605px;
}

* html #content {
height:400px !important;
}

#contentLeft {
float:left;
margin:0 0 0 60px;
width:239px;
}

#contentRight {
float:left;
margin:10px 0 0;
width:580px;
}

#contentRightHome {
float:left;
margin:10px 0 0;
min-height:200px;
width:580px;
}

#contentRightHome h2 {
border-bottom:#000 solid 1px;
}

.borders-all {
border-color:#C6CED5;
border-style:solid;
border-width:1px;
color:#000;
font-size:12px;
}

/* FOOTER */
#footer {
background:url(/img/layout/content_bottom.jpg) top right no-repeat;
float:right;
height:100px;
margin:0 -22px 0 0;
width:610px;
}

#footerLinks {
float:right;
height:100px;
width:610px;
}

#footerLinks ul {
float:right;
margin:15px 15px 0 0;
}

#footerLinks li {
float:left;
height:14px;
list-style:none;
margin:0 0 0 5px;
}

#footerLinks li a {
border-right:solid 1px #999;
color:#333;
font:11px Arial, Helvetica, sans-serif;
list-style:none;
padding:0 5px 2px 0;
}


/* SITE CREATED BY LINKS */
#delawarelink {
clear:both;
font-size:10px;
padding:15px;
text-align:center;
width:100%;
}

#delawarelink a:link, #delawarelink a:visited, #delawarelink a:hover, #delawarelink a:active {
color:#333;
text-decoration:none;
}

/******************************************************
**************** CMS STYLE OVERRIDES ****************
******************************************************/
#treePageListWrapper {
width:200px;
}

#treePageDetailsWrapper {
width:600px;
}

#treePageDetailsTitle {
border-bottom:2px solid #CCD1D3;
color:#A32921;
font-size:18px;
text-transform:uppercase;
}

#treePageDetailsDescription a:link, #treePageDetailsDescription a:visited {
color:#10385F;
}

#treePageDetailsDescription a:hover {
color:#10385F;
text-decoration:none;
}

#treePageDetailsDescription h3 {
color:#900;
font-size:16px;
}

#treePageDetailsDescription h4 {
color:#002B54;
display:inline;
font-size:12px;
line-height:12px;
margin:0;
padding:0;
white-space:nowrap;
}

#treePageDetailsBreadcrumbsWrapper {
color:#434A4D;
margin:0 0 0 10px;
}

#treePageDetailsBreadcrumbsWrapper a:link, #treePageDetailsBreadcrumbsWrapper a:visited {
color:#434A4D;
}

#siteMapLinkList {
padding-left:25px;
width:600px;
}

/**************************************************
************ PORTFOLIO SIDEBAR ******************
*************************************************
 DIV, wraps sidebar */
#portfolioSidebarWrapper {
float:right;
margin:10px 0 10px 10px;
padding:40px 20px 0 0;
width:145px;
}

/* UL, for main categories */
.portfolioSidebarListMainCat {
font-size:24px;
list-style:none;
margin-bottom:15px;
}

/* LI, main cat title*/
.portfolioSidebarMainCat {
border-bottom:thin solid #CCC;
border-top:thin solid #CCC;
color:#A32921;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
list-style:none;
margin:5px 25px 5px 5px;
padding:10px 20px 10px 0;
text-align:left;
text-transform:uppercase;
width:80px;
}

/* UL, for sub categories */
.portfolioSidebarListCat {
color:#999;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
list-style:none;
margin:5px 5px 5px 2px;
padding:0;
}

/* Div, wraps title text */
.portfolioFeaturedTitle {
font-size:16px;
font-weight:700;
margin-bottom:5px;
}

/* Div, wraps image */
.portfolioFeaturedImg {
float:left;
margin:5px;
padding:0;
}

/* Div, wraps title text */
.portfolioFeaturedInlineTitle {
font-size:12px;
font-weight:700;
margin-bottom:3px;
}

/* Div, wraps image */
.portfolioFeaturedInlineImg {
float:right;
margin:2px;
padding:0;
}

/* Div, wraps descrition */
.portfolioFeaturedInlineDescription {
padding-top:2px;
}

/**************************************************
************ PORTFOLIO DETAIL *******************
*************************************************
 DIV, wraps sidebar */
#portfolioBreadcrumbsWrapper {
font-size:12px;
margin:5px;
padding:0;
width:350px;
}

/* DIV, wraps home page title */
#portfolioHomeTitle {
border-bottom:2px solid #CCD1D3;
color:#A32921;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:700;
margin:5px;
padding-bottom:0;
padding-top:8px;
text-align:left;
text-transform:uppercase;
}

/* DIV, wraps sidebar */
#portfolioDetailWrapper {
float:left;
margin:0;
padding:0;
width:400px;
}

/* Div, wraps item small version */
.portfolioItemSmallWrapper {
float:left;
margin:10px;
padding:0;
width:155px;
}

/* Div, wraps title text */
h3.portfolioItemSmallTitle a {
background-color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:400;
margin-bottom:5px;
text-align:center;
}

h3.portfolioItemSmallTitle {
background-color:#fff;
}

/* Div, wraps image */
.portfolioItemSmallImg {
float:left;
margin:0;
padding:0;
}

/* Div, wraps image */
.portfolioItemSmallImg img {
height:100px;
overflow:hidden;
width:150px;
}

/* UL, list of uploaded files 
 Div, photo gallery 
 Div, wraps main image 
 Div, wraps main image */
#portfolioMainGalleryWrapper img {
width:375px;
}

/* Div, a container for all thumbnails */
#portfolioThumbnailGalleryWrapper {
border-top:thin solid #CCC;
margin-top:20px;
width:550px;
}

/* Div, each thumbnail */
.portfolioThumbnailWrapper {
cursor:pointer;
float:left;
margin:15px 15px 0 0;
}

.portfolioThumbnailWrapper img {
height:90px;
overflow:hidden;
width:120px;
}

/* Div, wraps description text */
#portfolioSubCatItems {
border-top:thin solid #CCC;
margin-top:20px;
width:425px;
}

/* Div, wraps link text */
#portfolioSubCatImg {
float:left;
margin:5px;
padding:5px;
}

/* Div, wraps description text */
#portfolioSubCatDescription {
width:350px;
}

p,.portfolioFeaturedWrapper {
margin:10px;
}

img,#footerLinks li.end a {
border:none;
}

a:link,a:visited,#container a,#container a strong {
color:#6F1200;
text-decoration:underline;
}

#subNav ul,input.searchBox {
float:left;
}

#subNav li a:hover,#secondaryNav a,input.searchButton:hover,#treePageDetailsBreadcrumbsWrapper a:hover,.portfolioSidebarCatAlternate a,.portfolioSidebarCat a {
text-decoration:none;
}

#container a:hover,#container a:hover strong {
color:#6F1200;
text-decoration:none;
}

#contactFormText,#submitForm {
padding:0 5px 0 10px;
width:580px;
}

.portfolioSidebarCatAlternate,.portfolioSidebarCat {
padding-left:10px;
}

.portfolioFeaturedDescription,.portfolioItemSmallDescription,#portfolioItemDescription {
padding-top:5px;
}

.portfolioFeaturedInlineWrapper,#portfolioItemLink {
margin:5px;
}

#portfolioItemTitle,#portfolioSubCatTitle {
color:#999;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:700;
margin:5px;
padding-bottom:10px;
padding-top:10px;
text-align:left;
text-transform:uppercase;
}

#portfolioGalleryClear,#portfolioSubCatClear {
clear:left;
}

/*******************************************************/
/******** 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 */