/* Koroor Studio Main Stylesheet  */
/* Created by Shaahin Mohammadi  */


html
{
	background: #68686a url(/images/bg_main_3k.gif) repeat-y center top;
	min-height: 700px;	
}

body	{
	background-color: transparent;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;	
	color: #68686a;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: .8em;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
}

a:link, a:visited {
	color: #cfcfcf;
	text-decoration: none;
	}

a:hover {
	text-decoration : none;
	color: #ffcd00;
	background: transparent; 
	}

a:active {
	text-decoration : none;
	color: #ee6731;
	background: transparent;  
	}

div#wrapper {
	height:100% !important;
	_height:100% !important;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: visible;
}

div#container {
	width: 945px;
	height: 640px;		
	height:auto !important;
	_height:auto !important;	
	min-height: 640px;	
	margin: 0 auto;
	padding: 0;
	border: 0;
	overflow: visible;
}

div#header {
	position: relative;
	display: block;
	float: left;
	text-align: left;
	width: 945px;
	height: 110px;
	margin: 0;
	padding: 0;
	z-index: inherit;
	overflow: visible;	
}

div#logo {
	display: block;
	float: left;
	width: 306px;
	height: 110px;	
	margin: 0;
	padding: 0;	
}

html>body div#logo {
	margin-left: 0;
	margin-bottom: 0;	
}


div#logo h1	{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	padding: 0;
	border: 0;
	margin: 0;	
}
	

div#logo h1 a:link, div#logo h1 a:visited	{
	display: block;
	text-decoration: none;
	background: transparent url(/images/logo_main.gif) no-repeat left bottom;
	width: 306px;
	height: 110px;
	margin: 0;
}
	
div#logo h1 a:hover	{
	background: transparent url(/images/logo_main.gif) no-repeat left bottom;
}


div#navigation {
	float: left;
	display: block;	
	width: 639px;
	height: 110px;	
	margin: 0;
	padding: 0;
	vertical-align: text-top;
}


div#toolbar ul {
	list-style-type: none;
	float: right;
	text-align: center;
	margin: 0;
	margin-top: 87px;
	margin-bottom: 0;
	padding: 0;
}

div#toolbar ul li {
	float: left;
	display: inline-block;
	width: 80px;
}

div#toolbar ul li a:link, 
div#toolbar li a:visited	{
	color: silver;
	/* background-color: #434446; */	
	display: block;
	font-family: "Arial Narrow", Helvetica, Geneva, sans-serif;
	font-size: .9em;
	font-weight: 800;
	line-height: 23px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0;
}
	
div#toolbar ul li a:hover {
	color: white;
}

div#toolbar ul li.color1 a:hover {
	color: white !important;
	background-color: #ff6c18 !important;
}

div#toolbar ul li.color2 a:hover {
	color: #999 !important;
	background-color: #e7e7e7 !important;
}

div#toolbar ul li.color3 a:hover {
	color: white !important;
	background-color: #23bc36 !important;
}

div#toolbar ul li.color4 a:hover {
	color: white !important;
	background-color: #798ed7 !important;
}
	
div#toolbar ul li.color5 a:hover {
	color: white !important;
	background-color: #b9b87b !important;
}


div#sidebar {
	float: left;
	width: 306px;
	height:auto !important;
	_height:auto !important;
	height: 500px;			
	min-height: 360px;
	padding: 0;
	margin: 0;
}

div#side-in {
	display: block;	
	float: left;
	width: 306px !important;
	height:307px !important;
	padding: 0;
	margin: 0;
}

div#side-in-item {
	display: block;	
	float: left;
	width: 306px !important;
	height:420px !important;
	padding: 0;
	margin: 0;
}

/* Slogan is here */ 
div#side-in-item h2	{
	background: transparent url(/images/slogan.gif) no-repeat left top;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	border: 0;
	padding: 0;
	width: 246px;
	height: 89px;
	margin-top: 33px;	
	margin-left: 60px;
}
	
div#side-in-item h2 a:link, div#side-in-item h2 a:visited	{
	display: block;
	text-decoration: none;
	background: transparent url(/images/slogan.gif) no-repeat left bottom;
	width: 306px;
	height: 110px;
	margin: 0;
}
	
