*{border: none;margin: 0;padding: 0;}
/* =Basic HTML, Non-essential
----------------------------------------------------------------------*/

a{text-decoration: none;}
body {text-align: center;background: white;font-family: arial;letter-spacing: .05em;background: black;}
img {background: transparent;}
#whole {width: 1120px;height: 778px;margin: 0 auto;text-align: left;border-top: 0;}
#bd {width: 1120px;text-align: center;}
#bd_t {width: 1120px;height: 778px;text-align: center; position: relative;background-image: url(../img/gradBG.jpg);background-repeat: repeat-x;}
#hd {float: left;position: relative;height: 200px;z-index: 5;}
#hd *{z-index: 5;}
#nav {width: 387px;position: absolute;top: 0px;left: 720px;z-index: 4;}
.innernav {width: 387px;height: 778px;position: absolute;top: 0px;left: 0px;background-repeat: no-repeat;}
#leftnav{background: url(../img/overlay_nav/left.png);}
#rightnav{background: url(../img/overlay_nav/right.png);}
#inner_centernav {position: absolute;top: 180px;left: 0px;  }
#inner_centernav .level1{float: left;width: 372px;list-style: none;list-style-type: none;list-style-position: outside;font-size: 16px;font-weight: bold;}
#inner_centernav .level1 li {clear: both;float: left;position: relative;width: 372px;height: auto;border-bottom: 0;background: transparent;text-align: center;}
#inner_centernav .level1 li a {text-align: center;height: 24px;color: white;line-height: 24px;}
#inner_centernav .level1 li:hover {background: transparent;}
#inner_centernav .level1 .empty:hover {background: transparent;}
#inner_centernav .level1 li:hover .level2 {display: block;}
#inner_centernav .level2 {display: none;float: left;width: 180px;list-style: none;list-style-type: none;list-style-position: outside;position: absolute;top: 0;left: 180px;border: 0;border-top: 0;font-size: 12px;z-index: 1000;}
#inner_centernav .level2 *{z-index: 1000;}
#inner_centernav .level2 li {clear: both;float: left;position: relative;width: 180px;border-bottom: 1px solid white;background: #ddd;height: auto;}
#inner_centernav .level2 li a {width: 180px;margin: 0px 10px;color:#444;line-height: 24px;height: auto;}
#inner_centernav .level2 li:hover {background: #cd2424;}
#inner_centernav .level2 li:hover a{color: white;}
#nav * {z-index: 4;}
#centernav * {z-index: 100;}
.overlay {width: 1100px; height: 778px; z-index: 3; position: absolute; top: 0; left: 0; background-repeat: no-repeat;}
#bgphoto {width: 1100px;height: 778px;z-index: 3;position: absolute;top: 220px;left: 0;background-repeat: no-repeat;}
#overlay_black {background: url(../img/overlay.png);}
#overlay1 {background-image: url(../img/overlay_left/1xx.png);}
#overlay2 {background-image: url(../img/overlay_left/2xx.png);}
#overlay3 {background-image: url(../img/overlay_left/3xx.png);}
#overlay4 {background-image: url(../img/overlay_left/4xx.png);}
#overlay5 {background-image: url(../img/overlay_left/5xx.png);}
#overlay6 {background-image: url(../img/overlay_left/6xx.png);}
#overlay7 {background-image: url(../img/overlay_left/7xx.png);}
#overlay8 {background-image: url(../img/overlay_left/8xx.png);}
#main {width: 680px;height: 600px;text-align: left;position: absolute;top: 140px;left: 60px;display: none;z-index: 10;}
#main * {z-index: 10;}
#main2 {width: 680px;height: 600px;text-align: left;position: absolute;top: 140px;left: 60px;display: none;}
#homelist{width: 680px; float: left; list-style-position: outside; list-style-type: none; position: absolute; top: 140px; left: 60px;}
#homelist li{float: left; width: 200px;}
#homelist li img{width: 200px; float: left;}
.subpage #overlay1 {display: block;}
.subpage #overlay2 {display: block;}
.subpage #overlay3 {display: block;}
.subpage #overlay4 {display: block;}
.subpage #overlay5 {display: block;}
.subpage .innernav {display: block;}
.gradText {font-weight: bold;font-size: 20px;position: relative;color: #464646;line-height: 24px;}
.gradText span {background: url(../img/gradient.png) repeat-x;position: absolute;display: block;width: 100%;height: 20px;}
#galleria_frame {position: absolute;top: 48px;left: 50px;}
.myText{font-style:italic;color:#ddd;}

.lineleft{clear: both; float: left; width: 600px; text-align: left;}
.lineleftindent{clear: both; float: left; width: 570px; text-align: left;margin-left: 30px;}
.linecenter{clear: both; float: left; width: 600px; text-align: center;}
.lineright{clear: both; float: left; width: 600px; text-align: right;}
.linerightindent{clear: both; float: left; width: 570px; text-align: right;margin-right: 30px;}
.text1 {font-family: Arial; color: #222; font-weight: normal; font-size: 12px; letter-spacing: .1em;}
.text2 {font-family: Helvetica; color: #222; font-weight: bold; font-size: 26px;}
.text3 {font-family: Verdana; color: #222; font-weight: bold; font-size: 18px; letter-spacing: .4em;}
.text4 {font-family: Verdana; color: #ddd; font-weight: normal; font-size: 20px; letter-spacing: .1em;}
.text5 {font-family: Arial; color: #222; font-weight: bold; font-size: 16px;}
.text6 {font-family: Serif; color: #ddd; font-weight: bold; font-size: 24px; letter-spacing: .2em;}
.text7 {font-family: Comic-sans-serif; color: #222; font-weight: normal; font-size: 18px; letter-spacing: .1em;}
.text8 {font-family: Helvetica; color: #ddd; font-weight: normal; font-size: 22px;}
.firstletter{color: #b2b210; letter-spacing: -.15em;}
.firstletter2{color: #eee; letter-spacing: -.15em; font-size: 14px; font-weight: bold;}
.restofword{color: #222;}
.restofword2{color: #222;font-size: 14px; font-weight: bold;}

.spotlight {clear: both; float: left; display: none; width: 680px; height: 360px; margin-top: 80px;}
#spotlight_1 {display: block;}
.main_img {height: 200px; width: 200px; clear: both; float: left; margin-top: 60px;}
.main_text {width: 400px; margin-left: 40px; float: left; font-size: 16px;}
.main_img_list li {margin-left: 40px;}
.makebold {font-weight: bold;}

#caption_list {width: 680px; clear: both; float: left;}
#caption_list ul {height: 115px; margin: 0 auto; list-style-type: none; list-style-position: outside;}
#caption_list ul li {height: 115px; width: 100px; float: left; text-align: center; margin: 0px 10px;}
#caption_list ul li:hover {cursor: pointer;}
#caption_list ul li .caption_img{height: 75px; width: 100px; float: left; text-align: center;}
#caption_list ul li .caption_text{height: 40px; width: 100px; clear: both; float: left; text-align: center;line-height: 40px;}

.clients {font-size: 10px; font-weight: normal; letter-spacing: -.05em; list-style-type: none; list-style-position: outside;}
.clients li {float: left; width: 200px;}


#contact_form {width: 400px; margin: 40px auto; font-size: 14px;}
#contact_form input {border: 1px solid #333;}
#contact_form textarea{border: 1px solid #333;}
#contact_form select{border: 1px solid #333;}

.ehm {clear: both; float: left; width: 560px; margin-top: 60px; margin-left: 80px; height: 500px;}
.ehm .ehmLink {position: relative; float: left; height: 120px; width: 180px; margin: 2px;}
.ehm .ehmLink .ehmImage {position: absolute; width: 180px; height: 120px; top: 0; left: 0;}
.ehm .ehmLink .ehmImage img {height: 120px; width: 180px;}
.ehm .ehmLink .ehmLabel {position: absolute; width: 180px; height: 30px; background: url(../img/pane40.png); 
                       top: 90px; left: 0; color: white; font-size: 20px; font-weight: bold; text-align: center;}
