/* RKARTSTUDIO CSS version 20091030_V.NOVA */
/* Thanks to Dynamic Drive for the 3-column CSS structure and dropdown menu*/

/* MININUM RESET */ *{margin:0; padding:0;}

/* SITE STRUCTURE: 3 COLUMN 
WIDTH: 1024
LEFT: 224 CENTER: 576 RIGHT: 224*/

body {
	line-height: 1.5em;
	background-color:#000000;
}

#maincontainer {  /* Outer container */
	width: 1024px;
	margin: 0px auto; /*Center on page*/
	background: url(images/bg-dropshadowC1.gif) repeat-y;
	background-color: #68605D;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	color: #FBF4E4;
}

#banner {top: 25px; width: 1024px; height: 86px;}

#contentwrapper {float: left; width: 100%; margin-top: 0;}

#contentcolumn {
	margin: 0 224px 0 224px;
	border-left: 1px dotted #FBF4E4;
	border-right: 1px dotted #FBF4E4;
}

#galleryWrapper {
	margin: 0 224px 0 224px;
	border-left: 1px dotted #FBF4E4;
	border-right: 1px dotted #FBF4E4;
}

#leftcolumn {
	float: left;
	width: 224px;
	margin-left: -1024px; 
	top: 0;
}

#rightcolumn {
	float: left;
	width: 224px;
	margin-left: -224px; /*Set left margin to -(RightColumnWidth)*/
	margin-top: 10px;
}

#footer {
	clear: left;
	width: 1024px;
	height:48px;
	padding: 4px 0;
	border-top: 1px solid #999999;
}

.innertube {margin: 10px; margin-top: 5px;}
.innertubeRight {margin: 0 25px 10px 10px;}
.text {margin: 5px 38px 0 38px;}
.galleryDescription {padding: 0 38px 0 38px;}

table.thumbs {width: 800px;}
table.thumbs img {width: 150px; height; 150px; margin: 5px;}
table.thumbs td h3 {width: 150px; height: 150px;}

.galleryTitle {	
	position: relative;
	top: 10px; left: 5px;
	font: 300 12px/15px 'helvetica neue',sans-serif;
	margin: 0 0 15px 0;
	letter-spacing: .25em;
	color: #FBF4E4;
	text-transform: uppercase;
}
	
#thumbsContainer {	
	clear: both;
	position: relative; width: 800px;
	margin: 0px auto; /*Center container on page*/
	border-top: 1px solid #999999;
}
	
	
/* LINK STYLES */

a:link {color:#CCCCCC;}      /* unvisited link */
a:visited {color:#FFFF80;}  /* visited link */
a:hover {color:#FF3300;}  
a:active {color:#990000;}  /* selected link */
#footer a {color: #FFFF80;}


/* HEADER STYLES */

h1 {
	font: 800 22px/22px 'helvetica neue',sans-serif;
	letter-spacing:10px;
	text-transform:uppercase;
	color:#FBF4E4;
	text-align:center;
/*	margin: 0px 0 30px 0;*/
	padding: 0 0 20px 0;
}

	
h2 {
	font: 600 16px/20px 'helvetica neue',sans-serif;
	margin: 25px 0 0 0;
	letter-spacing: .25em;
	color: #FBF4E4;
	border-bottom: 1px dotted #666666;
	text-transform: uppercase;
}

.text h2 {font: 600 16px/20px 'helvetica neue',sans-serif;
	margin-top: 25px;
	letter-spacing: .25em;
	color: #FBF4E4;
	border-bottom: 1px dotted #666666;
	text-transform: uppercase;
}

#rightcolumn h2 {
	margin: 0 0 10px 0;
	font: 600 16px/16px 'helvetica neue',sans-serif;;
	color:#000000;
	border-top:none;
	letter-spacing:normal;
}

/* TEXT STYLES */
.text p {
	/*margin-bottom:7px;*/
	padding-bottom: 10px;
	font: .75em/1.75em Verdana, Arial, Helvetica, sans-serif normal;
	color: #FBF4E4;
}

.galleryDescription p {	
	margin-bottom:7px;
	font: .75em/1.75em Verdana, Arial, Helvetica, sans-serif normal;
	color: #FBF4E4;
}

#rightcolumn p {
	font: .75em/1.5em Arial, Helvetica, sans-serif normal;
	color: #FBF4E4;
	margin-bottom:10px;
	margin-right:10px;
}

#leftcolumn p {
	font: .75em/1.5em Arial, Helvetica, sans-serif normal;
	color: #FBF4E4;
	margin-bottom:10px;
	margin-right:10px;
}

#footer p {
	font: 600 .65em/1.0em Arial, Helvetica, sans-serif normal;
	padding: 35px 0 0 35px;
	color: #FBF4E4;
}


