@charset "utf-8";
/**
 * CSS Based on Galleria Demo 2 from David Hellsing under GNU General Public License v3
 * http://www.gnu.org/licenses/gpl.html
 * http://www.opensource.org/licenses/mit-license.php
 */
 
 
/* CSS Document */

/* CSS MAIN  Begins*/
*{margin:0;padding:0}
body{;background:white;color:#555;font:80%/140% 'helvetica neue',sans-serif;width:auto;margin:50px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
}
h1,h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;margin-bottom: 2em;}
a{color:#999999;text-decoration:none;outline:none;}
a:hover{color:#666666;}


/* CSS galleria  Begins*/


.galleria{list-style:none;width:355px;}
.galleria li{display:block;width:55px;height:70px;border:3px double #eee; overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
/*.galleria li .caption{display:block;padding-top:.5em}*/
.galleria li .caption{font:italic 0.7em/1.4 georgia,serif;}
* html .galleria li div span{width:400px} /* MSIE bug default 400px*/




/* CSS galleria  Ends*/

.galleria_container{margin:0px auto 60px auto;height:auto;width:500px;float:right;}



.info{text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:20px;clear:both;}
.info p{margin-top:1.6em;}

.text_only{text-align:left;margin: 0 auto;padding-top:20px;clear:both;width:1024px;}
.text_only p{margin-top:1.6em;}
.text_only img{display: block; margin-left: auto; margin-right: auto; margin-top: 1em; margin-bottom: 1em;border:3px double #eee;}


.homepage{text-align:left;margin:30px 0;padding-top:10px;clear:both;}
.homepage p{margin-top:1.6em;}
.homepage img{display: block; margin-left: auto; margin-right: auto; margin-top: 1em; margin-bottom: 0.5em;}


/* .nav{padding-top:15px;clear:none;}
.nav{position:absolute;top:410px;left:0;} */


/* BEGIN header logo */
#header a {
  background: #fff url(images/threedots_logo.gif) no-repeat;
  display: block;
  height: 54px;
  width: 104px;
  	position:absolute;
	top:20px;
	left:60px;
	z-index:999;
}
#header a span {
  visibility: hidden;
}

/* END header logo */

/* BEGIN MENU */

p a:hover{	text-decoration: none!important;
}


#nav{
	position:absolute;
	top:52px;
	right:20px;
	z-index:999;
}

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


ul#nav li a {
	display: block;
	font-weight: bold;
	padding: 2px 10px;
	background:#f9f9f9;
}

ul#nav li a:hover{
	background:#888;
	color:#fff;
	}
	
ul#nav li {
	float: right;
	position: relative;
	width: 100px;
	text-align: center;
	margin-right:0px;
	border:0px solid #ccc;

}

ul#nav li.current a{
	background:#ddd;
	}

ul#nav li.current a:hover{
	background:#888;
	}

li ul {
	display: none;
	position: absolute;
	width:100px;
	top: 0;
	left: 0;
	font-weight: normal;
	padding: 1px 0 10px 0;
	margin-left:-1px;
}

ul#nav li ul.sub li{
	border-width:0 0px 0px 0px!important;
}

ul#nav li ul.sub li a{
	font-weight: normal!important;	
}
li>ul {
	top: auto;
	left: auto;
}

li:hover ul, li.over ul {
	display: block;
	list-style-type:none;
}

/*  MENU END */

/* BEGIN FOOTER */
#footer {position:relative; margin-top:6em;text-align:center; margin-left:auto; margin-right: auto; }

#footer{
	height: 30px;
	width: 100%;
	font-size: small;
	padding: 0px;

	white-space: nowrap;
	line-height: 30px;

}

#footer li {
list-style-type: none;
display: inline;
padding:30px;

}
#footer img{display: block; margin-left: auto; margin-right: auto; margin-top: 1em; margin-bottom: 1em;}


/*  SPACER DIV */

.spacer{position:relative; margin-top:6em;}


/*  FLASH DIV */

#flashcontent{
	
}