/*
Theme Name: VIDMIC 
Author: dnnsldr for Mosaic Group LLC
Author URI: http://mosaicteam.com
Version: 1.0
*/
/*global resets*/
* {margin:0; padding:0}
ol, ul {list-style:none}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:"" ""}
strong { font-weight: 700 }
em { font-style: italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */
img {border:none}
#uppercase {
	text-transform: uppercase;
}

/*floats*/
.clear { clear: both; }
.left {    float: left; }
.right { float: right; }

/*link colors*/
a {text-decoration: none; color: #9E9557;}
a:hover {
	color: #F8E888;
	font-size: 14px;
}
}

input {
width:300px;
}
input.button
{
	width:50px;
}
body {
	text-align:center; /*For IE6 Shenanigans*/
	font-size: 62.5%; /*this will reset most browers for 1em to equal 10px*/
	background:#000 url(../images/mic-background.jpg) repeat;
	color: #FFF;
}  
   
/***************
	Header Info
	
***************/
#wrapper {
	width: 873px;
	height: 768px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/main-bk.png) repeat;
	position: relative;
}

#header {
	height: 160px;
	z-index: 1001;
	position: relative;
	width:873px;
}

.ehs_logo{
	position:absolute;
	top:66px;
	left:330px;
	z-index:2;
	}
.tagline h2 {
	font-size: 1.6em;
	color: #97a4a7;
	font-family: "trebuchet ms", "myriad pro", helvetica, arial, sans-serif;
	position: absolute;
	top: 30px;
	left: 90px;
}
.phone {
	background: url(../images/phone_03.jpg) no-repeat;
	position: absolute;
	top: 25px;
	left: 625px;
	height: 22px;
}
.phone h2 {
	margin-left: 30px;
	margin-top: -3px;
	font-size: 2.4em;
	color: #97a4a7;
	font-family: "trebuchet ms", "myriad pro", helvetica, arial, sans-serif;
	font-weight: 700;
}

#navigation {
	background: url(../images/header-bg.jpg) no-repeat;
	height: 95px;
	position: relative;
	top: 66px;
	width: 873px;
}

.vidmic_headtit{
	top:70px;
	left:180px;
	position:absolute;
	z-index:2;
	}

#vidmic_videotxt{
font-size:24px;
color:#c9bfbe;
}

#vidmic_backtxt{
font-size:16px;
color:#c9bfbe;
}


#navigation_vidmic {
	background: url(../images/vidmic_headerbg.jpg) no-repeat;
	height: 95px;
	position: relative;
	top: 66px;
	width: 873px;
}
/*original menu
#navigation ul {
	position: relative;
	top: 70px;
	list-style: none;
	text-align: center;
	margin: 0 auto;
}
#navigation li {
	display: inline;
	font-size: 1.4em;
	font-family: "myriad pro", helvetica, arial, sans-serif;
	color: #fff;
	text-align: center;
	padding: 0 5px 0 5px;
	
}
#navigation li .splash {
	padding: 0 15px 0 15px;
}
#navigation li a {
	color: #fff;
}
#navigation li a:hover {
	color: #314e52;
}
*/
/*menu.js version
#nav { margin-left: 45px; display: block; padding:0; list-style-type:none; position:relative; top: 70px; text-align: center;}
  #nav li { float:left; position:relative; display: block; font-size: 1.4em;}
  #nav a { display:block; padding:0px 10px; border-right: 1px solid #fff; text-decoration:none; color:#fff;}
  #nav a:hover{ color:#000}
  #nav a.last { border-right: none;}
  #nav a.last:hover { border-right: none;}

    #nav li ul { position:absolute; top:1.0em; display:none; margin-left: 0px;z-index: 1000;}
    * html #nav li ul { line-height: 0; } /* IE6 "fix" */
    /*
  	#nav li ul a { position: relative; float:left; z-index: 1000; background: #5b0c08; width: 175px; text-align: left; font-size: .8em; line-height: 1.6em;padding-left: 12px;margin-left: -1px;border-left: 1px solid #fff;border-right: none;}
  	#nav li ul a { zoom: 1; } /* IE6/7 fix */
  	/*
      #nav ul ul{ top: auto;	}	
      #nav li ul ul { left:12em; margin:0px 0 0 10px; }
      #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none;}
      #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block;}	
*/
/*NAVIGATION/*
/* Basic code - don't modify */
 
 #nav { display: block; padding: 0; position: relative; top:70px;margin-left:5px;}
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; cursor:pointer; }
  #nav a { display: block; z-index: 1000;}
  #nav a:hover{ color:#fff}
  #nav a.last { border-right: none;}
  #nav a.last:hover { border-right: none;}
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; z-index: 1000;} /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; z-index: 1000;}
    
