html, body {height:100%;}
body {margin:0; padding:10px 0; font-family:"Gill Sans", Arial, sans-serif; font-size:100%; line-height:1em;
background:url(images/topbanner19.jpg); background-repeat: no-repeat; background-position: 50% 0.0%; background-color:#660032;}
p {margin:.5em 0;}
h1,h2,h3,h4
{margin:0; padding:0; font-size:100%; font-weight:normal;}
.clear {clear:both;}
#container {margin:0 auto; padding:6.0px 0; width:794px; position:relative;}
#container h1 {margin:0; padding:0; width:794px; height:70px;}
#container h1 a {margin:0; padding:0; width:794px; height:70px; display:block; border: none;}
.home h1 {background-position:0 0;}
.portfolio h1 {background-position:0 -180px;}
.magazines h1 {background-position:0 -180px;}
.brandpromo h1 {background-position:0 -36px;}
.photostyle h1 {background-position:0 -108px;}
.contactus h1 {background-position:0 -144px;}
.imageholder {margin:0; padding:0; background:#660032; width:794px; min-height:508px;}
.textholder {margin:0; padding:0; background:#FFFFFF; width:794px; min-height:508px;}
/* topnav*/
ul#topnav {margin:0 0 0px 0; padding:0; font-size:70%; position:relative; float:left; display:inline; width:100%;}
ul#topnav li {margin:0 0px 0px 0px; padding:0 0 0px 0px; width:16.5%; background-color: #000000; list-style:none; float:left; display:inline; text-align:left; position:relative;}
ul#topnav li#home {width:7.5%; text-align: center;}
ul#topnav li#nav1 {width:18.6%; text-align: center;}
ul#topnav li#nav2 {width:18.6%; text-align: center;}
ul#topnav li#nav3 {width:20%; text-align: center;}
ul#topnav li#nav4 {width:26%; text-align: center;}
ul#topnav li#contact {width:9.2%; text-align: center;}
ul#topnav a {margin:0; padding:0.5em 0; color:#999999; text-decoration:none; display:block; width:100%;}
ul#topnav a:hover {color:#ffffff;}
#container ul#topnav #home ul a:hover {background-color:#C0C0C0; color:#ffffff;}
#container ul#topnav #nav1 ul a:hover {background-color:#C0C0C0; color:#ffffff;}
#container ul#topnav #nav2 ul a:hover {background-color:#C0C0C0; color:#ffffff;}
#container ul#topnav #nav3 ul a:hover {background-color:#C0C0C0; color:#ffffff;}
#container ul#topnav #nav4 ul a:hover {background-color:#C0C0C0; color:#ffffff;}
#container ul#topnav #contact ul a:hover {background-color:#C0C0C0; color:#ffffff;}
ul#topnav li ul {z-index:10; visibility:hidden; margin:0; padding:0; width:100%; font-size:80%; position:absolute; left:0;}
ul#topnav li ul li {margin:0; padding:0; border-left-style:solid; border-left-width:thick; border-left-color: black; display:block; width:100%;}
ul#topnav li ul li a {padding:2px 0; display:block; line-height:1.5em;}
ul#topnav li ul li a:hover {background-image:none;}
ul#topnav li:hover ul,
ul#topnav li a:hover ul {visibility:visible;}
ul#topnav li table {width:100%; margin:0; padding:0; border:0; border-collapse:collapse;}
/* bottom bar*/
.bottombar {width:100%; height:100%; margin-right:.5em; font-family:"Gill Sans", Arial, sans-serif; font-size:70%; color:#ffffff; background:url(http://www.breckenridgedesign.co.uk/images/bottombar4.jpg);}
.bottombar a {color:#C0C0C0; text-decoration:none;}
.bottombar a:hover {color:#ffffff;}
/* photography and styling page */
.bodytext {font-size:85%; color:#000000; line-height:1.3em; min-height: 308px;}
.pgraphyholder {background:url(images/photopanel2.jpg); background-repeat: no-repeat; background-position: 0 0; background-color:#FFFFFF;}
.pgraphytext {padding:50px 115px 10px 380px; width:210px;}
.pgraphytext p {margin-top:1em; font-size:84%;}
.pgraphytext strong a {text-decoration:none; color:#000000;}
.pgraphytext strong a:hover {color:#808080;}
.pgraphytext p em {font-style:normal; color:#660032;}
.pgraphylist {padding:0 0 0 0; font-size:82%; width:100%;}
.pgraphylist .pgraphyul ul {line-height: .5em;}
.pgraphylist .pgraphyul li {margin:0em 0em 0em -2.5em; display:list-item; list-style-position:outside; list-style-image:url(images/plus1.jpg);}
/* homepage */
.bodytext {font-size:85%; color:#000000; line-height:1.5em; min-height: 308px;}
.hometext {padding:0px 0 0 0px; width:337px; height: 400px; float:left; display:inline;}
.hometext strong {font-weight:bold; color:#660032;}
.hometext strong a {color:#660032; text-decoration:none;}
.hometext strong a:hover {color:#ffffff;}
.photoholder {background:url(images/bannerinspire5.jpg); background-repeat: no-repeat; background-position: 0 0; background-color:#FFFFFF;}
.phototext {padding:200px 0 0px 55px; width:550px;}
.phototext h3 {color:#660032; margin-bottom:0; font-size:1em;}
.phototext p {margin-top:1.3em;}
.phototext strong a {text-decoration:none; color:#000000;}
.phototext strong a:hover {color:#808080;}
/* contact page */
.contactholder {background:url(images/homepanel.jpg); background-repeat: no-repeat; background-position: 0 0; background-color:#FFFFFF;}
.contacttext {padding:75px 0px 15px 320px; width:355px; height: 400px;}
.contacttext h3 {color:#660032; margin-bottom:0; font-size:1em;}
.contacttext strong a {text-decoration:none; color:#000000;}
.contacttext strong a:hover {color:#808080;}
.contacttext p {margin-top:1em; margin-bottom:1em;}
.contactlist {padding:0px 0px 0px 0px; width:315px; float:left; display:inline; position: absolute; left: 300px; top: 266px;}
.contactlist h3 {font-size:1.5em; color:#000000; font-weight:normal; margin:0.75em 0; clear:both;}
.contactlist .contactul {float:left;}
.contactlist .contactul li {font-size:85%; margin:.0em 0 0 0; padding:0; list-style-type:none;}
.contact {border-style:inset; border-top-width:thin; border-left-width:thin; background-color:#ffffff;}
.button {float: right;}
/* client list */
.bodytext {font-size:85%; color:#000000; line-height:1.3em; min-height: 0px;}
.clientlistholder {background:url(images/client-list2.jpg); background-repeat: no-repeat; background-position: 0 0; background-color:#FFFFFF;}
.clientlisttext {padding:455px 10px 10px 380px; width:410px;}
.clientlisttext p {margin-top:0; font-size: 84%;}
.clientlisttext strong a {text-decoration:none; color:#000000;}
.clientlisttext strong a:hover {color:#808080;}
.clientlisttext p em {font-style:normal; color:#660032;}
/* sliding thumbs */
#main {overflow: auto; position: absolute; left: 50%; top: 50%; margin-left: -399px; margin-top: 314px; height: 80px; width: 795px;}
#image-spacing img {float: left; margin-right: 10px; color:#000000;}
#image-spacing a img {border: 0px solid;}
#image-spacing a:hover img {border: 0px inset; border-color:#B7D2FF;}
#image-group1 {position: absolute; margin-left: 0px; margin-top: 0; width: 1300px; height: 50px;}
#image {position: relative; display: block; width: 200px; height: 60px; background: url('image.jpg') no-repeat; border: 0px solid;}
#image:hover {background-position: bottom; border: 0px solid;}
span.webstat
{ margin-left:0; padding:0; position: relative; right: -5px; display: none; }