body {
	background-color: black;
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: white;
}

h1{
  font-weight: bolder;
  font-size: 14pt;
}

*{
  margin:0px;
  padding:0px;
}
/*HEADER*/
#header-container{
}

#header{
  height: 150px;
  background: #222222;
  border-bottom: 1px #777777 solid; 
}

#header-image{
  background: url(/?t=jpeg&p=header-image.jpg) no-repeat;
  width: 850px;
  height: 150px;
  margin: auto; 
}

#header-small{
  min-height: 5px;
  background: #313031;
  border-bottom: 1px white solid;
  padding:10px 200px 10px 200px;
}

  /*MENU*/
#menu #navbar{
  margin-left:200px;
}

#menu ul{   
 margin-top:10px;
}

#menu li{
	list-style-type: none;	
}

#menu li a{
	font-family: Sylfaen;
	font-size: 16px;
	margin: 10px;
	color:white;
	text-decoration:none;
}

#menu p{
  margin-bottom: 10px;
  border-bottom: solid 1px white;
  padding-bottom:5px;
}

#menu p.menu_current{
  font-weight: bold;
}  


  /*Main Content*/
#maincontent{
  width: 600px;
  padding-left: 40px;
  padding-top: 30px;
  font-family: Arial;
	font-size: 14px;
	color: white;
  height: 600px;   
}

#maincontent a{
	font-family: Arial;
	font-size: 14px;
	color: white;
}

#maincontent a:hover{
	font-family: Arial;
	font-size: 14px;
	color: #CCC;
	text-decoration:none;
}

/*FOOTER*/
#footercontainer{
	text-align: center;	
	border-top: 1px #777777 solid;
	margin-top: 20px;
}

#footer{
	width: 100%;
	padding-top: 10px;
	font: normal small normal;
}

a.footerText:link{
  font-weight: normal; 
  text-decoration: underline;
  color: white;
}

a.footerText:visited{
  font-weight: normal; 
  text-decoration: underline;
  color: white; 
}

a.footerText:hover{
  font-weight: normal; 
  text-decoration: underline; 
  color: white;
}

a.footerText:active{
  font-weight: normal; 
  text-decoration: none; 
  color: white;
}

#img-right{
  border: 2px solid #848284;
  float: right;
}

#caption-right{
  background-color: #848284;
  height: 25px;
  text-align: right;
  vertical-align: middle;
  margin: 0px auto;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  float: right;
  font-size: 9pt;
}

/* Start Template 1 (HOME) */

.contentTop1{
  margin-bottom: 10px;
}

.contentBottom1{
  margin-top: 25px;
}

.HomeImageSection1-2 {
  clear:both;
  margin-top:10px;
}


.commentImage1{
  background-color:#808080;
  padding:10px;
  margin:1px;
  font-family: small ;
  font-style: italic;
}

/* End Template 1 (HOME) */




.imageSection{
  text-align:right;
}

.imageTextSection7{
    float:right;
    background-color: #808080;
    margin-top:5px;
    padding:10px;
    font-weight:bolder;
    font-style: italic;
    font-family: small ;
    clear:both;
}

.titleSection{
  font-size:18px;
  font-weight:bolder;
  margin-bottom:5px;
}
 


.imageSection7 {
  margin-top:20px;
  background-color:#333333;
  border:1px #808080 solid;
  text-align:center;
  padding:10px;
  float:right
}

.imageSection7 img{
 border:2px #808080 solid; 
}


.clear{
  clear:both;
}

/* Start Template 8 Guestbook */

.texttop{
 border:1px white solid;
 margin-bottom:50px;
 margin-top:50px;  
}

#GuestForm{
  margin-bottom:25px;
  text-align:center;
}


#GuestForm table{
  border:2px white solid;
  padding:25px;
}

#GuestForm td{
  padding-bottom:5px;
}

#pane2 ul{
  padding-left:20px;
}

ul li.listcomment{
  list-style-type: disc;
  padding-top:20px;
}

/* End Template 8  */



 /*    ///////////////////////////////////////////////////  
      ///////////////////////////////////////////////////
                     START     IMAGE GALLERY
      ///////////////////////////////////////////////////
      ///////////////////////////////////////////////////
 
 */


div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
  margin-left:175px; 
}
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: 5px;
}
div.controls a {
	padding: 5px;   
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	width:512px;
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
}
div.slideshow {

}

div.slideshow img{

}

