@charset "utf-8";
/* CSS Document */

/*
Manatee Stylesheet for 2009 
Author: BEN 'METALOUNGE' WARWICK */

/* Global reset */
*, html, body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, 
pre, form, label, fieldset, input, blockquote, th, td { margin:0; padding:0;  }
h4{ font-size: 1.0em}

html, body{/*overflow: hidden;*/ background: #000033;}
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
/*ol, ul, li { list-style:none }*/
caption, th { text-align:left }
/*h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }*/
a, span, p, ul, li { font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode"; font-size: 12px; list-style-type:none; color:#999999;}
a { color:#999999;/* text-decoration: none;*/}
h1 a{color: #FFFFFF; text-decoration: none}

a:hover{ color: #FFFFFF; text-decoration:underline;}
a:active{text-decoration:none;}

/* Global reset-RESET 
 The below restores some sensible defaults */
strong { font-weight: bold }
/*em { font-style: italic }*/
a img { border:none }  /*Gets rid of IE's blue borders */
.title{ width: 310px; float: left; height: 12px; position: relative; font-weight: normal; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size:12px; color:#FFFFFF; letter-spacing: 1px; left: 33px; background: url(../images/manatee-title-background.gif); background-repeat: no-repeat; padding: 32px 0px 4px 0px; 
}

.title a:active { font-weight: normal;}
.title a { text-decoration:none; color:#999966 }

/*CONTAINER(S)*/
.sitecontainer{ width: 750px; height: auto; margin: 0.6% auto; }
.header-wrap{ width: 750px; height: auto; margin: 0px  auto; }
.gliderbox, .maincontent { margin-left: 18px}
.player-container{ width: 750px; height: 30px; background-color:#000033;}
.playerlauncher{ width:106px; 	height:48px;	float:right; float: left; }
.site-nav{position: absolute; margin-left: 45px; width:750px; height:300px; z-index: 1000 }
.maincontent{ width: auto; height: 420px; 
}
/*PAGE BACKGROUNDS*/
.defaultpage{ background-image:url(../images/manatee-audio-pro-studios.gif)}
.homepage{ background-image: url(../images/manatee-audio-pro-studios.gif)}
.servicespage{ background-image:url(../images/manatee-audio-pro-studios.gif)}
.audiopage{ background-image: url(../images/manatee-audio-music.gif)}
.dvdpage{ background-image:url(../images/manatee-audio-dvd-authoring.gif)}
.videopage {background-image: url(../images/manatee-sevices-in-video.gif)}
.studiospage{ background-image: url(../images/manatee-audio-studio-servic.gif)}	
.servicepage{ background-image:url(../images/reel2reel_bg.jpg)}
.webdespage{ background-image: url(../images/bg_screen_www.gif)}
.acousticpage{ background-image:url(../images/bg_screen_acoustic.gif)}
.proaudiopage{ background-image: url(../images/manatee-pro-audio-studios.gif)}
.linkspage{background-image:url(../images/manatee-audio-links.gif)}
.floorpage{background-image:url(../images/manatee-audio-reflexion.gif)}
.contactpage{ background-image: url(../images/manatee-audio-contact-us.gif)}
.contactformpage{ background-image:url(../images/manatee-audio-contact-us-form.gif)}
.enquirypage{ background-image:url(../images/manatee-audio-enquiries.gif)}

.defaultpage, .enquirypage, .newspage, .webdespage, .homepage, .acousticpage, .servicespage, .audiopage, .dvdpage, .videopage, .studiospage, .proaudiopage, .linkspage, .floorpage, .contactpage, .contactformpage{
	width: 750px;
	height: 750px;
	position:relative;
	background-repeat:no-repeat;
	float:left;}




.homepage-paragraph { float: left; height: 220px; width: 151px; margin-right: 30px; }
.homepage-paragraph p, a{text-align: left; font-size: 1em;}
.homepage-paragraph h2{font-weight: bold; font-size: 110%; color:#FFFFFF}

.navbar-line { width: 750px; height: 1px; background-image:url(../images/line-wide.jpg); background-repeat: no-repeat;
/*	position: fixed;*/
	
}
.high-line	 { margin: 6px 0px 10px 0px; background-image:url(../images/line-wide.jpg); width: 100%; background-repeat: no-repeat; height: 1px; clear: both; }
.high-line-floorplan { margin: 10px 0px 3px 0px; background-image:url(../images/line-wide.jpg); width: 100%; background-repeat: no-repeat; height: 1px; 
}


.listed-links { width: 250px; height:auto; float: left; margin: 2px 0 0 0; display:block; }
.listed-links-bullets { width: 300px; float: left }
.listed-bullets { width: 320px; float: left }

.listed-bullets-serv { width: 210px; float: left }

.listed-bullets-serv li { width: 195px; height:auto; float:left; display:inline; padding:0 0 0 30px; margin:2px 0 0 0; background:url(../images/ring-bullet.jpg) no-repeat 10px 1px; }

.listed-bullet-free { width: 480px; float:left; display:inline; padding:15px 0 0 0; margin:2px 0 0 0; background:url(../images/ring-bullet.p) no-repeat 10px 1px; }
.listed-bullets li{ width:320px; height:auto; float:left; display:block; padding:0 0 0 30px; margin:2px 0 0 0; background:url(../images/ring-bullet.jpg) no-repeat 10px 1px; }
.listed-bullets-small li{ width:320px; height:auto; float:left; display:block; padding:0 0 0 30px; margin:3px 0 0 -9px; background:url(../images/ring-bullet.jpg) no-repeat 10px 1px; }
.listed-bullets-clients li{ width:150px; height:auto; float:left; display:inline; padding:0 0 0 30px; margin:3px 0 0 0px; background:url(../images/ring-bullet.jpg) no-repeat 10px 1px; }
.listed-links-bullets li 
{ width:500px; height:auto; float:left; display:block; padding:0 0 0 30px; margin:2px 0 0 0; background:url(../images/ring-bullet.jpg) no-repeat 10px 1px; }

/*==========================Hover Icons (Services)========================================================================*/

.webicon, .dvdicon, .audicon, .videoicon{ width:100px; height:100px;  display:block; }

.webicon{background:url(../images/Web-Icon.jpg)}
.dvdicon{background: url(../images/DVD-Icon-butt.jpg)}
.audicon{ background:url(../images/Audio-Icon.jpg)}
.videoicon{ background: url(../images/Video-Icon-butt.jpg)}

.webicon:hover{ background:url(../images/Web-Icon-h.gif); display:block}
.dvdicon:hover{ background:url(../images/DVD-Icon-butt-h.gif); display:block}
.audicon:hover{ background: url(../images/Audio-Icon-h.gif); display:block}
.videoicon:hover{ background: url(../images/Video-Icon-butt-h.gif); display:block}







/*===================================G===L===I===D===E===R========================================================================*/
		.arrowup{ position: absolute; left: 747px; top: 191px; background-image:url(../images/arrow_up.jpg); background-repeat:no-repeat; z-index: 2; 
}
		.arrowdown{ position: absolute; left: 747px; top: 280px; background-image:url(../images/arrow_down.jpg); background-repeat:no-repeat; z-index: 2; 
}
		.controls{height:auto;	overflow:hidden;}
		.controls a:hover { background-image:url(../images/button-hover.jpg)}
		.controls a{text-decoration:none;color:#666666;}
		.glidethumb{width: auto;height:auto;float:left;	margin: 0px 8px 3px 0px;}
		.glidertext {color: #FFFFFF}
		 div.scroller {
	/* modify width and height of scrolling section if necessary	*/
	width: 730px;
	height: 420px;
	overflow: hidden;
	border:0px solid #cccccc;
	text-align: left;
	font-family: Arial, sans-serif;
	font-size:12px;
}
	
		div.scroller div.section { width:730px; height:420px;}	/*float:left;*/ /*padding:10px;*/
		/* modify width and height of each section as needed (should match the size of the scroller window)*/				
	
		div.scroller div.content {width: 730px;}    /*<-- width of all scrolling sections*/

						div#um		{}
						div#dois 	{}
						div#tres	{}
						div#quatro	{}
						div#cinco 	{}
						div#seis	{}
						div#sete	{}
						div#oito	{}
						div#nove	{}
							
	
		/*paragraphs and images within the scrollers*/
	
	.article_container{ 
	width: 730px; height: 400px; margin: 0 0px 0 0px; }
	.article_container .article_frame_left, .article_container .article_frame_right 
	{width: 342px;	margin-top: 0;	margin-right: 0px;	margin-bottom: 20px;}
	
	.article_container2 .article_frame_left, .article_container2 .article_frame_right 
	{ width: 342px; margin-top: 0; margin-right: 0px; margin-bottom: 0px; }
	
	.article_container .article_frame_left{ margin-left: 15px; float:left}
	.article_container .article_frame_right{ margin-left: 15px; float: left }
	.article-page-heading { margin-left: 15px; float: left; }
	
	.article_container .article_pic{ 
	width: 100px; height: 100px; margin: 0 0px 1px 10px; 
	float:right; border: 1px solid gray; }
	
	.article_container .article_frame_left .headerbox, 
	.article_container .article_frame_right .headerbox{ height: 30px; background-image: url(../images/header_line.gif); background-repeat: no-repeat; width: 230px; float: right; 
}


	.headerboxleft{ height: 25px; background-image: url(../images/header_line.gif); background-repeat: no-repeat; width: 230px; float: left; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size:12px; color:#FFFFFF; letter-spacing: 1px; clear: both; 
	}
	.headerboxleft h1{ font-size: 12px}
	
	.article_container .article_frame_left .no_line_headerbox, 
	.article_container .article_frame_right .no_line_headerbox{
	height: 30px;
	width: 230px;
	float: right;
}

	.article_container .article_frame_left h1, 
	.article_container .article_frame_right h1{ float:left; width:250px; font-weight: bold; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size:12px; color:#FFFFFF; letter-spacing: 1px; margin-top: -2px; padding: 0px 0 3px 0; height: 21px; display: inline; clear: left; }
	
	.article_container .article_frame, 
	.article_container .article_frame_left p, 
    .article_container .article_frame_right p,
	.fullpage-article{ font-size: 12px; color:#999999; letter-spacing: normal; text-align: justify; display: block; line-height: normal; font-weight: normal; text-decoration: none; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }


/*=========================================non-gliding-articles==========================================================*/
	.fullpage-article{ width: 685px; height: 273px }
	.article-nomargin{ width: 750px; height: 420px}
/*	.fullpage-article a{ font-weight: bold}*/
	.normcontent{ width: 730px; height: 420px; margin: 0 0px 0 0px; }
	.normcontent .frame_left, .normcontent .frame_right 
	{ width: 342px; margin-top: 0; margin-right: 0px; margin-bottom: 20px; 
	
}
	.normcontent .frame_left, .fullpage-article{ margin-left: 15px; float:left; position: relative; 
}
	.fullpage-article-nm{
	float: left;}

	.normcontent .frame_right{ margin-left: 12px; float: left; position: relative; 
}
	
	.normcontent .pic{ width: 100px; height: 100px; margin: 0 0px 1px 10px; float:right; border: 1px solid gray; }
	.normcontent .frame_left .headsection, .normcontent .frame_right .headsection{ height: 30px; background-image: url(../images/header_line.gif); background-repeat: no-repeat; width: 222px; 
}
	.normcontent .frame_left h1, .normcontent .frame_right h1, .fullpage-article h1, .fullpage-article-nm h1{ 
	float:left; font-weight: bold; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; list-style-type:none;
	font-size:12px; color:#FFFFFF; letter-spacing: 1px;}
	
	.normcontent .frame, .normcontent .frame_left p, .fullpage-article-nm,
	.normcontent .frame, .normcontent .frame_right p{ font-size: 12px; color:#999999; letter-spacing: normal; text-align: justify; display: block; line-height: normal; font-weight: normal; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans Serif; 
	/*white-space:pre;*/
}
/*=========================================Nav States====================================================================*/
/*Navigation state for each current home page*/
body#home a#homenav,
body#services a#servicesnav,
body#studios a#studiosnav,
body#proaudio a#proaudionav,
body#news a#newsnav,
body#team a#teamnav,
body#contact a#contactnav { color:#999966; }
/*=========================================spacing==============================================================================*/
	.head_seperation				{ width: 400px; height: 48px; float: right; 
}	
	.clearfix						{ height:1px; clear: both; }
	.clearfix3pix						{
	width: 100%;
	height:5px;
	clear: both;
}	

.xtragutter{ width:10px; height:160px; float:left }

	.director-spacing{width: auto; height:80px}
	
	.twentyvert-space{width: auto; height:20px}
	.thirtyvert-space{ width: auto; height:30px; clear: both; }
	.fiftyvert-space{ width: auto; height:50px; clear: both; }
	.homepage-icon { float: left; height: 121px; width: 151px; margin-right: 30px; border: 0px solid gray; }
	/*.homepage-icon a:hover {border: 1px solid #999999}*/