/* CSS Document */

*,h1,h2,h3,h4,h5,h6,h7,h8,p,div,body,html,ul,li,ol,img,a{margin:0;padding:0;}
.clear { clear: both; }
.hide { display: none; }
p { margin: 0em 0 1.2em 0; }
a img { border: none; }
.overflow { overflow: hidden; width: 100%; }
acronym { border-bottom: none; }

body {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #cccccc; /*controls text colour*/
	background: #000;
	line-height: 1.4em;
	text-shadow: rgba(0,0,0,0.01) 0 0 0; /* fix safari 3 font rendering */
}

/* ---------- General ---------- */
a { text-decoration: none; color: #74665f; }
a:hover { text-decoration: none; color: #a6754b; }

.fadein{display: none}

#content h1 {
	font-size: 1.4em;
}

h1, h2, h3, h4 { font-weight: normal; color: #ccc; }

#content h2, #content h3 {
	font-size: 1.2em;
	padding: 0;
	margin: 0;
}

#content h4 { font-size: 1em; font-weight: bold; }

#content ul, #content ol { margin: 0 0 1em 2em; }
#content .home-blog ul, #content .home-blog ol { margin: 0; }

#bannerimage { margin-bottom: 10px; outline: none}

.infomsg {
	background: #000;
	border: 1px solid #251c17;
	padding: 10px 10px 0 10px;
	border-radius: 6px;
	-moz-border-radius:  6px;
	-webkit-border-radius:  6px;
}

button {
	margin: 0;
	border: 1px solid #251c17;
	color: #74665F;
	width: 90px;
	height: 26px;
	font-size: 11px;
	text-transform: uppercase;
	padding: 0 0 3px 0;
	float: right;
	display: block;
	background: #000;
	cursor: pointer;
	border-radius: 4px;
	-moz-border-radius:  4px;
	-webkit-border-radius:  4px;
}
button span {
	display: block;
	padding: 4px 10px;
}

body button:hover, body button:focus { background: #14100c; border-color: #31251e; color: #a6754b; }
body button:active { background: #1f1812; border-color: #463328; color: #fff; }

#sidebar button.search span { display: block; padding: 4px 10px; }
#sidebar button.search { background-image: url('/_inc/img/searchglass.gif'); background-position: 5px 5px; background-repeat: no-repeat; padding-left: 12px; }
#sidebar button.search:hover, #sidebar button.search:focus { background-position: 5px -35px; }
#sidebar button.search:active { background-position: 5px -75px; }

#sidebar button.newsletter span { display: block; padding: 4px 10px; }
#sidebar button.newsletter { background-image: url('/_inc/img/newsletter.gif'); background-position: 8px 8px; background-repeat: no-repeat; padding-left: 12px; }
#sidebar button.newsletter:hover, #sidebar button.newsletter:focus { background-position: 8px -32px; }
#sidebar button.newsletter:active { background-position: 8px -72px; }

.rightimg {
	float: right;
	padding: 9px;
	background: #000;
	border: 1px solid #251c17;
	margin: 0 0 10px 10px;

}

.rightimg2 {
	float: right;
	margin: 6px;

}

.leftimg {
	float: left;
	padding: 9px;
	background: #000;
	border: 1px solid #251c17;
	margin: 0 0 10px 10px;
}

.leftimg2 {
	float: left;
	padding: 8px;
	border: 0px solid #251c17;
	margin: 0 0 6px 8px;
}


/* ----- Gallery Thumbs ----- */

a.recentImg {
	width: 198px;
	height: 155px; /* ----- Thumb height----- */
	margin: 0 0 10px 0px;
	float: left;
	display: block;
	background: #2a2a2a;
	border: 1px solid #251c17;
	text-align: center;
	border-radius: 6px;
	-moz-border-radius:  6px;
	-webkit-border-radius:  6px;
	color: #8a8668; /* ----- Thumbs Font Colour----- */
	text-decoration: none;
}

a.recentImg span.recentImg-image {
	height: 90px; /* ----- Thumb Image height----- */
	width: 180px;
	display: block;
	text-align: center;
	margin: 9px auto 9px auto;
	overflow: hidden;
}
a.recentImg span.recentImg-title {
	font-size: 13px;
	display: block;
	text-align: center;
	padding: 2px 0 0 0;
	overflow: hidden;
	width: 200px;
	margin: 0 auto;
}

a.thumb {
	width: 218px;
	height: 175px; /* ----- Thumb height----- */
	margin: 0 0 10px 10px;
	float: left;
	display: block;
	background: #2a2a2a;
	border: 1px solid #251c17;
	text-align: center;
	border-radius: 6px;
	-moz-border-radius:  6px;
	-webkit-border-radius:  6px;
	color: #8a8668; /* ----- Thumbs Font Colour----- */
	text-decoration: none;
}

a.thumb span.thumb-image {
	height: 120px; /* ----- Thumb Image height----- */
	width: 200px;
	display: block;
	text-align: center;
	margin: 9px auto 0 auto;
	overflow: hidden;
}
a.thumb span.thumb-title {
	font-size: 13px;
	display: block;
	text-align: center;
	padding: 2px 0 0 0;
	overflow: hidden;
	width: 200px;
	margin: 0 auto;
}

a.thumb:hover, a.thumb:focus {
	background: #333333;
	border-color: #666666;
	color: #bbbbbb;   /* ----- Thumbs Rollover Font Colour----- */
	outline: none;
}

a.thumb:active {
	background: #1f1812;
	border-color: #463328;
	color: #fff;
}


#site {
	background: #333333 url('/css/frontend/body-bg2.jpg') top center no-repeat;
}

#container {
	width: 960px;
	margin: 0 auto;
	display: block;
	padding-bottom: 40px;
	overflow: hidden;
}

/* ----- Contanier content ----- */

/*#container
{
width: 90%;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 130%;
}*/

#top
{
padding: .2em;
background-color: #333333;
border-bottom: 1px solid gray;
}

#top h1
{
padding: 0;
margin: 0;
}

/* ----- Left Nav Column ----- */
#leftnav
{
float: left;
width: 210px;
margin: 0;
padding: 1em;
}

/* ----- Control Main Body Content Space ----- */
#content
{
margin-left: 230px;
border-left: 1px solid gray;
padding: 1em;
min-height: 500px;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }


body button:hover, body button:focus { background: #14100c; border-color: #31251e; color: #a6754b; }
body button:active { background: #1f1812; border-color: #463328; color: #fff; }

/* ----- Flash slides ----- */
#bannerimage { margin-bottom: 10px; outline: none; z-index: -55}


/* ----- Nav ----- */
ul#nav {
	display: block;
	height: 30px;
	padding: 10px 0 10px 0;
	margin: 0 0 0 140px;
        z-index: 99;
}

ul#nav li {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul#nav li span {
	position: absolute;
	margin-left: -9999em;
	overflow: hidden;
}

ul#nav li {
	float: left;
	padding: 0 15px;
}

