/* Studio Kap Layout Styles */


/* Large structure styling
----------------------------------------*/

body {height: 600px;}
div#width {position:absolute;
	top: 50%;
	left: 50%;
	width:875px;
	height:600px;
	margin-top: -300px; /*set to a negative number 1/2 of your height*/
	margin-left: -435px; /*set to a negative number 1/2 of your width*/
}
#header {height: 50px;}
#header img {display:none;}
#content { position:relative;}

/* Navigation style for global
-------------------------------------------------------------*/

#nav {height:132px; width:132px; position:relative; top: 400px}
#nav ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px;}
#nav li {margin:0; padding:0; list-style:none;}
#nav li {display:inline-block; display:inline;}
#nav ul ul {position:absolute; left:-9999px; height:120px}
#nav ul#toplevel {position:absolute; left:0; top:0;}
#nav ul li:hover > ul {	left:100%;	margin-top:-23px;	margin-left:-1px;}
#nav a:hover ul, #nav a:hover a:hover ul, #nav a:hover a:hover a:hover ul {left:100%;}
#nav ul li:hover > ul.level_menu {top: 23px; }
#nav table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}
#content {position: relative;	top: -110px;	height:365px;	width: 875px;}
#nav ul.level_menu {	width: 130px;}
#nav ul.outy {left:100%;margin-left:-1px;margin-top:-29px;top:29px;z-index:-10;}

/* Dynamic Navigation styling
---------------------------------------------*/

div.sc_menu_wrapper {height: 120px;	margin-top: 40px; overflow: auto;	position: absolute; top: -40px; left: 390px; width:240px}
div.sc_menu {padding: 0;}
.sc_menu_wrapper .loading {	position:relative;	top: 0px; left: 2px; width:100px}
#nav div.sc_menu_wrapper li { display:block;}

/* Wide dynamic nav box
------------------------------*/
div.wide {width:483px;}

/* Style to hide the right side on the long pages
----------------------------------------------------------*/
body.longpage .holder {display:none;}
body.longpage #project-header {display:none;}

body.longpage #left_image {width: 875px; height:365px;}
body.halfpage #left_image {width: 560px; height:365px; overflow:hidden}
body.thirdpage #left_image {width: 300px; height:365px; overflow:hidden} 

body.longpage #left_image #s4.pics img {width: 875px; height:365px; position:absolute; top: 0; left: 0 }

#left_image, #s4, div.pics,  div.pics {width: 100%; height:100%;}

/* Layout style for the CONTENT left, right and image link boxes
-------------------------------------------------------------------*/
#project-images {position:absolute; margin: 0; }
#s4 {height: 365px; overflow:hidden}
.pics {height:  365px;width:   560px;padding: 0;margin:  0;}
.pics img {padding: 0;background-color: #fffafa;position: relative; bottom: 0; left: 0}
 
/* Style for the little image rollover boxes
----------------------------------------------------*/
.img_nav { margin:0 }
#project-images { width:auto; height: 15px; right: 0; top:380px;}
#project-images a { margin: 0 2px; width: 10px; height: 10px ; border: 1px solid #8B0000;text-decoration: none; text-indent:-9999px; display: block; float: left; }
#project-images a:visited {}
#project-images a:hover {border: 1px solid #c0c0c0;}
#project-images a:active {background-color: #50404D}
#project-images a.activeSlide { background: #933; border: 1px solid #8B0000  }
#project-images a:focus { outline: none; }


/* the changin HOLDER div styles
--------------------------------*/
.holder {height:335px; position:absolute; right:0; width:556px; top:30px }
body.news .holder { }
body.news .holder li {line-height: 20px}
body.studio .holder {width:300px; }
body.project .holder {width:300px; top:60px; height: 305px; }
body.staff .holder {width:300px; top:60px; height: 305px;}


/* NEWS body class
-------------------------------------*/
body.news #left_image {width: 300px}

/* Style for the main images on the portfolio page
----------------------------------------------------------*/

#left_image {position:absolute; top:0px; left:0; width: 560px; height: 365px;}


/* Hide ie6 warning
------------------------------ */
#dreadedie6 {display: none;}

/* stops akk the images pilling up with no js
---------------------------------------------------*/
body.js_off div#s4 img {display: none; }
body.js_off div#s4 img:first-child { display: block;}

/* Scollpane layout
------------------------*/
.scroll-pane { height:335px; overflow:auto; position:absolute; }
body.project .scroll-pane { height:305px}
body.staff .scroll-pane {height:305px}
body.news .scroll-pane {width: 557px;}

/* SLD tag
----------------------*/

#sld_tag {text-align:right; margin:80px 0 20px 0;padding: 40px 0 10px; display:block; }


/*
.holder {border: 1px dashed tan;}
#content {border: 1px dashed purple;}*/