/* Essentials - configure this */

#nav ul { width: 175px; }
#nav ul ul { left: 176px; }

/* Everything else is theming */
 
#nav { height: 24px; }
#nav *:hover { background-color: none; }
#nav a { border-right: 1px solid white; color: white; font-size: 1.4em; padding: 5px 10px 6px 10px; line-height: 1; }
  #nav li:hover a { background-color: #314e52; z-index: 1000;}
  #nav ul { top: 25px; }
    #nav ul li a { background-color: #314e52; z-index: 1000;}
      #nav ul a:hover { background-color: #fff; color: #000;z-index: 1000; }
   #nav ul a { border-bottom: 1px solid white; border-right: none; /*opacity: 0.9; filter: alpha(opacity=90);*/ }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */


/*****************
	Interior Pages
	
*****************/

#main {	
	margin: 30px 0 0 0;
	width: 873px;
	font-family: Arial, helvetica, sans-serif;
	font-size: 1.4em;
	z-index: 1;
}
#main h3 {
	font-size: 18px;
}
/**********
Sidebar
**********/
#sidebar {
	width: 180px;
	float: left;	
}
#sidebar ul {
	width: 160px;
	margin: 5px 0 20px 5px;
	list-style: none;
	/*height: 520px;*/
}
#sidebar li {
	margin-bottom: 13px;
	
}

#sidebar .list-line {
	padding-bottom: 13px;
	border-bottom: 1px solid #fff;
	line-height: 1.24em;
}
#sidebar h2 {
	color: #97a4a7;
	font-weight: 300;
	font-size: 1.1em;
	margin-bottom: 15px;
	text-align: center;
}
#sidebar h2 em {
	font-size: .7em;
	text-align: center;
}
#sidebar .contact-us li h4 {
	padding-bottom: 5px;
	color: #fff;
	font-size: 1em;
}
#sidebar .contact-us li {
	font-size: .9em;
}



/**********
Content
**********/
#content {
	background: url(../images/content.jpg) repeat;
	min-height: 558px;
	width: 650px;
	float: left;
	border: 1px solid #3d3d3d;
	position: relative;
	padding: 10px 20px 10px 20px;
}
#content span {
	color: #b71d14;
}
.bigger {
	font-size: 18px;
}
.pdfversion {
	line-height: 1.5em;
	font-size: 12px;
}
.pdfversion a {
	background: url(../images/pdficon_small.gif) no-repeat;
	height: 17px;
	line-height: 20px;
	padding-left: 20px;
	display: block;
}

#content p {
	margin: 15px;
	line-height: 1.8em;
}
#content .videoplayer {
	margin: 45px 110px 45px 110px;
	height: 240px;
	/*width: 432px;*/
}

#content h2 {
	margin-bottom: 15px;
}

#content h3 {
	margin-bottom: 15px;
}

#content h4 {
	margin-bottom: 15px;
}



#content dt {
	margin: 20px 0 10px 0;
	color: #5F969E;
	font-size: 16px;
}

#faqContainer dt {
	text-transform: uppercase;
}

#content dd {
	padding: 5px 0px 5px 35px;
	font-size: 14px;
}
#content .downloads dt {
	font-size: 18px;
}



#magazine-image {
	height: 100px;
	width: 100px;
	margin-right: 15px;
}

#magazine-image img {
	margin: 0px auto;
}

#magazine-text {
	margin-bottom: 15px;
}

table.specs {
	width: 400px;
	float: left;
}

table.specs tr {
	height: 25px;
}

table.specs tr.sub {
	height: 15px;
	font-size: 0.8em;
}

