/*  Style sheet for Huntly Hairst website 2009, Halloween section  */

* {margin:0; padding:0;}

body { color:#000; background: #f9f9f9 url(images/a1.gif) top repeat-x; font-family: helvetica,arial,sans-serif; font-size: small;}

/*  Main layout positioning */

#pagewidth {width:900px; background-color:#fff; margin:0 auto;}
#header { width: 100%; padding:1em 0 0 0; background-color:#000; color:#fff;}
#topnav { float:right; width:100%;}
#logo { float:left; width:150px;}
#slogan { float:left; margin:30px 0 0 50px; width:600px; font-size:1.5em; font-weight:bold;}
#dates {float:right; color:#fff; margin:40px 1em 0 0; font-weight:bold;}
#headerimage { margin:0px auto;}
#container { width:100%; margin:0 auto; position:relative; background-color:#fff; padding:0 0 50px 0;}
#col1 { float:left; width:25%; padding:1em;}
#main { float:right; width:70%;}
#col2 { float:left; width:75%;}
#col3 { float:right; width:20%;}
#footer { clear:both;font-size: x-small; width:100%; float:left; color:#fff; background-color:#000;}
#design {float:right; width:20%;}
#copy {float:left; width:25%;}
#address {margin:1em 0; text-align:center;}

#searchform { margin:0 0 0 20px; border:1px solid #a5a5a5; width:150px;}
#searchform form { margin: 0 0 0 0; display:inline;}
#searchform #string { border:0; margin:5px;}
#searchform input {vertical-align:middle;  color:#a5a5a5;}

/*  heading replacement*/

h1 {width:150px;
    padding: 85px 0 0 0;
    overflow: hidden;
    background-image: url(images/hairstLogo1.png);
    background-repeat: no-repeat;
    
    height: 0px !important; /* for most browsers */
    height /**/:85px; /* for IE5.5's bad box model */
}

#slogan {width:400px;
    padding: 25px 0 0 0;
    overflow: hidden;
    background-image: url(images/hairstTitle2.png);
    background-repeat: no-repeat;
    
    height: 0px !important; /* for most browsers */
    height /**/:25px; /* for IE5.5's bad box model */
}


/*  Navigation styling */

a:link {color: #aa1919; font-weight: bold; text-decoration: none;}
a:visited {color: #669933; font-weight: bold; text-decoration: none;}
a:hover {color: #3333cc; font-weight: bold; text-decoration:underline;}
a:active {color: #CC3333; font-weight: bold; }

#topnav { padding:0; margin:0; margin-top:0; list-style-type:none; float:right; width:100%; background-color:#000; color:#fff;}
#topnav li {display: inline; float:right;}
#topnav li a {float:left; width:auto; color:#fff; background-color:transparent; padding:0.5em 1.5em; text-decoration:none; border-right:1px solid #8c460a; text-align:center;}
#topnav li a:visited {background-color:transparent; color:#ddedfb;}
#topnav li a:hover {background-color:transparent; color:#503c19;}

#navbar { float:left; width:100%; color:#fff; background-color:#aa1919;}
#navbar ul { list-style-type:none;}
#navbar li {display: inline; float:left;}
#navbar li a {float:left; width:auto; color:#fff; background-color:transparent; padding:0.5em 2em; text-decoration:none; border-right:1px solid #e1e2ef; text-align:center;}
#navbar a:hover {color:#000; background-color:#d58d8d; font-weight: bold; text-decoration:none;}

#menu { text-align:left; list-style-type:none; margin:2em 0; width:100%; float:left;}
#menu li { color:#000; background-color:#eac5c5; border-bottom:2px solid #000; width:100%; float:left;}
#menu a img { border:0px solid #000; float:left; margin:-1em 1em 0 0;}
#menu a { padding:1em 0 0 0; width:95%; float:right; border-right:10px solid #d58d8d;}
#menu a:link {color:#000; background-color:#eac5c5; text-decoration: none;}
#menu a:visited {color:#aa1919; font-weight: bold; text-decoration: none;}
#menu a:hover {color:#fff; background-color:#aa1919; font-weight: bold; text-decoration:none;}
#menu a:active {color:#aa1919; font-weight: bold; }

.menu {color: #336633c; font-weight: bold; background-color: #8efffd;}


/*  Misc. styling */


p, h2, h3 {margin:10px 10px 10px 10px;}
p {margin-bottom:2em;}
h1 { margin:0 0 0 1em;}
h2 { color:;}
h3 { background:#eac5c5; color:#aa1919; padding-left:1em;}
h4 { margin:5px 10px;}
.clr { clear:both;}
#newsletter {margin:2em;}
#headlines p {margin:0.5em;}
.inset {border-color:#336633; border-width:2px; border-style:solid;}
.address { width:45%; float:left;}
#huntlylink { text-align:center;}
#huntlylink img { margin:3px;}

#header, #footer, #navbar { border:0px solid #000}

/*  Individual page styling  */

#gallery #col2 {width:100%;}
#gallery #col3 {display:none;}
#gallery .thumb h5 {margin:0.5em 0;}
#gallery #lgimg {position:relative;}
#gallery #lgimg div {float:right; width:210px; margin-top:-300px;}
#galleryImg {margin:25px 10px;}
#galleryImg:after {clear:both;}
.thumb {text-align:center; font-size:0.8em; width:30%;  float:left;}
.thumb h5 {width:85%; text-align:center;}
.gallerylinks {width:400px;}
.leftlink {width:35%; float:left;}
.centrelink {width:30%; margin-left:35%; text-align:center;}
.rightlink {width:35%; float:right; text-align:right;}
.backlink {text-align:center;}

#sitemap #col2 ul { margin:1em 3em;}
#sitemap #col2 ul ul { margin:0 2em;}