/***************TEMPLATE SPECIFIC*************/
html
{
	margin:0;
	padding:0;
}

body
{
	margin:0px;
	padding:0px;
	text-align:center;
	text-decoration: none;
}

#pagetextcontent 
{
	line-height:1.6;
	margin:65px 0px 65px 38px;
	left:495px;
	width:315px;
	height:380px;
	position:relative;
	overflow:hidden;
	word-wrap: break-word;	
}

#pagetextcontactus
{
	line-height:1.6;
	margin:40px 0px 40px 38px;
	left:495px;
	width:315px;
	height:430px;
	position:relative;
	overflow:auto;
	word-wrap: break-word;
}

#container
{ 
	width:870px;
	display:block; 
	text-align:left; 
	margin-top:5px; 
	margin-left:auto;
	margin-right:auto; 
} 
 
#nav-menu ul
{
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#nav-menu li
{
	list-style: none;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#nav-menu li a
{
	float: left;
	display: block;
	border: 0 solid #dcdce9;
	padding: 0.9em 0.9em 0.9em 0.9em;

}

#nav-menu li.selected a.menuStyle
{
	float: left;
	display: block;
	border: 0 solid #dcdce9;
	padding: 0.9em 0.9em 0.9em 0.9em;

}

#nav-menu a 
{
	
}
/* Hide from IE5-Mac \*/
#nav-menu li a
{
	float: none;
}
/* End hide */

#nav-menu
{
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
} 

.contentwrapper
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

#nextlink
{
	float:left;
	width:33px;height:20px;
	padding: 0;
	background:url('../images/nexttext.gif') repeat 0 0;
}

#prevlink
{
	float:left;
	width:33px;height:20px;
	padding: 0;
	background:url('../images/backtext.gif') repeat 0 0;
}


#contactlink
{
	float: left;
	width:36px;height:36px;
	padding: 0;
	background:url('../images/contacticon.jpg') repeat 0 0;
	position: absolute;
	left: 36px;
	bottom: 0px; 
}

#homelink
{
	float: left;
	width:36px;height:36px;
	padding: 0;
	background:url('../images/homeicon.jpg') repeat 0 0;
	position: absolute;
	left: 0px;
	bottom: 0px; 
}

p
{
	margin:0px;
	padding:0px;
}

a, 
a:link, 
a:visited
{
	color: inherit;
	text-decoration: none;
}


#logobanner
{
	position:relative; 
	height:130px; 
	width:100%;
	display: block;
	margin: 0 0 0 0;
} 
 
#contactleftcol
{
	width:250px;
	float:left; 
	position:relative; 
}
 
#contacttwocols
{
	width:750px;
	float:right; 
	position:relative; 
}
 
#contactrightcol
{
	width:250px;
	float:right; 
	position:relative; 
}
 
#contactcentercol
{	
	float: left; 
	display:inline; 
	position: relative; 
	width:500px; 
}
 
#footer
{
	clear:both;
} 
 
.clearfix:after 
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/***************GALLLERY SPECIFIC*************/

ul
{
	color: grey;
  	margin: 0 0 0 15px;
	padding: 0 0 0 0;
	font-size: 90%;
	list-style: square;
	list-style-position: outside;
}

li
{
	color: inherit;
  	margin-top: 0 0 0 5px;
  	text-align: left;
}

div.content
{
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */

	width:790px;
	height:510px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	vertical-align:middle;
}

div.content a, div.navigation a
{
	text-decoration: none;
	color: #777;
}

div.content  a:focus, 
div.content  a:hover, 
div.content  a:active
{
	text-decoration: underline;
	vertical-align:middle;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

div.controls
{
	margin-top: 5px;
	height: 20px;
	width:80px;
}

div.controls
{
	padding: 5px;
}
div.ss-controls
{
	float: left;
}
div.nav-controls
{
	float: right;
}

div.loader
{
	background-image: url('../images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 790px;
	height: 510px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	border:none;
}

div.slideshow
{
	clear: both;
	width: 790px;
	height: 510px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	vertical-align:middle;					
	border:none;
}
div.slideshow span.image-wrapper
{
	width:790px;
	height:510px;
	float: center;
	vertical-align:middle;
	padding:0 0 0 0;
	margin:0 0 0 0;
	border:none;
}

div.slideshow a.advance-link
{
	width:790px;
	height:510px;
	float: center;
	vertical-align:middle;
	padding:0 0 0 0;
	margin:0 0 0 0;
	border:none;
}

div.slideshow img
{
	width:790px;
	height:510px;
	float: center;
	vertical-align:middle;
	padding:0 0 0 0;
	margin:0 0 0 0;
	border:none;
}

div.navigation
{
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
	width: 80px;
	height: 510px;
	text-align:center;
	margin:0 auto;
	float: center;
}

div.navigation div.top
{
	margin-bottom: 5px;
	float: center;
}

ul.thumbs
{
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

ul.thumbs li
{
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
}

ul.thumbs li.selected a.thumb
{
	background: #000;
	margin: 0 0 0 0;
}

a.thumb:focus
{
	outline: none;
}

ul.thumbs img
{
	width:50px;
	height:50px;
	border: none;
	display: block;
}

div.pagination a, 
div.pagination span.current
{
	background-color: #fff;
	border:none;
}

div.pagination
{
	font-family: Verdana,Arial;
	font-size: 10px;
	text-decoration: none;
}

div.pagination a:hover
{
	background-color: #FF0;
	text-decoration: none;
	text-color:#EEEEEE;
}

div.pagination span.current 
{
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}