table.specs tr td.first {
	width: 200px;
}
table.specs tr td.second {
	width: 200px;
}

/*****Scroller*******/

.Container {
  	position: absolute;
  	/*top: 0px; left: 0px;*/
  	width: 640px;
  	height: 485px;
  	/*background-color: #EEE;*/
}

.faq .Container {
  	height: 450px;
}

#Scroller-1, #Scroller-2, #Scroller-3, #Scroller-4, #Scroller-5, #Scroller-6 { 
    position: relative; 
  	overflow: hidden;
  	width: 640px;
  	height: 485px;
}

.faq #Scroller-1 {
  	height: 450px;
}

.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
  padding-right: 15px;
}


.Scrollbar-Track {
  width: 10px; height: 435px;
  position: relative;
  top: 50px; left: 640px;
  background-color: #EEE;
}

.faq .Scrollbar-Track {
	height: 400px;
}

.Scrollbar-Handle {
  position: absolute;
  top: 0px; left: 0px;
  width: 10px; height: 40px;
  background-color: #314e52;
}


/*****info page*****/

.info-box {
	border: thin white solid;
}

.img-box img {
	margin-left: 16px;
	margin-bottom: 15px;
	text-align: center;
}

.info-box p.quote {
	font-style: italic;
}

.info-box p.quote span {
	font-weight: bold;
	text-align: right;
	float: right;
}

.info-box p.statistic {
	font-weight: bold;
}

.info-box p.statistic span {
	font-size: 9px;
	text-align: right;
	font-weight: normal;
	font-style: italic;
	float: right;
	margin: 0 40px;
}


/*****end info page*****/


/*****video page*****/
.videos {
	text-align: center;
	width: 140px;
	margin: 0 auto;
	
}
.videos a {
	margin-bottom: 20px;
	display: block;
}
.videos a.playing {
	color: #314e52;
}
.videos a.paused {
	color: #3d3d3d;
}
.videos a img {
	border: 1px solid #fff;
}
.demo-video {
	text-align: center;
}
.demo-video {
	margin-bottom: 20px;
	display: block;
}
.demo-video img {
	border: 1px solid #fff;
}

.videos .button {
	border: 1px solid #314e52;
	cursor: pointer; 
	text-align: center;
	display: block;
	margin-top: 50px;
}

/*****Contact Page*****/
.contact-form {
	width: 380px;
	float: left;
}
ol.forms {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:380px;
}
ol.forms li {
clear:left;
float:left;
line-height:1.5em;
margin-bottom:0.5em;
width:380px;
}
ol.forms label {
cursor:pointer;
display:block;
float:left;
line-height:1.5em;
padding-right:15px;
text-align:right;
width:75px;
color: #636467;
}

ol.forms input {
width:250px;
}
ol.forms textarea {
height:20em;
width:255px;
}
ol.forms li.buttons  {
padding-left:93px;
width:90%;
}
ol.forms .error {
display:block;
margin: 0.25em 0 0 95px;
font-size: 12px;
color: #b71d14;
}
ol.forms .alert{
display:block;
margin: 0.25em 0 0 95px;
font-size: 12px;
color: #b71d14;
}
/****software form****/

fieldset {
	margin-bottom: 15px;
}
legend {
	margin-left: 3px;
	color: #fff;
}

ol.software li {
clear:left;
float:left;
line-height:1.5em;
margin: 5px 0 5px 0;
width:600px;
}
ol.software label {
cursor:pointer;
display:block;
float:left;
line-height:1.5em;
padding-right:15px;
text-align:right;
width:300px;
color: #636467;
}

ol.software input {
width:270px;
}
ol.software input.buttons  {
float: right;

width: 75px;
margin: 10px 10px 10px 0;
}
ol.software .error {
display:block;
margin: 0.25em 0 0 95px;
font-size: 12px;
color: #b71d14;
}
ol.software .alert{
display:block;
margin: 0.25em 0 0 95px;
font-size: 12px;
color: #b71d14;
}
#serialNums {
	margin-top: 10px;
}
/******************
	order page

******************/

#content .order-top {
	height: 230px;
	width: 440px;
	margin:0 20px;
	float:left;
}

