/*
Theme Name: Earhugger Splash Page
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}

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

/*link colors*/
a, a:visited {text-decoration: none; color: #fff;}
a:hover {color: #314e52;}

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

#header {
	height: 160px;
	background: url(images/header-bg.jpg) no-repeat;
}

.logo {height: 54px; width: 164px; position: absolute; top: 15px; left: 468px; background: url(images/ehs.png) no-repeat;}

.tagline {position: absolute; top: 18px;}
.tag1 {left: 25px;}
.tag2 {left: 660px;}
.tagline h2 {text-shadow: 0.1em 0.1em 0.05em #333;}
.tagline h2, .tagline li {font-size: 1.6em;color: #fff;font-family: "trebuchet ms", "myriad pro", helvetica, arial, sans-serif; letter-spacing: 0.04em;}
.tagline ul {margin-top: 12px;}
.tagline li {font-size: 1.25em; list-style: disc; margin: 7px 0 0 40px; font-weight: 100; font-family: helvetica, arial, sans-serif; letter-spacing: 0.08em;}

.phone {background:#000000 url(images/phone_03.jpg) no-repeat scroll 6px 5px;
height:22px;
left:20px;
padding:5px;
position:absolute;
top:123px;}

.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 {
	position: relative;
	top: 0px;
	width: 873px;
}
#navigation ul {
	position: absolute;
	top: 132px;
	list-style: none;
	text-align: right;
	right: 30px;
}
#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;
}

/**************
	Splash Page
	
**************/
/*******Right Column VidMic*****/
#vidmic-main {
	background: url(images/vidmic-main.jpg) no-repeat;
	height: 455px;
	width: 535px;
	margin: 25px 50px 35px 0;
	float: left;
	position: relative;
	border: 1px solid #3d3d3d;
}
.mics {
	float: left;
	width: 250px;
	height: 476px;
	margin-top: -19px;
	background: url(images/mics.jpg) no-repeat;
}
.mics p {
	position: absolute;
	top: 290px;
	left: 75px;
	width: 180px;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.4em;
	line-height: 24px;
}
.vidmic-logo  {
	background: url(images/vidmic-logo.jpg) no-repeat;
	height: 75px;
	text-indent: -9999px;
	float: right;
	margin: 14px 0 0 0;
	width: 284px;
}

.vidmic-logo h2 {
	height: 80px;
}

.video {
	position: absolute;
	top: 100px;
	left: 285px;
}
.videoplayer img {
	height: 225px;
	margin-bottom: 20px;
}
.video p {
	width: 265px;
	font-family: arial, helvetica, sans-serif;
	line-height: 24px;
	font-size: 1.4em;
	text-align: center;
	margin: 10px 0 10px -20px;
	font-weight: 900;
	
}
.video a {
	color: #c11f16;
}

a.who-link {
	text-decoration: none; color: #fff;
}

a.who-link:hover {
	text-decoration: none; color: #C11F16;
}


/**********Left Column Radio Accessories*******/
#radio-main {
	background: url(images/radio-bg.png) no-repeat;
	height: 455px;
	width: 279px;
	margin: 25px 0 35px 0;
	float: right;
	position: relative;
	border: 1px solid #3d3d3d;
}

.radio-header {
	/*background: url(images/radio-header.png) no-repeat;*/
	height: 105px;
	width: 272px;
	right: 10px;
	top: 164px;
	position: absolute;
	z-index: 3;
}

.radio-header h2 {
	text-indent: -9999px;
}

.radio-header h2 {
	height: 100px;
	width: 280px;
}

#radio-main ul {
	margin-left: 30px;
	margin-top: 75px;
	list-style: none;
	position: relative;
}
#radio-main li {
	padding-top: 10px;
	font-family: Arial, helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: 700;
}

.accessories {
	background: url(images/accessories.png) no-repeat;
	height: 316px;
	width: 279px;
	right: 0px;
	top: 360px;
	position: absolute;
	z-index: 1;
}

.radio-enter {
	position: absolute;
	right: 2px;
	top: 600px;
	width: 100px;
	height: 14px;
	z-index: 99;
}

/**********
	Footer
	
**********/

#footer-splash {
	height: 90px;
	width: 873px;
	margin-top: 2px;
}
.footer-nav {
	margin: 0 auto;
}
.footer-nav ul {
	list-style: none;
	margin-top: 7px;
	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;
}

/*********************
	Splash page footer
	
*********************/

.try-box {
	height: 58px;
	width: 552px;
	
	float: left;
	margin-left: -15px;
}

.try-vidmic {
	height: 50px;
	background: #314e52;
	width: 469px;
	float: left;
}

.try-box img {
	float: left;
}
.try-vidmic p {
	font-family: Arial, helvetica, sans-serif;
	font-size: 1.4em;
	line-height: 18px;
	padding-top: 15px;
	padding-left: 25px;
	float: left;
}

.test-box {
	height: 59px;
	width: 297px;
	float: left;
	float: right;
}
.test-product {
	height: 50px;
	background: #314e52;
	width: 214px;
	float: right;
}
.test-box img {
	float: left;
}
.test-product p {
	float: left;
	font-family: Arial, helvetica, sans-serif;
	font-size: 1.4em;
	line-height: 18px;
	padding-top: 15px;
	padding-left: 15px;
}