html { background: #5887ab url('../images/bg-page.new.png') center center repeat-y; font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif; }
body { font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif; }

#hd { background: white url('../images/bg-header.new.png') 0px 0px no-repeat; height: 100px; }
#hd #logo { float:left; width: 725px; }
#hd #logo h1 { text-indent: -10000px; background: transparent url('../images/logo.png') 20px 15px no-repeat; height: 83px; width: 445px; }

#hd #quickContact { width: 200px; float: left; }
#hd #quickContact h2 { padding-top: 15px; font-family: 'Josefin Sans Std Light', arial, serif; font-size: 182%; }
#hd #quickContact p#phone { width: auto; height: 20px; line-height: 20px; margin-left: 5px; font-size: 85%; padding-left: 25px; background: transparent url('../images/header-icon-phone.png') 0px 2px no-repeat; }
#hd #quickContact p#email { width: auto; height: 20px; line-height: 20px; margin-left: 5px; font-size: 85%; padding-left: 25px; background: transparent url('../images/header-icon-email.png') 0px 2px no-repeat; }
#hd #quickContact p#email a { color: #C6A00A; }
#hd #quickContact p#email a:hover { color: #6C6DF4; }

#bd { background-color: white; }

#bd ul#nav-menu { height: 39px; list-style-type: none; position: relative; }

#bd ul#nav-menu li { height: 39px; float: left; list-style-type: none; border-right: 1px solid #5c6e82; border-left: 1px solid #879ab1; width: 110px; }
#bd ul#nav-menu li#subnav0 { width: 80px; }
#bd ul#nav-menu li#subnav1 { width: 110px; }
#bd ul#nav-menu li#subnav2 { width: 110px; }
#bd ul#nav-menu li#subnav3 { width: 135px; }
#bd ul#nav-menu li#subnav4 { width: 135px; }
#bd ul#nav-menu li#subnav5 { width: 160px; }
#bd ul#nav-menu li.first { border-left: none; }
#bd ul#nav-menu li.last { border-right: none; }

#bd ul#nav-menu li a { display: block; line-height: 14px; padding: 6px 22px 0px 22px; color: white; font-size: 93%; height: 33px; overflow: hidden; text-align: center; text-decoration: none; }
#bd ul#nav-menu li a:hover, #bd ul#nav-menu li a.selected { color: #00184F; background-color: #b5bdc4; }
#bd ul#nav-menu li a.staySelected { color: #00184F; background-color: #C7A212; }
#bd ul#nav-menu li a.staySelected:hover { color: #00184F; background-color: #B5BDC4; }

#bd ul#nav-menu li div.subnav-cont { display: none; background-color: rgba(181, 189, 196, 0.90); width: 894px; position: absolute; height: 129px; left: 0px; padding-left: 80px; overflow: hidden; }

#bd ul#nav-menu li div.subnav-cont ul.subnav { width: 250px; margin: 10px 15px 0px 0px; float: left; background-color: transparent; border-bottom: 1px dotted white; height: auto; }
#bd ul#nav-menu li div.subnav-cont ul.subnav li { height: auto; width: auto; border: none; float: none; background-color: transparent; border-top: 1px dotted white; margin: 0px; }
#bd ul#nav-menu li div.subnav-cont ul.subnav li a { display: block; line-height: normal; padding: 3px 0px 3px 5px; margin: 0px; color: #00184F; font-size: 85%; overflow: auto; text-align: left; text-decoration: none; background-color: transparent; height: auto; }
#bd ul#nav-menu li div.subnav-cont ul.subnav li a:hover { color: #FFFFFF; background-color: #959B9F; }

#bd #frontContent p { margin: 10px 0px; font-size: 93%; line-height: 153.9%; }
#bd #frontContent strong { font-weight: bold; }

#bd #frontContent #frontNews h2 { width: 230px; height: 33px; background: #c3cdd9 url('../images/bg-front-page-title.png') no-repeat 0px 0px; text-transform: uppercase; font-size: 108%; color: #003767; text-align: center; line-height: 33px; margin-bottom: 3px; }
#bd #frontContent #frontNews #newsContent { background: #c3cdd9 url('../images/bg-front-page-content.png') no-repeat 0px 0px; width: 230px; padding-bottom: 5px; }
#bd #frontContent #frontNews #newsContent h3 { color: black; padding: 10px 10px 5px 10px; text-transform: uppercase; font-size: 85%; font-weight: bold; }
#bd #frontContent #frontNews #newsContent ul { list-style-type: disc; font-size: 85%; margin-left: 30px; padding-bottom: 10px; }
#bd #frontContent #frontNews #newsContent ul li { color: black; padding: 2px; list-style-type: disc; }
#bd #frontContent #frontNews #newsContent ul li a { color: #003767; text-decoration: underline; }
#bd #frontContent #frontNews #newsContent ul li a:hover { color: #FFFFFF; }

#bd #frontContent #markets { margin-top: 10px; }
#bd #frontContent #markets h2 { font-size: 93%; color: #003767; text-transform: uppercase; margin-bottom: 7px; padding-left: 8px; }
#bd #frontContent #markets h3 { width: 180px; height: 33px; background: #c3cdd9 url('../images/bg-front-page-markets.png') no-repeat 0px 0px; text-transform: uppercase; font-size: 85%; color: #003767; line-height: 35px; margin: 0px 0px 3px 20px; text-align: left; padding-left: 35px; }
#bd #frontContent #markets h3.highlighted { color: red; }
#bd #frontContent #markets h3 a { color: #003767; text-decoration: none; }
#bd #frontContent #markets h3.highlighted a { color: red; text-decoration: none; }

#bd #content strong { font-weight: bold; }
#bd #content em { font-style: italic; }
#bd #content h1 { margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; font-weight: bolder; font-size: 18px; color: #0B4171; }
#bd #content h2 { margin: 10px 0px 10px 0px; padding: 0px 10px 0px 10px; font-weight: bolder; font-size: 16px; color: #2377C4; }
#bd #content h3 { margin: 10px 0px 10px 0px; padding: 0px 10px 0px 10px; font-weight: bolder; font-size: 12px; color: #000000; }
#bd #content p { margin: 10px 0px 0px 0px; padding: 0px 10px 0px 10px; }
#bd #content ul { margin: 10px 0px 0px 0px; padding: 0px 10px 0px 10px; list-style-type: disc; }
#bd #content ul li { margin: 5px 0px 5px 25px; padding: 0px 0px 0px 0px; list-style-type: disc; }
#bd #content table { margin: 0px 10px 0px 10px; padding: 0px; }
#bd #content table tr td { padding: 2px; border: 1px solid #7f91b1; }
#bd #content a:link { color: rgb(108, 109, 244); }
#bd #content a:visited { color: rgb(0, 102, 153); }

#bd #content div.personnel { clear: right; padding-bottom: 10px; border-bottom: 1px #DDC441 solid; }
#bd #content div.personnel img { float: right; padding: 1px; border: 1px solid #254F73; margin: 15px 5px 10px 10px; }
#bd #content div.personnel p.title { color: #404040; font-weight: bold; }

#bd #content div.manufacturer { clear: right; padding-bottom: 10px; border-bottom: 1px #DDC441 solid; }
#bd #content div.manufacturer p { width: auto; }

#nav { background: #0C3564 url('../images/bg-navigation.new.png') 0px 0px no-repeat; height: 39px; }

#subheader { background: #FFFFFF url('../images/bg-subheader-windmills.new.jpg') 0px 0px no-repeat; height: 155px; }
#subheader h2 { font-style: italic; font-size: 182%; color: #323230; padding: 30px 0px 0px 50px; width: 400px; }

#ft { background: #FFFFFF url('../images/bg-footer.png') 0px 0px no-repeat; margin-top: 25px; padding: 40px 15px 15px 15px; color: #181818; }
#ft p.designedBy { float: right; width: 400px; text-align: right; }
#ft a { color: #ddc35e; }
#ft a:hover { text-decoration: none; }

/* Photo Styles */
.photo { margin: 0px 0px 0px 8px; position: relative; width: 220px; height: 159px; } /* Styles for original photo size width: 180px; height: 130px; */
.photo img { background: #fff; border: solid 1px #ccc; padding: 4px; }
.photo a { text-decoration: none; }
.sample1 span { width: 28px; height: 21px; display: block; position: absolute; top: -12px; left: 90px; background: url(../images/photo-effects/pin.png) no-repeat; }
.sample2 span { width: 77px; height: 27px; display: block; position: absolute; top: -12px; left: 50px; background: url(../images/photo-effects/tape.png) no-repeat; }
.sample3 span { width: 30px; height: 60px; display: block; position: absolute; top: -5px; left: -2px; background: url(../images/photo-effects/paper-clip.png) no-repeat; }
.sample4 span { width: 115px; height: 32px; display: block; position: absolute; top: -13px; left: 30px; background: url(../images/photo-effects/tape2.png) no-repeat; }
.sample5 span { width: 216px; height: 166px; display: block; position: absolute; top: -17px; left: -18px; background: url(../images/photo-effects/gold-frame.png) no-repeat; }
.sample6 span { width: 189px; height: 137px; display: block; position: absolute; top: -5px; left: -5px; background: url(../images/photo-effects/cut-corner.png) no-repeat; }
.sample6-new span {width: 229px; height: 166px; display: block; position: absolute; top: -5px; left: -5px; background: url(../images/photo-effects/cut-corner.new.png) no-repeat; }
.sample7 span { width: 170px; height: 120px; display: block; position: absolute; top: 0; left: 0; background: url(../images/photo-effects/round-corner.png) no-repeat; }
.sample7 img { border: none; padding: 0; }
.sample8 span { width: 170px; height: 120px; display: block; position: absolute; top: 5px; left: 6px; background: url(../images/photo-effects/round-corner.png) no-repeat; }
.sample8 img { border: none; padding: 5px 6px 6px; background: url(images/photo-effects/round-bg.gif) no-repeat; }
.sample9 span { width: 170px; height: 120px; display: block; position: absolute; top: 6px; left: 7px; background: url(../images/photo-effects/stamp-pattern.png) no-repeat; }
.sample9 img { border: none; padding: 6px 7px 7px; background: url(images/photo-effects/stamp-bg.gif) no-repeat; }
.sample10 span { width: 181px; height: 134px; display: block; position: absolute; top: -6px; left: -6px; background: url(../images/photo-effects/brush-border.png) no-repeat; }
.sample10 img {border: none; padding: 0; }
.sample11 span { width: 122px; height: 72px; display: block; position: absolute; top: -22px; left: -15px; background: url(../images/photo-effects/floral-corner.png) no-repeat; }
.sample12 span { width: 186px; height: 137px; display: block; position: absolute; top: 2px; left: 2px; background: url(../images/photo-effects/watercolor-top.png) no-repeat; }
.sample12 img { border: none; padding: 9px 12px 12px 11px; background: url(images/photo-effects/watercolor-bg.png) no-repeat; }
.sample13 span { width: 170px; height: 120px; display: block; position: absolute; top: 0; left: 0; background: url(../images/photo-effects/mask.png) no-repeat; }
.sample13 img { border: none; padding: 0; }
.sample14 span { width: 170px; height: 84px; display: block; position: absolute; top: 5px; left: 5px; background: url(../images/photo-effects/glossy-gradient.png); }