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

/* 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: #123970;
	/*background-color: #eee; */
	/*background-image: url(../images/background_grey.jpg);
	background-repeat: repeat-x;*/
	width:100%; 
	margin:0px;	
	voice-family: "\"}\""; 
	voice-family:inherit;
}

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

h1, h2, h3, h4, h5, h6 { color:#383; 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: #383; text-decoration: none; }
h1 a:visited, 	h2 a:visited, 	h3 a:visited 	{ color: #383; text-decoration: none; }
h1 a:hover, 	h2 a:hover, 	h3 a:hover 		{ color: #383; text-decoration: underline; }
h1 a:active, 	h2 a:active, 	h3 a:active 	{ color: #383; text-decoration: underline; }

a:link, a:visited { color: #373; text-decoration: underline; }
a:hover, a:active { color: #6c6; text-decoration: underline; }

p { color: #000; 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: #ccc; 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                                 */
/***********************************************/
#surface {
    /*background-color:#eeeeee;*/
	background-image: url(../images/GirlMoon_1600.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment:fixed;  /* THIS STOPS SCROLLING BACKGROUNDS, except on iPhone*/
	/*1920x1643 or 3376 */	
	/*1600x1369 */
	max-width:1600px;
	/*min-height:1369px; */
	margin:0px auto 0px auto;
}

#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; 
	min-width:980px;
	max-width:1000px;
	margin: 0px auto 0px auto;
	overflow:hidden;
}

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

#bodyheader {
	position: relative; 
	width:100%;
	height:50px;
	background-image:url(../images/bkgrnd_trans_top_625x50.png);
	background-repeat:no-repeat;
	margin: 12px 0px 0px 50px;	
	display:none;   /* DELETE??? */
}

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


.separator { clear:both; }


 /*********************************************/
/* Content                            */
/*********************************************/
#contentbox {
	position:relative; 
	width:900px;
	min-width:860px;
	max-width:900px;

/* This works!!!*/
/* OPACITY */
	background-color: transparent;
  	background-image: url(../images/background_white-op60.png);
  	background-repeat: repeat;
	
	/*margin: 62px auto; */
	margin: 12px auto;
	
}
#contentbox #cl {
	position:absolute; 
	width:625px;
	height:50px;
	background-image:url(../images/bkgrnd_trans_top_625x50.png);
	background-repeat:no-repeat;
	top:-50px;
	left:0px;
	/*display:none;*/   /* DELETE??? */
}
#contentbox #cr {
	position:absolute; 
	width:625px;
	height:50px;
	background-image:url(../images/bkgrnd_trans_top_625x50.png);
	background-repeat:no-repeat;
	top:-50px;
	right:0px;
	/*display:none;*/   /* DELETE??? */
}

#contentbox #transparent-off {
	position: relative; 
	width:100%;
	min-height: 1200px; 
	display:none;
}

#contentbox img {
	margin: 4px auto 4px 22px;
}
#contentbox p, li {
	max-width:625px; 
	margin-left:22px;
	/*background-color:#f2f2f2; */
}


.content625, .content {
	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; */	
}


/* --- pictures  ---*/
#picturebox {
	position: relative; 
	width:100%;
	/*background-color: #fff; */
/*	border: solid 1px #0f0; */
  /*display:none;*/  /* DELETE??? */
}

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


.picsquare {
	width:625px;
	height:625px;
	background-color:#FFF;
	padding:6px;
	border:solid 1px #000;
}
.picportrait {
	width:625px;
	height:833px;
	background-color:#FFF;
	padding:6px;
	border:solid 1px #000;
}
.picheadshot {
	width:200px;
	height:300px;
	background-color:#FFF;
	padding:6px;
	border:solid 1px #000;
}

.piclandscape {
	width:625px;
	height:469px;
	background-color:#FFF;
	padding:6px;
	border:solid 1px #000;
}

.piclandscape- {
	width:625px;
	height:400px;
	background-color:#FFF;
	padding:6px;
	border:solid 1px #000;
}


.pictureborder {
	border: solid 12px #fff;
}


 /*********************************************/
/* footer                            */
/*********************************************/
#footerbox {
	position: relative;
	width:100%;
	/*min-width:860px;
	max-width:900px;*/
	min-height: 100px;
	background-image: url(../images/background_footer.jpg);
	background-repeat: repeat-x;
 	margin:0px;
}

#footer {
	color: #999;
	padding: 20px;
	position:relative;
	margin:0px auto;
	text-align:center;
}
	#footer A:link, #footer A:visited { color: #999; text-decoration: none; }
	#footer A:hover, #footer A:active { color: #6c6; text-decoration: underline; }




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

#navglobal {
	position: relative;
	width: 960px;
	height: 32px;
	color: #999;
	padding: 0px;
	margin:auto 0px 0px auto;
    /*background-image: url("../images/navglb_background.gif");*/
	background-image: url("../images/background_menu_22.png");
}

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

#ngl { position: absolute; top: 0px; left:0px; display:none; } /* TEMP */
#ngr { position: absolute; top: 0px; right:0px; display:none; } /* TEMP */

#navgloballink{
	position: absolute;
	top: 8px;
	height: 22px;
	width: 750px;
	padding: 0px;
	margin: 0;
	right: 60px;
	z-index: 100;
}

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; }



/**********************
Content
**********************/
#content320 {
	float:left;
	width:320px;
}


#trans625 {
	/* OPACITY */
	position:relative;
	width:625px;
	height:625px;
	background-color: transparent;
  	background-image: url(../images/bkgrnd_trans_625.png);
  	background-repeat:no-repeat;
	overflow:hidden;
	padding:20px;
	}
#trans625 h1,h2,h3 { color:#383; }

#trans313 {
	position:relative;
	width:625px;
	height:313px;
	/* OPACITY */
	background-color: transparent;
	background-image: url(../images/bkgrnd_trans_625x313.png);
	background-repeat:no-repeat;
	overflow:hidden;
	padding:20px;
	margin-top:90px;
	margin-bottom:180px;
	}
#trans313 h1,h2,h3 { color:#383; }

#remarkable {
	position:relative;
	width:625px;
	height:90px;
	/* OPACITY */
	background-color: transparent;
	background-image: url(../images/remarkable_625x90.png);
	background-repeat:no-repeat;
	left:360px;
	overflow:hidden;
}


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

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