/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:400px; width:600px; background-color:#fff; border:3px solid #ccc;}
#simplemodal-container a.modalCloseImg {background:url(i/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#simplemodal-container #basicModalContent {padding:8px;}





/* Main */
body {padding:0; margin:0; height:100%; width:100%;}
body{
	background-color : #393737;
	color: white;
	padding: 0px;
	margin:0px;
}

h1{
	padding: 0px;
	margin:0px;
}

h1 a{
	text-decoration:none;
}
.menu li{
	float : left;
}
.menu a{
	color : #85908C;
	font-weight : bold;
	text-decoration:none;
	font-size:14px;
}
.menu a:hover{
	color : #FFFFFF;
}
.menu a.cur{
	color : #FFFFFF;
}


.menu .mpics .m{
	text-indent:-9999px;
	display:block;
	height : 35px;
}
.menu li{
	padding: 0px 15px 0px 15px;
}
.menu li.bsp{
	border-left:2px solid #4F4D4E;
}
.menu{
	margin: 2 5px 2 2;
	padding: 2px;
	float : left;
	list-style-image : none;
	list-style-position : outside;
	list-style-type : none;
	position:relative;
	z-index:1000;
	direction:rtl;
		
}
.menu .mpics .m1{
	width : 84px;
	background: url(i/thoughts.jpg);
}
.menu .mpics .m1:hover{
	background: url(i/thoughts-on.jpg);
}
.menu .mpics .m2{
	width : 93px;
	background: url(i/loc.jpg);
}
.menu .mpics .m2:hover{
	background: url(i/loc-on.jpg);
}
.menu .mpics .m3{
	width : 55px;
	background: url(i/plan.jpg);
}
.menu .mpics .m3:hover{
	background: url(i/plan-on.jpg);
}
.menu .mpics .m4{
	width : 79px;
	background: url(i/pictures.jpg);
}
.menu .mpics .m4:hover{
	background: url(i/pictures-on.jpg);
}
.menu .mpics .m5{
	width : 64px;
	background: url(i/contact.jpg);
}

.menu .mpics .m5:hover{
	background: url(i/contact-on.jpg);
}

div.detail{
	background-color : #252525;
	border:2px solid #1F1F1F;
}

.menu a.m5{
	color: #D76300;
	font-weight : bold;
}

#main {
position: absolute;
top:0;
width:100%;
z-index:999;
}
/* Main */

#header {
	margin:0 auto;
	width:960px;
	height:114px;
	position: absolute;
	top:0;
}


/* thoughts */
div.detail { 
	min-height : 500px;
}
div.thoughts { 
    background-color : #252525;
}
div.thoughts * {
  margin:0;
  padding:0;
 /* font:normal 13px Verdana, Geneva, sans-serif;*/
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
  color:#ccc;
} 
div.thoughts a {
  color: #fff;
  font-weight:bold;
  text-decoration:none;
}
div.thoughts a:hover {
  text-decoration:underline;
}
div.thoughts a img {border:2px solid #ccc;}

div.thoughts h2 {
 font-family:Georgia, 'Times New Roman', Times, serif; font-size:24px; font-weight:bold;
}

div.thoughts p {
 font-family:Georgia, 'Times New Roman', Times, serif; font-size:14px;
}


#slideshow {
	margin:0 auto;
	width:640px;
	height:263px;
	background:transparent url(i/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:263px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:263px;
  text-align:right;
  
}

#slideshow #slidesContainer .slide img {
float:left;
  
}

.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(i/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(i/control_right.jpg) no-repeat 0 0;
}

a {
  color: #fff;
  font-weight:bold;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
a img {border:2px solid #ccc;}

#pageContainer {
  margin:0 auto;
  width:960px;
}
.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
  
}
.slide img {
  float:right;
  margin:0 15px;
}
#footer {
  height:100px;
}
#footer p {
  margin:30px auto 0 auto;
  display:block;
  width:560px;
  height:40px;
}

/* thoughts */


/* Pictures */
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;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}
* html .galleria li div span{width:400px} /* MSIE bug */

div.pictures *{margin:0;padding:0}
div.pictures {
	padding:20px;
	text-align:center;
	color:#bba;font:80%/140% georgia,serif;
	background-color : #252525;
}
div.pictures h1,
div.pictures h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}

div.pictures a{color:#348;text-decoration:none;outline:none;}
div.pictures a:hover{color:#67a;}
div.pictures .caption{font-style:italic;color:#887;}
div.pictures .demo{
	position:relative;margin-top:0px;
}
div.pictures .gallery_demo{
	width:580px;
	margin:0 auto;}
div.pictures .gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
div.pictures .gallery_demo li div{left:240px}
div.pictures .gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}

div.pictures #main_image{
	margin:0 auto 40px auto;
	height:438px;
	width:700px;background:black;}
div.pictures #main_image img{margin-bottom:10px;}

div.pictures .nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;text-transform:uppercase;}

div.pictures .info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
div.pictures .info p{margin-top:1.6em;}

div#subpics{
	width : 650px;
	margin: auto;
}



/* Pictures */



/* Plan */
body.plan { 
    margin: 0px;
    padding: 0; 
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
	background-color : #252525;
}

