/***********************************************/
/* The Green Room                              */
/* CSS - Copyright Motion Marketing, Inc.      */
/***********************************************/

/* Reset all */
* { margin: 0px; padding: 0px; }

/***********************************************/
/* HTML styles                                 */
/***********************************************/ 
body {
	color:#666; 
	font-size: 83%;
	line-height: 1.166;
	font-family: arial, helvetica, sans-serif;
	background-color: #000;
	/* background-image: url(../images/background_grey.jpg);
	background-repeat: repeat-x;*/
	/*width: 100%;*/
	margin:auto;	
	voice-family: "\"}\""; 
	voice-family:inherit;
}

@media handheld {
    BODY { /* TBD */ }
}

h1, h2, h3, h4, h5, h6 { color: #999; font-weight: bold; margin: 0px; padding: 0px; }
h1 { font-size: 2.0em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.2em; }
h4 { font-size:   1em; }
h5 { font-size: .93em; }
h6 { font-size: .86em; }
h1 a:link, 		h2 a:link, 		h3 a:link 		{ color: #999; text-decoration: none; }
h1 a:visited, 	h2 a:visited, 	h3 a:visited 	{ color: #999; text-decoration: none; }
h1 a:hover, 	h2 a:hover, 	h3 a:hover 		{ color: #999; text-decoration: underline; }
h1 a:active, 	h2 a:active, 	h3 a:active 	{ color: #999; text-decoration: underline; }

a:link, a:visited { color: #933; text-decoration: underline; }
a:hover, a:active { color: #f33; text-decoration: underline; }

p { color: #666; line-height: 1.2em; margin: 0 0 0 6px; padding: 0px; }

ul { color: #666; font-size: 1em; margin: 5px 16px 5px 20px; list-style-type: disc; }
ul ul { color: #666; font-size: .93em; list-style-type: square; }
ul ul ul { color: #666; font-size: .86em; list-style-type: circle; }

ol { color: #666; font-size: 1em; margin: 5px 16px 5px 25px; }
ol ol { color: #666; font-size: .93em;  }
ol ol ol { color: #666; font-size: .86em;  }

blockquote {margin:1em;}

hr { color: #666; height: 1px; }

table tr, td, th { margin: 0px; padding: 0px; } 

img { border: none; }

/********* form and related tag styles *********/
form { 	margin: 0; 	padding: 0; }
input { font-family: Arial,sans-serif; }
label { font: bold 1em Arial,sans-serif; color: #333; }
textarea { font-family: Arial,sans-serif; }


/********* table styles *********/
.storetable td { padding: 12px; } 


/***********************************************/
/* Page Structure Divs                                 */
/***********************************************/
#surface {
/*    background-image: url(../images/GirlMoon_1920.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-repeat:repeat;
*/
/* min-height:920px;*/
min-width:8000px;
}

#transbkgrnd {
/*  	width:1000px;	
    height:3376px;
    background-color: #ffffff;      
   	filter:alpha(opacity=50);
   	-moz-opacity:0.5;
   	opacity: 0.5;
   	position:relative;
	margin:auto;
*/
}

#page {
	position:relative; 
	
	/* OPACITY
	background-color: transparent;
  	background-image: url(../images/background_white-op60.png);
  	background-repeat: repeat;
	*/ 

	background-color: #333;  /*comment this for transparency */
	 
	width:900px;
	min-width:900px;
	max-width:1000px;
	margin: auto;
	overflow:hidden;
	display:none;
}
#pagestudio {
	position:absolute;
	/* OPACITY
	background-color: transparent;
  	background-image: url(../images/background_white-op60.png);
  	background-repeat: repeat;
	*/ 

	background-color: #000;  /*comment this for transparency */
/*	min-width:900px;
	max-width:1600px; */
	margin: auto;
	overflow:hidden;
/*	top:10%;
	left:10%;
	right:10%; */
	/*bottom:10%;*/
	/*border: solid 10px #fff;*/

	white-space: nowrap;   /*NEED FOR HORIZ SCROLL */

}

.pagestudioblock { 
	/*width: 920px; */
	display: inline; /*NEED FOR HORIZ SCROLL */
}

#pagestudio img {
	border: solid 10px #fff;
}

#pagestudio .square {
	width:500px;
	height:500px;
}
#pagestudio .portrait {
	width:337px;
	height:500px;
}
#pagestudio .landscape {
	width:500px;
	height:337px;
}



#masthead {
	position:relative;
	height:68px; 
	margin-bottom: 6px;
	display:none;
}

#bodyheader {
	position: relative; 
	width: 100%;
	display:none; 
}

#tl { position: absolute; top: 0px; left: -2px; z-index: 100; }
#tr { position: absolute; top: 0px; right: -2px; z-index: 100; }

/* --- picture box ---*/
#picturebox {
	position: relative; 
	width:100%;
	/*background-color: #fff; */
/*	border: solid 1px #0f0; */
}

#picturebox img {
/*	border: solid 1px #0ff; */
	padding: 0 0 0 22px;
}


#picture {
/*	float:left; */
	position:relative;
/*	border: solid 1px #0ff; */
	padding: 0 0 0 22px;
}


/* --- content box ---*/
#contentbox {
	position: relative; 
	width:100%;
	min-height: 300px; 
	/* border-left: solid 1px #f00; */
}
#contentbox img {
	margin: 4px auto 4px 22px;
}
#contentbox p, li {
	width:625px;
	margin-left:22px;
	/*background-color:#f2f2f2; */
}


