/***************TEMPLATE SPECIFIC*************/
html, body 
{
	margin:0;
	padding:0;
	text-align:center;
	text-decoration: none;
}

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

a, a:link, a:visited
{
	color: inherit;
	text-decoration: none;
}

#container
{ 
	width:1000px; 
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;  
} 
 
#logobanner{
 position:relative; 
 height:57px; 
 width:100%;
} 
 
#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; 
 }
 
#navigation{
 height:48px; 
 clear:both;
 } 
 
#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 */  

 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/***************GALLLERY SPECIFIC*************/


				ul
				{
					color: grey;
  					margin-top: 0px;
  					margin-bottom: 0px;
  					margin-left: 5px;
  					margin-right: 5px;
					padding: 0px;
					font-size: 100%;
					list-style: circle;
					list-style-position: inside;
				}
				li
				{
					color: inherit;
  					margin-top: 0px;
  					margin-bottom: 0px;
  					margin-left: 5px;
  					margin-right: 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. */
					display: block;
					width:920px;
					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;
					margin-left: 0px;
					margin-right: 0px;
					text-color:#339966;
				}
				div.controls {
					margin-top: 5px;
					height: 20px;
					width:80px;
				}
				div.controls a {
					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: 920px;
					height: 500px;
				}
				div.slideshow {
					clear: both;
					margin-left: 0px;
					margin-right: 0px;
					vertical-align:middle;
				}
				div.slideshow span.image-wrapper {
					float: center;
					padding-bottom: 0;
					vertical-align:middle;
					margin-left: 0px;
					margin-right: 0px;
				}
				div.slideshow a.advance-link {
					float: center;
					padding: 0;
					display: block;
					border: 0px solid #ccc;
					margin-left: 0px;
					margin-right: 0px;
				}
				div.slideshow img {
					float: center;
					border: none;
					display: block;
					margin-left: 0px;
					margin-right: 0px;
				}
				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: 595px;
					text-align:center;
					margin:0 auto;
					float: center;
				}
				div.navigation div.top
				{
					margin-bottom: 10px;
					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;
					margin-right: 2px;
					padding: 1px 3px 1px 3px;
					border: 1px solid #ccc;
				}
				div.pagination
				{
					font-family: Verdana,Arial;
					font-size: 10px;
					text-decoration: none;

				}
				div.pagination a:hover {
					background-color: #FF0;
					text-decoration: none;
					text-color:#339966;
				}

				div.pagination span.current {
					font-weight: bold;
					background-color: #000;
					border-color: #000;
					color: #fff;
				}