@charset "UTF-8";
/* CSS Main style sheet for Goldmine Recording Studios - www.hi-def.com*/


body{
margin:0;
padding:0;
background:#323232;
line-height: 1.5em;
height: 100%;
}

p {
font: normal 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

A:link {text-decoration: none; color: #aa2025;}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: #68181b;}

h1 {
font: bold 13px Verdana, Helvetica, sans-serif;
border-bottom: 1px solid #c43439; 
width: 325px;
}

h2 {
font: bold 13px Verdana, Helvetica, sans-serif;
border-bottom: 1px solid #c43439; 
width: 145px;
}

h3 {
font-size: 10px; 
font-weight: bold; 
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h4 { font-size: 13px; 
font-weight: bold; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-transform: uppercase; 
border-bottom: 1px solid #c43439; 
width: 600px;}

h5 { font-size: 13px; 
font-weight: bold; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-transform: uppercase; 
border-bottom: 1px solid #c43439; 
width: 200px;}

h6 { font-size: 12px; 
font-weight: bold; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-transform: capitalize;}

h7 { font-size: 12px; 
font-weight: bold; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-transform: capitalize;}

/*b{font-size: 110%;}*/
em{color: red;}

#maincontainer{
background: #aa2025 url(../images/mainbg_3.gif) repeat-y;
/*background: #f3c31d;*/
width: 1140px; /*Width of main container: this width includes 20 extra px on each side for shadow*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
/*background: #EAEAEA;*/
background: black url(../images/header/photo01.jpg) repeat-x bottom left;
height: 150px; /*Height of top section*/
width: 1100px; /*Width of main container*/
margin-left: 20px; /*Set left margin to -(MainContainerWidth)*/
text-align: center;
}

#topsection h1{
margin: 0;
padding-top: 45px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 250px 25px 240px; /*Margins for content column. Should be "0 RightColumnWidth(+20 for shadow) 0 LeftColumnWidth(+20 for shadow) */
min-height: 350px;
height: 100%;; /*Height of content section*/
font: normal 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; /*defining the font here makes the underline tighter for some reason*/
}

#leftcolumn{
float: left;
width: 220px; /*Width of left column in pixel*/
margin-left: -1120px; /*Set margin to that of -(MainContainerWidth)*/
height: 100%;
z-index:999;
/*background: #aa2025;*/
}

#rightcolumn{
float: left;
width: 230px; /*Width of right column*/
height: 100%;
margin-left: -250px; /*Set left margin to -(RightColumnWidth -another 20 for shadow)*/
font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
/*background: #ffcd20;*/
}

#ribbon{
/*background: black url(../images/menus/footer.gif) repeat-x bottom left;*/
/*background: #a5262b url(../images/footer/ribbon00.jpg) repeat-x bottom left;*/
background: black;
clear: left;
width: 100%;
width: 1100px;/*Set left margin to -(MainContainerWidth) minus the shadows on either side.*/
margin-left: 20px; /*(20 for shadow)*/
/*background: black;*/
/*color: #FFF;*/
/*font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;*/
text-align: center;
padding: 0px 0;
height: 214px; /*Height of footer section*/
}


#footer{
/*background: black url(../images/menus/footer.gif) repeat-x bottom left;*/
background: url(../images/footer/bottom_ribbon.jpg) repeat-x top left;
clear: left;
width: 100%;
width: 1140px;/*Set left margin to -(MainContainerWidth) minus the shadows on either side.*/
margin-left: 0px; /*(20 for shadow)*/
/*background: black;*/
color: #FFF;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
text-align: center;
padding: 0px 0;
height: 265px; /*Height of footer section*/
position: relative
z-index:1;
}

#footer a {
color: #FFFF80;
text-decoration:none;
}

.hide {
visibility:hidden;
}


#Rentals { /* Rentals Link */
float: left;
position:absolute;
width: 235px;
height: 170px;
/*margin-left: 50px;*/
/*margin-top: 25px;*/
margin: 25px 0 0px 50px;
display: inline;
}
#Sales { /* sales Link */
float: left;
position:absolute;
width : 235px;
height: 170px;
margin-left: 317px;
margin-top: 25px;
display: inline;
}
#Television { /* TV Link */
float: left;
position:absolute;
width: 235px;
height: 170px;
margin-left: 584px;
margin-top: 25px;
display: inline;
}

#DigitalCinema { /* Digital Cinema Link */
float:left;
position:absolute;
width : 235px;
height: 170px;
margin-left: 851px;
margin-top: 25px;
display: inline;
}


 /*THE INNERTUBES*/

.innertube{
margin: 15px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 25px;
}

.innertube_menu{
margin: 7px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 13px;
}

.innertube_top{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0px;
}

.innertube_main_include{
margin-left: 25px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 20px;
margin-right: 35px;
margin-bottom: 25px;
}

.innertube_right{
margin-left: 15px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-right: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 20px;
}

.innertube_right_MG{
margin-left: 15px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-right: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 20px;
}

.innertube_right_map{
margin-left: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-right: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 63px;
}

.innertube_main_form{
margin-left: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
margin-right: 0;
}

