html, body {padding: 0; margin: 0;}
html {font-size: 1em;}
body {font-size: 100%;}
a img, :link img, :visited img {border: 0;}


body 
{
padding: 0; 
margin: 0; 
font: 1.0em 'Open Sans', sans-serif; 
background-color:#ddd3cc;

background-image:url(/images/topbg.png);
background-repeat:repeat-x;
background-position:top;
color: #555454;

}


#outer 
{
text-align:left;
width:1000px;
margin:0px auto 0px auto;
padding:0px;



}

#topbar
{ 
display:block; 
height:170px; 
width:1000px;
margin:0px;
clear:left;
padding:0px 0px 0px 0px;

}

#alphabgtop
{
	opacity:0.2;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; 
	filter: alpha(opacity=20);
	display:block;
	position:absolute;
	width:900px;
	background:#ddd;
	height:30px;
	padding:0px 0px 0px 0px;
	z-index:20;
	margin:0px 0px 0px 0px;
}

#alphabg
{
	opacity:0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	display:block;
	position:absolute;
	width:900px;
	background:#22627E;
	height:60px;
	padding:0px 0px 0px 0px;
	margin:210px 0px 0px 0px;
	z-index:20;
}

h1, .heading
{
display: block;
padding: 0px;
margin: 18px 0px 12px 0px;
font-weight: normal;
font-size: 26px;
}

.heading
{
	margin: 32px 0px 12px 0px;
}

h2
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-weight:normal;
font-size:25px;
color:#333;
letter-spacing:1px;
z-index:20;
}

h3
{
padding:15px 0px 2px 20px;
color:#555;
 font-weight:normal;
 display:block;
 margin:17px 0px 2px 0px;
 font-size:26px;	
}



#mainconttop
{
width:900px;
margin:0px 15px 0px 15Px;
height:9px;

}

#maincont
{
text-align:left;
width:1000px;
margin:0px 15px 0px 15px;
height:100%;
min-height:500px;
margin:auto;


}

#bodytext
{
padding:0px 0px 20px 0px;
margin:0px;	
background-color:#fff;
background-image: url(/images/bodytop.png);
background-repeat:repeat-x;

background-position:top;
}




 label
{
width: 200px;
float: left;
text-align: right;
margin-right: 0.5em;

display: block;
padding:0px;

font-weight:normal;
}

#contactbar
{
	width:510px;
	margin:0px 10px 0px 0px;

	font-size:13px;
	display:block;

	padding:0px;
	float:right;


}


#upperbar
{ 
	height:26px;
	background:#133a57;
display:block; 
position:absolute;
width:892px;
margin:0px;
padding:4px 0px 0px 8px;
color:#e5e5e5;

}

#upperbar h3
{
	
	padding:0px;
	margin:0px;
	padding:0px 0px 0px 4px;
	float:left;
	font-weight:normal;
	font-size:14px;
	display:block;

}



.contactnav
{
text-decoration:none;
display:block;
float:right;
margin:0px 0px 0px 15px;
padding:0px 5px 0px 5px;
font-size:14px;
text-align:center;

}

#upperbar h3 a:link, #upperbar h3 a:visited, #upperbar h3 a:active, #upperbar h3 a:hover,
.contactnav a:link, .contactnav a:visited, .contactnav a:active, .contactnav a:hover
{
text-decoration:none;	
padding:2px 2px 2px 2px;
color:#e5e5e5;

}

.contactnav a:hover, #upperbar h3 a:hover
{
text-decoration:none;	
color:#fff;

}


#navbar
{
	width:1000px;
	margin:0px;
	padding:0px 0px 0px 0px;
	font-size:15px;
	height:32px;
	color:#555454;
	letter-spacing:1px;

}



.topnavb, .topnav a:link, .topnav  a:visited, .topnav  a:active
{

height: 20px;
text-decoration: none;
display: block;
float: right;
margin: 3px 4px 3px 16px;
padding: 4px 10px 0px 10px;
font-size: 15px;
color: #d2ba64;
text-align: center;
text-shadow: 0px 1px 0px #000000;
}



