html {height:100%;}
body {height:100%; margin:0; padding:0;}
hr{ height:3px; color:#2D5393;}
#bg {position:fixed; top:0; left:0; width:100%; height:100%;float:left;}
#content {position:relative; z-index:1;}
#bg {position:absolute; z-index:-1;}
#content {position:static;}

.mainMenu
{
	height:50px;
	width:100%;
	background-image:url(Resources\BackgroundMenu.jpg);
	background-repeat:repeat-x;
}

.Packages
{
	border:solid 1px gray;
	width:75%;
	padding: 5px;
	margin: 10px;
}

.Packages th
{
	background-image:url('/Resources/BlueBackdrop.jpg');
	background-position:center;
	background-repeat:repeat;
	text-align: center;
	color:White;
	font-size:large;
	font-weight:bold;
	-moz-opacity:.70;filter:alpha(opacity=70);opacity:.70;	
}

.Packages td
{
	background-color:#011873;
	padding:5px;
}

.floatLeft
{
	float:left;
}

.menuChild
{
	width:100%;
	text-align:center;
	vertical-align:middle;
}

.contentsPanel
{
	float:right;
	clear:right;
	min-height:100%;
	max-width:80%;
	width:80%;
}

.leftPanel
{
	float:left;
	clear:left;
	min-height:100%;
	max-width:20%;
	width:20%;
	text-align:center;
}

.PDS_Image
{
	text-align:center;
}

.floatRight
{
	float:right;
	clear:right;
}

.clearRight
{
	clear:right;
}

.clearLeft
{
	clear:left;
}

.textLeft
{
	text-align:left;
}

.padLeft
{
	padding:10px 0px 10px 25px;
}

.MaxWidth
{
	max-width:500px;
}

.MaxHeight
{
	max-height:50%;
}

.Scrollable
{
	overflow: auto; 
	width: 170px;
	max-height:500px; 
}

.galleryLabels
{
	font-family:Papyrus;
	color:Blue;
	font-size:larger;
}

.mainImageFormatting
{
	height:500px;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    margin-left:auto;
    margin-right:auto;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 200px;
    max-height:800px
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.galleria{list-style:none;width:100%;margin:20px auto; }
.galleria ul{width:1500px;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.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}
.galleria li .caption{display:block;padding-top:.5em}
.galleria li .replaced{height:50%}
* html .galleria li div span{width:400px} /* MSIE bug */
*{margin:0;padding:0}
	body{padding:20px;background:white;text-align:center;background-color:Black;color:#bba;font:80%/140% papyrus;}
	h1,h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	a{color:#348;text-decoration:none;outline:none;}
	a:hover{color:#67a;}
	.caption{font-style:italic;color:#887;}
	.demo{position:relative;margin-top:2em;}
	y_demory_demo{width:202px;margin: o auto o auto;}
	/** Sets the height and width of the actual pixels **/
	.gallery_demo li{width:150px;height:50px;border:3px double #111;margin: 0 auto 0 auto;background:#000;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 papyrus;}
	
	#main_image{margin:0 auto 60px auto;height:400px;max-width:500px;background:black;}
	#main_image img{margin-bottom:10px;max-width:400px;max-height:400px;}
	
	.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	
	.info{text-align:left;width:200px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	.info p{margin-top:1.6em;}

.wme
{
	background:#EDEDED;
	color:#3D3D3D;
	font-family:Papyrus;
}

.dde
{
	background-color:Silver;
	font:Papyrus #3D3D3D;
	border:solid 1px black;
	padding:10px 0px 10px opx;
}

a.ContextMenuItem
{
	display: block;
	color: #003399;
	text-decoration:none;
	font-weight:bold!Important;
	cursor: pointer;	
	white-space: nowrap;
}

a.ContextMenuItem-Selected
{
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	background-color:#2D5393;
	color:silver;
	border: 1px solid #D2B47A;
}

.model { background-position: 0 -200px; } 
.model:hover { background-position: 0 -300px!Important; } 
.pinup { background-position: 0 -400px!Important; } 
.pinup:hover { background-position: 0 -500px!Important; } 
.senior { background-position: 0 -600px!Important; } 
.senior:hover { background-position: 0 -700px!Important; } 
.wedding { background-position: 0 -800px!Important; } 
.wedding:hover { background-position: 0 -900px!Important; }

.picButtons
{
	width:160px;
	height:50px;
	text-align:center;
	vertical-align:bottom !Important;	
}

.picButtons a 
{
	background: url('/Resources/picButtons.png') no-repeat top left; 
	background-position: 0 -600px;
	width:160px;
	height:50px;
	color:White;		
}

.picButtons a:hover 
{
	color:Black;
	background-position: 0 -700px;
}

.menuStyle
{
	width:160px;
	height:50px;
	color:White;
	text-align:center;
	vertical-align:bottom!Important;
	background: url('/Resources/picButtons.png') no-repeat top left; 
}

.menuStyle:hover
{
	color:Black;
	background-position: 0 -100px!Important; 
}