@charset "UTF-8";
/* CSS Document */



a:active
{
outline: none;
}
a:focus
{
-moz-outline-style: none;
}
a img {border: none; }

body  {
	background: #000000;
	color: #666666;
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	height: 100%; 
}
#apDiv1  {
		
	width: 900px;
	height: 200px;
	margin: 150px 0 0 0px;
	font:  11px Verdana, Helvetica, sans-serif;
}
#about {
	
	width: 672px;
	margin: 20px 0 0 0px;
	font:  11px Verdana, Helvetica, sans-serif;
	color: #999;
	padding-bottom: 20px;
	
}



#apDiv3  {
	width: 900px;
	
	margin: 0px 0 0 0px;
	font-family: Verdana, Geneva, sans-serif;
	
		
}

#apDiv69  {
	width: 800px;
	margin: 100px 0 0 -10px;
	font:  11px Verdana, Helvetica, sans-serif;
		
}


#galdiv  {
	width: 600px;
	height: 243px;
	margin: -17px 0 0 5px;
	font:  11px Verdana, Helvetica, sans-serif;
	
}

#apDiv2  {
	
	width: 672px;
	height: 399px;
}

.twoColFixLtHdr #container {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	min-height: 100%;
margin-bottom: -200px;
position: relative;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.twoColFixLtHdr #container_bm {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	min-height: 100%;
margin-bottom: -100px;
position: relative;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.twoColFixLtHdr #container2 {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	min-height: 100%;
margin-bottom: -200px;
position: relative;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 


.twoColFixLtHdr #container_burn {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	min-height: 100%;
margin-bottom: -175px;
position: relative;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 





.twoColFixLtHdr #container_oakland {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	min-height: 100%;
margin-bottom: -228px;
position: relative;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.twoColFixLtHdr #container_bm {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	min-height: 100%;
margin-bottom: -200px;
position: relative;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.twoColFixLtHdr #container_video {
	width: 985px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	min-height: 100%;
margin-bottom: -196px;
position: relative;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 



.twoColFixLtHdr #containersf {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	min-height: 100%;
margin-bottom: -174px;
position: relative;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.twoColFixLtHdr #container_occupysf {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	min-height: 100%;
margin-bottom: -220px;
position: relative;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.twoColFixLtHdr #container_campaign {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	min-height: 100%;
margin-bottom: -210px;
position: relative;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.twoColFixLtHdr #container_photo {
	width: 985px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	min-height: 100%;
margin-bottom: -172px;
position: relative;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 



.twoColFixLtHdr #header {
	position: fixed;
	width: 900px;
	height: 93px;
	padding-top: 10px;
	padding-bottom: 60px;
	margin: 0px 0px 0 90px;
	z-index: 7;
	top: 0px;
	background: #000000;
	

	
	
	
}
.twoColFixLtHdr #header1 {
	position: fixed;
	width: 680px;
	height: 65px;
	
	padding-bottom: 20px;
	margin: 35px 0 0 140px;
	z-index: 2;
	top: 0px;

	
	
	
} 
.twoColFixLtHdr #header h1 {

	

	margin: 10px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 5px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #sidebar1 {
	position:fixed;
	float: left; /* since this element is floated, a width must be given */
	width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	 /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 84px 0px 15px 10px;
}
.twoColFixLtHdr #sidebar2 {
	
	float: left; /* since this element is floated, a width must be given */
	width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #000000; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0px 15px 15px;
	margin-top: -20px;
}
.twoColFixLtHdr #sidebar3 {
	
	float: left; /* since this element is floated, a width must be given */
	width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #000000; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0px 15px 15px;
	margin-top: -8px;
}
.twoColFixLtHdr #mainContent1 {
	
	height: 200px;
	width: 900px;
	
} 
.twoColFixLtHdr #mainContent {
	margin: 165px 0 0 100px;

	width: 900px;
	

} 
.twoColFixLtHdr #mainContent2 {
	margin: 100px 0px 0 150px;
	padding:0px 50px;
	width: 600px;
	height: 1200px;
	color: #FFF;
	
} 

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.glossymenu{
	
margin: -125px 90px;
padding: 0;

width: 900px; /*width of menu*/
z-index: 8;

}