div#side-in-item h2 a:hover	{
	background: transparent url(/images/slogan.gif) top right no-repeat;
}


/* Slideshow Key */ 
div#side-in-item h4	{
	background: transparent url(/images/key_slideshow.gif) no-repeat left top;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	border: 0;
	padding: 0;
	width: 88px;
	height: 31px;
	margin-top: 120px;	
	margin-left: -90px;
}

html>body div#side-in-item h4 {
	margin-left: 60px;
}


div#side-in-item h4 a:link, div#side-in-item h4 a:visited	{
	display: block;
	text-decoration: none;
	background: transparent url(/images/key_slideshow.gif) no-repeat left top;
	width: 88px;
	height: 31px;
	margin: 0;
}
	
div#side-in-item h4 a:hover	{
	background: transparent url(/images/key_slideshow_o.gif) no-repeat left top;
}

div#side-in-item input {
	background: transparent url(/images/key_slideshow.gif) no-repeat left top;
	float: left;
	display: block;
	text-indent: -9999px;
	text-align: left;
	overflow: hidden;
	border: 0;
	padding: 0;
	width: 88px;
	height: 31px;
	margin: 0;
	margin-top: 215px;	
	margin-left: 31px;
	cursor: pointer;
}

html>body div#side-in-item input {
	margin-top: 225px;	
	margin-left: 60px;
	float: none;
}

div#container div#sidebar div#side-in-item ul {
	display: block;
	clear: both;
	margin-right: 30px;
}

div#container div#sidebar div#side-in-item ul:after {
	clear: both;
}

div#container div#sidebar div#side-in-item ul li {
	height: 1.4em;
}

div#content form table.text input {
	border: 1px outset #eee;
	color: #111;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	width: 100px;
	display: block;
}

div#content form table.text input:hover {
	background-color: #f96a0e;
	color: white;
}

div#content form table.text input:active {
	background-color: #555;
	color: white;
}


div#content form table.text input.input {
	border: 1px inset #bbb;
	width: 230px;
}

div#content form table.text textarea {
	border: 1px inset #bbb;
	width: 232px;
}

span#slidebg {
	background: transparent url(/images/key_slideshow.gif) no-repeat left top;
	z-index: 10;
	border: 0;
	padding: 0;
	margin: 0;
	margin-top: -31px;
	margin-left: 60px;
	width: 88px;
	height: 31px;
	color: transparent;
}


/* Header in sidebar */
div#side-in h3, div#side-in-item h3 {
	margin: 0;
	margin-top: 33px;
	color: #888;
}

div#side-in p, div#side-in-item p {
	margin: 0;
	margin-top: 1em;
	color: #737373;
}

div#side-in h3, div#side-in-item h3, div#side-in p, div#side-in-item p {
	line-height: 1.1em;
	display: inline;
	float: left;
	border: 0;
	padding: 0;
	margin-left: 64px;
	margin-right: 15px;
	font-family: "Arial Narrow", Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
}
	
div#side-in h3 a:link, div#side-in h3 a:visited, 
div#side-in-item h3 a:link, div#side-in-item h3 a:visited,
div#side-in p a:link, div#side-in p a:visited,
div#side-in-item p a:link, div#side-in-item p a:visited	{
	display: inline;
	text-decoration: none;
	margin: 0;
	color: #b2b2b2;
}
	
div#side-in h3 a:hover,
div#side-in-item h3 a:hover,
div#side-in p a:hover,
div#side-in-item p a:hover	{
	text-decoration: underline;
	color: white;
}


/* sidebar list */

#inline-list p {
	display: block;
}

#sidebar ul, #sidebar li {
	text-align: left;
	margin-top: 1.2em;
	display: list-item;
	margin: 0;
	padding: 0;
	color: #656565;
	list-style: none;
	list-style-image: none;
	overflow: visible;
	text-transform: uppercase;
	font: .95em/2em "Arial Narrow", "Helvetica Neue", Helvetica, Geneva, sans-serif;;
}

#sidebar ul {
	margin-top: 1.2em;
}

