/* Site typography */
h1 {
	font-family: verdana, sans-serif;
	color: #000000;
	font-weight: normal;
	font-size: 1.6em;
	padding: 0px;
	margin: 0px;
	margin-bottom: 0.4em;
}
h2 {
	font-family: verdana, sans-serif;
	color: #000000;
	font-weight: normal;
	font-size: 1.4em;
	margin: 0px;
	margin-top: 0.8em;
	margin-bottom: 0.4em;
}
h2 a {
	font-family: verdana, sans-serif;
	text-decoration: none;
	color: #000000;
	font-size: 1.4em;
}
h2 a:hover {
	text-decoration: underline;
	color: #000000;
}
h3 {
	font-size: 1.2em;
	font-family: verdana, sans-serif;
	color: #000000;
	font-weight: bold;
	font-size: 0.8em;
	margin: 0px;
}
p {
	font-family: verdana, sans-serif;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #000000;
	margin: 0px;
}
p a {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
p a:hover {
	color: #000000;
	font-weight:normal;
	text-decoration: underline;	
}
ul {
	font-size: 1.0em;
	color: #000000;
	margin: 0px;
	margin-top: 0.8em;
	margin-bottom: 1.0em;
}
li {
	margin-top: 0.4em;
}

body {
	position: relative;
	border-style: none;
	border-color: inherit;
	border-width: 0;
	padding: 0;
	background-color: #d9ab82;
	background-attachment: fixed;
	margin-top: 20px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	background-color: #000000;
	background-image: url(../images/background3.png);
}
.container {
	position: relative;
	width: 960px;
	margin: 0 auto;
	background-image: url(../images/background3.png);
}

#masthead {
	border-style: none;
	border-width: 0;
	width: 960px;
	height: 255px;
	margin: 0;
	padding: 0;
}
.vertical-line {
	position: absolute;
	top: 7px;
	left: 250px;
}
.bodybackground {
	overflow: hidden;
	float: left;
}
.left-col {
	overflow: hidden;
	float: left;
	position: relative;
	width: 224px;
	padding-top: 20px;
	padding-left: 13px;
	padding-right: 13px;
}
.mainbody {
	overflow: hidden;
	margin: 0;
	margin-bottom: 40px;
	float: left;
	width: 710px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.page {
	min-height: 800px;
	width: 590px;
	padding-left:60px;
	padding-right: 60px;
	padding-top: 27px;
}
.page p {
	text-align: left;
 	margin-bottom: 1.0em;
 }


/** HOME BUTTON **/  
.home-button {
	position: absolute;
	top: 7px;
	left: 20px;
	width: 167px;
	height: 204px;
	float: left;
	margin-left: 18px;
	margin-top: 15px;
	margin-bottom: 0px;
}
/** Declaration for the a.snapclicking  selector **/  
a.home {  
    display: block;  
    width: 167px;  
    height: 204px;  
    background: url(../images/home2.png) no-repeat 0 0;  
}  
/** Declaration for the additional states of the a.snapclicking selector **/  
a:hover.home {  
    background-position: 0 -408px;  
}  
a:visited.home {  
    background-position: 0 -204px;  
}  
 

/** ANALOGUE BUTTON **/  
.analogue-button {
	width: 226px;
	height: 73px;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
}
/** Declaration for the a.analogue selector **/  
a.analogue {  
    display: block;  
    width: 226px;  
    height: 73px;  
    background: url(../images/analogue2.png) no-repeat 0 0;  
}  
/** Declaration for the additional states of the a.analogue selector **/  
a:hover.analogue {  
    background-position: 0 -146px;  
}  
a:visited.analogue {  
    background-position: 0 -73px;  
}  



/** DIGITAL BUTTON **/  
.digital-button {
	width: 177px;
	height: 66px;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 18px;
}
/** Declaration for the a.digital selector **/  
a.digital {  
    display: block;  
    width: 177px;  
    height: 66px;  
    background: url(../images/digital1.png) no-repeat 0 0;  
}  
/** Declaration for the additional states of the a.analogue selector **/  
a:hover.digital {  
    background-position: 0 -132px;  
}  
a:visited.digital {  
    background-position: 0 -66px;  
}  



/** VIDEO BUTTON **/  
.video-button {
	width: 168px;
	height: 64px;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 37px;
}
/** Declaration for the a.video selector **/  
a.video {  
    display: block;  
    width: 167px;  
    height: 64px;  
    background: url(../images/video2.png) no-repeat 0 0;  
}  
/** Declaration for the additional states of the a.video selector **/  
a:hover.video {  
    background-position: 0 -128px;  
}  
a:visited.video {  
    background-position: 0 -64px;  
}  
 


/** DESIGN BUTTON **/  
.design-button {
	width: 184px;
	height: 68px;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 14px;
}
/** Declaration for the a.design selector **/  
a.design {  
    display: block;  
    width: 184px;  
    height: 68px;  
    background: url(../images/design1.png) no-repeat 0 0;  
}  
/** Declaration for the additional states of the a.design selector **/  
a:hover.design {  
    background-position: 0 -136px;  
}  
a:visited.design {  
    background-position: 0 -68px;  
}  
 
 
 
/** BLOG BUTTON **/  
.blog-button {
	width: 174px;
	height: 65px;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}
/** Declaration for the a.blog  selector **/  
  
a.blog{  
    display: block;  
    width: 174px;  
    height: 65px;  
    background: url(../images/blog1.png) no-repeat 0 0;  
}  
/** Declaration for the additional states of the a.blog selector **/  
a:hover.blog{  
    background-position: 0 -130px;  
}  
a:visited.blog{  
    background-position: 0 -65px;  
}  
 

/** CONTACT BUTTON **/  
.contact-button {
	width: 205px;
	height: 65px;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
}
/** Declaration for the a.contact selector **/  
a.contact{  
    display: block;  
    width: 205px;  
    height: 65px;  
    background: url(../images/contact1.png) no-repeat 0 0;  
}  
/** Declaration for the additional states of the a.contact selector **/  
a:hover.contact {  
    background-position: 0 -130px;  
}  
a:visited.contact {  
    background-position: 0 -65px;  
}  
 


/** STORE BUTTON **/  
.store-button {
	width: 188px;
	height: 64px;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 27px;
}
/** Declaration for the a.store  selector **/  
a.store {  
    display: block;  
    width: 188px;  
    height: 64px;  
    background: url(../images/store1.png) no-repeat 0 0;  
}  
/** Declaration for the additional states of the a.store selector **/  
a:hover.store {  
    background-position: 0 -128px;  
}  
a:visited.store {  
    background-position: 0 -64px;  
}  
 

/** SNAPCLICKING BUTTON **/  
.snapclicking-button {
	width: 224px;
	height: 190px;
	float: left;
	margin-left: 20px;
	margin-top: 30px;
	margin-bottom: 0px;
}
/** Declaration for the a.snapclicking  selector **/  
a.snapclicking {  
    display: block;  
    width: 187px;  
    height: 190px;  
    background: url(../images/snapclicking2.png) no-repeat 0 0;  
}  
/** Declaration for the additional states of the a.snapclicking selector **/  
a:hover.snapclicking {  
    background-position: 0 -380px;  
}  
a:visited.snapclicking {  
    background-position: 0 -190px;  
}  
 
 
 
#navigation {
	margin: 0;
	color: #fff;
	line-height: 1.0em;
	width: 960px;
}
html>body #navigation {
	overflow: hidden;
}
html>body #tester {
float: left;
}
/* Navigation */
#navigation ul {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
	padding-left: 15px;
}
#navigation li {
	float: left;
	margin-top: 0;
}
#navigation a {
	text-decoration: none;
	color: #243939;
	display: block;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-size: 1.0em;
	font-weight: normal;
}
#navigation a:hover {
	text-decoration: underline;
}
#menubackground a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #F6E9D9;
	font-size: large;
}

