/***********************************************
 * The Green Room
 * CSS - Copyright (c) 2011 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: #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:1.8em; color:#8a8;}

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 { 
	min-width:750px;
	max-width:1600px;
	width:960px;
	margin: 0px auto 0px auto;
	padding-bottom:24px;
	/*overflow:hidden;*/
}

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

.separator { clear:both; }

/*********************************************
 * Content                          
********************************************/
#content {
	clear:both;
	/*background:#fff;*/
    background-color: transparent;
  	background-image: url(../images/background_white-op60.png);
  	background-repeat: repeat;
	
	border:1px solid #006;
	-moz-border-radius: 15px;
	border-radius: 15px;
	box-shadow: rgba(0,0,0,0.4) 0px 6px;
	margin-bottom:24px;
	padding:12px;
	width:100%-24px;
}

#content img {
	margin: 4px auto 4px 22px;
}

#content p, li {
	max-width:750px; 
	margin-left:22px;
	/*background-color:#f2f2f2; */
}
 
.content625 {
	/*float:left;*/
	width:625px; 
	padding: 22px 22px 22px 22px; 
/*	border: solid 1px #f00; */
}

.content320 {
	float:left;
	width:300px;
	/*height:700px;*/
	padding-right:8px;
}

.content200 {
	float:left;
	width:200px; 
	padding: 0 20px 20px 20px; 
/*	border: solid 1px #0f0; */	
}


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


.pic {
	
	background-color:#FFF;
	
	border:1px solid #006;
	-moz-border-radius: 15px;
	border-radius: 15px;
	box-shadow: rgba(0,0,0,0.4) 0px 6px;
	margin-bottom:24px;
	padding:12px;
	width:100%-24px;
	
}

.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;*/
	
		width:625px;
	height:469px;
	
}

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


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


 /*********************************************/
/* footer                            */
/*********************************************/
#footerbox {
	clear:both;
    
	background-color: #fff;      
   	filter:alpha(opacity=50);
   	-moz-opacity:0.5;
   	opacity: 0.5;

	border:1px solid #006;
	-moz-border-radius: 15px;
	border-radius: 15px;
	box-shadow: rgba(0,0,0,0.4) 0px 6px;
	margin-bottom:24px;
	padding:12px;
	width:100%-24px;
}

#footer {
	color: #666;
	padding: 20px;
	margin:0px auto;
	text-align:center;
}
	#footer A:link, #footer A:visited { color: #666; text-decoration: none; }
	#footer A:hover, #footer A:active { color: #393; text-decoration: underline; }


/***********************************************/
/* Nav bar / Menu                          */
/***********************************************/
#navtop {
	color: #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 16px;
	right: 20px;
	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: 100%;
	height: 32px;
	color: #999;
	padding: 0px;
	margin:0 auto 12px auto;
    /*background-image: url("../images/navglb_background.gif");*/
	background-image: url("../images/background_menu_22.png");
	/*border:1px solid #f00;*/
}

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

/* ....... navsub...... */
#navsub {
	color: #383;
	background-color:#eee;
	font-size: 1.8em;
	padding: 4px 12px 4px 12px;
	/*margin-top: 6px; */
	margin-bottom: 12px;
	width:100%;
}
	#navsub a:link, #navsub a:visited { color: #666; text-decoration: none; }
	#navsub a:hover, #navsub a:active { color: #6c6; text-decoration: underline; }

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

#breadcrumb a{ color: #aaa; text-decoration: none; }

#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
**********************/
#remarkable {
	position:relative;
	width:625px;
	height:68px;
	/* OPACITY */
	background-color: transparent;
	background-image: url(../images/remarkable_625x90.png);
	background-repeat:no-repeat;
	left:325px;
	overflow:hidden;
}



#marque {
	position:relative;
	width:625px;
	/*height:313px;*/
	/* OPACITY */
	background-color: transparent;
	background-image: url(../images/background_white-op60.png);
	background-repeat:repeat;
	overflow:hidden;
	padding:20px;
	margin-top:8px;
	margin-bottom:4px;  /*temp*/
	margin-left:40px;	
	border:1px solid #006;
	-moz-border-radius: 15px;
	border-radius: 15px;
	box-shadow: rgba(0,0,0,0.4) 0px 6px;
	margin-bottom:24px;
	padding:12px;
	}
#marque h1,h2,h3 { color:#383; }



#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:40px;
	margin-bottom:4px;  /*temp*/
	margin-left:40px;
	}
#trans313 h1,h2,h3 { color:#383; }



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

#googleplusone {
	position: absolute;
	top: 48px;
	right: 218px;
	z-index: 101;
	width:80px;
	/*border:1px solid #ccc;*/
}
#cse-search-form {
	position: absolute;
	top: 46px;
	right: 18px;
	z-index: 101;
	color: #333;
	width:200px;
}

 
 /*********************************************/
/* Forms                            */
/*********************************************/

#ccemail {
	border:1px solid #ccc;
}