.glossymenu a.menuitem{
	font:  12px Verdana, Helvetica, sans-serif;
	color: #999;
	display: inline;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 0px;
	padding-right: 10px;
	letter-spacing: 1px;
	text-decoration: none;
	font-family: Verdana, Helvetica, sans-serif;
	text-align: center;
	z-index: 8;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #999;

}



.glossymenu a.menuitem:hover{
color: #ffffff;

}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #000000;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 10px Verdana, Helvetica, sans-serif;
color: #999;
text-decoration: none;
padding: 0px 0;
padding-left: 10px;
text-align: right;
}

.glossymenu div.submenu ul li a:hover{
background: #;
colorz: #000000;
color: #ffffff;
}
.deactive_photo{
	color: #ffffff;
	padding-left: 135px;
	font-size: 10px;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
	border-bottom:#000 thick;
	
	
	
	
}


.deactive{
	color: #ffffff;
	padding-left: 154px;
	
	font-size: 14px;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
	border-bottom:#000 thick;
	
	
	
	
}
.deactive2{
	color: #ffffff;
	
	height:26px;
	padding-left: 96px;
	font-size: 14px;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
	border-bottom:#000 thick;
	
	
	
	
}
.deactive3{
	color: #ffffff;
	padding-left: 128px;
	padding-top:0px;
	
	font-size: 14px;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
	border-bottom:#000 thick;
	
	
	
	
}

.deactive4{
	color: #ffffff;
	padding-top:0px;
	padding-left: 73px;
	
	font-size: 14px;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
	border-bottom:#000 thick;
	
	
	
	
}

.deactive5{
	color: #ffffff;
	padding-top:0px;
	padding-left: 110px;
	
	font-size: 14px;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
	border-bottom:#000 thick;
	
	
}
	.deactive6{
	color: #ffffff;
	padding-top:0px;
	padding-left: 160px;
	
	font-size: 14px;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
	border-bottom:#000 thick;
	
	
}

.deactive7{
	color: #ffffff;
	padding-top:0px;
	padding-left: 79px;
	
	font-size: 14px;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
	border-bottom:#000 thick;
	
	
}

.glossymenu a.menuitem2{
	font:  10px Verdana, Helvetica, sans-serif;
	color: #fff;
	display: inline;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 0px;
	padding-right: 10px;
	text-decoration: none;
	font-family: Verdana, Helvetica, sans-serif;
	text-align: center;
	z-index: 5;
}


.glossymenu a.menuitem2:visited, .glossymenu .menuitem:active{
color: #666666;
}

.glossymenu a.menuitem2 .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem2:hover{
color: #ffffff;

}

.glossymenu a.menuitem3{
	font:  10px Verdana, Helvetica, sans-serif;
	color: #ffffff;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 0px;
	text-decoration: none;
	font-family: Verdana, Helvetica, sans-serif;
	text-align: right;
}


.glossymenu a.menuitem3:visited, .glossymenu .menuitem:active{
color: #ffffff;
}

.glossymenu a.menuitem3 .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem3:hover{
color: #ffffff;

}


.glossymenu a.menuitem4{
	font:  12px Verdana, Helvetica, sans-serif;
	color: #fff;
	display: inline;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	letter-spacing: 1px;
	padding: 4px 0;
	padding-left: 0px;
	padding-right: 10px;
	text-decoration: none;
	font-family: Verdana, Helvetica, sans-serif;
	text-align: center;
	z-index: 8;
}


.glossymenu a.menuitem4:visited, .glossymenu .menuitem:active{
color: #ffffff;
}

.glossymenu a.menuitem4 .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem4:hover{
color: #ffffff;

}


