
/* ========= Layout ========== */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}

body {
	margin: 10px 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
              /*background-image:url(images/bg.jpg);*/
              background-color: #000000;
	text-align:center;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}


p, ul, ol, blockquote {
	font-size: small;
	line-height: 160%;
}

/*a {
	color: #FEC851;
}*/

a:hover {
	text-decoration: none;
}

/* ======= Header ======= */

#header {
	width: 800px;
	height: 200px;
	margin: 0px auto;
	background: url(images/1header.jpg) no-repeat center center;
	border-top: 0;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
}

#header * {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

/* ====== Navigation ====== */

.sidenav {
	float: left;
	width: 125px;
}

.sidenav h2 {
	color: #00CCFF; 
	font-size: 12px;
	line-height: 30px;
	margin: 0;
	padding-left: 7px;
}


.sidenav ul {
   padding: 0;
   /*background: #E3DBB6;*/
   /*color: #3399FF; */
   /*border-top: 1px solid #1C72A3; */
}

.sidenav li {
   border-bottom: 1px solid #1C72A3; /* old #EAEADA; */
} 

.sidenav li a:hover {
   background: #100F37;
   color: #FFF60B;	
}

.sidenav li a {
   font-size: 12px;
   color: #3399FF; /*CEC7AB; /*#A16B0C;*/
   display: block;
   padding: 1px 0 1px 5%;
   text-decoration: none;
   width: 95%;
}

/* ====== Navigation End ====== */

/* Content */

#content {
   width: 800px;
   margin: 0 auto;
   background-image: url(images/1container.jpg); /* this jpg sets left/right color*/
   border:  0;
   text-align:left;
}

/* Content Columns */

#rightcolumn {
   float: right;
   display: inline;
   width: 575px; /* 800 minus 20px 20px 20px 20px */
   color: #ffffff; /font color*/
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 0px; /* was 20px*/
   padding-right: 15px;
   margin-right: 15px;
}

#leftcolumn {
   float: left;
   display: inline;
   width: 125px;
   padding-bottom: 10px;
   padding-left: 33px;
   padding-right: 5px;
   padding-top: 2px;

}

/* ====== Extra Content Columns ======= */

#rightcolumn h2 {
	font-size: 16px;
	color: #00CCFF; /*00CCFF*/
}

#rightcolumn h3 {
	font-size: 14px;
	color: #ADDCEB; /*A8AEC3; E8F278;  FFFB85*/
}

#leftcolumn ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#leftcolumn li {
	margin-bottom: 1px;
	/*color: #1C72A3; /*#F7EBBB;*/
}

#leftcolumn li li {
	margin-bottom: 0;
	padding-left: 1px;
}

/*#leftcolumn a {
	color: #1C72A3;
}*/

/* ========== End Content ========== */

/* ============ Pictures ============*/

.img150 {
		border:1px solid #5B4C35;
		/*margin:0 auto;*/
  margin-bottom: 2px;
  margin-left: 0px;
  margin-right: 16px;
  margin-top: 2px;
		padding: 4px;
  float:left;
		width: 200px;
  height: 150px;
}

.img250 {
		border:0px solid #5B4C35;
		/*margin:0 auto;*/
  margin-bottom: 6px;
  margin-left: 12px;
  margin-right: 0px;
  margin-top: 6px;
		padding: 4px;
  float:right;
		width: 250px;
  height: 150px;
}

.img100 {
		border:0px solid #5B4C35; /*996;*/
		margin:0 auto;
		padding:4px;
		width:100px;
  height: 97px;
  float:center;
}

.img100a {
		border:0px solid #5B4C35; /*996;*/
		margin:0 auto;
		padding:4px;
		width:100px;
  height: 117px;
  float:center;
}

.img90 {
		border:1px solid #5B4C35;
		margin:0 auto;
		padding:4px;
		width:110px;
  height: 90px;
}

.img73 {
		border:1px solid #5B4C35;
		margin:0 auto;
		padding:4px;
		width:100px;
  height: 73px;
}

/* ============ Pictures  End ============*/

/* Footer */

#footer {
   width: 800px;
   height: 80px;
   margin: 0 auto;
   background: url(images/1footer.jpg) no-repeat center center;
   border-left: 0;
   border-right: 0;
   border-bottom: 0;
}

#footer * {
   color: #00CCFF;
}

#footer p {
   margin: 0;
   padding-top: 35px;
   text-align: center;
   font-size: x-small;
}

/* ============ Photo Gallery ============*/

#showcase {
background:#none;
}

dl.demos_list dt {
background:#none; font-size:1.5em; margin:3px 0;
}

#foot {
background:#9c9c7f;
}
#info h2.google {
float:left; margin-right:20px;
}
dl.demos_list dd.nil {
padding:0; margin:0;
}


#gallery {
position:relative; width:565px;
margin-left:10px;
}

#thumbs {
width:120px; 
float:right;
}

#thumbs a {
display:block; 
float:left; 
margin:0 0 5px 5px; 
width:30px; 
height:30px; 
border:1px solid #fff;
}

#thumbs a img {
width:30px; 
height:30px; 
border:0;
}

#thumbs a:hover {
border-color:#FFF60B;
}

#thumbs a:hover img {
position:absolute; 
width:auto; 
height:auto; 
right:160px; /*185px;*/
padding:6px;
top:0; 
border:thin solid #FFF60B;
}


