* { margin: 0; padding: 0; }
html { text-align: center; }
body { background: #000000 url('http://www.esthered.com/bg.jpg') no-repeat top center; color: #fff; font-family: Arial, helvetica, sans-serif; font-size: 12px; }
.container { width: 1020px; text-align: left; margin: 0 auto; position: relative; overflow: hidden; padding-bottom: 50px; }
a { color: #ffffff; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
ul li { list-style-type: none; list-style-position: inside; }
h4 { color: #f11486; font-size: 12px; text-transform: uppercase; font-weight: normal; }
h4.white { color: #ffffff; }
h4.gray { color: #cccccc; }
#top-wrapper { width: 1020; height: 650px; }
a.go-home { position: absolute; top: 0; left: 0; width: 500px; height: 100px; display: block;}
#left { width: 250px; height: 650px; float: left; }
#menu { margin: 150px 55px; width: 170px; }
#menu h4 { padding-bottom: 10px; }
#menu p { padding-bottom: 20px; }
#left div ul { margin-bottom: 20px; }
#left div ul li { padding: 2px 0; }
ul.gray li { color: #bbb; }
ul.main-nav { list-style: none; margin: 0; float: left; width: 189px; background: #222; font-size: 12px; background: url('http://www.esthered.com/images/topnav_bg.png') repeat-x; }
ul.main-nav li { float: left; margin: 0; padding: 0 15px 0 0; position: relative; /*--Declare X and Y axis base for sub navigation--*/ }
ul.main-nav li a { padding: 5px 5px; color: #fff; display: block; text-decoration: none; float: left; }
ul.main-nav li span { width: 31px; height: 29px; float: left; background: url('http://www.esthered.com/images/subnav_btn.png') no-repeat; margin-left: 36px; margin-top: -2px; }
ul.main-nav li span.subhover {background-position: center bottom; cursor: pointer; }
ul.main-nav li ul.subnav { list-style: none; position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ left: 0; top: 29px; background: #202020; margin: 0; padding: 20px 15px; display: none; float: left; width: 159px; height: 300px; }
ul.main-nav li ul.subnav li{ margin: 0; padding: 0; clear: both; width: 189px; }
html ul.main-nav li ul.subnav li a { float: left; width: 189px; }
html ul.main-nav li ul.subnav li a:hover { text-decoration: underline; }
a.more-work { margin-left: 15px; margin-top: 1px; }
#right { width: 770px; height: 650px; float: left; }
#home-images { margin: 157px 31px; }
#home-images ul li a { display: block; width: 164px; height: 167px; float: left; margin: 4px; }
a#cartier { background-image: url('http://www.esthered.com/images/home-cartier1.jpg'); }
a#cartier:hover { background-image: url('http://www.esthered.com/images/home-cartier2.jpg'); }
a#crocker { background-image: url('http://www.esthered.com/images/home-crocker1.jpg'); }
a#crocker:hover { background-image: url('http://www.esthered.com/images/home-crocker2.jpg'); }
a#gucci { background-image: url('http://www.esthered.com/images/home-gucci1.jpg'); }
a#gucci:hover { background-image: url('http://www.esthered.com/images/home-gucci2.jpg'); }
a#biolage { background-image: url('http://www.esthered.com/images/home-biolage1.jpg'); }
a#biolage:hover { background-image: url('http://www.esthered.com/images/home-biolage2.jpg'); }
a#fluzone { background-image: url('http://www.esthered.com/images/home-fluzone1.jpg'); }
a#fluzone:hover { background-image: url('http://www.esthered.com/images/home-fluzone2.jpg'); }
a#asacol { background-image: url('http://www.esthered.com/images/home-asacol2.jpg'); }
a#asacol:hover { background-image: url('http://www.esthered.com/images/home-asacol1.jpg'); }
a#ssc { background-image: url('http://www.esthered.com/images/home-ssc1.jpg'); }
a#ssc:hover { background-image: url('http://www.esthered.com/images/home-ssc2.jpg'); }
a#vaccines { background-image: url('http://www.esthered.com/images/home-vaccines2.jpg'); }
a#vaccines:hover { background-image: url('http://www.esthered.com/images/home-vaccines1.jpg'); }
#right div ul li { margin-top: -15px; }
#main-default { width:696px; height:424px; margin: 148px 33px; }
#main-gucci { background-image:url('http://www.esthered.com/images/main-gucci.png'); width:696px; height:424px; margin: 141px 28px; }
#main-cartier { background-image:url('http://www.esthered.com/images/main-cartier.png'); width:684px; height:392px; margin: 143px 33px; }
#main-vaccines { background-image:url('http://www.esthered.com/images/main-vaccines.png'); width:684px; height:460px; margin: 143px 33px; }
#main-131 { background-image:url('http://www.esthered.com/images/main-131.png'); width:684px; height:460px; margin: 143px 33px; }
#main-sdrp { background-image:url('http://www.esthered.com/images/main-sdrp.png'); width:684px; height:406px; margin: 143px 33px; }
#main-fluhd { background-image:url('http://www.esthered.com/images/main-fluhd.png'); width:684px; height:460px; margin: 143px 33px; }
#main-crocker { background-image:url('http://www.esthered.com/images/main-crocker.png'); width:684px; height:460px; margin: 143px 33px; }
#main-asacol { background-image:url('http://www.esthered.com/images/main-asacol.jpg'); width:605px; height:460px; margin: 143px 70px; }
#main-drygoods { background-image:url('http://www.esthered.com/images/main-drygoods.jpg'); width:684px; height:460px; margin: 143px 33px; }
#main-ssc { background-image:url('http://www.esthered.com/images/main-ssc.png'); width:684px; height:480px; margin: 143px 33px; }
#main-optimum { background-image:url('http://www.esthered.com/images/main-optimum.png'); width:684px; height:480px; margin: 143px 33px; }
#bottom-wrapper { clear: both; width: 1020; height: 250px; margin: 0 45px 20px 45px; border-top: 1px solid white; }
#bottom-wrapper div h4 { padding: 30px 0 25px 0; }
#bottom-wrapper div p { padding-bottom: 15px; line-height: 1.4em; }
#bottom-left { float: left; width: 300px; margin-right: 75px; }
p.copyright { color: #dddddd;}
#bottom-center { float: left; width: 300px; }
#bottom-right { float: left; width: 230px; }
#tweet ul li { list-style-position: outside; padding-bottom: 10px; }
#tweet ul li a { font-weight: bold; }