/* CSS Document */
html{height:100%; margin-bottom:1px;}

body {padding:0; margin:0; color:#000000; background-color:#252942; background-image:url(images/del-mar-glass-bkgd-top.jpg); background-position:0 0; background-repeat:repeat-x; line-height:normal; padding:5px 0}
body, td {font-family: Arial, Helvetica, sans-serif; font-size:1em; }

a, a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}

table td{border-collapse:collapse; margin:0; padding:0}

img{display:block; border:0; margin:0; padding:0}



#delMarGlassStiles{position:relative; width:770px; height:auto; margin:0 auto; background-color:#FCFCF9; padding:0 0 5px 0;}
#popup{position:relative; width:360px; height:auto; margin:0 auto; background-color:#FCFCF9; padding:0 10px 10px 10px;}

body#homepage div.delMarGlassMastHead{background-image:url(images/home-page-masthead-bkgd.jpg); }
body#homepage div.delMarGlassNavArea {background-image:url(images/home-page-nav-bkgd.jpg);}

body#company div.delMarGlassMastHead{background-image:url(images/company-masthead-bkgd.jpg); }
body#company div.delMarGlassNavArea {background-image:url(images/company-nav-bkgd.jpg);}

body#gallery div.delMarGlassMastHead{background-image:url(images/gallery-masthead-bkgd.jpg); }
body#gallery div.delMarGlassNavArea {background-image:url(images/gallery-nav-bkgd.jpg);}

body#products div.delMarGlassMastHead{background-image:url(images/products-masthead-bkgd.jpg); }
body#products div.delMarGlassNavArea {background-image:url(images/products-nav-bkgd.jpg);}

body#services div.delMarGlassMastHead{background-image:url(images/services-masthead-bkgd.gif);}
body#services div.delMarGlassNavArea {background-image:url(images/services-nav-bkgd.gif);}

body#contact div.delMarGlassMastHead{background-image:url(images/contact-masthead-bkgd.jpg); }
body#contact div.delMarGlassNavArea {background-image:url(images/contact-nav-bkgd.jpg);}




div.delMarGlassMastHead{width:770px; height:303px; background-position:0 0; background-repeat:no-repeat;}
div.delMarGlassNavArea{width:770px; height:237px; background-position:0 0; background-repeat:no-repeat;}

#delMarGlassContactStamp{position:absolute; display:inline; width:178px; height:178px; background-image:url(images/del-mar-glass-contact-stamp.gif); background-position:0 0; background-repeat:no-repeat; top:20px; left:35px; cursor:hand; border:#FFF 1px solid;}