.innertube_main_include_multi_col{

margin-left: 250px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 25px;
margin-right: 20px;
position: absolute;
font: 0.9em/1.1em tahoma, verdana;
color: #000;

}

.breadcrumbs{
font: normal 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
margin-left: 25px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 10px;
margin-bottom: 25px;
margin-right: 150px;
}

.login{
font: normal 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
margin-left: 25px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 330px;
margin-bottom: 25px;
margin-right: 150px;
}


/*THE ACCORDION MENU ON THE LEFT*/


.glossymenu * {

}

.glossymenu{
margin: 5px 0;
padding: 0px;
width: 205px; /*width of menu*/
border: 1px solid #990033;
border-bottom-width: 0;
position: relative;
z-index:999;
}

.glossymenu a.menuitem{
	background: #ab2025 url(../images/menus/glossyback.gif) repeat-x bottom left;
	font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: white;
	display: block;
	position: relative;
	width: auto;
	padding: 4px 0;
	padding-left: 10px;
	text-decoration: none;
	left: 0px;
	top: 0px;
	
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

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

.glossymenu a.menuitem:hover{
background-image: url(../images/menus/glossyback2.gif);
}

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

}

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

}

.glossymenu div.submenu ul li{ /* color and thickness of lines within each sub menu*/
border-bottom: 1px solid #4d1214;
z-index:1000;
}

.glossymenu div.submenu ul li a{ /* sub menu font info*/
display: block;
font: normal 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #4d1214;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;

}

.glossymenu div.submenu ul li a:hover{ /* rollover color of sub menu background*/
background: #dfd1cb;
color: black;

}


/*FEEDBACK FORM */

.feedbackform{
padding: 5px;
}

div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width: 700px; /*width of form rows*/
overflow: hidden;
padding: 5px 0;
}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 230px; /*width of label (left column)*/
font-size: 13px; font-weight: bold; 
text-transform: uppercase;
border-bottom: 1px solid #c43439;
margin-right: 15px; /*spacing with right column*/
}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-left: 41px
margin-bottom: 10px; /* space following the field */
}

div.fieldwrapper div.thefield2{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-left: 41px; /* space following the field */
}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 270px;
margin-left: 41px
}

div.fieldwrapper div.thefield input[type="file"]{ /* style for INPUT type="file" fields. Has no effect in IE7 or below! */
width: 320px;
margin-left: 41px
}

div.fieldwrapper div.thefield select{
margin-left: 41px
}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
width: 320px;
height: 150px;
margin-left: 41px
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin-top: 15px; /*space above buttonsdiv*/
margin-bottom: 20px;
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 125px;
background: #e1dfe0;
}

/*IMAGE SHADOWS */

.sidebar-pic {
  float:left; 
  width: 180px; 
  height: 240px; 
  border: 0px solid #c43439;  
  padding: 5px; 
  margin: 44px 0 0 0px;
}

.img-shadow {
  clear: both;
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 20px 0 0 17px !important;
  margin: 20px 0 0 8px;
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #c43439;
  margin: -6px 6px 6px -6px;
  padding: 0px;  /* Adding a pad will give the photo a white border */
  width: 180px;
  height: 240px;
}


/* PARAGRAPH SHADOWS*/

.p-shadow {
  clear: both;
  width: 90%;
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.p-shadow div {
  background: none !important;
  background: url(../images/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
}

.p-shadow p {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
}

/* News Pic PAGES*/

.sidebar_newspic{
/*position: relative;*/
/*Add a height attribute and set to largest image's height to prevent overlaying*/
/*margin: 75px; /*Margins for inner DIV inside each column (to provide padding)*/  
float:left; 
border: 0px solid #c43439;  
padding: 5px; 
margin: 28px 0 0 0px;

}

.news_thumbnail img{
border: 1px solid #c43439;
margin: 0 4px 4px 0;  /* 0 | side pad | top pad | 0 - Add padding to 3rd number to give extra space around enlarged pic*/
}

.news_thumbnail:hover{
background-color: transparent;
}

.news_thumbnail:hover img{
border: 1px solid black;
}

.news_thumbnail span{ /*CSS for enlarged image*/
position: absolute;
margin-top: 165px;
background-color: white;
padding: 10px;
left: -1100px;
border: 1px solid #c43439;
visibility: hidden;
font-size: 11px; 
font-weight: bold; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-transform: uppercase; 
border-bottom: 1px solid #c43439; 
width: 700px;
color: black;
text-decoration: none;
}

A:link {text-decoration: none; color: #aa2025;}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: none; color: #68181b;}


.news_thumbnail span img{ /*CSS padding around the bigger image*/
border-width: 0;
padding: 0px;
}

.news_thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 100;
}

/* MULTI-COLUMN*/

#divSizer {
	position: absolute;
	visibility:	hidden;
}

/* #divContent/ {
	position: absolute;
	top: 100px;
	left: 250px;
	font: 0.9em/1.1em tahoma, verdana;
	color: #000;
	visibility:	hidden;
}*/

#divContent {
	position: relative;
	top: -20px;
	left: -25px;
	margin: 0px 0px 0px 0px
	font: 0.9em/1.1em tahoma, verdana;
	color: #000;
	visibility:	hidden;
}



a
{
  outline: none;
}