.topnav  a:hover, .topnavb
{
text-decoration:underline;
color:#ebd37e;

}

.topline
{

	width:880px;
	height:42px;
	color:#000;
	margin:0px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	background-image: url(/images/topline.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	font-size:24px;

}

#mainblock
{
width:780px; 
min-height:600px;
float:right;
padding:0px 10px 0px 0px;
margin: 0px;

}


#leftcol
{
	min-height:600px;
	width:170px;
	padding:10px 0px 0px 0px;
	margin: 15px 0px 0px 10px;
	float:left;
	color:#fff;
font-size:15px;
}


#leftcol a,  #leftcol .on
{
display: block;
padding: 6px;
margin: 0px 0px 10px 0px;
background-color: #f6f4f1;
border-width:0px;
text-decoration:none;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}


#leftcol a:link, #leftcol a:visited 
{
	color:#444;
text-decoration: none;
text-shadow: 0px 1px 0px #ffffff;

}

#leftcol a:hover, #leftcol a:active, #leftcol a.on
{


text-decoration:underline;
color:#ebd37e;
background-color: #296358;
text-shadow: 0px 1px 0px #000;
}

p
{
	margin:0px 0px 7px 0px;
	padding:0px;
}

#footer
{
	background-color: #296358;
	padding:0px 0px 0px 0px;
	width:100%;
background-repeat: repeat-x;
background-position: top;

background-image: url(/images/line.png);
}


#footy
{
	margin:16px 0px 0px 0px;
float:right;font-size:12px;color:#d2ba64;

}

 .botlink a:link, .botlink  a:visited, .botlink  a:active
 {
 color:#d2ba64;
 font-size:12px;
 
 text-decoration:underline;
 }
 
 
a:link, a:visited,  a:active
 {
 color:#555454;

 }
 a:hover
 {
  color:#000;
}
 
 .title, h3, h4
 {
 font-weight:normal;
 display:block;
 margin:17px 0px 2px 0px;
 font-size:26px;	
}

h4
{
	 font-size:17px;	
}



#lightbox{

	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ text-align:center; color:#000; font-size:1.4em; }
#keyboardMsg{ float: right; color:#000; font-size:1.2em; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(/images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");
	}
	
	
	
	.browsehomegriditem
{
	padding:5px;
	margin:5px 7px 0px 7px;
	width:180px;
	float:left;
	background:#DFD1C5;

}


.latesttitle a:link, .latesttitle a:visited, .latesttitle a:active, .latesttitle a:hover,
.latesttitle
{
font-size:14px;
margin:2px 0px 4px 0px;
padding:0px;
font-weight:bold;
height:32px;
text-decoration:none;
color:#000;
}

.latesttitle a:hover
{
	text-decoration:underline;
}



.browsehomegriditem_more
{

	text-align:right;
}

.browsemore a:link, .browsemore a:visited, .browsemore a:active, .browsemore a:hover,
.browsehomegriditem_more a:link, .browsehomegriditem_more a:visited, .browsehomegriditem_more a:active, .browsehomegriditem_more a:hover
{
	text-decoration:none;
	color:#7f8171;
}

.browsemore a:hover,
.browsehomegriditem_more a:hover
{
	text-decoration:underline;
}


#gridlayout
{
padding:0px;margin:0px;

}


#gridlayout a.browsegriditem
{
	padding:8px 3px 0px 3px;
	margin:10px 11px 25px 11px;
	width:220px;
	float:left;
	height:264px;
 
	background:#f6f4f1;
	text-decoration:none;
	text-shadow: 0px 1px 0px #ffffff;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-color: #ccc;
border-width: 1px;
border-style: solid;
	
}

#gridlayout a.browsegriditem:hover
{

text-decoration:underline;
text-decoration:underline;
color:#ebd37e;
background-color: #296358;
text-shadow: 0px 1px 0px #000;
border-color: #d2ba64 #d2ba64 #d2ba64 #d2ba64;
border-width: 1px;
border-style: solid;
}


