@charset "utf-8";
/* CSS Document */

@import url(//fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(//fonts.googleapis.com/css?family=Marcellus);

*{  margin:0; padding:0; border:none; list-style-type:none;  text-decoration:none; outline:none; }
body{ background:#FFF;font:normal 12px Arial, Helvetica, sans-serif; color:#303030;}
/*.home-body { background: url(images/bg.jpg) no-repeat center 73px; }*/
.home-body { width:100%; position:absolute; z-index:0; margin:auto; margin-top:90px; height: auto; }
.home-body img{ width:100%; height:auto; text-align:center; }
.clear{ font-size:0; line-height:0; clear:both; }
.clear10{ font-size:0; line-height:0; clear:both; height:10px; }
.shadow { box-shadow:2px 2px 5px #d1cfcf; height:73px;}

.main{ width:1000px; margin: 0 auto;}
.center{ text-align:center; }
.left{ float:left; }
.right{ float:right; }
.rel{ position:relative; z-index:5; }

/*===============general style===================*/
/* Alignment */

.alignleft { display: inline; float: left; margin-right: 1.625em; }

.alignright { display: inline; float: right; margin-left: 1.625em; }

.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.625em; }

p img, .wp-caption { margin-top: 0.4em; }

.wp-caption { background: #eee; margin-bottom: 1.625em; max-width: 96%; padding: 9px; }

.wp-caption img { display: block; margin: 0 auto; max-width: 98%; }

.wp-caption .wp-caption-text, .gallery-caption { color: #666; font-family: Georgia, serif; font-size: 12px; }

.wp-caption .wp-caption-text { margin-bottom: 0.6em; padding: 10px 0 5px 40px; position: relative; }

.wp-caption .wp-caption-text:before { color: #666; content: '\2014'; font-size: 14px; font-style: normal; font-weight: bold; margin-right: 5px; position: absolute; left: 10px; top: 7px; }





body.gallery #content .assets {
  width: 990px;
  margin: 0 auto;
}

body.gallery #content .assets .asset {
  position: relative;
  width: 850px;
}

body.gallery #content .assets .asset .img {
  background: #ffffff;
  text-align: center;
}

body.gallery #content {
  padding: 0 0 60px 0;
}
body.gallery #content .assets .asset {
  opacity: 0;
  filter: alpha(opacity=0);
}

body.gallery #content .assets .asset img {
  max-width: 850px;
  max-height: 600px;
  display: block;
  margin: 0 auto;
}

body.gallery #content .asset.video,
body.gallery #content .asset.txt,
body.gallery #content .asset.text_only,
body.gallery #content .asset.video .copy
{
  width: 850px;
}

body.gallery #content .asset.txt li,
body.gallery #content .title_element li {
  padding-left: 1px;
}

body.gallery #content .asset.video .youtube_cont,
body.gallery #content .asset.video .vimeo_cont {
  height: 600px;
  width: 850px;
}

body.gallery #content .assets .copy_content {
  font-family: "Courier New", Menlo, monospace;
  font-size: 12px;
  color: #000000;
  padding: 20px 0;
}
body.gallery #content .title_element .copy_content {
  font-family: "Courier New", Menlo, monospace;
  font-size: 13px;
  color: #000000;
}

body.gallery #content .assets .copy_content * {
  text-align: center;
}

body.gallery #content .asset.txt li {
  list-style-position: inside;
} 

body.gallery #content .asset.txt .content,
body.gallery #content .asset.text_only .content {
  width: 850px;
}

body.gallery .jspDrag  {
  background: #000000;
}

body.gallery #loader {
  background: url(../../../theme_versions/310110/assets/images/progress.gif) 50% 55% no-repeat;
  position: fixed;
  height: 90%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}

body.gallery #thumbs_wrapper {
  font-family: Helvetica, Arial, sans-serif;
  position: fixed;
  top: 3px;
  right: 14px;
  padding: 0 8px;
  width: 112px;
  z-index: 9999;
  outline: 0;

  -webkit-perspective: 1000;
          perspective: 1000;

  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

body.gallery #thumbs {
  z-index: 99;
  position: relative;
  opacity: 0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
body.gallery #thumbs li {
  list-style-type: none;
  padding: 10px 0;
  font-size: 12px;
  line-height: 12px;
}
body.gallery #thumbs li img {
  -ms-interpolation-mode: bicubic;
  display: block;
}
body.gallery #thumbs li a {
  display: block;
}

body.gallery #thumbs li.video,
body.gallery #thumbs li.txt {
  width: 100px;
}

body.gallery #thumbs li.txt {
  height: 60px;
}

body.gallery #thumbs li.video img {
  width: 100px;
}

body.gallery #thumbs li.txt a{
  display: block;
  width: 100px;
  height: 60px;
  margin: 0 auto;
  background: #474747 url(../../../theme_versions/310110/assets/images/text.png) 50% 47% no-repeat;
  text-indent: -2000em;
}