.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}


.caption{
font: 12px Verdana, Helvetica, sans-serif;}
	
#main_image{margin:110px 45px 60px auto;height:390px;width:730px;text-align: center;}

#main_image img{margin-bottom:10px;border: 1px solid #666666;}


.image-wrapping {
	height: 378px;
	float: left;
	margin: 5px 10px 0px 0px;
	border: 1px solid #222222;
	font-family: Verdana, Helvetica, sans-serif;
	vertical-align: bottom;
	
}

.image-wrapping2 {
	height: 408px;
	float: left;
	margin-bottom:10px;
	border: 1px solid #222222;
	font-family: Verdana, Helvetica, sans-serif;
	vertical-align: bottom;
	
}
.image-wrapping3 {
	height: 330px;
	float: left;
	margin: 0px 10px 0px 0px;
	border: 1px solid #222222;
	font-family: Verdana, Helvetica, sans-serif;
	vertical-align: bottom;
	
}
.image-wrapping4 {
	height: 383px;
	float: left;
	margin: 0px 10px 0px 0px;
	border: 1px solid #222222;
	font-family: Verdana, Helvetica, sans-serif;
	vertical-align: bottom;
	
}

.image-wrapping_web {
	height: 656px;
	float: left;
	margin: 0px 10px 0px 0px;
	border: 1px solid #222222;
	font-family: Verdana, Helvetica, sans-serif;
	vertical-align: bottom;
	
}

.image-wrapping5 {
	height: 361px;
	float: left;
	margin: 0px 10px 0px 0px;
	border: 1px solid #222222;
	font-family: Verdana, Helvetica, sans-serif;
	vertical-align: bottom;
	
}
.image-wrapping6 {
	width: 600px;
	height: 243px;
	float: left;
	margin: 0px 0px 0px 0px;
	border: 1px solid #222222;
	font-family: Verdana, Helvetica, sans-serif;
	vertical-align: bottom;
	
}

.image-wrapping7 {
	height: 100px;
	float: left;
	margin: 10px 10px 0px 0px;
	border: 1px solid #222222;
	font-family: Verdana, Helvetica, sans-serif;
	vertical-align: bottom;
	
}

.image-wrapping8 {
	height: 361px;
	float: left;
	margin-bottom:10px;
	border: 1px solid #222222;
	font-family: Verdana, Helvetica, sans-serif;
	vertical-align: bottom;
	
}
.image-wrapping9 {
	
	height: 854px;
	float: left;
	margin-bottom:10px;
	border: 1px solid #222222;
	font-family: Verdana, Helvetica, sans-serif;
	vertical-align: bottom;
	
}
.image-wrapping10 {
	
	height: 378px;
	float: left;
	margin-bottom:10px;
	border: 1px solid #222222;
	font-family: Verdana, Helvetica, sans-serif;
	vertical-align: bottom;
	
}
.image-wrapping13 {
	
	height: 903px;
	float: left;
	margin-bottom:10px;
	border: 1px solid #222222;
	font-family: Verdana, Helvetica, sans-serif;
	vertical-align: bottom;
	
}
.image-wrapping11 {
	
	height: 876px;
	float: left;
	margin-bottom:10px;
	border: 1px solid #222222;
	font-family: Verdana, Helvetica, sans-serif;
	vertical-align: bottom;
	
}
.image-wrapping12 {
	
	height: 469px;
	float: left;
	margin-bottom:10px;
	border: 1px solid #222222;
	font-family: Verdana, Helvetica, sans-serif;
	vertical-align: bottom;
	
}
.image-wrapping14 {
	
	height: 400px;
	float: left;
	margin-bottom:10px;
	border: 1px solid #222222;
	font-family: Verdana, Helvetica, sans-serif;
	vertical-align: bottom;
	
}
.image-wrapping15 {
	
	height: 988px;
	float: left;
	margin-bottom:10px;
	border: 1px solid #222222;
	font-family: Verdana, Helvetica, sans-serif;
	vertical-align: bottom;
	
}
.image-wrapping16 {
	
	height: 374px;
	float: left;
	margin-bottom:10px;
	border: 1px solid #222222;
	font-family: Verdana, Helvetica, sans-serif;
	vertical-align: bottom;
	
}

