/*******

> css and graphics by Hilary Quinn - http://www.proximowebdesign.ie
> All Rights Reserved

*******/

/*****main page*****/

html,body{
background: url(../images/pgbg.jpg) repeat-x #fff;
font-family:  "Helvetica", Arial, Verdana;
font-size: 90%;
font-style: normal;
color: #4f4851;
margin: 0;
height: 100%;
line-height: 120%;
	 }

  
  .replace{ position:relative; margin:0px; padding:0px; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ } 
.replace span{ display:block; position:absolute; top:0px; left:0px; z-index:1; /*for Opera 5 and 6*/ } 
h1#logo a, h1#logo, h1#logo span{ height:185px; width:722px; background:url(../images/logo.jpg); float: left; color: #fff; z-index:1;} 

#banner img{border: 0px;}

#banner{
height: 185px;
padding: 0px;
width: 770px;
background: #000;
margin-top: 0;
margin-left: auto;
margin-right: auto;
text-align: left;
font-size: 90%;
color: #fff;
}

#banner a.links{
color: #999;
text-decoration: none;
font-weight: bold;
background: #fff;
padding: 0px;
}

#banner a.links{
text-decoration: underline;
}


div.flickrset{
width: 100%;
margin: 0 auto 10px auto;
height: 270px;
overflow-y:hidden;
overflow-x:scroll;
text-align:left;
white-space: nowrap;
display: block;
}

div.flickrset a img{
padding: 5px;
margin: 1px;
background: #fff;
border: 2px #e0e0d5 solid;
float: left;
display:inline;
}
/**top nav**/

div#nav{
width: 770px;
height: 38px;
margin-left: auto;
margin-right: auto;
padding: 2px 0px 0px 0px;
color: #898484;
background:url(../images/nav.jpg) top no-repeat;

	}
	
div#nav form{
	float: right;
}
	
div#nav form fieldset{	
border: 0px;
}

div#nav form input{	
border: #ecede5 1px solid;
padding: 5px;
}

div#nav form input.zemSubmit{	
	background-color: #ffdd00;
color: #978405;
font-weight: bold;
}
	
	div#nav a img{
	float: left;
	border: 0px;
	margin: 0px;
	text-decoration: none;
	}
	
#nav ul{
list-style: none;
margin: 0px;
padding: 0px;
	}
	
#nav ul li {
	padding:0;
	margin: 0px 0px 0 0;
	display:block;
	float:left;
	
	}
	
#nav ul li a{
height: 25px;
padding: 12px 10px 0 10px;
display: block;
color: #898484;
text-align: left;
font-weight: bold;
font-size: 120%;
text-decoration: none;
border-right: #595656 1px solid;
}

#nav ul li a:hover{
text-decoration: underline;
color: #fff;
}

#nav ul li a.active{
	text-decoration: none;
color: #ffdd00;
}
	
/*****headings*****/

h1{
margin: 0px 0 1px 0;
padding: 10px;
color: #000;
display: block;
width: 155px;
margin-left: auto;
margin-right: auto;
background-color: #3c363e;
}

h2{
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 10px;
display: block;
background: #f4f4ef;
font-weight: normal;
font-size: 18px;
border-bottom: 1px solid #e9e9e5;
border-top: 1px solid #e9e9e5;
}

div#container h2 a{
color: #3d3c3c;
text-decoration: none;
}

div#container table{
width: 100%;
background: #f4f4ef;
}

span.caps{
font-weight: bold;
}

/**end top nav**/

/****wrap and global content*******/

#container{
	margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 750px;
background: url(../images/container_bg.jpg) #fff no-repeat top;
list-style-image: url(../images/16-circle-green-check.png);
text-align: left;
padding: 10px 20px 10px 20px;
}

div.article img{
padding: 5px;
margin: 1px;
background: #fff;
border: 1px #e0e0d5 solid;
}

div.article div#map img{
background: transparent;
}

#container .article a img{
text-decoration: none;
}

#container .article a img.social{
text-decoration: none;
border: none;
margin-right: 5px;
}

img.gravatar{
float: left;
margin-right: 10px;
border: 1px solid #fff;
}

#container .article{
padding:0px;
}

div.article a{
color: #b79f05;
text-decoration: none;
padding: 0px;
margin: 0px;
font-weight: normal;
}