#sidebar ul:after {
	content:"_"; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
}

#sidebar li {
	margin-left: 62px;
}
	

/* content section */
div.content-wrap-h219 {
	float: left;
	display: block;
	/* background-color: #434446; */
	margin: 0;
	margin-top: 22px;
	margin-bottom: 21px;
	padding: 0;
	height:auto !important;
	_height:auto !important;		
	min-height: 219px;
}

div#content {
	display: block;	
	float: left;
	width: 639px;
	min-height: 423px !important;
	height:auto !important;
	_height:auto !important;		
	padding: 0;
	margin: 0;
	margin-top: -3px;
	text-align: left;
}

html>body div#content {
	margin-top: 0;	
}


div#content h2 {
	display: block;
	overflow: hidden;
	float: left;
	text-align:left;
	position: relative;
	font-family: "Arial Narrow", Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.6 em;
	font-weight: 600;
	line-height: 1.1em;
	text-transform: uppercase;
	padding: 6px;
	margin: 0;
	margin-left: 50px;
	margin-top: 21px;	
}

div#content h2 a:link, div#content h2 a:visited	{
	padding: 2px;
	color: #999999;
	text-decoration: none;
}
	
div#content h2 a:hover	{
	text-decoration: none;
	color: #ffcd00;
	border-bottom: 2px solid #777777;
}


div#title-and-path {
	display: block;
	/* background-color: #434446; */
	width: 580px;
	margin-left: 50px;
	margin-top: 34px;
	padding: 0;
	
}

div#title-and-path h3 {
	float: left;
	display: inline-table;
	font-family: "Arial Narrow", Helvetica, Geneva, sans-serif;
	font-size: .9em;
	font-weight: 200;
	line-height: 1.1em;
	color: #aaa;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0;
	padding: 6px;
	word-spacing: 0;
}

div#title-and-path h3 a:link, div#title-and-path h3 a:visited	{
	padding: 2px;
	color: #999999;
	text-decoration: none;
	border-bottom: 2px solid transparent;
}
	
div#title-and-path h3 a:hover	{
	text-decoration: none;
	color: #ffcd00;
	border-bottom: 2px solid #777777;
}



div#title-and-path h4 {
	float: right;
	display: inline-table;
	font-family: "Arial Narrow", Helvetica, Geneva, sans-serif;
	font-size: 1em;
	font-weight: 200;
	line-height: 1.1em;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0;
	padding: 6px;
	word-spacing: 0;
}

div#title-and-path h4 a:link, div#title-and-path h4 a:visited	{
	background-color: #3f3f3f;
	padding: 2px 8px;
	color: #ffcd00;
	text-decoration: none;
}
	
div#title-and-path h4 a:hover	{
	background-color: #808080;
	text-decoration: none;
	color: #fff;
}


div#content p {
	display: block;
	color: #aaa;
	padding: 6px;
	margin: 0;
	margin-left: 221px;
	margin-top: 21px;
	margin-bottom: 17px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: .9em;
	line-height: 1.5em;
	/* background-color: #345; */
	/* background-color: #345345; */
}

div#content p img {
	display: block;
	margin: 0 14px 14px 0 !important;
	border: 1px solid #555;
}

div#content p strong {
	display: block;
	margin-bottom: 25px;
	text-shadow: #444 0px 1px 1px;
}

#content ul, #content li {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	margin-top: 1.2em;
	display: list-item;
	margin: 0;
	padding: 0;
	color: #656565;
	list-style: none;
	list-style-image: none;
	line-height: 1.6em;
	overflow: visible;
}

#content ul {
	margin-top: 2px;
}

#content li {
	margin-left: 62px;
}



/* thumbnails */
div.thumbsframe {
	float: left;
	display: block;
	/*background-color: #434446; */
	margin: 0;
	margin-top: 15px;
	margin-left: 21px;
	margin-bottom: 21px;
	padding: 0;
}

html>body div.thumbsframe {
	margin-top: 15px;
	margin-left: 51px;
	height:auto !important;
	_height:auto !important;
}

div.thumbsframe-p {
	float: left;
	display: block;
	/*background-color: #434446; */
	margin: 0;
	margin-top: 15px;
	margin-left: 21px;
	margin-bottom: 21px;
	padding: 0;
	height: 340px;
}