.image-wrapping55 {
	
	height: 1005px;
	float: left;
	margin-bottom:10px;
	border: 1px solid #222222;
	font-family: Verdana, Helvetica, sans-serif;
	vertical-align: bottom;
	
}
.image-wrapping66 {
	
	height: 378px;
	float: left;
	margin-bottom:10px;
	border: 1px solid #222222;
	font-family: Verdana, Helvetica, sans-serif;
	vertical-align: bottom;
	
}
.image-wrapping17 {
	
	height: 1004px;
	float: left;
	margin-bottom:10px;
	border: 1px solid #222222;
	font-family: Verdana, Helvetica, sans-serif;
	vertical-align: bottom;
	
}
.image-wrapping18 {
	
	height: 504px;
	float: left;
	margin-bottom:10px;
	border: 1px solid #222222;
	font-family: Verdana, Helvetica, sans-serif;
	vertical-align: bottom;
	
}

.image-wrapping20 {
	height: 361px;
	float: left;
	margin-bottom: 40px;
	border: 1px solid #222222;
	font-family: Verdana, Helvetica, sans-serif;
	vertical-align: bottom;
	
}

.text-wrapping {
	float: left;
	font-family: Verdana, Helvetica, sans-serif;
	border-bottom:10px solid #000000;
	margin: 10px 0px 20px 0px;
	width: 548px;
}
.text-wrapping2 {
	float: left;
	font-family: Verdana, Helvetica, sans-serif;
	border-bottom:10px solid #000000;
	margin: 10px 0px 20px 0px;
	width: 584px;
}

.text-wrapping3 {
	float: left;
	font-family: Verdana, Helvetica, sans-serif;
	border-bottom:10px solid #000000;
	margin: 10px 0px 20px 0px;
	width: 672px;
}

#slider {

	/* You MUST specify the width and height */
	width:584px;
	height:408px;
	position:relative;	
	overflow:hidden;
}

#mask-gallery {
	
	overflow:hidden;	
}

#gallery {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	width:900px;
	overflow:hidden;
}

	#gallery li {

		
		/* float left, so that the items are arrangged horizontally */
		float:left;
	}


#mask-excerpt {
	
	/* Set the position */
	position:absolute;	
	top:0;
	left:0;
	z-index:0;
	
	/* width should be lesser than #slider width */
	width:100px;
	overflow:hidden;	
	

}
	
#excerpt {
	/* Opacity setting for different browsers */
	filter:alpha(opacity=80);
	-moz-opacity:0.8;  
	-khtml-opacity: 0.8;
	opacity: 0.8;  
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position */
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	
	/* Set the style */
	width:100px;
	background-color:#000;
	overflow:hidden;
	font-family:arial;
	font-size:10px;
	color:#fff;	
}

	#excerpt li {
		padding:5px;
	}
	


.clear {
	height: 330px;
clear: both;
}

#buttons {
	
	font-size:10px;
	
}
#slideshow {
    position:relative;
    width:800px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0;
   
}

#slideshow DIV.active {
    z-index:10;
    opacity:1;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    width: 900px;
	height: 200px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}










#headdiv {
	position:absolute;
	left:457px;
	top:4px;
	width:443px;
	height:45px;
	z-index:1;
}
div.wrapper{
	position:relative;
	border: 1px solid #222222;
	width: 250px;
	height: 175px;
	margin-right: 2px;
	margin-bottom: 8px;
	display: inline-block;
	
	
	/* important(so we can absolutely position the description div */ 
}
div.wrapper2{
	position:relative;
	border: 1px solid #222222;
	width: 584px;
	height: 100px;
	 margin-bottom: 10px;
	
	
	/* important(so we can absolutely position the description div */ 
}
div.wrapper3{
	position:relative;
	border: 1px solid #222222;
	width: 672px;
	height: 374px;
	 margin-bottom: 10px;
	
	
	/* important(so we can absolutely position the description div */ 
}