ul#nav li a {
	height: 20px;
	display: block;
	background-position: top left;
	background-repeat: no-repeat;	
	outline: none;
}

ul#nav li.menu-home a { width: 45px; background: url('/_inc/img/menu-home.gif'); }
ul#nav li.menu-profile a { width: 60px; background: url('/_inc/img/menu-profile.gif'); }
ul#nav li.menu-photographs a { width: 106px; background: url('/_inc/img/menu-photographs.gif'); }
ul#nav li.menu-books a { width: 116px; background: url('/_inc/img/menu-booksandcards.gif'); }
ul#nav li.menu-galleries a { width: 79px; background: url('/_inc/img/menu-galleries.gif'); }
ul#nav li.menu-blog a { width: 42px; background: url('/_inc/img/menu-blog.gif'); }
ul#nav li.menu-contact a { width: 90px; background: url('/css/frontend/imgmenu/menu-contactus.gif'); }

body ul#nav li a:hover, body ul#nav li a:focus { background-position: 0 -20px; }
body ul#nav li a.active, body ul#nav li a:active { background-position: 0 -40px; }

a#siteswitcher {
	background: url('/_inc/img/siteswitcher.gif') bottom left no-repeat;
	width: 148px;
	height: 148px;
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
}
a#siteswitcher:hover { background-position: top left; }
a#siteswitcher span { display: block; text-indent: -99999em; overflow: hidden; }



