@charset "UTF-8";
body {
	margin: 0 auto;
	padding: 0;
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #000000;
	
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /*zero out padding and margin on lists. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* stop margins from escaping their containing block. */
	padding-right: 30px;
	padding-left: 10px; 
	font-size: 20px;
	line-height: 26px;
	
}

p {
	margin-top: 0;	
	padding-right: 30px;
	padding-left: 10px; 
	font-size: 14px;
	line-height: 20px;
	/*font-style: italic;*/
}

aside {
	margin-top: 0;	 
	padding-right: 120px;
	padding-left: 10px; 
	font-size: 11px;
	line-height: 14px;
	font-style: normal;

}

a img { /* removes the default blue border displayed in some browsers*/
	border: none;
}
/* ~~ LINKS ~~ */
a:link {
	color: #FFF;
	text-decoration: underline; 
}
a:visited {
	color: #FFF;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}
/* ~~ wrapper ~~ */
.container {
	width: 900px;
	/*height: 640px;
	background-image: url(images/bg.jpg);*/
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	
}
/* ~~ header is arte+factum ~~ */
header {
		width: 900px;
		float: right;
		padding: 30px 0 0 0;
}
header h1 {
		margin: 0;/* clears global settings */
		padding:0;/* clears global settings */
		
}

header a {
	font-family:Arial, Geneva, sans-serif;
	font-size: 8px;
	display: block;	
	padding: 0 0 0 0; /* right padding  */
}

.content {
	padding: 10px 0;
	width: 900px;
	float: left;
	overflow:hidden;
}

.content ul, .content ol {
	padding: 0 15px 15px 40px; 
}

#slide1 {
	float: left;
	
}

#slide2, #slide3, #slide4, #slide5, #slide6, #slide7, #slide8, #slide9, #slide10, #slide11, #slide12, #slide13, #slide14   {
	visibility: hidden;
	float: left;
	position: absolute;
}

.leftcol { /* holds photo */
	padding: 20px 0 0 0;
	width: 520px;
	float: left;
}

.leftcol img{  /* photo properties*/
	padding: 0px;  /* space between phto and border*/
	border: 1px solid #000000;
	margin: 0 10px 10px 0;  /*space around element*/
	/*-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:3px 3px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);	*/
	
}

.rightcol {
	padding: 25px 0 0 0;
	width: 350px;
	float: right;
}

.navbar {
	float: left;
	height: 82px;
	width: 846px;
	 /* Add scroll-bars 
  	overflow: auto;*/
	margin: 0 0 0 0; /* space on top  */
	
}
.navbar ul {
	list-style: none;
	display: block;
	height: 82px;
  	/* Max width here, for users without Javascript
 	width: 1500px; */
 	 padding: 10px 0 0 0; /* space on top  */
 	/* Remove default margin */
  	margin: 0;
}
.navbar li {
	display: block;
	float: left;
	padding: 0 3px 0 0; /* space between thumbs (on right side) */
}


.navbar img {
  border: 1px #000000 solid;
  
}
.navbar a:hover img {
  filter:alpha(opacity=50);
  opacity: 0.5;
}

/* ~~ The footer ~~ */
footer {
	padding: 10px 0;
	position: relative;/* forces IE6 hasLayout to properly clear */
	clear: both; /* do not remove */
}

footer h1{
	text-indent:-9999px; /* text for screen readers only, hidden from view */
	padding: 0;
	margin: 0;
}

footer a {
	display:block;
	width: 210px;
	height: 30px;
	padding: 0;
	margin: 15px 0 0 690px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFF;
	text-decoration: none;
	
}

/* ~~ extra float/clear classes ~~ */
.fltrt {  /* float right */
	float: right;
	margin-left: 8px;
}
.fltlft { /* float left */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* for <br /> or empty block element */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*HTML 5 support - */
header, section, footer, aside, nav, article, figure {
	display: block;
}