#content .order-bottom {
	float: left;
	width: 620px;
	margin:20px 0 0 15px;
	min-height: 210px;
	border-top:5px solid #314E52;
	padding-top:30px;
}

#content .order-bottom span, #content .order-top span {
	color:#C11F16;
}

#content .order-bottom span.bigger, #content .order-top span.bigger{
	font-size: 18px;
}

/******************
	end order page

******************/


/******************
	Vidmic homepage

******************/

.demonstration-sidebar {
	margin: 0px 0 0 5px;
}
.button {
	border: 3px solid #314e52;
	padding: 5px;
	cursor: pointer;
	width: 150px;
}
#top-content {
	height: 340px;
	border-bottom: 5px solid #314e52;
	width: 620px;
	margin: 0 auto;
}

.mini-mics {
	background: transparent url(../images/vidmic_side_img.png);
	width: 140px;
	height: 215px;
	float: left;
	margin: 0;
	padding: 0;
	position: absolute;
	left: -10px;
	top: -24px;
	border: none;
	}
	
.starburst-main {
	width: 170px;
	height: 169px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 560px;
	top: 75px;
	border: none;
}

.starburst-main h2 {
	background: transparent url(../images/starburst.png);
	width: 170px;
	height: 169px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.starburst-main a h2 span {
	text-indent: -9999px;
	display: none;
}

/*.starburst-software {
	background: transparent url(../images/starburst.png);
	width: 170px;
	height: 169px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0px;
	top: 0px;
	border: none;
}

.starburst-software h2 span {
	text-indent: -9999px;
	display: none;
}*/
	
/*.mini-mics img {
	position: relative;
	left: -45px;
	top: -24px;
}
*/
.right-top {
	float: left;
	width: 470px;
	margin-left: 100px;
}
.right-top h2 {
	color: #fff;
	font-size: 1.4em;
	margin-top: 20px;
}
.right-top h3 {
	color: #5F969E;
	font-size: 1.8em;
	margin-top: 20px;
	text-decoration: underline;
}
#content ul {
	margin-bottom: 15px;
}
#content ul li {
	padding-bottom: 5px;
}
ul.homelist {
	color: #5F969E;
	margin: 0 0 15px 0;
}

ul.homelist li {
	background: url(../images/arrow.png) no-repeat;
	background-position: .1em 38%;
	padding: 0 0 0 18px;
	margin: 5px 0 0 0px;
	font-weight: 700;
}
#content .bottom-left {
	float: left;
	width: 400px;
	margin: 0 0px 0 15px;
	border-right: 5px solid #314e52;
	height: 210px;
}
#content .testimonal {
	background: url(../images/testimonials.jpg) no-repeat;
	height: 207px;
	margin-top: 2px;
	width: 16px;
	float: left;
}
#content .bottom-left p {
	float: left;
	line-height: 1.8em;
	margin: 7px 10px 0 25px; 
	width: 345px;
}
#content .bottom-left p span {
	color: #b71d14;
}

#content .bottom-right {
	float: left;
	height: 210px;
	width: 200px;
	margin-left: 15px;
	margin-top: -15px;
}
#content .bottom-right p {
	width: 200px;

}
#content .bottom-right p span {
	color: #b71d14;
}
#content .bottom-right h2 {
	text-align: center;
	font-size: 1.8em;
	margin: -15px 0;
	padding: 0;
}
/**********
	Footer
	
**********/
#footer {
	width: 873px;
	clear:both;	
	padding-bottom:10px;
	float:left;
	}

.footer-nav {
	margin: 0 auto;
}
.footer-nav ul {
	list-style: none;
	margin-top: 15px;
	text-align: center;
}
.footer-nav li {
	display: inline;
	padding-left: 20px;
	text-align: center;
	font-size: 1.2em;
}
.footer-nav li a {
	color: #fff;
}
.footer-nav li a:hover {
	color: #314e52;
}

#vidmic_maincon {
	background: url(../images/content.jpg) left top repeat-y;	
	width: 650px;
	float: left;
	height:600px;
	border: 1px solid #3d3d3d;
	position: relative;
	padding: 10px 20px 10px 20px;
}