.browsegridimage
{
 display:table-cell;
 vertical-align:middle;

 padding:0px 0px 2px 0px;
 height:180px;
 text-align:center;
 width:220px;
 

}

.browselist
{

	padding:0px 0px 20px 0px;
	margin:0px 0px 60px 0px;
}

.browselisttext
{
	padding:0px 0px 0px 0px;
	width:390px;
	
	float:right;
}


.browselistimage
{
 width:180px;
 padding:0px 0px 0px 20px;
 margin:0px;

 text-align:center;
}

#rightside
{
width:400px;
display:block;
}

#thumbs
{

margin:0px 0px 0px 0px;
padding:0px;
height:100%;
}


.view 
{
padding:9px 0px 0px 0px;

float:left;
font-size:14px;
display:block;
min-height:20px;
margin:1px 0px 0px 0px;

}

.viewx
{
padding:8px 0px 0px 0px;
width:90px;
float:left;
font-size:14px;
display:block;
min-height:20px;
margin:1px 0px 0px 0px;

}

.viewd
{
	display:block;
	padding:15px 5px 15px 0px;
	font-size:14px;

	
}

.viewtitle
{
padding:8px 0px 0px 0px;
width:144px;
float:left;

font-size:18px;
font-weight:normal;
clear:left;
}

#gallery_01
{
position:relative;
margin:10px 0px 0px 0px;
z-index:1999;
}


#imageitempic
{
	position:relative;
	width:400px;

	background-position: center center;
	background-repeat: no-repeat;
	padding:0px;
	margin:15px 0px 0px 0px;
}


#pg .pagenumbold
{

text-decoration: none;
width: 20px;
font-size: 14px;
float: left;
color: #f6f4f1;
margin: 2px 5px 0px 0px;
padding: 4px 2px 4px 2px;
display: block;
background: #555454;
text-align: center;
}
#pg .pagenum a:link, #pg .pagenum a:visited, #pg .pagenum a:active
{

text-decoration: none;
width: 20px;
font-size: 14px;
float: left;
color: #555454;
margin: 2px 5px 0px 0px;
padding: 4px 2px 4px 2px;
display: block;
background: #f6f4f1;
text-align: center;
}

#pg
{
	clear:left;
}

#pg .page
{

margin:2px;
padding:4px 2px 2px 0px;
font-size:14px;
float:left;
display:block;
}

#pg .page a:link, #pg .page a:visited, #pg .page a:active
{
text-decoration:underline;

color:#555454;
text-align:center;
}




#pg .pagenum a:hover 
{
text-decoration:none;
color:#000;
background:#fff;

}

#pg .page a:hover
{
color:#000;
text-decoration:underline;
}



#next
{

	display:block;
	width:32px;
	height:32px;
	background-image: url(/images/player_fwd.png); 
}


#next:hover
{

	width:32px;
	display:block;
	background:#f0f0f0;
	height:32px;
	background-image: url(/images/player_fwd_on.png); 
}


#prev
{

	display:block;
	width:32px;
	height:32px;
	background-image: url(/images/player_rew.png); 
}


#prev:hover
{
	width:32px;
	display:block;
	height:32px;
		background:#f0f0f0;
	background-image: url(/images/player_rew_on.png); 
}


#viewmain
{
	float:right;

width:370px;
margin:0px;
padding:0px;
}

.browsehomegriditem_desc
{
	margin:10px 0px 0px 0px;
	height:145px;
	font-size:12px;
}

.browsegriditem_desc
{

font-size: 14px;
padding: 0px 2px 4px 2px;
text-align: center;
display: block;
min-height:44px;
}

.browselisttitle
{
	color:#555;
	font-size:22px;
	font-weight:normal;
	padding:15px 0px 20px 20px;
	margin:0px;
}

