*{
	margin:0;
	padding: 0;
	border: 0 none;
}

input{
	border: 1px dotted #666;
}
/*
Body Styles
------------------------------------------------------------------------------------
*/
body {
	margin : 0;
	background-color: #fff;
}

div#white_out{
	color: #fff;
}

div#body {height: 486px; width: 940px; overflow:hidden; position:relative;}

div#lists_panel{
	width: 348px; 
	height: 486px; 
	background-color: #000;
	right: 0px;
	position: absolute;
	opacity: 0.80; 
	filter: alpha(opacity=80);	
}

div#lists_panel_holder{
	position:absolute; 
	color:#fff;
	right: 0px;
	bottom: -495px;
	z-index:99999;
	height: 486px; 
	width: 350px; 	
	background: transparent url(/img/transparent.gif) repeat-x;
}


* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;}
td { vertical-align: top; }


#panel { width: 940px; margin: 30px auto; overflow:hidden }

/* #header, #gallery { border-bottom: solid 3px #fff; } */

/*
a { color: #666; text-decoration: none; }

a:hover,a.on { color: #fff; text-decoration: none; }
*/
#header {text-align:right; margin-bottom: 10px}

/* navigation lists */
#footer { position:relative; padding: 5px; background-color: #000; min-height: 90px; margin: 10px 0 30px 0; height:auto !important; height: 90px; overflow:hidden}


#menu ul, #leftNav ul, div.subNav ul, div.finalNav ul { list-style-type: none; list-style-position: inside; }
#menu ul li, #leftNav ul li, div.subNav ul li, div.finalNav ul li { display: inline;}

#menu { position: absolute; left: 7px; z-index:10}
#menu li, #menu li.sub, #menu li.  { float: left;  }
#menu li a { margin-right: 14px; font-size: 22px; color: #aaa; text-decoration: none; font-weight: bold;}
#menu li a.on {color:#fff;}


