body {
	margin: 0px;
	background-color: #585858;
	/*background-image: url(images/indexBG.png);*/
	/*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif, "Monotype Corsiva"; 
	font-family: MyriadPro-Regular, "Myriad Pro Regular", MyriadPro, "Myriad Pro", Helvetica, Arial, sans-serif;*/
	font-family: Helvetica, Arial, sans-serif;
    font-weight: 300;
}
/*a{
	color: #27D;
	text-decoration: none;
}
a:focus, a:hover, a:active {
	text-decoration: underline;
}
p, li {
	line-height: 1.8em;
}*/
h1 {
	font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;
	margin: 0 0 10px 0;
	letter-spacing:-1px;
}
h1 {
	padding: 0;
	font-size: 36px;
	color: #0080FF;
}
h2 {
	padding: 0;
	font-size: 18px;
	color: #fff;
}
pre {
	font-size: 1.2em;
	line-height: 1.2em;
	overflow-x: auto;
}
div#page {
	width: 960px;
	height: 638px;
	background-color: #fff;
	margin: 0 auto;
	text-align: left;
	border-color: #ccc;
	/*border-style: none solid solid;*/
	border-width: 20px;
	border-style: solid;
}
div#container {
	padding: 20px;
}

/*Start Slideshow*/
div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	/*display: none;*/
	float: right;
	width: 600px;
}
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;
}
div.controls {
	margin-top: -20px;
	margin-left: -34px;
	margin-right: 21px;
	height: 10px;	
}
div.controls a {
	padding: 5px;
	font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;
	font-size: 12px;
	color: #0080FF;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 420px;  /*This should be set to be at least the height of the largest image in the slideshow */
	margin-left: -50px;
}
div.slideshow {}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 640px;
}
div.slideshow a.advance-link {
	display: block;
	width: 640px;
	height: 420px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 420px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 1px solid #ccc;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 620px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
	margin-top: -19px;
	margin-left: 10px;
	margin-right: 0px;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 5px 0px 0px;
	list-style: none;
}
/*Border of thumb picture*/
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
/*Border of thumb picture if active*/
ul.thumbs li.selected a.thumb {
	background: #5c8dd4;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

/*Menu bar*/
nav {
	margin-top:0px;
	/*margin-left:-20px;*/
	height: 49px;
	width: 960px;
}
	
nav ul {
	margin-top:0px;
	background: #353334; 
	background: linear-gradient(to bottom, #353334 0%, #6B6A6B 100%);  
	background: -moz-linear-gradient(top, #353334 0%, #6B6A6B 100%); 
	background: -webkit-linear-gradient(top, #353334 0%,#6B6A6B 100%);
	padding: 0 273px;
	list-style: none;
	position: absolute;
	display: inline-table;
}
	nav ul li {
	float: left;
	}
	nav ul li:hover {
		background: #5c8dd4;
		/*background: linear-gradient(top, #8E0653 0%, #4E3041 40%);
		background: -moz-linear-gradient(top, #8E0653 0%, #4E3041 40%);
		background: -webkit-linear-gradient(top, #8E0653 0%,#4E3041 40%);*/
	}
		nav ul li:hover a {
			color: #fff;
		}	
	nav ul li a {
		display: block; 
		padding: 15px 30px;
		color: #A6A5A5; 
		text-decoration: none;
	}

.CopyRigetR {
	margin-top:10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Gothic, Arial;	
	color: #fff;
	font-size: 12px;
	background: #101010;
	height: auto;
	width: 960px;
	text-align: center;
}
.divTable {
    display:  table;
    width:auto;
    background-color:#fff;
	margin-top:0px;
	margin-left:-25px;
	font-size:12px;
    border:1px solid;	
    /*border-spacing:5px;cellspacing:poor IE support for  this*/
    /* border-collapse:separate;*/
}
.divHeader {
    display:table-row;
    width:auto;
	background-color:#6E6E6E;
	color:#fff;
	font-weight:bold;
}
.divRowO {
    display:table-row;
    width:auto;
	background-color:#5c8dd4;
	color:#fff;
	border:1px solid;
}
.divCell1 {
	margin-top:3px;
	margin-bottom:3px;
	padding-left:9px;
	padding-right:9px;
    float:left;/*fix for  buggy browsers*/
    display:table-column;
    width:70px;
}
.divCell2 {
	margin-top:3px;
	margin-bottom:3px;
	padding-left:9px;
	padding-right:9px;
    float:left;/*fix for  buggy browsers*/
    display:table-column;
    width:70px;
}
.divCell3 {
	margin-top:3px;
	margin-bottom:3px;
	padding-left:9px;
	padding-right:9px;
    float:left;/*fix for  buggy browsers*/
    display:table-column;
    width:70px;
}
.divCell4 {
	margin-top:3px;
	margin-bottom:3px;
	padding-left:9px;
	padding-right:9px;
    float:left;/*fix for  buggy browsers*/
    display:table-column;
    width:80px;
}
.divCell5 {
	margin-top:3px;
	margin-bottom:3px;
	padding-left:9px;
	padding-right:9px;
    float:left;/*fix for  buggy browsers*/
    display:table-column;
    width:52px;
}
.divCell6 {
	margin-top:3px;
	margin-bottom:3px;
	padding-left:9px;
	padding-right:9px;
    float:left;/*fix for  buggy browsers*/
    display:table-column;
    width:70px;
}
.divCell7 {
	margin-top:3px;
	margin-bottom:3px;
	padding-left:10px;
	padding-right:10px;
    float:left;/*fix for  buggy browsers*/
    display:table-column;
    width:52px;
}