html, body { margin: 0; padding: 0; }
body { font-family: Arial, sans-serif; font-size: 12px; line-height: 18px;}
.social-bar-top { margin-top:30px; overflow:hidden;}
#nav ul, #nav li  { margin: 0; padding: 0; list-style: none; }
.clear { clear:both }

a img { border:0; }

/* ==|== non-semantic helper classes ======================================== */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.template { margin:0 auto; overflow:hidden; position:relative; }
.template .social-icons { position:relative; }
#fotoblock, #textBlock, #fotoblocktext { height:100%; }

.img-overlay { position:absolute; width:100%; height:100%; z-index:1; }

/** Header **/
#header-wrapper { width:100%; overflow:hidden;}
#header { z-index:10; padding-bottom: 10px; position:absolute; width:100%;margin-top: 20px; }
#header .inner { height:auto; position:relative; }
h1      { font-weight:normal; padding: 0; margin: 0 20px 0 0; z-index: 100; float: left; }
h1 a    { display: block; text-decoration:none; }
h1 a img { display:block; }

#nav {float:left;z-index:10;}
#nav li { padding-top: 0; float: left; position: relative; }
#nav li a { color: #000; text-decoration: none; font-size: 13px; line-height:13px; display: inline-block; padding: 3px 10px; }
#nav li a:hover,
#nav li a.active { color: #ffacd6; }
#nav li ul { padding: 5px 10px 5px 0; background: #fff; display: none; position: absolute; left: 0; top: 19px; }
#nav li:hover ul { display: block; }
#nav li li { float: none; white-space: nowrap; }
#nav li li a { display: block; }
#nav li:last-child a { padding-right:0; }

.html .textBlockIn { padding:0; }
#overlay { width:100%; height:100%; position:fixed; left:0; top:0; z-index:3000}

.addthis_toolbox { float:right; width:23px; height:23px; margin:0 7px 0 0; }
.addthis_toolbox .at300bs { background: url(images/icon_sprite.png) no-repeat -200px 0; width:23px; height:23px;  }
.addthis_toolbox .at300bs:hover { background-position:-200px -24px; opacity:1;filter:alpha(opacity=100);   }


#facebook-icon { background: url(images/icon_sprite.png) no-repeat -150px 0; float:right; position:relative; width:23px; height:23px; margin:0 5px 0 0;}
#facebook-icon:hover { background-position:-150px -24px; }

#twitter-icon { background: url(images/icon_sprite.png) no-repeat -175px 0; float:right; width:23px; height:23px; margin:0 5px 0 0;}
#twitter-icon:hover { background-position:-175px -24px; }

.copyright { cursor: pointer; width: 23px; height: 23px; position: relative; float: right; background: url(images/icon_sprite.png) -25px 0 no-repeat; margin-top: 0; }
.copytext { display: none; position: absolute; top: 30px; right: 0; white-space: nowrap; background: white; padding: 3px 10px; z-index:1000; }
.copyright:hover { background-position:-25px -24px;}
.copyright:hover .copytext  { display: block; }

.social-icons { float:right; }
.social-icons iframe { float:right; margin:2px 0px 0 0; position:absolute; top:-22px; right:50px; }
.social-icons iframe.twitter-share-button { right:0; }
/** End **/

#content-wrapper { margin-top:1px; position:relative; }

/** HomePage Slideshow **/
.slide { width: 100%; height:100%; overflow:hidden; position:absolute; left:-2000px; top:0; opacity:1; filter: alpha(opacity=100); }

.slide img { border:1px solid #fff; }
/** End **/

/** Video Page **/
#videos { position:relative; height:100%; }
.video { display:inline-block; margin:10px 20px 10px 0; vertical-align: top; float:left; }
.video a {
	-webkit-box-shadow:0 0 3px #333;
	-moz-box-shadow:0 0 3px #333;
	box-shadow:0 0 3px #333;
	background:#fff;
	display:inline-block;
	height:150px;
	width:150px;

	display: table-cell;
    text-align: center;
    vertical-align: middle;

	zoom: 1;
	*display: inline;
}
.video img { display:block; text-align: center; margin:0 auto; }
.video a:hover { -webkit-box-shadow:0 0 6px #555; -moz-box-shadow:0 0 6px #555; box-shadow:0 0 6px #555; }
#videos .center { position:relative; top:60px; margin:0 auto; width:520px; }
#videos span {
	background:#9d9d9d;
	border-color:#9d9d9d;
	color:white;
	display:block;
	font-family:Arial, sans;
	font-size:13px;
	margin-top:5px;
	padding:3px 0;
	text-align:center;
	width:150px;
}
#video-controls { clear:both; }
#video-controls a {
	background:url(images/video.png) left bottom;
	color:#fff;
	display:inline-block;
	width:7px;
	height:18px;
	margin-right:5px;
	padding:3px 8px;
	font-family:arial, sans;
	font-size:14px;
	text-decoration: none;

	zoom: 1;
	*display: inline;
}
#video-controls a:hover, #video-controls a#controlOn { background-position:left top; }
/** End **/