html>body div.thumbsframe-p {
	margin-top: 15px;
	margin-left: 51px;
	height:auto !important;
	_height:auto !important;
	min-height: 340px;
}



/* thumbnail boxes */
dl.thumbsmall {
    float: left;
    text-align: left;
    margin-right: 7px;
    margin-bottom: 0;
 	overflow: hidden;
}

dl.thumbsmall:hover	{
	background-color: #3f3f3f;
}

dl.thumbsmall,
dl.thumbsmall dt,
dl.thumbsmall dd {
	margin-top: 0;
	margin-bottom: 3px;
  	display: block;
  	list-style-type: none;
}

dl.thumbsmall {
  	border: none;
  	padding: 0;
  	padding-bottom: 2px;
}

dl.thumbsmall dt {
	margin: 0;
  	border: none;
  	padding: 0;
}

dl.thumbsmall dt img {
  	display: block;
  	width: 128px;
  	height: 80px;
  	color: #bfbfbf;
    border: 6px solid #fff;
	background: transparent url(/images/bg_thumb.gif) repeat fixed;
}

div#content div.thumbsframe dl.thumbsmall dd {
  	margin: 0;
  	border: none;
  	padding: 0.4ex 0.4ex 0 0.4ex;
	font: normal 0.8em/1.1em "Arial Narrow", Arial, Helvetica, Geneva, sans-serif;
  	color: #eee;
 	text-transform: uppercase;
 	overflow: hidden;
} 



/* thumbnails for movies */

dl.thumbsmall-b {
    float: left;
    text-align: left;
    margin-right: 7px;
    margin-bottom: 0;
}

dl.thumbsmall-b:hover	{
	background-color: #3f3f3f;
}

dl.thumbsmall-b,
dl.thumbsmall-b dt,
dl.thumbsmall-b dd {
	margin-top: 0;
	margin-bottom: 3px;
  	display: block;
  	list-style-type: none;
}

dl.thumbsmall-b {
  	border: none;
  	padding: 0;
  	padding-bottom: 2px;
}

dl.thumbsmall-b dt {
	margin: 0;
  	border: none;
  	padding: 0;
}

dl.thumbsmall-b dt img {
  	display: block;
  	width: 128px;
  	height: 80px;
  	color: #bfbfbf;
    border: 6px solid #6175aa;
	background: transparent url(/images/bg_thumb.gif) repeat fixed;
}

dl.thumbsmall-b dd {
  	margin: 0;
  	border: none;
  	padding: .4ex .4ex 0 4ex;
	font: normal 0.8em/1.1em "Arial Narrow", Arial, Helvetica, Geneva, sans-serif;
  	color: #eee;
 	text-transform: uppercase;
	background: url(/images/icon-film.gif) no-repeat;
}



/* Copyright */ 
div#copyright {
	display: block;
	width: 945px;
	min-height: 55px;	
	margin: 0 auto;
	padding: 0;
	border: 0;
	overflow: visible;
	clear: both;
}

div#copyright div#info {
	display: block;
	float: left;
	width: 306px;
	height: 55px;	
	margin: 0;
	padding: 0;
	margin-top: 30px;
}

div#info h5	{
	font: normal 0.8em/1.7em "Arial Narrow", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	text-align: left;
	border: 0;
	color: #808386;
	padding: 0;
	margin: 0;
	margin-left: 0px;
	margin-top: -2px;
}

div#info h5 a:link, div#info h5 a:visited	{
	text-align: left;	
	color: silver;
	text-decoration: none;
}
	
div#info h5 a:hover	{
	text-decoration: underline;
}


/* Misc Requirements */ 
.featherduster {
	clear: both;
}

.sauber {
	clear: both;
}

.sauber:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
} 

/* Hiding from Oldies */ 
* html .sauber { height:1%; } 


div#content img {
   
}


.text {
   color: #b2b2b2;
   font-size:12px;
}
.errorMessage {
   color:darkred;
}
.successMessage {
   color:lightgreen;
}
.pageBar {
   font-size:12px;
}