/* Specific styling for the CONTACT page*/

.about-me {
	float: left;
	width: 590px;
	background-color: inherit ;
	margin-bottom: 20px;
}
.about-image {
	margin-top: 5px;
	margin-bottom: 20px;
	float: left;
	padding-right: 0px;
	width: 590px;
	height: 590px;
	background-color: inherit ;
}
.about-copy {
	float: left;
	padding-left: 32px;
	width: 358px;
	background-color: inherit ;
}


/* Footer */
.footer {
	float: left;
	width: 960px;
	clear: both;
	margin: 0;
	margin-top: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 0;
	text-align: center;
	font-size: 1.0em;
}
.footer p {
	font-size: 0.8em;
	color: #243939;
}
.footer a {
	text-decoration: none;
	font-weight: normal;
	color: #243939;
}
.footer a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #243939;
}
/* Links */
a {
	color: #735340;
	text-decoration: underline;
}
a:hover {
	color: #735340;
	text-decoration: none;
}
img {
    border:0;
 }
/*------------------- More styling --------------------*/
.contact-us-text {
	float: left;
}
.contact-us-photo-right {
	padding-left: 20px;
	float: right;
}
.contact-us-photo-left{
	padding-right: 20px;
	float: left;
}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
 
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

ul.imagelisting,
ul.slideshow,
ul.slideshow-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.imagelisting li {
	float: left;
	width: 190px;
	height: 190px;
	margin: 2px 3px 3px 2px;
}

ul.albumdisplay {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.albumdisplay li {
	float: left;
	width: 190px;
	height: 190px;
	margin: 2px 3px 40px 2px;
}

ul.albumdisplay li img:hover {
}

ul.albumdisplay li img {
	display: block;
}