/** Text Page **/
.text-wrapper { background:#eee; height:100%;}
#textBlock {  outline:none; overflow:hidden; line-height:18px; margin:5px; font-size:12px; color:#000; float:left; }
#textBlock a { color:#676734; }
.textBlockIn { padding:25px; }
#fotoblocktext { float:right; position:relative; }
.slideT { overflow:hidden; opacity:0; filter: alpha(opacity=0); position:absolute; top:0; }
.slideT img { float:right; }
/** End **/

/** Contact Page **/
form { width:auto; }
.error input.text, .error textarea { border-color:red; }
label { display:block; }
input.text { background:#FFF;  border-radius:0; -webkit-appearance: none; padding:3px 2px; border: 1px solid #ccc; display:inline-block; padding:1%; width:98%;}
textarea { background:#FFF;  border-radius:0; -webkit-appearance: none; padding:3px 2px; margin-top:0px; border: 1px solid #ccc; display:inline-block; padding:1%; width:98%; height:50px; }
.inputBlock { padding-top:5px;}
.buttons { width:auto; }
input.button {
	background:url(images/julie_submit.png) no-repeat 0 -1px;
	border:0;
	width:64px;
	height:27px;
	float:right;
	font-size:12px;
	line-height:13px;
	margin:15px 0 0 0;
	padding:2px 0 2px 4px;
}
input.button:hover { background-position:0 -28px;}
/** End **/

/** Gallery **/
#sliderPack {  position: absolute; width:100%; height:90px; bottom: 0px; z-index:2; }
#photoSlider  { height: 60px; margin-top:30px; width: 100%; }
#slider { margin:0 60px 0 100px; overflow:hidden; }
.sliderIn     { white-space: nowrap; height: 8px; padding:28px 0 25px 0; margin: 0; }
.sliderIn a   { width: 60px; outline:none; height: 8px; margin-right:3px; background: #dddddd; display: block; float:left; }
.sliderIn .visible { display:block; margin-top:-28px; border:1px solid #ccc; }
.sliderIn .current { background: url('images/julie_slider.png') -2px -2px no-repeat; }
.sliderIn img { border:1px solid black; display: none; }
.sliderIn a:hover img { display:block; margin-top:-28px; }


#controls { width:100px; height:23px; margin-top:49px; position:absolute; left:0; top:0; z-index:1000; }
#move { width: 60px; height: 23px; padding:20px 0; margin-top:28px; position: absolute; right:0; top:0; z-index: 1000; }
#move a, #controls a, #caption { display: block; width: 23px; height: 23px; float: left; margin: 0 0 0 5px; }

#left { background: url('images/icon_sprite.png') 0 0 no-repeat; }
#left:hover { background-position: 0 -24px; }

#right { background: url('images/icon_sprite.png') -75px 0 no-repeat; }
#right:hover { background-position: -75px -24px; }

.start { background: url('images/icon_sprite.png') -100px -24px no-repeat; }
.stop { background: url('images/icon_sprite.png') -100px 0 no-repeat; }

#thumbs { background: url('images/icon_sprite.png') -125px 0 no-repeat; }
#thumbs:hover { background-position:-125px -24px; }

#caption { background: url('images/icon_sprite.png') -50px 0 no-repeat; position:relative; }
.caption-text { display: none; z-index:1000; position: absolute; bottom: 26px; left: 0; white-space: nowrap; background: white; padding: 0 10px; z-index:1000; }
#caption:hover { background-position:-50px -24px;}
#caption:hover .caption-text  { display: block; }

/** End **/

/** Scroller **/
.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
.vscrollerbase { width: 10px; background-color: #eee; }
.vscrollerbar { width: 10px; padding:10px 0 10px 0; background-color: #aaa; }
.vscrollerbasebeg { background: url(images/bar.jpg) no-repeat; width: 10px; height:10px; }
.vscrollerbaseend {	background: url(images/bar.jpg) no-repeat; width: 10px; height:10px; }
.scrollerjogbox { width: 10px; height: 10px; top: auto; left: auto; bottom: 0px; right: 0px; background-color: gray; }
/** End **/

#facebook-icon:hover .caption, #twitter-icon:hover .caption { display:block; }
#facebook-icon, #twitter-icon {position:relative;text-decoration:none;}
.caption {
	background:#000;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#FFF;
	font-size:11px;
	display:none;
	outline:none;
	padding:0 3px;
	position:absolute;
	right:0;
	top:27px;
}



.password-box {
  height:130px;
  margin:0 auto;
  padding:25px;
  width:320px;
}
.password-box input[type="password"] {
  background:#FFF;
  border:1px solid #AAA;
  border-radius:3px;
  color:#000;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  margin-bottom:12px;
  padding:3px 5px;
  width:100%;
}