/*
 * Project:   Shark
 * Date:      2009/10/01
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { height: 100%; margin: 0 0 1px; background: #5b5b5b url(../images/bg.jpg) 0 0 repeat; font-size: 100.01%; }
body { height: 100%; background: url(../images/top-brdr.gif) 0 0 repeat-x; font-size: 62.5%; }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #666; font-family: Verdana, Geneva, Kalimati, Arial, Helvetica, sans-serif; line-height: 1.25; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.2em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 12px; }

a { color: #5080a1; text-decoration: underline; }
a:hover, a:focus, a:active { color: #5080a1; text-decoration: none; outline: none; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */

#root { position: relative; width: 793px; min-height: 100%; overflow: hidden; margin: 0 auto; background: url(../images/content-bg.gif) 0 109px repeat-x;}
* html #root { height: 100%; overflow: visible; }
  #top { position: relative; top: 9px; left: 0; height: 100px; width: 100%; background: url(../images/top-bg-s.png) 0 3px repeat-x; }
   #logo { display: block; position: absolute; top: 0; right: 12px; overflow: hidden; width: 99px; height: 73px; padding: 6px 0 0 29px; margin: 0; background: url(../images/logo-bg.png) 0 0 no-repeat; }
    #logo a { display: block; width: 71px; height: 59px; }
   #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
    #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
   #nav { display: block; width: 653px; height: 43px; list-style: none; margin: 0; padding: 0 0 0 9px; background: url(../images/top-nav-bg.png) 0 100% repeat-x; font-family: Arial, Helvetica, sans-serif; }
    #nav li { float: left; display: inline; padding: 0; margin: 0 2px; font-size: 1.5em; text-transform: uppercase; }
     #nav li a { float: left; display: inline; width: 90px; height: 31px; padding-top: 12px; color: #fff; text-align: center; text-decoration: none; }
	 #nav li.active a, #nav li a:hover, #nav li a:focus, #nav li a:active { background: #fff url(../images/top-nav-li-bg.png) 0 100% no-repeat; color: #000; text-decoration: none; }
     #nav li em { position: absolute; left: -10001px; top: -10001px; }
  #content { position: relative; top: 9px; left: 0; width: 100%; padding: 9px 0 50px; }
   .content-wrap { width: 775px; margin: 0 auto; padding: 0; background: url(../images/content-bg-middle.png) 0 0 repeat-y; }
    .content-wrap-a { padding: 0 0 43px; width: 100%; background: url(../images/content-bg-bottom.png) 0 100% no-repeat; }
     .content-wrap-b { overflow: hidden; width: 700px; min-height: 400px; padding: 43px 30px 0 45px; background: url(../images/content-bg-top.png) 0 0 no-repeat; }
	  #main { float: left; width: 430px; padding: 0 8px 0 9px; }
	  .home #main { width: 461px; }
	  #side { float: right; width: 207px; margin-top: 33px; border-top: 1px solid #bd0000; }
	  .home #side { padding-top: 0; border: 0; }	  
	  .additional { clear: both; }
   #footer { position: relative; height: 1%; padding: 14px 18px 0 30px; color: #fff; }
    #footer .copyright { float: left; margin: 0; font-size: 1em; }
	#nav-foot { float: left; list-style: none; margin: 0; padding: 2px 0 0 12px; }
	 #nav-foot li { float: left; padding: 0 12px; border-left: 1px solid #fff; font-size: 1em; }
	  #nav-foot li a { color: #fff; text-decoration: none; }
	  #nav-foot li a:hover, #nav-foot li a:focus, #nav-foot li a:active { color: #fff; text-decoration: underline; }
	#footer .created-by { position: absolute; top: 12px; right: 18px; margin: 0; height: 21px; line-height: 21px; color: #91978b; font-size: 0.9em; vertical-align: top; }
	 #footer .created-by a { float: left; display: inline; height: 21px; margin-left: 6px; }
	 #footer .created-by span { float: left; display: inline; height: 21px; line-height: 21px; width: auto; }
   .color-bar { display: block; position: absolute; bottom: 0; left: 0; width: 793px; height: 3px; overflow: hidden; margin: 0; background: url(../images/color-scheme.gif) 0 0 repeat-x; text-indent: -100001em; }