.content625 {
	position:relative;
	/* float:left; */
	width:625px; 
	padding: 22px 22px 22px 22px; 
/*	border: solid 1px #f00; */
/*	border-top: solid 2px #000; */
}

.content200 {
	float:left;
	position:relative;
	width:200px; 
	padding: 0 20px 20px 20px; 
/*	border: solid 1px #0f0; */
/* 	border-top: solid 2px #000; */	
}



#content320 {
	float:left;
	width:320px;
}


/* --- footer box ---*/
#footerbox {
	position: relative;
	width:100%;
	height: 100px;
	background-image: url(../images/background_footer.jpg);
	background-repeat: repeat-x;
	display:none;
}

#footer {
	color: #999;
	padding: 20px;
}
	#footer A:link, #footer A:visited { color: #999; text-decoration: none; }
	#footer A:hover, #footer A:active { color: #6c6; text-decoration: underline; }

.separator { clear:both; }


/***********************************************/
/* Nav bar / Menu                          */
/***********************************************/
#navtop {
	color: #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 12px;
	right: 0px;
	z-index:102;
}
	#navtop a:link, #navtop A:visited { color: #999; text-decoration: none; }
	#navtop a:hover, #navtop a:active { color: #6c6; text-decoration: underline; }

#navglobal {
	position: relative;
	width: 100%;
	min-width: 640px;
	height: 32px;
	color: #999;
	padding: 0px;
	margin-bottom: 0px;
	background-image:   url("../images/navglb_background.gif");
	display:none;
}

#navglobal img { margin-bottom: -4px; }

#ngl { position: absolute; top: 0px; left:0px; }
#ngr { position: absolute; top: 0px; right:0px; }

#navgloballink{
	position: absolute;
	top: 8px;
	height: 22px;
	min-width: 640px;
	padding: 0px;
	margin: 0px;
	left: 10px;
	z-index: 100;
	width: 603px;
/*	width: 584px; */
}

a.glink, a.glink:visited {
/*  	font-size: small;   */
  	color: #000;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
	text-decoration: none;
}

a.glink:hover, a.glink:active {
  	background-image:   url("../images/navglb_selected.gif");
	text-decoration: underline;
}

.skipLinks {display: none;}

/*------- submenu --------*/
.menumembers {
	color: #06C;
	font-size: 1.4em;
	margin-left: 2em;
	margin-top: 6px;
	margin-bottom: 12px;
}
	.menumembers a:link, .menumembers a:visited { color: #666; text-decoration: none; }
	.menumembers a:hover, .menumembers a:active { color: #6c6; text-decoration: underline; }

/*------- breadcrumb --------*/
#breadCrumb{
	padding: 5px 0px 5px 10px;
	font: small Verdana,sans-serif;
	color: #aaa;
}

#breadCrumb a{ color: #aaa; }

#breadCrumb a:hover{
	color: #005FA9;
	text-decoration: underline;
}

/***********************************************/
/* Text styles                                 */
/***********************************************/
#companylogo { position: absolute; padding:2px; }

#companyname {
	color: #999;
	font-size: 2em;
	position: absolute;
	left: 170px;
	top: 12px;
}
	#companyname a:link, #companyname a:visited { color: #999; text-decoration: none; }
	#companyname a:hover, #companyname a:active { color: #6c6; text-decoration: underline; }

#companytagline {
	position:absolute;
	color:#999;
	top:42px;
	left:170px;
}

.homeintro { margin: 6px 20px 6px 20px; }


.fineprint { color: #999; font-size:.9em; }


/*************** search styles *****************/
#search {
	position: absolute;
	top: 6px;
	right: 10px;
	z-index: 101;
	color: #333;
	font-weight: bold;
}

#search input {
  font-size: .9em; 
  margin: 0px  0px 0px 10px;
}
 
 /*********************************************/
/* CSS Form Styles                               */
/*********************************************/