.clickBox{position:absolute; z-index:5; width:65px; height:65px; border:#204153 1px solid;}
.hide{display: none; position:absolute;}
.show{display: inline; position:absolute;}
.explainBox{ position:absolute; width:160px; height:70px; border:#204153 1px solid; background-color:#FFFFEE; background-image:url(images/explain-box-bkgd.png); background-position:0 0; background-repeat:no-repeat;  padding:0;  opacity:0.75; filter:alpha(opacity = 75);}
.explainBoxTall{position:absolute; width:160px; height:160px; border:#204153 1px solid; background-color:#FFFFEE; background-image:url(images/explain-box-tall-bkgd.png); background-position:0 0; background-repeat:no-repeat;  padding:0;  opacity:0.75; filter:alpha(opacity = 75);}
.explainText{position:absolute; width:130px; height:70px; font-family:Georgia, Times, serif; font-size:12px; color:#222; font-weight:normal; padding:12px;}


#navMenuBox{float:left; width:150px}

ul#navMenu{margin:52px 0 0 20px; padding:0;}

#navMenu li{list-style-type:none; width:100px; line-height:26px; font-family: Helvetica, sans-serif; font-size:16px; font-weight:bold; border-bottom:#E9E9DC 1px solid;}
#navMenu a, #navMenu a:visited{color:#6F747F;}
#navMenu a:hover{text-decoration:none; color:#1B1B66; background-image:url(images/round-arrow-blue-large.gif); background-position:0 .05em; background-repeat:no-repeat; padding-left:16px}

#selected{text-decoration:none; color:#1B1B66; background-image:url(images/round-arrow-grey-large.gif); background-position:0 .05em; background-repeat:no-repeat; padding-left:16px}



#welcomeBox{float:left; width:340px; padding:100px 0 0 0; margin:0}
#welcomeBox p{ margin:0; padding:0 0 0 12px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#222;}
.pageWelcome{color:#0A0A55; font-family: Arial, sans-serif; font-size:24px; line-height:24px; letter-spacing:-.04em; font-weight:normal; padding-bottom:0; border-bottom:#E9E9DC 1px solid; margin-bottom:5px}

.linkblock{float:right; padding:20px 20px 0 20px}

.roundArrowBlack a {background-image:url(images/round-arrow-grey.gif); background-position:0 2px; background-repeat:no-repeat; padding-left:14px; font-size:12px; color:#666;}
.roundArrowBlack a:hover{background-image:url(images/round-arrow-black.gif); background-position:0 2px; background-repeat:no-repeat; color:#000}

#infoBox{float:right; margin:0 10px 0 0; border-bottom:#EE5500 1px solid; border-left:#EE5500 1px solid; width:200px; font-family:Georgia, Times, serif; font-size:12px; color:#555; font-weight:normal; background-image:url(images/square-orange.gif); background-position: 190px 168px; background-repeat:no-repeat;}
#infoBox p{margin:0; padding:0 30px 10px 10px;}





#contentArea{} 
.headline{width:700px; color:#5E636E; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:24px; line-height:24px; letter-spacing:-.03em; font-weight:bold; padding:0 0 0 0;  border-bottom:#C6C6BA 1px solid; margin:20px 0 2px 30px;}
.tagline{width:730px; color:#6F747F; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:16px; letter-spacing:-.04em; text-align:right; padding:0 0 0 0; margin:-3px 0 0 0;}


.fullContentBox{float:left; margin:0 2px; padding:10px 25px; width:700px;}
.halfContentBox{float:left; margin:0 2px; padding:10px 25px; width:325px;}
.content{clear:both; font-family:Tahoma, Arial, sans-serif; font-size: 12px; letter-spacing:.02em; padding:10px 0 0 0; text-align:justify; color:#222}
.content p{margin:0; padding:0}

.content p a, .content  p a:visited, div#infoBox p a, div#infoBox p a:visited {color:#003355; text-decoration:underline}
.content p a:hover, div#infoBox p a:hover {color:#411B63}
.content h5{margin-bottom:0; font-size:12px}

.headlineSmall{color:#6F747F; font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; font-weight:bold; padding:0 20px 0 0; margin:0; border-bottom:#C6C6BA 1px solid; margin-bottom:2px;}



.borderPic{float:left; border:#204153 1px solid; padding:10px 3px; margin:4px 12px 0 0;}




#galleryTable td{padding:10px;}


#footer{clear:both; background-color:#577580; background-image: url(images/del-mar-glass-bkgd-footer.jpg); background-position:bottom; background-repeat:repeat-x; padding:0; margin:0 5px; font-family:Helvetica, sans-serif; font-size:.9em; font-variant: small-caps; line-height:30px}
#footer a, #footer a:visited{color:#002031; padding:0 8px; border-right:#204153 1px solid;}
#footer a:hover{color:#F8FAFB}


#copyright{position:relative; width:760px; height:auto; margin:0 auto; padding:3px 10px 5px 0; text-align:right; font-family:Verdana, sans-serif; font-size:11px; color:#676D86; font-variant:small-caps; letter-spacing:.02em; line-height:16px;}
#copyright a, #copyright a:visited{color:#ABAFCA;}
#copyright a:hover{color:#EDEFFE;}

.popup{background-color:#252942; background-image:url(images/del-mar-glass-bkgd-top.jpg); background-position:0 0; background-repeat:repeat-x;}