body.gallery #viewer {
  position: absolute;
  top: 0;
  width: 108px;
  height: 60px;
  border: 1px solid #ff7200;
  left: 3px;
  z-index: 0;
  overflow: visible !important;
  opacity: 0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

body.gallery #viewer .inner {
  position: absolute;
  height: 80%;
  top: 11%;
  left: -1px;
  width: 110px;
  display: block !important;
  background: #ffffff;
}

body.gallery #to_top {
  position: fixed;
  top: 20px;
  left: 20px;
  width: 27px;
  height: 27px;
  background: #474747 url(../../../theme_versions/310110/assets/images/up_arrow.png) 50% 50% no-repeat;
  display: none;
  text-indent: -2000em;
  cursor: pointer;
}
body.gallery #to_top:hover {
  background: #5b5b5b url(../../../theme_versions/310110/assets/images/up_arrow.png) 50% 50% no-repeat;
}

body.gallery #loader {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: url(../../../theme_versions/310110/assets/images/progress.gif) 50% 50% no-repeat;
  z-index: 999;
}

body.gallery #social {
  
  margin-right: 160px;
  
}





/*===================header start=================================*/

/* ClearFix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
} 
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */







/*===================nav start=================================*/

.nav{ width:750px; float:left; margin-top:28px;}
.nav ul { width:auto; float:left;}
.nav ul li {float:left;}
.nav ul li a {font: normal 22px'Roboto Condensed', sans-serif; color:#000; padding:0 60px 0 0;}
.nav ul li:last-child a { padding-right:0px;}
.nav ul li a:hover { text-decoration:underline;}

/*===================nav close=================================*/

.shear { width:230px; float:right;  margin-top:28px;}
.shear ul { float:right}
.shear ul li { float:left;}
.shear ul li a { padding-right:10px;}
.shear ul li:last-child a { padding-right:0px;}

/*===================header close=================================*/

.logo { width:1000px; float:left; margin:400px 0 144px 0; text-align:center;}
.logo-inner { width:1000px; float:left; margin:60px 0 72px 0; text-align:center;}



/*===================body start=================================*/


.body { width:1000px; float:left;}
.photo { width:320px; float:left; margin:0 20px 0 0; cursor:pointer;}
.photo h1 {font: normal 30px'Roboto Condensed', sans-serif; color:#000; border-bottom:1px solid #000; margin-bottom:18px;}
.photo:last-child { margin-right:0px;}


/*===================body close=================================*/





/*===================about start=================================*/

.about { width:1000px; float:left;}
.about h2 {font: normal 15px'Roboto Condensed', sans-serif; color:#000; border-bottom:1px solid #000; margin-bottom:30px; padding-bottom:10px;}
.about-con { width:100%; float:left; }
.about-con p { font: normal 13px Arial, Helvetica, sans-serif; color:#000; margin-bottom:10px;}
.img { float:right;}

/*===================about close=================================*/



/*===================photo start=================================*/
.pho { width:1000px; float:left;}
.pho ul {}
.pho ul li { float:left; width:234px; margin-right:16px;}
.pho ul li p { font:normal 14px 'Marcellus', serif; color:#6b6b6b; text-align:center; margin-top:18px; margin-bottom:30px; }
.pho ul li p a { color:#6b6b6b;}
.pho ul li p a:hover { text-decoration:underline;}
.pho ul li:last-child { margin-right:0px;}

/*===================photo close=================================*/




/*===================blog start=================================*/
.blog { width:1000px; float:left;}
.blog h2 {font: normal 15px'Roboto Condensed', sans-serif; color:#000; border-bottom:1px solid #000; margin-bottom:30px; padding-bottom:10px;}
.blog h4 {font: normal 15px'Roboto Condensed', sans-serif; color:#000; border-bottom:1px solid #000; margin-bottom:30px; padding-bottom:10px;}
.blog ul li { float:left; width:320px; margin-right:20px;}
.blog ul li h3 { font:normal 16px/30px 'Marcellus', serif; color:#6b6b6b; text-align:center; margin-top:18px; margin-bottom:15px; }
.blog ul li h3 span { font:italic 12px Arial, Helvetica, sans-serif; color:#000000; text-align:center;}
.blog ul li p { font:normal 13px Arial, Helvetica, sans-serif; color:#000000; text-align:center;}
.blog ul li h4 { font:normal 15px 'Marcellus', serif; color:#6b6b6b; text-align:center; margin-top:18px; margin-bottom:25px; }
.blog ul li h4 a {color:#6b6b6b;}
.blog ul li h4 a:hover { text-decoration:underline;}
.blog ul li:last-child { margin-right:0px;}
/*===================blog close=================================*/



/*===================contact start=================================*/
.contact { width:1000px; float:left;}
.contact h2 {font: normal 15px'Roboto Condensed', sans-serif; color:#000; border-bottom:1px solid #000; margin-bottom:30px; padding-bottom:10px;}
.contact-left { width:367px; float:left; margin-right:35px;}
.contact-left ul {}
.contact-left ul li{ margin:0 0 20px 0; }
.contact-left ul li label { font:normal 15px normal Arial, Helvetica, sans-serif; color:#394456;}
.contact-left ul li input[ type="text"]{ width:357px; float:left; background:#dcdcdc; height:30px; padding:5px; margin:15px 0 15px 0;} 
.contact-left ul li input[ type="email"]{ width:357px; float:left; background:#dcdcdc; height:30px; padding:5px; margin:15px 0 15px 0;} 

.contact-left ul li textarea{ width:357px; float:left; background:#dcdcdc; height:180px; padding:5px; margin:15px 0 15px 0;}
.contact-left ul li input[ type="submit"] { background:url(images/black_gd.png) repeat-x; border-radius:5px; height:30px; float:right; width:74px;font:normal 14px Arial, Helvetica, sans-serif; color:#FFF; cursor:pointer;}
.contact-left ul li.bo a:hover { background:url(http://alexanderbather.com/wp-content/themes/alexanderbather/chris%20kanze/html/images/black_gd.-hoverpng.png) repeat-x;}
.contact-right { width:597px; float:right;}
.wher { width:604px; float:left;}
.wher ul { float:left;}
.wher ul li { margin:0 0 20px 0;}
.wher ul li.b { background:#dcdcdc;width:240px; padding:20px; margin-right:22px;}
.wher ul li.b p {font:normal 15px/20px Arial, Helvetica, sans-serif; color:#394456;}
.wher ul li.c { background:#dcdcdc;width:250px; padding:20px 20px 80px 20px;}
.wher ul li.c p {font:normal 15px/20px Arial, Helvetica, sans-serif; color:#394456;}
/*===================contact close=================================*/



/*===================flim start=================================*/
.flim { width:1000px; float:left;}
.video { width:851px; margin:0 auto;}
.video h3 { font: normal 15px 'Marcellus', serif; color:#000; border-bottom:1px solid #000; margin-bottom:30px; padding-bottom:10px;}
/*.slider { width:1000px; float:left; border-top:1px solid #000; margin-top:62px; padding-top:23px;}
.slider ul {}
.slider ul li { margin-right:20px; float:left;}
.slider ul li:last-child { margin-right:0px;}*/

/*===================flim close=================================*/



.details{ width:1000px; float:left; margin-bottom:30px;}
.details h2 {font: normal 15px'Roboto Condensed', sans-serif; color:#000; border-bottom:1px solid #000; margin-bottom:30px; padding-bottom:10px;}

.deta { width:1000px; float:left;}
.deta h5 {font:normal 20px 'Roboto Condensed', sans-serif; color:#000; margin-bottom:10px;}
.deta h5 span {font:normal 13px/30px Arial, Helvetica, sans-serif; color:#000;}
.deta p { font:normal 13px/20px Arial, Helvetica, sans-serif; color:#000;}
.imgholder { width:400px; float:left; border:1px solid #CCC; padding:10px; margin:0 15px 0 0;}










/*===================footer start=================================*/

.footer { width:1000px; float:left; margin-top:30px; border-top:1px solid #000; margin-bottom:20px;}
.footer-left { width:200px; float:left;}
.footer-left p {float:left; padding-right:10px; margin-top:20px;}
.footer-left p a { color:#000;font: normal 14px 'Roboto Condensed', sans-serif; color:#000;padding-right:10px;}
.footer-left p a:hover { text-decoration:underline;}

.footer-right { width:700px; float: right;}
.footer-right p {float:right; padding-right:10px; margin-top:20px;}
.footer-right p a { color:#000;font: normal 14px 'Roboto Condensed', sans-serif; color:#000;padding-right:10px;}
.footer-right p a:hover { text-decoration:underline;}

/*===================footer close=================================*/



/*===================photo view start=================================*/

			.list_carousel {
				
				margin:;
				width: 100% !important;
				height:auto;
			}
			.caroufredsel_wrapper{ width:100% !important; }
			.list_carousel ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}
			.list_carousel li {
				font-size: 40px;
				color: #999;
				text-align: center;
				
				min-width: 530px !important;
				height: 557px;
				padding: 0;
				margin:;
				display: block;
				float: left;
			}
			
			.list_carousel li img{ width:auto; height:auto; max-height:557px; }
			.list_carousel.responsive {
				width: auto;
				margin-left: 0;
			}
			.clearfix {
				float: none;
				clear: both;
			}
			#foo2{  }
			.prev {
				position:relative;
				z-index:5000;
				float:left;
				margin:-300px 0 0 20px;
			}
			.next {
				position:relative;
				z-index:5000;
				float:right;
				margin:-300px 20px 0 0;
			}
			.pager {
				float: left;
				width: 300px;
				text-align: center;
			}
			.pager a {
				margin: 0 5px;
				text-decoration: none;
			}
			.pager a.selected {
				text-decoration: underline;
			}
			.timer {
				background-color: #999;
				height: 6px;
				width: 0px;
			}
/*===================photo view start=================================*/