table.black{
	background-color : #3A3A3A;
	color: #E6E6E6;
	background: url(i/bg-plan.jpg);
}
table.black td{
	padding: 5px;
}
table.black tr td{
	border-top: 1px solid #2D2B2C;
	border-bottom: 1px solid #5A5A5A;
}
table.black tr:hover {
	background-color : #666666;
	color: #E6E6E6;
}
table.black th {
	background-color : #666666;
	color: #E6E6E6;
}
/* Plan */




/* Contact */
/* Overlay */
#contact-overlay {background-color:#000; cursor:wait;}

/* Container */
#contact-container {width:420px; left:50%; top:15%; margin-left:-210px; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left; }
#contact-container .contact-content {background-color:#333; color:#ddd; height:40px;}
#contact-container h1 {color:#d76300; margin:0; padding:0 0 6px 12px; font-size:1.2em; text-align:right; direction:rtl;}
#contact-container .contact-loading {position:absolute; background:url(i/contact/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px;}
#contact-container br {clear:both;}
#contact-container form {padding:0; margin:0; direction:rtl; text-align:right; width:400px;}
#contact-container label {clear:left; display:block; width:60px; text-align:right; padding-right:4px; font-weight:bold;}
#contact-container .contact-input {font-family:'Trebuchet MS', Verdana, Arial; float:right; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:250px; direction:rtl }
#contact-container textarea {height:84px;}
#contact-container .contact-top {height:13px; background:url(i/contact/form_top.gif) no-repeat; padding:0; margin:0;}
#contact-container .contact-bottom {height:13px; background:url(i/contact/form_bottom.gif) no-repeat; font-size:.7em; text-align:center;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;}
#contact-container .contact-send {width:50px; background:url(i/contact/send.png) no-repeat;}
#contact-container .contact-cancel {width:65px; background:url(i/contact/cancel.png) no-repeat;}
#contact-container a.modalCloseX,
#contact-container a.modalCloseX:link,
#contact-container a.modalCloseX:active,
#contact-container a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-2px; right:400px; color:#999;}
#contact-container a.modalCloseX:hover {color:#9bb3b3;}


#contact-container2 {width:420px; left:50%; top:15%;
font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:right; direction:rtl;}
#contact-container2 .contact-content {
	color:#ddd;
}
#contact-container2 h1 {color:#d76300; margin:0; padding:0 0 6px 12px; font-size:1.2em; text-align:right;}
#contact-container2 .contact-loading {position:absolute; background:url(i/contact/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#contact-container2 .contact-message {text-align:center;}
#contact-container2 .contact-error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px;}
#contact-container2 br {clear:both;}
#contact-container2 form {padding:0; margin:0; text-align:right; direction:rtl; width:400px;}
#contact-container2 label {clear:left; display:block; width:60px; text-align:right; padding-right:4px; font-weight:bold;}
#contact-container2 .contact-input {font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:250px; float:right;}
#contact-container2 textarea {height:84px; direction:rtl; float:right;}
#contact-container2 .contact-top {height:13px; background:url(i/contact/form_top.gif) no-repeat; padding:0; margin:0;}
#contact-container2 .contact-bottom {height:13px; background:url(i/contact/form_bottom.gif) no-repeat; font-size:.7em; text-align:center;}
#contact-container2 .contact-bottom a,
#contact-container2 .contact-bottom a:link,
#contact-container2 .contact-bottom a:active,
#contact-container2 .contact-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666;}
#contact-container2 .contact-bottom a:hover {color:#888;}
#contact-container2 .contact-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;}
#contact-container2 .contact-send {width:50px; background:url(i/contact/send.png) no-repeat;}
#contact-container2 .contact-cancel {width:65px; background:url(i/contact/cancel.png) no-repeat;}
#contact-container2 a.modalCloseX,
#contact-container2 a.modalCloseX:link,
#contact-container2 a.modalCloseX:active,
#contact-container2 a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-2px; right:400px; color:#999;}
#contact-container2 a.modalCloseX:hover {color:#9bb3b3;}
/* Contact */




/* Custom heights based on browsers */

/* Custom heights based on browsers */

body.firefox div#d1{ /* thoughts */
	min-height : 100px;
}

body.firefox div#d2{ /* location */
	min-height : 100px;
}

body.firefox div#d3{ /* plan */
	min-height : 100px;
}

body.firefox div#d4{ /* pictures */
	min-height : 100px;
}

body.ie div#d1{ /* thoughts */
	min-height : 100px;
}

body.ie div#d2{ /* location */
	min-height : 100px;
}

body.ie div#d3{ /* plan */
	min-height : 100px;
}

body.ie div#d4{ /* pictures */
	min-height : 100px;
}




/* Comments */
table.black2{
	background-color : #3A3A3A;
	color: #E6E6E6;
	direction:rtl;
	
}
table.black2 td{
	padding: 5px;
}

table.black2 tr td{
	border-top: 1px solid #2D2B2C;
	border-bottom: 1px solid #5A5A5A;
}
table.black2 tr:hover {
	background-color : #666666;
	color: #E6E6E6;
	text-decoration:none;
}
table.black2 th {
	background-color : #666666;
	color: #E6E6E6;
}
/* Comments */