/* GENERAL
------------------------------------------- */

/* headers */

h1, h2, h3, h4, h5, h6 { }
h1, h2, h3 { color: #c21616; font-weight: normal; font-variant: small-caps; font-family: Arial, Helvetica, sans-serif; }
h1 { font-size: 2.7em; }
h2 { border-bottom: 1px solid #e2e4e1; font-size: 2.6em; }
h3 { font-size: 2.2em; }
h4 { font-size: 1.6em; line-height: 1.25em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

h2.a { margin-right: -8px; margin-left: -9px; padding-left: 9px; }
#side h2 { padding-top: 12px; border: 0; color: #666; font-size: 1.3em; font-weight: bold; line-height: 1.25em; font-variant: normal; font-family: Verdana, Geneva, Kalimati, Arial, Helvetica, sans-serif; }

/* containers */
#side .box { border-bottom: 1px solid #e2e4e1; }

div.dl { display: block; overflow: hidden; width: 100%; }
 div.dl span.dt { float: left; width: 50px; margin-right: 23px; font-weight: bold; }
 div.dl span.dd { float: left; width: 135px; margin-right: 14px; } 
 div.dl-col { float: left; }

#side div.dl { display: block; width: 100%; height: 1%; padding: 0 0 20px; overflow: hidden; }
 #side div.dl p { display: block; margin: 0; overflow: hidden; }
 #side div.dl span.dt { clear: left; margin-right: 10px; }
 #side div.dl span.dd { float: right; margin-right: 0; }
 
div.openings div.dl span.dt { width: 70px; }
div.openings div.dl span.dd { width: 115px; }

.nav-side { }
 .nav-side ul { padding: 8px 0 0; margin: 0 0 15px; list-style: none; }
  .nav-side ul li { display: block; width: 100%; padding: 0; margin: 0; border-top: 1px solid #e2e4e1; }
   .nav-side ul li.first { border-color: #fff; } 
   .nav-side ul a { display: block; height: 1%; width: auto; padding: 8px 10px 8px 20px; color: #000; background: url(../images/side-nav-arrow.gif) 8px 14px no-repeat; text-decoration: none; }
   .nav-side ul li.active a, .nav-side ul a:hover, .nav-side ul a:hover, .nav-side ul a:hover { color: #fff; background-color: #91978b; background-position: 8px -14px;  }

div.list-movies { width: 100%; overflow: hidden; }
 div.list-movies .item { float: left; overflow: hidden; width: 220px; height: 165px; margin: 0 0 30px 12px; padding: 1px; border: 1px solid #5b5b5b; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #fff; }
 div.list-movies .item-first  { margin-left: 0; }
  div.list-movies .item p { margin: 0; }
   div.list-movies .item p a { display: block; position: relative; width: 220px; height: 165px; }
   div.list-movies .item span.ico { display: block; position: absolute; top: 68px; left: 96px; overflow: hidden; width: 29px; height: 29px; background: url(../images/play-ico.png) 0 0 no-repeat; text-indent: -1000001em; cursor: pointer; }
   * html div.list-movies .item span.ico { display: none; }
   
/* play button */
div.player img { margin-top: 67px; }
/* info area */
div.player div.info {	height:40px;	background:#000 url(/img/global/gradient/h80.png) repeat-x;	opacity:0.7;	color:#fff;	margin-top:45px;	text-align:left;	padding:5px 15px;		font-family:"bitstream vera sans","trebuchet ms";	font-size:12px;	border-top:1px solid #ccc; 	margin-top:40px; }
/* duration data inside info area */
div.player div.info span {	color:#99FF99;	display:block;	font-weight:bold; }



/* forms */

form { padding: 20px 0 0; }
form .row { display: block; min-height: 26px; line-height: 26px; width: 100%; }
* html form .row { height: 29px; }
 form label, form input, form select { float: left; }
 form input, form select, form textarea { padding: 5px 10px; border: 1px solid #91978b; background: #efefef; }
 form label { width: 90px; margin-right: 10px; }
 form input { overflow: hidden; width: 150px; line-height: 1.2em; }
 form select { width: 172px; padding: 5px 5px 5px 10px; }
 form .row .error { display: block; padding-left: 100px; clear: both; color: #bd0000; font-size: 0.9em; }
form .f-textarea { }
 form .f-textarea label { }
 form textarea { width: 300px; height: 100px; }

form .submitrow { display : block; padding-left: 100px; }
form button { height: 2.2em; line-height: 2em; padding:0 10px; border: 0; background: #91978b; color: #fff; font-weight: bold; }


/* tables */

table { }
 table th, table td { padding: 5px 10px; border: 1px solid #ccc; }

/* lists */


/* paragraphs */
p { line-height: 1.58em; }	


/* links */
.more { font-size: 1.1em; text-align: right; text-transform: lowercase; }
.more a { text-decoration: none; }
.more a:hover, .more a:focus, .more a:active { text-decoration: underline; }


/* other */

/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	head~body #root { margin-top: -20px; }
}

/* selection */
::-moz-selection{ background:#000; color:#fff; }
::selection { background: #000; color: #fff; }
 
/* SPECIFIC
------------------------------------------- */
#google-map { display: block; overflow: hidden; width: 426px; height: 350px; margin: 0 0 25px; border: 2px solid #91978b; }

div.gallery { display: block; clear: both; overflow: hidden; width: 700px; margin: 0 auto;  }
 div.gallery ul { display: block; overflow: hidden; width: 100%; padding: 0; margin: 0; list-style: none; }
  div.gallery ul li { float: left; padding: 0; margin: 0 2px 2px; text-align: center; }
   div.gallery ul li a { float: left; text-align: center; }
    div.gallery ul li a img { float: left; height: 120px; margin: 5px; padding: 2px; background-color: #fff; border: 1px solid #ccc; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer; }

 div.gallery .part { overflow: hidden; min-height: 150px; width: 690px;  }
  div.gallery .slideshow { width: 99999999999px; }

.gallery-part { position: relative; clear: both; width: 100%; height: 1%; overflow: hidden; }
 .gallery-part ul.buttons { position: absolute; top: 50px; left: 0; clear: both; width: 100%; height: 30px; padding: 0; margin: 0; list-style: none; }
  .gallery-part ul.buttons li { width: 30px; height: 30px; }
  .gallery-part ul.buttons li.bttn-left { float: left; }
  .gallery-part ul.buttons li.bttn-right { float: right; }
   ul.buttons li a.browse { display: block; float:left; width: 30px; height: 30px; overflow: hidden; margin: 0; background: url(../images/hori-large.png) no-repeat; cursor: pointer; text-indent: -1000001em;}
   ul.buttons li a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
   ul.buttons li a.right:hover { background-position:-30px -30px; }
   ul.buttons li a.right:active { background-position:-60px -30px; }
   ul.buttons li a.left { margin-left: 0px; } 
   ul.buttons li a.left:hover { background-position:-30px 0; }
   ul.buttons li a.left:active { background-position:-60px 0; }
   ul.buttons li a.disabled { visibility:hidden !important; } 	
.scrollable { position: relative; left: 58px; float: left; overflow: hidden; width: 580px; min-height: 150px; }
* html .scrollable { height: 150px; }
 .scrollable .items { position: absolute; clear: both; width: 20000em; padding: 0; margin: 0; list-style: none; }
  .scrollable .items li { float: left; width: 130px; max-height: 100px; padding: 2px; margin: 20px 5px 20px 5px; border: 1px solid #ccc; -moz-border-radius:4px; -webkit-border-radius:4px;  }
   .scrollable .items li a { float: left; width: 130px; height: 100px; overflow: hidden; background-color: #fff; }
   .scrollable .items li:hover { background: #91978b; }
    .scrollable .items li a img { display: block; margin: 0 auto; cursor: pointer; }
   .scrollable .active { border: 2px solid #000; z-index: 100; position: relative; }
  
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left;}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {	width: 66px; float: right; padding-bottom: 0.7em; }