#rightcolumn ul {
	font: .75em/1.5em Arial, Helvetica, sans-serif normal;
	color: #FBF4E4;
	margin-bottom:10px;
	margin-right:10px;
}

#rightcolumn ul li {
	display:list-item;
	list-style:square;
	margin-left:10px;
	padding-bottom: 10px;}

/* IMAGE STYLES */

img.big { padding-top: 0; margin: 0;}
img.logo {border: none;}
img.rkclogo {float: left;}
#rightcolumn img {padding:5px 0 15px 0;}
#rightcolumn img.rt-logo {padding-top:25px;}
#banner img {display: inline; margin: 0; padding: 0;}

img.galleryThumb {
	float:left;
	margin-top: 28px;
	padding: 0 5px 5px 0;
	border: none;
}

img.left {
	float: left;
	padding: 0 5px 5px 0;
	margin-top: 15px;}


/* MENU STYLES */

#myslidemenu {
	position: relative;
	top: 0;
	width: 500px; 
	height: 25px;
	margin-left: 500px;
	z-index: 100;
}

.jqueryslidemenu {
	font: bold 10px Verdana;
}

.jqueryslidemenu ul {
	margin: 0; padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li {
	background: transparent url(images/menuDividerC1.gif) no-repeat right center; float: right; display: inline;
	position: relative; float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a {
	display: block;
	color:#999087;
	/*padding: 8px 10px;*/
	padding: 2px 10px;
	text-decoration: none;
}

* html .jqueryslidemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
	color:#000000; /*sets text color for the main menu */
}

.jqueryslidemenu ul li a:hover {
	background: #999087; /*tab link background during hover state*/
	color: #FBF4E4;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul {
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li {display: list-item; float: none;}

/*Sub level menu links style*/
.jqueryslidemenu ul li ul li a {
	font: 800 10px Verdana;
	background: #999087;
	width: 100px;
	padding: 5px; margin: 0;
	border-top: 1px dotted #FBF4E4;
}

.jqueryslidemenu ul li ul li a:hover {
	font: 800 10px Verdana;
	background: #999087;
	color: #FBF4E4;
	width: 100px;
	padding: 5px; margin: 0;
	border-top: 1px dotted #FBF4E4;
}

.menuTmb {padding-right: 5px;}  /* style for the litte thumbs in the dropdown menu */

.downarrowclass {
	position: absolute;
	top: 6px; right: 7px;
}

.rightarrowclass {
	position: absolute;
	top: 6px; right: 5px;
}

.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}  

.jqueryslidemenu ul li.sansDivider {background: none;} /* removes final border from the menu */

.rightMenu {float:right;} /* make sure that menu is right justified; apply to ul object not li otherwise the order gets reversed */


/* GALLERIA OBJECT STYLES */

.galleria li {     /* Thumbs displayer -- spacing of the thumbs */  
	display:block;
	overflow:hidden;
	float:left;
	margin: 0 20px 20px 10px;
}

.galleria li a {display:none}
.galleria li div {position:absolute;display:none;top:0;left:5px}
.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}

* html .galleria li div span {width:400px} /* MSIE bug */	
	
.displayWindow {     /* Container div for the galleria object */
	position:relative;
	width: 500px; height:500px;
	margin: 5px 38px 20px 38px;
	z-index: 1;
}

/* NOTE: z-index is needed for the menu object and the displaye window
 in the gallery object in order to place the menu on top of the displayer, 
 otherwise the code has conflict */
	
.img_displayer {     /* Thumbs displayer -- effects ul  */
	list-style: none;
	width:235px;     /* change width to change number of columns */
	margin-left: 5px;
} 

.img_displayer_thumbs {margin-top:0;}
	
.img_displayer li {     /* Thumbs displayer -- size of the thumbs */
	width:75px;height:75px;
	border:0;
}
	
.img_displayer li div {left:0;}
	
#main_image {     /* Div for the main gallery image */
	margin: 0 10px 0 0;
	height:500px;width:500px;
}
	
#main_image img {margin-bottom:10px;}