@charset "UTF-8";
/*Resets
------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, del, em, font, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, caption, tbody, tfoot, thead {
margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {
	line-height: 14px;
	background-color: #000000;
}


/*100% Height / Sticky Footer
------------------------------------------------------*/
html, body {
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	height: 100%;
  	padding: 0;
}
table {
	background-color: #2C2A2A;
	padding-bottom: 20px;
}

td{
	padding-left: 10px;
	line-height: 12px;
}

h1{
	font-size: 35px;
	padding-bottom: 10px;
}

#container{
	text-align: left;
	width: 928px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:-60px;
	margin-top:0px;
	min-height: 100%;
  	height: auto !important;
  	height: 100%;


}




h2{
	color: #fff;
	font-weight: bold;
	letter-spacing: .5px;
	padding-bottom: 9px;
}

.name{
	float:left;
	padding-right: 10px;
	text-transform: uppercase;
	font-size: 11px;
	color: #CCC;
	letter-spacing: 0.5px;
}

.phone{
	color: #999;
	font-size: 11px;
}

.getreel{
	cursor:pointer;
}

#header{
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
}

a:link {
	
	color: #999999;
	text-decoration: none;
}

a:hover {
	
	color: #fff;
	text-decoration: none;
}


a:visited {
	
	color: #FFFFFF;;
	text-decoration: none;
}


#editclick{
	padding-bottom: 10px;	
}

#editclick, #contactclick, #loginclick, #blogclick a{
	text-transform: uppercase;
	font-weight: bold;
}


#editclick, #contactclick, #loginclick, #blogclick{
	padding-top: 10px;
	padding-bottom: 10px;	
}

#loginclick{
	padding-bottom: 10px;	
}

.reelnames a.active{
	color: #25AAE1;
}

#address{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: auto;
	margin-left: auto;
	height: 60px;
	color: #363636;
	text-align: center;
	line-height: 14px;
}

.push{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	width: 830px;
	margin-right: auto;
	margin-left: auto;
	height: 30px;
}

#login{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;	
	display:none;
}

.logtext{
	padding-left: 10px;
	color: #CCC;
}


#edithold ul{
	padding-left: 15px;	
}

#edithold li{
	padding-left: 15px;
	list-style-type: none;
	padding-top: 10px;
	padding-bottom: 10px;
}

.spotcontainer{
	padding-left: 15px;
	padding-bottom: 30px;
}

.mytitle{
	font-size: 10px;
	text-transform: uppercase;
	color: #666;
	padding-bottom: 15px;
}


.myinfo li{
	padding-bottom: 4px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	line-height: 12px;
}

.micetype{
	font-weight: bold;
	text-transform: uppercase;
	color: #999;
	font-size: 9px;
}

.editorhold{
	background-color: #2c2a2a;
	width: 928px;
	margin-top: 8px;
}

.editname{
	padding-top: 8px;
	padding-left: 15px;
	padding-bottom:8px;
	float:left;
}

.editname a{
	text-transform: uppercase;
	float:left;
}

.editname a:hover{
	color: #25AAE1;
}

.reelnames{
	float:left;
	padding-left:10px;
	padding-top: 8px;
	padding-right: 16px;
	
}

.reelname{
	float:left;
	padding-left: 35px;
}


/* rollover boxes //////////////////////////////////////*/

.item {
	width:120px;
	height:88px;
	border:2px solid #141414;
	margin:5px 5px 5px 0;
	/* required to hide the image after resized */
	overflow:hidden;
	/* for child absolute position */
	position:relative;
	/* display div in line */
	float:left;
}

.item .caption {
	width:120px;
	height:90px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=100);    /* ie  */
	-moz-opacity:1;    /* old mozilla browser like netscape  */
	-khtml-opacity: 1;    /* for really really old safari */  
	opacity: 1;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.item .caption h2{
	color:#66ABDA;
	font-size:10px;
	padding-left:5px;
	padding-top:10px;
	text-transform: uppercase;
}

.item .caption a {
	text-decoration:none;
	color:#D3007E;
	font-size:10px;
	display:block;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.item .caption a:hover{
	color: #65C80E;
	text-decoration: none;	
	
}

.item .caption p {
	margin:0;
	font-size:9px;
	padding:4px 5px;
	text-transform: uppercase;
}

.item img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}


/* end ```````rollover boxes //////////////////////////////////////*/

.reelnames a{
	font-size: 15px;
	color: #666;
	text-decoration: none;
}

.reelnames a:hover{
	color: #25AAE1;
}


.clear{
	clear: both;		
}


.vertlogo{
	width: 640px;
}

.vertlogo img {
	float:right;
	padding-right: 2px;
	padding-top: 5px;
}

.spotinfo{
	padding-top:7px;
	float:left;
}

.highlight a{
	color: #25AAE1;	
}


.one-third-column{
	width:30.5%;
	color: #CCC;
	padding: 12px;
	float:left;
}


.blue{
	background-color: #30AAE1;
	width: 33.3%;
	float: left;
	height: 26px;
	margin-top: 15px;
	background-image: url(../images/blue-bottom.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.blue img{
	float:right;	
}

.green{
	background-color: #8CC63F;
	width: 33.3%;
	float: left;
	height: 26px;
	margin-top: 15px;
	background-image: url(../images/green-bottom.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.red{
	background-color: #EC148C;
	float: left;
	width: 33.3%;
	height: 26px;
	margin-top: 15px;
	background-image: url(../images/pink-bottom.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.red img{
	float:left;	
}

#FlashID {
	visibility:visible !important;
}#contacts img {
	margin-top: -2px;
}

#contacts{
	display:none;	
}

#contacts a:link{
	font-size: 11px;	
}

.closebox{
	float:right;
	padding-left:4px;
	cursor:pointer;
}.phone img {
	margin-bottom:-7px;
	margin-left:2px;
}