.browselisttitle a:link, .browselisttitle a:visited, .browselisttitle a:active, .browselisttitle a:hover
{
	text-decoration:none;
	color:#000;
}

.browselisttitle a:hover
{
	text-decoration:underline;
}

.browsetext
{
	padding:0px 0px 6px 4px;
	margin:0px;
}

#browser
{
	padding:5px 0px 0px 0px;
}



#mainblock p
{
	margin:20px 0px 7px 0px;
}


#bottombar
{

	padding:0px 10px 10px 10px;
	width: 980px;
margin: 0px auto 0px auto;
	min-height:80px;

	font-size: 12px;

background-repeat: repeat-x;
background-position: top;

background-image: url(/images/line.png);

color:#d2ba64;
text-shadow: 0px 1px 0px #101010;

}


#searchf {
	float:right;
	display:inline-block;
margin: 14px 20px 0px 0px;
padding:0px;
width: 240px;

}



#searchbutton {
background: -moz-linear-gradient(top, rgba(241, 223, 159, 1) 0%, rgba(210, 186, 100, 1) 20%, rgba(131, 116, 62, 1) 90%);
background: -webkit-linear-gradient(top, rgba(241, 223, 159, 1) 0%,rgba(210, 186, 100, 1) 20%,rgba(131, 116, 62, 1) 90%);
background: -ms-linear-gradient(top, rgba(241, 223, 159, 1) 0%,rgba(210, 186, 100, 1) 20%,rgba(131, 116, 62, 1) 90%);
background: linear-gradient(top, rgba(241, 223, 159, 1) 0%,rgba(210, 186, 100, 1) 20%,rgba(131, 116, 62, 1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcf8', endColorstr='#dbd8d2',GradientType=0 );
vertical-align: middle;
height: 28px;
float: right;
margin: 3px 0px 0px 0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border-color: #112824 #112824 #112824 #112824;
border-width: 1px;
border-style: solid;
cursor: pointer;

}

#search {
	margin:3px 0px 0px 0px;
vertical-align: middle;
height: 16px;

padding: 5px 8px;
font-size: 13px;
width: 180px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkitz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5) inset;
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5) inset;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5) inset;

border-color: #112824 #112824 #112824 #112824;
border-width: 1px;
border-style: solid;
}

#searchbutton .mag {
width: 18px;
height: 18px;
background-position: 0px 0px;
}

#searchbutton .ico {
background-color: transparent;
background-image: url('/images/nav.png');
background-repeat: no-repeat;
}



#slideshow {
    position:relative;
    margin:20px 10px 0px 0px;
    height:500px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
  

}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {

    display: block;
    border: 0;

}



#gallery_01 img{border:2px solid white;}
 
 /*Change the colour*/
 .active img{border:2px solid #333 !important;}
 
 
 
 .btn-primary:hover 
{
color: #000;
background-image: -o-linear-gradient(bottom, #F4F4F4 0%, #FFFFFF 87%, #FFFFFF 100%);
background-image:  -moz-linear-gradient(bottom, #F4F4F4 0%, #FFFFFF 87%, #FFFFFF 100%);
background-image:   -webkit-linear-gradient(bottom, #F4F4F4 0%, #FFFFFF 87%, #FFFFFF 100%);
background-image:  -ms-linear-gradient(bottom, #F4F4F4 0%, #FFFFFF 87%, #FFFFFF 100%);
background-image: linear-gradient(to bottom, #F4F4F4 0%, #FFFFFF 87%, #FFFFFF 100%);
border: 2px solid #656565;
text-decoration:underline;
}

.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 9px 18px 7px 18px;
font-size: 16px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;


}

a.btn
{
	text-decoration:none;
}


.btn-primary {
color: #656565;
font-family: 'Roboto Slab', serif;
background-color: #f0f0f0;

    border: 2px solid #d5d5d5;
}


.xyz
{
	float:left;
	width:145px;
	height:145px;
	margin:15px 0px 0px 0px;
	cursor:pointer;
}