div.wrapper77{
	position:relative;
	border: 1px solid #222222;
	width: 672px;
	height: 378px;
	 margin-bottom: 10px;
	
	
	/* important(so we can absolutely position the description div */ 
}


div.wrapper4{
	position:relative;
	border: 1px solid #222222;
	width: 672px;
	height: 374px;
	 margin-bottom: 10px;
	
	
	/* important(so we can absolutely position the description div */ 
}


div.wrapper_poster{
	position:relative;
	border: 1px solid #222222;
	width: 672px;
	height: 1005px;
	 margin-bottom: 10px;
	
	
	/* important(so we can absolutely position the description div */ 
}



div.wrapper_web{
	position:relative;
	border: 1px solid #222222;
	width: 672px;
	height: 532px;
	 margin-bottom: 10px;
	
	
	/* important(so we can absolutely position the description div */ 
}
div.wrapper_web_poster{
	position:relative;
	border: 1px solid #222222;
	width: 672px;
	height: 501px;
	 margin-bottom: 10px;
	
	
	/* important(so we can absolutely position the description div */ 
}

div.wrapper99{
	position:relative;
	border: 1px solid #222222;
	width: 672px;
	height: 435px;
	 margin-bottom: 10px;
	
	
	/* important(so we can absolutely position the description div */ 
}

div.wrapper_muir{
	position:relative;
	border: 1px solid #222222;
	width: 672px;
	height: 678px;
	 margin-bottom: 10px;
	
	
	/* important(so we can absolutely position the description div */ 
}


div.wrapper_eureka{
	position:relative;
	border: 1px solid #222222;
	width: 672px;
	height: 411px;
	 margin-bottom: 10px;
	
	
	/* important(so we can absolutely position the description div */ 
}

div.wrapper_myopsis{
	position:relative;
	
	width: 672px;
	height: 355px;
	 margin-bottom: 10px;
	
	
	/* important(so we can absolutely position the description div */ 
}

div.wrapper100{
	position:relative;
	border: 1px solid #222222;
	width: 672px;
	height: 400px;
	 margin-bottom: 10px;
	
	
	/* important(so we can absolutely position the description div */ 
}


div.description{
	position:absolute; /* absolute position (so we can position it where we want)*/
	bottom:0px; /* position will be on bottom */
	left:0px;
	display:none; /* hide it */
	/* styling bellow */
	background-color:black;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	width: 250px;
	
	
}
div.description_content{
	padding:10px;
	text-transform:uppercase;
	letter-spacing: 1px;

	
}
div.description2{
	position:absolute; /* absolute position (so we can position it where we want)*/
	bottom:0px; /* position will be on bottom */
	left:0px;
	display:none; /* hide it */
	/* styling bellow */
	background-color:black;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	width: 584px;
	text-transform:uppercase;
	
}
div.description_content2{
	padding:10px;
	
}

div.description3{
	position:absolute; /* absolute position (so we can position it where we want)*/
	bottom:0px; /* position will be on bottom */
	left:0px;
	display:none; /* hide it */
	/* styling bellow */
	background-color: #000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	width: 672px;
	text-transform:none;
	
}
div.description_content3{
	padding:10px;
	
	
	}
	
	
	div.description4{
	position:absolute; /* absolute position (so we can position it where we want)*/
	bottom:0px; /* position will be on bottom */
	left:0px;
	display:none; /* hide it */
	/* styling bellow */
	background-color: #000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	width: 672px;
	text-transform:uppercase;
	
}
div.description_content4{
	padding:10px;
	
	
	}