#vidmic-mid {
	height: 370px;
	border-bottom: 5px solid #314e52;
	width: 620px;
	margin: 0 auto;
}

.vidmic_btn{
	text-align:right;
	padding-top:15px;
}

.vidmic_para{
	color:#fff;
	text-align:left;
	padding-top:15px;
	font-weight:bold;
	font-size:15px;
	line-height:18px;
}


/************* Vidmic Vidoe Part ***************/

.vidmic_videopart{
width:435px;
height:250px;
margin:auto;
margin-top:120px;
}

/********************** Software Page Layout **************/


.soft_left{
float:left;
width:170px;
padding-left:10px;
background:url(../images/soft_leftbgimg.png) 10px 45px no-repeat;
min-height:435px;
}

.soft_txt1{
color:#fe1218;
line-height:18px;
font-weight:bold;
padding-top:15px;
}

.soft_txt2{
text-align:center;
padding-top:50px;
color:#fc4f02;
}

.soft_para{
color:#fff;
padding-top:20px;
line-height:18px;
}

.soft_findtxt{
color:#f10909;
font-weight:bold;
padding-top:15px;
}

.soft_findtxt a{
color:#f10909;
}

.soft_findtxt a:hover{
text-decoration:underline;
}

.soft_btmpara{
color:#fff;
padding:20px 10px 0px 0px;
line-height:18px;
}

.soft_btmpara a{
color:#fd0303;
font-weight:bold;
}

.soft_btmpara a:hover{
text-decoration:underline;
}

.soft_btmpara span, .soft_btmpara span a{
color:#fbb805;
}

.soft_rightcon {
	background: url(../images/content.jpg) repeat;	
	width: 650px;
	float: left;
	min-height:485px;
	border: 1px solid #3d3d3d;
	position: relative;
	padding: 10px 20px 20px 20px;
}

.soft_rightcon p{
	padding:25px 0px 0px 20px;
	line-height:20px;
}

.soft_rightcon p label{
color:#fff;
font-weight:bold;
font-size:16px;
}

#soft_contit{
font-size:18px;
}

/****************** Storage Page Layout ******************/

.store_left{
background:none;
}

.stor_tit{
padding-top:20px;
}

#store_para{
padding-top:15px;
}

.store_lefttxt{
color:#e5342a;
line-height:28px;
font-weight:bold;
padding:50px 0px 0px 10px;
}

.store_lefttxt2{
padding-top:60px;
}

/*************************** Vidmic Home Center Part Update ***********/

.vidmic_wearlogo{
width:370px;
padding-left:40px;
}

.vidmie_newpara{
padding:15px 0px 0px 40px;
color:#168e9e;
font:normal 26px Arial;
line-height:42px;
}

.support_btntxt{
color:#407c84;
padding-top:20px;
line-height:25px;
}

.support_btntxt a{
color:#ff0000;
border:2px solid #407c84;
padding:2px 5px;
}

/************************ Warranty Information ******************/

.war_tit{
color:#c21f18;
font-weight:bold;
font-size:20px;
padding-top:12px;
}

.war_para{
color:#fff;
padding:15px 0px;
line-height:18px;
}

.war_subtit{
color:#fff;
padding-top:10px;
font-weight:bold;
font-size:15px;
}

.war_list ul{
margin:0px;
padding:10px 0px 0px 20px;
}

.war_list li{
background:url(../images/war_listimg.gif) left 5px no-repeat;
padding-left:20px;
line-height:18px;
}

.war_para label, .war_list li label{
color:#108b93;
font-weight:bold;
font-size:11px;
}

#war_sidelink{
color:#10777e;
border:3px solid #10777e;
display:block;
width:90px;
margin:auto;
padding:6px;
margin-top:25px;
line-height:22px;
}

.vid_calltoptxt{
color:#C11F16;
}

.vid_calltoptxt strong{
font-size:14px;
}

.vid_calltit{
color:#5F969E;
text-align:center;
padding-top:15px;
font-weight:bold;
font-size:17px;
}

.vid_callpara{
padding-top:15px;
line-height:20px;
}

.vid_callbtmpara{
line-height:20px;
padding-bottom:20px;
}