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;}

#page-container      {margin:0 auto; padding:0; width:500px; position:relative; text-align:center;}
#page-container h1   {margin:1em 0; padding:0; width:500px; height:85px; background:url(images/xxx.jpg) 0 0 no-repeat;}
#page-container h1 a {margin:0; padding:0; width:500px; height:85px; display:block; text-indent:-999em;}
#page-container ul   {margin:0; padding:0; position:absolute; right:0;}
#page-container li   {margin:0 2px 0 1px; padding:0 2px; float:left; display:inline; font-size:60%; font-weight:bold;}
#page-container a    {text-decoration:none; color:#FFFFFF;}

#page-container .home    a:hover {color:#C0C0C0;}
#page-container .nav1    a:hover {color:#C0C0C0;}
#page-container .nav2    a:hover {color:#C0C0C0;}
#page-container .nav3    a:hover {color:#C0C0C0;}
#page-container .nav4    a:hover {color:#C0C0C0;}
#page-container .contact a:hover {color:#C0C0C0;}

#container      {margin:0 auto; padding:6.0px 0; width:794px; position:relative;}
#container h1   {margin:0; padding:0; width:794px; height:70px; background-color: #ffffff; background:url(images/bannerxxx.jpg) 0 0 no-repeat;}
#container h1 a {margin:0; padding:0; width:794px; height:162px; display:block; text-indent:-999em;}

.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, ul#topnav li.activeSection a:hover {color:#ffffff;}
#container ul#topnav li.activeSection ul li a {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;}

/* clients */
.clientlistholder {background:url(images/client-list.jpg); background-repeat: no-repeat; background-position: 0 0; background-color:#80FFFF;}
.clientlisttext {padding:50px 115px 10px 380px; width:210px;}

.clientlist1 {float:left; position:relative; z-index: 0; width:50px; margin: 0 0 0 0; padding:0 0 0 0; font-size:82%; width:100%;}
.clientlist1 .clientlistul {line-height: 2em;}
.clientlist1 .clientlistul li {margin:0em 0em 0em 0em; display:list-item; list-style-position:outside; list-style-image:url(images/plus1.jpg);}

.clientlist2 {float:right; position:relative; z-index: 0; width:50px; margin: 0 0 0 0; padding:0 0 0 0; font-size:82%; width:100%;}
.clientlist2 .clientlistul {line-height: 2em;}
.clientlist2 .clientlistul li {margin:0em 0em 0em 0em; display:list-item; list-style-position:outside; list-style-image:url(images/plus1.jpg);}

/* photography */
.bodytext {font-size:85%; color:#000000; line-height:1.3em; min-height: 308px;}
.ppanelholder {background:url(images/xxxx.jpg); background-repeat: no-repeat; background-position: 0 0; background-color:#FFFFFF}
.ppaneltitle {font-size:83.333%;}
.ppaneltext {padding:0px 0 0 0px; width:337px; height: 400px; float:left; display:inline;}
.ppaneltext strong {font-weight:bold; color:#660032;}
.ppaneltext strong a {color:#6FBE54; text-decoration:none;}
.ppaneltext strong a:hover {color:#ffffff;}


.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;}
.homeholder {background:url(images/xxxx.jpg); background-repeat: no-repeat; background-position: 0 0; background-color:#FFFFFF}
.hometitle {font-size:83.333%;}
.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:#6FBE54; text-decoration:none;}
.hometext strong a:hover {color:#ffffff;}

.homelist {padding:0px 0 0 0px; float:left; display:inline; position: absolute; left: 620px; top: 166px;}
.homelist h3 {font-size:1em; color:#ffffff; font-weight:normal; margin:0.75em 0; clear:both;}
.homelist .homeul {float:left; display:inline; width:139px; margin:5em 0 1em 0; line-height: 1.5em; font-family: Roman,"Times New Roman", serif; font-size:.87em; color:#ffffff; font-weight:normal; font-style:italic; padding:0; /*-moz-float-edge:content-box;*/}
.homelist .homeul li {margin:1em 0 0 1.8em; padding:0; display:list-item; list-style-position:outside; list-style-image:url(images/xxx.jpg);}

.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 */
.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;}
.layerback {background-color:#80FF80; position: relative; z-index: 0;}
/* client list */
.clientcontainer {margin: 0 80px 0 100px; width: 400px; font-size:80%;}

#box1{
position: relative;
width: 190px;
border: none;
padding: 0px;
float: left;
}

#box3 {
position: relative;
width: 190px;
border: none;
padding: 0px;
float: right;
}


/* 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;

				}