div.slideshow span.image-wrapper {
  display: block;
	position: absolute;
	height:576px;
	top: 0;
	left: 0;
	margin-top:10px;
}
div.slideshow a.advance-link {
	display: block;
	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.download {
	float: right;
}
div.caption-container {
}
span.image-caption {
	display: block;
	position: absolute;
}
div.caption {
  background-color: #000;
	padding: 12px;
	color: #fff;
	font-size:10px;
  margin-left:500px;
	width:150px;
}
div.caption a {
	color: #fff;
}
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;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
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;
}
#captionToggle a {
	float: right;
	display: block;
	background-image: url('caption.png');
	background-repeat: no-repeat;
	background-position: right;
	margin-top: 5px;
	padding: 5px 30px 5px 5px;
}
/*    ///////////////////////////////////////////////////  
      ///////////////////////////////////////////////////
                 END   IMAGE GALLERY
      ///////////////////////////////////////////////////
      ///////////////////////////////////////////////////
 
 */


 /* ////////////////////////////////////////////////
    ////////////////////////////////////////////////
                START FRAME JQUERY
    ///////////////////////////////////////////////////
   ///////////////////////////////////////////////////
 */
 
.jScrollPaneContainer {
	position: relative;                
	overflow: hidden;    
	z-index: 5;
	padding-left:20px;
	margin-top:40px;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}  

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 5;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 5;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}  

a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

			

.scroll-pane {
	width: 700px;
	height: 200px;
	overflow: auto;
	background: #000;
	float: left;
	color:#fff;
}

#pane2 {
	height: 450px;
}
 
.osX .jScrollPaneTrack {
	background: url(img/frame/osx_track.gif) repeat-y;
}
.osX .jScrollPaneDrag {
	background: url(img/frame/osx_drag_middle.gif) repeat-y;
}
.osX .jScrollPaneDragTop {
	background: url(img/frame/osx_drag_top.gif) no-repeat;
	height: 6px;
}
.osX .jScrollPaneDragBottom {
	background: url(img/frame/osx_drag_bottom.gif) no-repeat;
	height: 7px;
}
.osX a.jScrollArrowUp {
	height: 24px;
	background: url(img/frame/osx_arrow_up.png) no-repeat 0 -30px;
}
.osX a.jScrollArrowUp:hover {
	background-position: 0 0;
}
.osX a.jScrollArrowDown {
	height: 24px;
	background: url(img/frame/osx_arrow_down.png) no-repeat 0 -30px;
}
.osX a.jScrollArrowDown:hover {
	background-position: 0 0;
}
 /* ////////////////////////////////////////////////
    ////////////////////////////////////////////////
                END FRAME JQUERY
    ///////////////////////////////////////////////////
   ///////////////////////////////////////////////////
 */
 
 /* ///////////////////////////////////////////////////
 /////////////// START FORM SLIDER ///////////////////
 /////////////////////////////////////////////////////
 ////////////////////////////////////////////////////
 */
 
 #page_container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 604px;
	top: -32px;
}
hr#header_stripe {
	height: 12px;
	position: relative;
	top: -7px;
	background-color: #000;
	border: none;
	color: #000;
}
.panel_button {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 1px;
	width: 180px;
	height: 54px;
	background: url(images/panel_button.png);
	z-index: 20;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	cursor: pointer;
}
.panel_button img {
	position: relative;
	top: 10px;
	border: none;
}
.panel_button a {
	text-decoration: none;
	color: #545454;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	top: 5px;
	left: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.panel_button a:hover {
	color: #999999;
}
#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	text-align: center;
}
#toppanel {
	position: absolute;
	width: 600px;
	left: 0px;
	z-index: 25;
	text-align: center;

}
#panel {
	width: 400px;
	position: relative;
	top: 1px;
	height: 0px;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
}
#panel_contents {
	background: black;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	height: 100%;
	width: 400px;
	position: absolute;
	z-index: -1;	
}
.border {
	border: 15px #1d1d1d solid;
}
img.border {
	float: left;
	margin-right: 15px;
	margin-bottom: 8px;
}
img.border_pic {
	border: 15px #1d1d1d solid;
	position: absolute;
	top: 110px;
	float: left;
	margin-left: 150px;
	width: 250px;
	height: 150px;
	z-index: 30;
}
div#login {
	width: 260px;
	height: 260px;
	position: absolute;
	right: 60px;
	top: 110px;
	background: #46392f;
	text-align: left;
	padding-left: 10px;
}
div#login p {
	color: #CCCCCC;
	font-family: Century Gothic, Georgia, "Times New Roman", Times, serif;
	line-height: 25px;
}
div#login input#password {
	position: relative;
	right: -6px;
}
div#login input#login_btn {
	border: 1px #899690 solid;
	cursor: pointer;
	position: relative;
	top: 30px;
	left: 86px;
}

 /* ///////////////////////////////////////////////////
 /////////////// END FORM SLIDER ///////////////////
 /////////////////////////////////////////////////////
 ////////////////////////////////////////////////////
 */