/* 
Designed by the amazing YOUR NAME & Merrick Towle Communications for CLIENT NAME 
Should you have any trouble with this code or design, please contact us at 301-974-6000 or YOURNAME@merricktowle.com
*/


/* THIS RESETS ALL BROWSER DEFAULTS */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:”; }
abbr, acronym { border:0; }
/* --- reset the browser font size to 10 pixels --- */
html { font-size: 62.5%; }
/* THIS IS FOR A CENTERED CONTENT WEBSITE */
div#container { margin: 0 auto; }
/* THIS KEEPS THE FOOTER AT THE BOTTOM */
html, body { height: 100%; }
#nonFooter { position: relative; min-height: 100%; }
* html #nonFooter { height: 100%; }
#content { padding-bottom: 9em; }
#footer { position: relative; margin-top: -7.5em; }
.clearboth { clear: both; margin-bottom: 20px; }
/* ################################

##### PAGE LAYOUT STARTS HERE #####

################################ */


/* ##################################
##### FONT AND LINK STYLE BELOW #####
################################## */

/* common font information */

body { font-family:Arial, Helvetica, sans-serif; font-size: 1.2em; line-height:1.15em; font-weight: normal; color:#231f20; background-color:#205548; }
p { margin:0.8em 0; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.fontWhite { color:#FFFFFF; }
strong { font-weight:bold; }
em { font-style:italic; }
/* h font information */

h1 { }
h2 { font-family:Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:600; padding:10px 0 0 0; color:#205548; }
h3 { font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:700; color:#205648; }
h4 { }
h5 { }
h6 { }
/* header font information */


/* footer nav font information */


/* footer information font information */
 

/* link font information */

a:link { color: #205548; text-decoration: underline; }
a:active { color: #205548; text-decoration: none; }
a:visited { color: #205548; text-decoration: none; }
a:hover { color: #205548; text-decoration: none; }
/* ##################################
##### LAYOUT/DESIGN STYLE BELOW #####
################################## */

/* main body layout */

#mainBody { width:920px; margin: 0 auto; }
.clearBoth { clear:both; }
/* Need to make Div an HREF */
.divHeaderLogo a { width:auto; height:150px; width:150px; display: block; }
/* header layout */

#headerMain { width:920px; height:150px; background-color:#FFFFFF; }
#headerLogo { background: url(/-images/common/logo-main.jpg) 50px 50% no-repeat; position:relative; width:150px; height:150px; float:left; }
/* Need to make Div an HREF */
.divHeaderLogo a { width:150px; height:150px; display: block; }
/* header navigaton */
#headerNavPosition { width:auto; float:left; margin:55px 0 0 30px; }
.headerNav { width:700px; float:left; }
.headerNav ul li { display:inline; }
.headerNav ul li a { display:block; height:40px; width:120px; background:#fff url(/-images/navigation/main-aboutUs.jpg) no-repeat 0 0; padding-left:10px; float:left; border:none; }
.headerNav ul li a:hover { background-position: 0 -40px; }
.headerNavCopyMove { position: absolute; left: -9999px; }
#headerNavURL1 { background-image:url(/-images/navigation/main-aboutUs.jpg); }
#headerNavURL2 { background-image:url(/-images/navigation/main-portfolio.jpg); }
#headerNavURL3 { background-image:url(/-images/navigation/main-divisions.jpg); }
#headerNavURL4 { background-image:url(/-images/navigation/main-contactUs.jpg); }
/* image green line & Sub Nav */

#greenLine { width:auto; border-top:5px #205548 solid; background-color:#FFFFFF; }
#greenLine ul { display:block; height:50px; overflow:hidden; margin-left:15px; }
#greenLine ul li { display:block; font:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:900; font-size:120%; float:left; height:50px; margin:0px 10px; }
#greenLine ul li a { background:url(../-images/subGreenBarNavigation/blank.jpg) top center no-repeat; display: block; padding-top:38px; color:#a8a19e; text-decoration:none; height:50px; }
#greenLine ul li a:visited { color:#78AFA1; }
#greenLine ul li a:hover { background:url(../-images/subGreenBarNavigation/greyLeaf.jpg) top center no-repeat; color:#205548; }
/* image area layout */

#imgMainPosition { width:920px; min-height:400px; background-color:#FFFFFF; }
#imgMainLarge_Home { width:740px; height:400px; float:left; background:url(/-images/large/large-home.jpg) no-repeat; }
#imgMainLarge { width:925px; height:400px; float:left; background:url(/-images/large/large-temp.jpg) no-repeat; }
#imgMainNavRight { width:175px; min-height:400px; float:right; }
.imageMainNavLinks { width:175px; height:100px; float:left; }
.imageMainNavLinksImage { width:175px; height:80px; background-color:#000000; }
/*.imageMainNavLinksImageHolder { width:175px; height:80px; background:transparent; }*/
.imageMainNavLinksCopy { width:175; height:20px; text-align:center; background-color:#205548; line-height:18px; }
.imageMainheaderNavCopyMove { position: absolute; left: -9999px; }
#imageNavURL1 { }
#imageNavURL2 { background-image:url(/-images/navigation/image-2.jpg); }
#imageNavURL3 { background-image:url(/-images/navigation/image-3.jpg); }
#imageNavURL4 { background-image:url(/-images/navigation/image-4.jpg); }

/* image area layout | About Page */
#imgMainPosition_DefaultImage { width:920px; min-height:400px; background-color:#FFFFFF; }
#imgMainLarge_DefaultImage { width:920px; height:400px; float:left; background: url(../-images/aboutExec_bio_image.jpg) no-repeat; }
/* roll over opacity */
/*.imageMainNavLinksImageHolder a:hover { background-color: black; opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5; }*/

.transON {width: 100%; background-color: black; border: 0px; }
.transOFF {width: 100%; background-color: black; opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5; border: 0px;}

/* copy area */

#copyMainPosition { width:920px; background-image:url(/-images/common/logo-shadow.jpg); background-repeat:no-repeat; background-position:100% 100%; background-color:#ffffff; padding-bottom:10px; }
.headings { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #205548; line-height: 1; }
.bodyCopy { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333333; line-height: 1.5; }
/*  THIS IS WHERE YOU WILL PUT YOUR INTERIOR PAGE STYLES */
/*  home  */
#copyMainLeftHome { width:305px; min-height:250px; float:left; }
.copyMainLeftBox { margin-top:50px; margin-left:40px; width:234px; }
.copyMainRightBox { float:left; margin-left:140px; margin-top:30px; width:234px; }
.copyMainLeftGreen { width:auto; height:30px; background-color:#205548; }
.copyMainLeftGreenInsideBox { width:auto; padding-top:8px; padding-left:15px; }
.copyMainLeftInsideBox { width:auto; margin:10px 15px; }
#copyMainRightHome { width:575px; float:left; margin:50px 20px 30px 20px; }
.copyMainRightLogo { padding:0 0 10px; background:url(/-images/common/danacCorp-Text.gif) no-repeat; float:left; width:550px; height:15px; }
.copyMainRightCallOut { padding: 0 0 25px; background:url(/-images/callOut/home.gif) no-repeat; float:left; width:550px; height:17px; }
.copyMainRightCopy { padding:5px 0 0; float:left; width:550px; }
/*  PORTFOLIO STYLES   */

/* address layout */

#addressHome { float:left; width:920px; text-align:center; min-height:20px; }
#addressInfo { width:auto; padding-top:15px; }
/* footer-nav content layout */


/* shadow */

.out { display:block; background::#bbb;
border:1px solid #ddd; position:relative; margin:1em 0; }
.in { background:#FFFFFF none repeat scroll 0 0; border:1px solid #9d9595; font-weight:normal; position:relative; }
.in2 { background: #CCCCCC none repeat scroll 0 0; border:1px solid #CCCCCC; display:block; margin:1px; padding:1px; position:relative; }
.ltin { left:0px; }
.tpin { top:0px; }
/* center copy for images on main page imave nav in Div */
.centeringimageMainNavMain { width:550px; height:60px; overflow: hidden; position: relative; display: table; position: static; }
.centeringimageMainNavMainVertical { display: table-cell; vertical-align: middle; position: static; }
.centeringimageMainNavVertical { position: relative; top: -50% }

#copy_container { width: 870px; padding-top: 20px; margin-left: 25px; }
#form { width: 400px; height: 375px; margin-top: 40px; float: left; }
#contact_image { width: 220px; height: 250px; float: left; clear: none; background-image: url(/-images/contact_background.jpg); background-repeat: no-repeat; margin-left: 150px; padding-left: 30px; padding-top: 60px; }
.bodyCopy { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333333; line-height: 1.5; }
.headings { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #205548; line-height: 1; }
.contact_box_type { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #205548; line-height: 1.2; }
.contact_box_bold { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #205548; line-height: 1; }
img { padding-bottom: 10px; }
/* form fields */
#formField { width: 350px; height: 25px; float: left; clear: left; }
.formField { margin-left: 15px; }
/*----------------------- Close Steven's Internal Styles | will go in ASP once designed -------------------------*/


#imgMainLarge_DefaultImage { background: url(/-images/contact_image.jpg); no-repeat;
}

#contactThanks { width:400px; float:left; padding-top:35px; }