div.description_web{
	position:absolute; /* absolute position (so we can position it where we want)*/
	bottom:0px; /* position will be on bottom */
	left:0px;
	display:none; /* hide it */
	/* styling bellow */
	background-color: #000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	width: 672px;
	text-transform:uppercase;
	border_top: 1px solid #222222;
	
}
div.description_content_web{
	padding:10px;
	
	
	}


div.description_poster{
	position:absolute; /* absolute position (so we can position it where we want)*/
	bottom:0px; /* position will be on bottom */
	left:0px;
	display:none; /* hide it */
	/* styling bellow */
	background-color: #000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	width: 672px;
	text-transform:uppercase;
	
	
}
div.description_content_poster{
	padding:10px;
	
	
	
	}





h3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color:#fff;

	font-weight: normal;	
	
	
}.twoColFixLtHdr #container #mainContent #galdiv td .photo_slider a p {
	font-size: 9px;
}
.twoColFixLtHdr #container #mainContent #galdiv td .photo_slider a h3 {
	font-size: 9px;
}
#slideshowbutt {
	position:fixed;
	width: 100px;
	margin: 0 0 0 20px;
	padding-right: 600px;
	padding-left: 8px;
	background-color:#000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color:#999999;
	font-weight: normal;
	z-index: 2;
	

	
	
}


#slideshowbutt2 {
	position:fixed;
	width: 220px;
	margin: -60px 0 0 -8px;
	padding-right: 600px;
	padding-bottom:10px;
	background-color:#000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color:#999999;
	font-weight: normal;
	z-index: 2;
	

	
	
}

#slideshowbutt3 {
	position:fixed;
	width: 220px;
	margin: -20px 0 0 -8px;
	padding-right: 600px;
	padding-left: 8px;
	padding-bottom:10px;
	background-color:#000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color:#999999;
	font-weight: normal;
	z-index: 2;
	

	
	
}
#slideshowbutt4 {
	position:fixed;
	width: 220px;
	margin: -60px 0 0 0;
	padding-right: 600px;
	padding-bottom:10px;
	background-color:#000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color:#999999;
	font-weight: normal;
	z-index: 2;
	

	
	
}
#slideshowbutt5 {
	position:fixed;
	width: 220px;
	margin: -26px 0 0 0px;
	padding-right: 600px;
	padding-bottom:10px;
	background-color:#000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color:#fff;
	font-weight: normal;
	z-index: 2;
	text-transform:uppercase;
	

	
	
}

#slideshowbutt8 {
	position:fixed;
	width: 220px;
	margin: -40px 0 0 0px;
	padding-right: 600px;
	padding-bottom:10px;
	background-color:#000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color:#fff;
	font-weight: normal;
	z-index: 2;
	text-transform:uppercase;
	

	
	
}
#slideshowbutt2 {
	position:fixed;
	width: 220px;
	margin: -60px 0 0 0;
	padding-right: 600px;
	padding-bottom:10px;
	background-color:#000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color:#999999;
	font-weight: normal;
	z-index: 2;
	

	
	
}
#borderphoto {
	
	margin-bottom:8px;
	margin-left:0px;
	margin-right:3px;
	width: 250px;
	height: 175px;
	display: inline-block;
	border-color: #222222;
 	border-width: 1px;
 	border-style: solid;
	
}

#borderphoto2 {
	margin-top: 15px;
	margin-bottom:8px;
	margin-left:0px;
	margin-right:3px;
	width: 250px;
	height: 175px;
	display: inline-block;
	border-color: #222222;
 	border-width: 1px;
 	border-style: solid;
	
}

#borderphoto3 {
	
	margin-bottom:8px;
	margin-left:0px;
	margin-right:3px;
	width: 250px;
	height: 167px;
	display: inline-block;
	border-color: #222222;
 	border-width: 1px;
 	border-style: solid;
	
}

