@charset "UTF-8";
/* Kate Hyde 2011 Portfolio Styles */

body {margin:0;}
a {outline: none; border: none; color: #333; text-decoration: none; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;font-size: 0.8em;  }
a:hover {color: #f00; }
a span {display: none; }
.clearer {clear: both;}
ul, li {padding: 0; margin: 0; list-style: none; }
h1 { font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 0.9em; color: 000px; letter-spacing: 0.1em;  }
h2 {font-size:0.9em; font-weight:300; text-transform:uppercase; letter-spacing:0.1em; line-height: 0.4em;    }
.black {background:#000; color: #fff; padding:  0px 10px;  }
h3 {font-size:0.9em; font-weight:300; width: 450px;  }
h4 {font-size:0.9em; font-weight:800; width: 450px; height: 5px;  }
h5 { padding: 10px 0px; margin: 0px;   }
p {font:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 0.8em; line-height: 1.4em;}
.spacer { height: 0.5em; }
.textspacer {height: 0.5em;}
.bodylink {font-size: 1em; color: #999; }
a:hover.bodylink {font-size: 1em; color: #000; }
a.textLink {font-size: 0.9em;}
.blackline {border-top: 1px solid #CCC; width: 400px; margin-top: 16px;   }


#main {width: 1024px; background: #fff; margin: auto; padding: 36px 0 0 0 ; }

/*------Header-------*/

#header {width: 886px; position: fixed; background: #fff;  z-index: 1000;   }

#logo a {background: url(images/kateHydeLogo.gif) no-repeat 0 0; width: 278px; height:178px; display:block;float:left;}
#logo a:hover {background-position: -278px 0px; }
#logo a span {display:none;}
#details {border-top: 1px solid #000; float:left; width: 593px; margin: 6px 0 0 15px ;  }
#details h1 {float:left; padding: 5px 35px 0 0;}
#details p {line-height:1.4em; float: left; width: 250px; padding: 0 0 0 20px;  font-size: 0.9em; }
#details a {font-size: 0.9em; }
#links {padding: 15px 0 0 0; margin-left: 239px;}
#links a {display:block; color: #000; padding: 0px 20px 0px 0px;  float: left;  font-style: italic;  }
#links .selected {display:block; color: #F00;  }
#links a:hover {color: #F00; }

/*------mainContent-------*/

#mainContent {padding: 198px 0 0 293px; }
#leftMenu {width: 213px; height: 200px; float: left;  padding: 25px 0 0 40px; position: fixed; margin: 180px 0 0 0; }
#leftMenu a { }
#leftMenu {line-height:1.4em; }
#leftMenu ul li {padding: 3px 0px; }
#leftMenu ul#black {color: #fff;  display: block; background:#000; padding: 6px 7px; width: 50px;}
#leftMenu ul#black li {padding: 0px 2px;   }
#leftMenu ul#black li a {color: #fff; letter-spacing: 0.1em;}
#leftMenu ul#noBg {padding: 10px 0 0 0;}

/*------menu colours --------------*/
#leftMenu ul#noBg li a:hover {color: #F00;}
/*--#leftMenu ul#noBg li#orange a:hover {color:#F60;}
#leftMenu ul#noBg li#yellow a:hover {color:#F00;}
#leftMenu ul#noBg li#green a:hover {color:#F60;}
#leftMenu ul#noBg li#blue a:hover {color:#F00;}
#leftMenu ul#noBg li#indigo a:hover {color:#F60;}
#leftMenu ul#noBg li#violet a:hover {color:#F00;}
#leftMenu ul#noBg li#grey a:hover {color:#F60;}--*/

#leftMenu ul#noBg li#red.selected a {color: #F00;}
#leftMenu ul#noBg li#orange.selected a {color:#F00;}
#leftMenu ul#noBg li#yellow.selected a {color: #F00;}
#leftMenu ul#noBg li#green.selected a {color:#F00;}
#leftMenu ul#noBg li#blue.selected a {color: #F00;}
#leftMenu ul#noBg li#indigo.selected a {color:#F00;}
#leftMenu ul#noBg li#violet.selected a {color: #F00;}
#leftMenu ul#noBg li#grey.selected a {color:#F00;}

/*------colours----------*/

#imageMenuContainer {width: 688px; float: left; padding: 25px 0 0 0; }
#imageMenuContainer ul li { float: left;  display:block; margin: 0 9px 11px 0 ; height: 241px; width: 139px; border: 1px solid #CCC;  }
#imageMenuContainer ul li#one {background:url(images/link2_bg.jpg) 0 0;}
#imageMenuContainer ul li#two {background:url(images/link1_bg.jpg) 0 0;}
#imageMenuContainer ul li#three {background:url(images/link3_bg.jpg) 0 0;}
#imageMenuContainer ul li#four {background:url(images/link4_bg.jpg) 0 0;}
#imageMenuContainer ul li#five {background:url(images/link5_bg.jpg) 0 0;}
#imageMenuContainer ul li#six {background:url(images/link6_bg.jpg) 0 0;}
#imageMenuContainer ul li#seven {background:url(images/link7_bg.jpg) 0 0;}
#imageMenuContainer ul li#eight {background:url(images/link8_bg.jpg) 0 0;}
#imageMenuContainer ul li.right {margin: 0px; }
#imageMenuContainer ul {}
#imageMenuContainer ul li a img {border: none;}

.heightSpacer {height: 1300px; width: 400px;} 


/***IMAGEsLIDER****/
.one_box_intros { padding: 00px 0 20px 0px; width: 800px; margin: 200px 0 300px 293px;  }
.one_box { padding: 10px 0 20px 0px; width: 800px;  margin: 200px 0 300px 293px;  width: 595px;  }
/*.one_box .one_boxleft, .one_box .one_boxright {float: left; padding: 220px 5px 20px  0px }
.one_box .one_boxright {padding: 220px 5px 20px  5px; }
.one_box .one_boxleft a, .one_box .one_boxright a {padding: 15px 10px; border: 0; color: #7b86f4;  border: 1px solid #7b86f4; } */
.one_box img {width: 593px;  }
.one_box .titles {padding: 5px 0px 20px 0px; float: left; }
p.print {width: 15px;float: left; text-align:center; border: 1px solid #000; padding: 6px 2px;  }
p.description {padding: 10px 20px 10px 0px; width: 573px;font-size: 0.8em;  }
.photo { padding-top: 10px;  }
.one_box a.backTop {font-size:0.8em; padding:  0 0 0 20px; display: block; }
.topPhoto {padding: 0 0 10px 0; }