div.article a:hover{
text-decoration: underline;
}

/*comments*/

#container a.comments_invite{
background: url(../images/enquire.gif) left no-repeat;
padding-left: 20px;
}

div#container div.comment{
background-color: #fff;
width: 750px;
padding: 10px;
list-style: none;
margin: 5px 0px 5px 0px;
float: left;
overflow: hidden;
}

div.comment a{
color: #b82c39;
text-decoration: none;
}

div#container div.author{
background-color: #b82c39;
color: #fff;
}

div#container div.author a{
color: #fff;
}

form#txpCommentInputForm{
margin: 0px 0px 0px 0px;
padding: 10px;
display: block;
background: #f2f3ed;
color: #000;
text-decoration: none;
border: 1px solid #d8dacf;
}

form#txpCommentInputForm input.button{
background-color: #e52e59;
padding: 5px;
color: #fff;
font-weight: bold;
}

div.comments-wrapper{
padding: 10px;
background-color:#fff;
}

div.gravatar{
width: 100px;
float: left;
}

div.commcontent{
width: 650px;
float: left;
}

#container form.zemContactForm fieldset{
border: 0px;
}

#container form.zemContactForm{
margin: 0px 0px 0px 0px;
padding: 10px;
display: block;
background: #f2f3ed;
color: #000;
text-decoration: none;
border: 1px solid #d8dacf;
}

#container input.zemSubmit{
background-color: #ffdd00;
color: #978405;
font-weight: bold;
padding: 5px;
}

#container input,textarea,select{
border: 1px solid #e8e8e6;
background-color: #fff;
padding: 10px;
}

/**sub nav**/
#container .subnav{
float: right;
width: 150px;
padding: 0 0px 0px 0px;
overflow: visible;
margin-bottom: 10px;
}

#container .subnav h2{
margin: 0px;
font-size: 14px;
color: #b79f05;
padding: 10px;
}

#container .subnav ul{
list-style: none;
width: 100%;
margin: 0px 0 10px 0;
padding: 0px;
background-color: transparent;
}
#container .subnav li{
	font-weight: bold;	
	display: block;
}
#container .subnav li a{
	background: #fff;
	text-decoration: none;
	color: #d0d3c2;
	display: block;
	padding: 10px;
	border-bottom: 1px solid #f3f4ee;

}
#container .subnav li a:hover{
	text-decoration: underline;
	color: #f93b5d;
	display: block;
}

/*slimbox styling*/

.smd_slimbox {
	width:750px;
	list-style:none;
	margin: 10px 0 10px 0;
	padding: 0;
	display: block;
	overflow: hidden;
}
.smd_slimbox li {
	width:120px;
	height:120px;
	float:left;
	text-align:center;
}
.smd_slimbox img {
	margin:0 auto;
}
.smd_slimbox span {
	float:left;
	width:120px;
}
.smd_slimbox_nav {
	clear:both;
	width:750px;
	padding:0px;
}
.smd_slimbox_prev {
	float:left;
}
.smd_slimbox_next {
	float:right;
}

/*****footer*****/
	
div#footer{
background: #0d0c0c;
border-top: 1px #000 solid;
width: 100%;
min-height: 70%;
clear:both;
vertical-align: bottom;
display: block;
overflow: hidden;
}

div#footer div a{
color: #b9ca7b;
text-decoration: none;
font-weight: bold;
}

div#recent_comments{
margin-left: auto;
margin-right: auto;
padding: 0px;
text-align: left;
width: 770px;
overflow: visible;
}

div#recent_comments ul.comment{
margin: 0px;
padding: 0px;
list-style: none;
}

div#recent_comments ul.comment li{
background-color: #222020;
width: 750px;
padding: 10px;
display: block;
float: left;
list-style: none;
margin: 5px 0px 5px 0px;
border: 1px #000 solid;
color: #fff;
}

div#recent_comments h2{
padding: 10px;
margin-bottom: 5px;
color: #b9ca7b;
background: #000;
border: 0px;
}

/***accordian****/

#accordion {
	margin:0px 0px;
}

h2.toggler {
	cursor: pointer;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
display: block;
background: #fff;
font-weight: normal;
font-size: 18px;
border-bottom: 1px solid #f7f8f4;
border-top: 1px solid #f7f8f4;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}

blockquote {
	padding:0px 0px;
}