div.subNav {position: absolute; left:7px; top: 42px; visibility:hidden; z-index:9}
div.subNav li, div.subNav li.sub, div.subNav li.  { float: left; }
div.subNav li a { margin-right: 11px; font-size: 16px; color: #aaa; text-decoration: none; font-weight: bold; }
div.subNav li a.on {color:#fff;}

div.subNav li a.disable {cursor:default !important}

div.subNav ul{width:920px;}

div.subNav li.righty{position:absolute;	right: 0px;}


div.finalNav { position: absolute; left:7px; top: 70px; visibility:hidden; z-index:8; overflow: hidden; width: 920px; }
div.finalNav ul { height: 15px; white-space:nowrap;}
div.finalNav li, div.finalNav li.sub, div.finalNav li.  { float: left; }
div.finalNav li a { margin-right: 11px; font-size: 12px; color: #aaa; text-decoration: none; font-weight: bold; }
div.finalNav li a.on {color:#fff;}


#leftNav { width: 180px; background: #FFCC00; }
#leftNav ul { width: 100%;  background: #333;}
#leftNav li { border-bottom: solid 1px #fff; padding: 1px 0 2px 9px;  }
#leftNav a { font-size: 11.5px; }



#content, #admin { position: relative;  }
#content p { font-size: 11px; margin: 10px 0; }
#content p.white { color: #fff; }
#content h1 { color:#000000; font-size: 23px; font-weight:bold;}

#admin table {  width: 100%; border-collapse: separate; border-spacing: 1px; font-size: 14px }
#admin th { background: #fff; color: #666; text-align: left; padding: 2px; border:none; border-top:1px #666 dotted; border-bottom:1px #666 dotted }
#admin td { background: #eee; color: #444; padding: 1px 2px; }
#admin a { color: #444; text-decoration: underline; }

#admin label { display: block; margin: 2px 0; font-weight: bold; color: #333; font-size: 12pt; font-family:Helvetica}
#admin input, #admin select { border: solid 2px #999; padding: 2px; font-size: 10pt; color: #555; margin-bottom: 12px; }
#admin select { height: 24px; }
#admin h1 { font-size: 11pt; }



div.project { float: left; width: 25%; margin: 10px 0 0 0; }
div.project span { font-size: 11px; overflow: hidden; }
div.project img { border: solid 1px #000; }


p.link_wrap{ padding:0 !important; margin:0 !important; padding-bottom: 4px !important;}
p.link_wrap a{ color: #818284; text-decoration:none; font-size: 15px;}
p.link_wrap a:hover { border-bottom: 1px dotted #818284;}


.message { border: solid 2px #cc0000; background: #e9e9e9; padding: 4px; margin: 4px 0; color: #222; font-weight: bold; }


div#image_gallery_sidebar {float:left; width:50px; height:490px; padding-top: 5px; overflow:hidden}

div#image_gallery_sidebar img{margin-bottom: 12px;}

div#image_gallery_main {float:left; width: 555px; background-color: #fff; height: 100%; text-align:center; padding-top: 5px}

div#image_gallery_main img {margin:0 auto}

div#image_gallery_info {float:left; width: 295px; padding: 0 20px 20px 0;background-color: #fff; height: 100%}

div#image_gallery_info p {	color: #000; font-size: 13px; }




div#image_holder{ height: 486px; width: 940px; position: relative }

img.slide_img {	position:absolute; height: 486px; width: 940px; }

div.image_box{ background-color: #ddd; width: 47px; height: 47px; z-index: 1; margin-bottom:8px; }

#box6{  position:absolute; width:883px; }

#box6 span{ display:block; }

#handles6_1{ z-index: 5; }

.mask6{ position:absolute; width:883px;	height:486px; overflow:hidden; left: 10px; margin-left: 47px }

.thumbs{ width:50px; z-index: 5; position: absolute; background: transparent; top:0; left:0; }

.thumbs div{ display:block;	width:47px;	height:47px; margin-bottom: 8px; cursor:pointer; z-index: 5; }

.thumbs div img{ display:block; z-index: 5;	border:none }

div.pic_boxes{ position: absolute; left: 0;	top: 0; opacity: 0.5; filter:alpha(opacity=50) }

div.info { position: absolute; left: 595px;	width: 342px; top: 0; color: #818284 }

div.info span{ font-size: 12px; }

div.info h3{ margin-top: -3px; }

div.info a{	text-decoration: none; color: #818284; font-size: 12px; }

div.info a:hover{ text-decoration: none; border-bottom: 1px dotted #818284; }

div#panel_holder{ position: absolute; overflow: hidden;	height: 486px; width: 940px;}

div#slide_panel{ position: absolute; width: 326px; height: 486px; left: 925px; }

div#slide_info{ opacity: 0.80; filter: alpha(opacity=80); width:100%; height: 486px; background-color: #000; margin: 0 15px; padding: 0 15px 0 5px; position:absolute; color:#fff; }

div#slide_info ul {list-style-type: square}

div#slide_info a{ text-decoration: none; color: #fff; font-size: 14px; margin: 5px 0; }


div#slide_info a.sidebar_project_link{
	position:absolute;
	bottom: 40px;
}	


div#slide_info a:hover{	text-decoration: none; border-bottom: 1px dotted #fff;}

div#slide_info div { font-size: 10px; color: #fff; position: absolute;visibility: hidden;}

div#slide_info h5 { font-size: 17px; margin: 5px 0}

div#slide_info h6 { font-size: 14px; margin: 5px 0 }

div#slide_info p { margin: 10px 10px 10px 0; font-size:12px; }

div#slide_info ul { margin-left: 15px;}

h1#title_h1 { color: #666; position:absolute; left: 70px; opacity: 0.80; filter: alpha(opacity=80) }


div#slide_image{ position:abosolute; opacity:1 }

div#slide_image img{ position:absolute; z-index: 50}

div#panel_wrapper {	position:relative; 	height:486px; }
	
a.style1 { color: #fff;	text-decoration: none; }

a.style1:hover { text-decoration: underline; }


img#scroll_right_img { position: absolute; bottom: 16px; right: 4px; z-index: 100; cursor: pointer; visibility: hidden; }

img#scroll_left_img { position: absolute; bottom: 16px; left: 4px; z-index: 100; cursor: pointer; visibility: hidden; }


ul#social {
	list-style-type: none;
	width: 55px;
	float:right;
	clear: both;
	margin-top: -30px;
	margin-right: -5px;
}

ul#social li {
	float: left;
	margin: 3px;
}

ul#social li a img {
	border: none;
	width: 20px;
	height: 20px;
}