h6 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#fff;
	text-indent: -9999px;
	font-weight: normal;
	background: url(images/external.png);
	background-repeat: no-repeat;
	width: 160px;
	height: 26px;
	margin-top: -10px;
	
}


.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #cccccc; color: #cccccc; text-indent: -1000px; }
.cs-active { background-color: #990000; color: #FFFFFF; }

.cs-title { width: 900px; padding: 5px 5px 5px 5px; background-color: ; color: #000000; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }



.glossymenu_index{
margin: 5px 170px;
padding: 0;
width: 900px; /*width of menu*/

}

.glossymenu_index a.menuitem{
	font:  12px Verdana, Helvetica, sans-serif;
	color: #666666;
	display: inline;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-right: 10px;
	text-decoration: none;
	font-family: Verdana, Helvetica, sans-serif;
	text-align: center;
}


.glossymenu_index a.menuitem:visited, .glossymenu_index .menuitem:active{
color: #666666;
}



.glossymenu_index a.menuitem:hover{
color: #ffffff;

}

.glossymenu_index div.submenu{ /*DIV that contains each sub menu*/
background: #000000;
}

.glossymenu_index div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu_index div.submenu ul li{
border-bottom: 
}

.glossymenu_index div.submenu ul li a{
display: block;
font: normal 10px Verdana, Helvetica, sans-serif;
color: #666666;
text-decoration: none;
padding: 0px 0;
padding-left: 10px;
text-align: right;
}

.glossymenu_index div.submenu ul li a:hover{
background: #;
colorz: #000000;
color: #ffffff;
}

#footer {position: fixed;
background: #151515;

bottom: 0;
width: 100%;
height: 295px;
margin: 0 auto;


	} 
	
#footerb {position: relative;
background: #151515;
background-image:url('images/wallpaper.png');
height: 295px;
z-index:5;
	} 
	
	
	
	
	
	
#footerb2 {position: relative;
background: #151515;
height: 295px;
margin: 300px 0 0 0;
z-index:5;
	} 
	
	#footerc {position: relative;
background: #151515;
background-image:url('images/wallpaper.png');
height: 295px;
margin: 50px 0 0 0;
z-index:5;
	} 
	
	#footerd {position: relative;
background: #151515;
height: 295px;
margin: 55px 0 0 0;
z-index:5;
	} 
	

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}
.clearfooter {
height: 225px;
clear: both;
}

#footer_index {position: relative;
background: #151515;
background-image:url('images/wallpaper.png');
height: 295px;
margin: 230px 0 0 0;
z-index:5;
text-decoration: none;


	} 

.footer-item {
	font: 10px Verdana, Helvetica, sans-serif;
	color: #999999;
float: left;
width: 16%;
text-decoration: none;
padding-bottom: 10px;
letter-spacing: 1px;



}
.footer-item ul li {
	text-decoration: none;
	list-style-type: none;
padding-left: 0px;
line-height: 25px;


}
.footer-item2 {
float: left;
width: 33%;

padding-bottom: 10px;

}

#copyname {
position: relative;
width: 1000px;
height: 25px;
margin: -300px auto;
float: right;
font-size: 8px;
font-style: inherit;
font-weight: normal;
z-index:5;
	} 

#footerlogo {
position: absolute;
margin-top: 10px;
margin-left: 0px;



	} 
	
	#center {
position: relative;
width: 1100px;
margin: 0 auto;
text-decoration: none;


	} 
	
	
	#headerlogo {
position: absolute;
margin-top: -20px;
margin-left: 610px;



	} 
	
	#indexcopyname {
position: absoulte;
width: 200px;
height: 25px;
margin: 0px 0px 0 350px;
float: left;
font-size: 8px;
font-style: inherit;
font-weight: normal;
z-index:8;
color: #444;
	} 
	
	
	#headerlogo_photo {
position: absolute;
margin-top: -20px;
margin-left: 652px;



	} 
	
	#lexiconlogo {
position: absolute;
margin-top: -20px;
margin-left: 523px;



	}