/* ---------- Header ---------- */
h2#logo {
	margin: 20px auto;
	display: block;
	width: 345px;
	height: 105px;
}
h2#logo a {
	background: url('/css/frontend/Logo-White1.gif') no-repeat;
	width: 345px;
	height: 105px;
	display: block;
}
h2#logo a span { display: block; text-indent: -99999em; overflow: hidden; }


/* ----- Footer ----- */
#footer {
	width: 100%;
	border-top: 2px solid #251c17;
	padding: 20px 0;
	clear: both;
	background: #000;
	color: #413a35;
}
#footer .inner {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
#footer .copyright {
	float: left;
	width: 600px;
}

/* ----- Home Page ----- */
.home-wrap { width: 100%; overflow: hidden; }
.home-wrap .home-intro { float: left; width: 400px; }
.home-wrap .home-blog { float: right; width: 260px; }
.home-blog ul { list-style: none; }
.home-blog ul li { list-style: none; padding: 0 10px 5px 0; } /* ----- Control space around rollover titles here ----- */
.home-blog ul li a.blog-link {
	display: block;
	border: 1px solid #251c17;
	text-align: left;
	padding: 8px;
	background: #2a2a2a;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	line-height: normal;
}
.home-blog ul li a.blog-link .title { font-size: 14px; letter-spacing: -1px; color: #8a8668; display: block; }
.home-blog ul li a.blog-link .date { font-size: 11px; color: #676767; display: block; }
.home-blog ul li a.blog-link:hover, .home-blog ul li a.blog-link:focus { background: #333333; border-color: #666666; outline: none; }
.home-blog ul li a.blog-link:active { background: #1f1812; border-color: #463328; }
.home-blog ul li a.blog-link:hover .title { color: #bbbbbb; }
.home-blog ul li a.blog-link:hover .date { color: #808080; }


/* ----- Simple left Lists ----- */

.home-category, a.blogpost {
	border: 1px solid #251c17;
	background: #000;
	padding: 10px;
	margin-bottom: 5px;
	display: block;
	text-decoration: none;
	border-radius: 6px;
	-moz-border-radius:  6px;
	-webkit-border-radius:  6px;
	width: 238px;
}

.home-category p, .blogpost p {
	margin: 0;
	padding: 0;
	
}

.postdate {
	color: #322a25;
}

.home-category a, .blogtitle {
	color: #74665f;
	font-size: 1.1em;
	text-decoration: none;
}
a.blogpost:hover {
	background: #14100c;
	border: 1px solid #3d2e25;
}

a.blogpost:hover .blogtitle {
	color: #b8aaa2;
}

a.blogpost:hover .postdate {
	color: #74665f;
}

.home-category p {
	text-transform: uppercase;
	font-size: 0.8em;
	text-align: center;
	padding: 5px 0 0 0;
}

/* ----- Site Switcher ----- */

a#siteswitcher {
	background: url('/css/frontend/sswitcher/siteswitcher.gif') bottom left no-repeat;
	width: 100px;
	height: 100px;
	display: white;
	position: absolute;
	top: 0px;
	right: 0px;
}
a#siteswitcher:hover { background-position: top left; }
a#siteswitcher span { display: block; text-indent: -99999em; overflow: hidden; }

.menu{
	border:none;
	text-align:center;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Arial;
	font-size:14px;
	font-weight:bold;
	}
.menu ul{
	background:#;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		text-align:center;
		}
	.menu li a{
		background: url('/css/frontend//menu/images/seperator.gif') bottom right no-repeat;
		color:#8a8668;
		display:block;
		font-weight:normal;
		line-height:32px;
		margin:0px;
		padding:0px 65px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #333333 url('/css/frontend//menu/images/hover3.gif') bottom center no-repeat;
			color:#bbbbbb;
			text-decoration:none;
			}
	.menu li ul{
		background:#333333;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('/css/frontend//menu/images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#2a2a2a url('/css/frontend//menu/images/hover_sub3.gif') center left no-repeat;
			border:0px;
			color:#bbbbbb;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	

		/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}