@import url("reset.css");
@import url("960.css");
@import url("text.css");

body { font: 62.5% Georgia, "Times New Roman", Times, serif; color:#959595; background: #dbf5f3 url(../imgs/bg/grad.jpg) repeat-x }

a { color:#000; text-decoration:underline}
a:visted { color:#000; text-decoration:none}
a:hover { color:#000; text-decoration:none}
a:focus {outline: 1px dotted black ;}

#wrapper{ width:980px; margin: 0 auto; background:#fff; padding:30px 0}
#header { height:38px; border-bottom:solid 1px #f2f1ef; margin-bottom:80px;}
#header #logo { background:url(../imgs/bg/hh-logo.png) no-repeat; width:213px; height:15px; text-indent:-9999px; display:block; float:left; overflow:hidden}
#header ul { float:right; margin-bottom:0}
#header li { float:left; list-style:none; margin-left:30px}

#header li a { float:left; display:block; background:url(../imgs/bg/main-nav.png) no-repeat; height:38px; display:inline; text-indent:-9999px; overflow:hidden}

#header li.nav1 a { width:43px; background-position: 0 0; }
#header li.nav2 a {width:73px; background-position: -73px 0; }
#header li.nav3 a {width:103px; background-position: -176px 0;}
#header li.nav4 a {width:68px; background-position: -309px 0; }
#header li.nav5 a {width:67px; background-position: -407px 0;}
#header li.nav6 a {width:57px; background-position: -504px 0;}

#header li.nav1 a:hover { background-position: 0 -38px; }
#header li.nav2 a:hover {background-position: -73px -38px; }
#header li.nav3 a:hover {background-position: -176px -38px;}
#header li.nav4 a:hover {background-position: -309px -38px; }
#header li.nav5 a:hover {background-position: -407px -38px;}
#header li.nav6 a:hover {background-position: -504px -38px;}

#home #header li.nav1 a{ background-position: 0 -76px; }
#weddings #header li.nav2 a{background-position: -73px -76px; }
#evening-wear #header li.nav3 a{background-position: -176px -76px;}
#price-list #header li.nav4 a{background-position: -309px -76px; }
#about-us #header li.nav5 a {background-position: -407px -76px;}
#contact #header li.nav6 a {background-position: -504px -76px;}

#footer { text-align:center; padding-top:30px; margin-top:40px; background:url(../imgs/bg/hr-12-col.png) no-repeat center top; clear:both}
#footer p { margin-bottom:0}

#masthead { background:#7fa6b2; margin-bottom:20px; height:454px; }
#masthead #slide-show {position:relative}
#masthead .asset { position:absolute; top:0; left:0}

.row { margin-bottom: 20px; clear:both}
.row h2 { margin-bottom:0; font-size:21px}
.pic-frame { position:relative; margin-bottom:20px; height:315px}
.pic-frame a { position:absolute; z-index:10; display:block}
.pic-frame img.shad { position:absolute; right: -10px; bottom: -20px;}

h1,h2,h3,h4,h5,h6 { color:#626262; font-family: Gentilis, Georgia, "Times New Roman", Times, serif; font-weight:normal}
h1 {color:#96d8f1}

#home #header { margin-bottom:40px}
#home #masthead h1 { color:#fff ; font-size:24px; padding: 20px 20px 0 0}
#home .pic-frame { height:165px}

#intro { border-bottom: double 3px #f2f1ef; margin-bottom:40px; padding-bottom:20px}
#intro p { font-size:14px; line-height:24px;; margin-bottom:0}
#intro p img { float:right; margin-left:60px}

#weddings #intro p img { margin-right:20px}
#evening-wear #intro p img { margin-right:20px}
#contact #intro p img { margin-right:30px}

#sub-nav { background:url(../imgs/bg/vert-divide.png) no-repeat 120px 0; padding: 10px 0 250px 0}
#sub-nav ul { padding: 0 30px 0 0; }
#sub-nav ul li { line-height:normal; margin-bottom:10px}
#sub-nav a { color:#959595; text-decoration:none; font-size:11px}
#sub-nav a:visted { color:#959595; text-decoration:none}
#sub-nav a:hover { color:#626262; text-decoration:}
#sub-nav ul li.current a { color:#000}

p.tel-no { font-size:36px; font-style:italic; margin-bottom:40px}
#myMap { width:460px; height:400px}

table th { padding:5px 5px; border-bottom: solid 2px #f2f1ef; border-top: solid 1px #f2f1ef; font-size:11px; color:#626262; text-transform:uppercase; font-weight:normal}
table td { font-size:12px; border-bottom: dotted 1px #f2f1ef; padding:5px 5px;}




/* Paging
----------------------------------------------------------------------------------------------------*/
.pagination { text-align: center}
.pagination li { display:inline; padding:0 10px; border-left: 2px solid #f2f1ef}
.pagination li.first {border:none}




/* Classes
----------------------------------------------------------------------------------------------------*/
.clear {display:inline-block;}
.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clear {height:1%;}
.clear {display:block;}
.cboth {clear:both;}
.hide {display:none;}