/* CSS Document */

@import url("menu.css");

@font-face {
    font-family: 'eurostilebold';
    src: url('fonts/eurostib-webfont.eot');
    src: url('fonts/eurostib-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/eurostib-webfont.woff2') format('woff2'),
         url('fonts/eurostib-webfont.woff') format('woff'),
         url('fonts/eurostib-webfont.ttf') format('truetype'),
         url('fonts/eurostib-webfont.svg#eurostilebold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {width:1000px; background-color:#333333; background-image:url(images/main_01.jpg); background-repeat: repeat-x; background-position: top; margin:0 auto; font-family:Arial, Helvetica, sans-serif;}
a {color:#66ccff;}
a:hover {color:#66cc00;}
p {margin:0; padding:0; color:#FFF; font-size:14px; line-height:20px;}
#wrap {background-image: url(images/bg2_04.png);}
#sub {background:url(images/bg_sub.png) no-repeat;}
#right {width:260px; float:left;}
#right img#master {margin:30px 0 15px 15px;}
.aboutnav {background:url(images/bg_navAbout.jpg) no-repeat top left;}
.rentalnav {background:url(images/bg_navRent.jpg) no-repeat top left;}
.videonav {background:url(images/bg_navVideo.jpg) no-repeat top left;}
.lightingnav {background:url(images/bg_navLighting.jpg) no-repeat top left;}
.entertainmentnav {background:url(images/bg_navEntertainment.jpg) no-repeat top left;}
.evacnav {background:url(images/bg_navEvac.jpg) no-repeat top left;}
.signagenav {background:url(images/bg_navSignage.jpg) no-repeat top left;}
.evacnav {background:url(images/bg_navEvac.jpg) no-repeat top left;}
.sportsnav {background:url(images/bg_navSports.jpg) no-repeat top left;}
.securitynav {background:url(images/bg_navSecurity.jpg) no-repeat top left;}
.audionav {background:url(images/bg_navAudio.jpg) no-repeat top left;}
#right img.question {margin:0 0 25px 15px;}
#right h1 {color:#FFF; font-family: 'eurostilebold'; font-size:30px; font-weight:normal; margin:0 0 15px 0;}
#left {float:left; margin-left:15px; width:710px; padding-bottom:20px;}
#left h1 {color:#FFF; font-family: 'eurostilebold'; font-size:30px; font-weight:normal; margin:35px 0 0 35px;}
#left p {margin:15px 10px 0 35px;}
#left img.head {margin:35px 0 0 35px;}
#top {width:1000px; height:60px; background-image:url(images/bg-top.jpg); font-size:14px; padding-top:10px; color:#999; text-align:right; position:relative;}
#topSports {width:1000px; height:60px; background-image:url(images/bg-topS.jpg); font-size:14px; padding-top:10px; color:#999; text-align:right;}
#logo {width:168px; height:auto; position:absolute; z-index:500; top:20px; left:50px;}
nav {width:1000px; height:auto; float:left; margin:0;}
#cart {font-size:12px; padding-right:30px; color:#F63;}
#cart a {color:#999; text-decoration:none; margin:0 7px;}
#cart a:hover {color:#FFF; text-decoration:none;}
#top a.mainnav {font-size:16px; color:#FFF; text-decoration:none; display:block; float:right; margin:5px 25px 0 0;}
#top a.mainnav:hover {color:#999; text-decoration:none;}
#top a.contact {font-size:16px; color:#FFF; text-decoration:none; display:block; float:right; margin:5px 40px 0 0;}
#top a.contact:hover {color:#999; text-decoration:none;}
#image {width:970px; height:280px; padding:0 15px; position:relative;}
#slideshow {width:731px; height:280px; float:left;}
#homenav {width:260px; position:absolute; top:0; left:725px; z-index:500; float:left;}
#copy {width:925px;	margin:0; padding:30px 25px 15px 40px;}
#copy h1 {color:#FFF; font-family: 'eurostilebold'; font-size:30px; font-weight:normal; margin:0 0 15px 0;}
#copy p {margin:0 0 10px 0;}
#copy #welcome {width:390px; float:left; margin-top:-8px; margin-right:30px;}
#homeRight {width:505px; height:auto; float:left; margin:0;}
#testimonial {width:195px; float:left; margin:0 30px 0 0;}
#teasers {width:245px; float:left; margin:35px 0 20px 0;}
#featured {width:470px; padding:10px 10px 10px 0px; margin:-23px 0 0 0; float:left; color:#000; background:url(images/bg-featured2.png) no-repeat; /*border:3px solid #2849c0;*/}
#featured p {color:#fff; font-size:12px; margin:0 0 5px 0;}
#teasers img {margin:0 0 5px 0;}
#footer {width:970px; height:45px; background-color:#FFF; margin:0 0 0 15px; padding:10px 0; text-align:center;}
#footer img {margin:0 5px;}
#footerlinks {margin:0 auto 10px; padding:15px; width:970px; text-align:center; color:#666;}
#footerlinks a {font-size:12px; color:#999; text-decoration:none;}
#footerlinks a:hover {color:#FFF;}
#clear {clear:both;}
form.email img {margin-bottom:10px;}
form.email input {margin-bottom:7px;}
form.email select {margin-bottom:7px; width:175px;}
form.email input.btn {background-color:#92c53c; color:#FFF; font-weight:bold; border:1px solid #a8d148;}
form.contact label {color:#fff; margin-bottom:14px; display:block;}
form.contact input {margin-bottom:10px;}
form.contact td.emailus {padding-top:75px;}
form.contact input.btn {background-color:#92c53c; color:#FFF; font-weight:bold; border:1px solid #a8d148;}
form.employment label {color:#fff; margin-bottom:24px; display:block; margin-top:-14px;}
form.employment input {margin-bottom:10px;}
form.employment td.emailus {padding-top:75px;}
form.employment input.btn {background-color:#92c53c; color:#FFF; font-weight:bold; border:1px solid #a8d148;}

@media screen and (min-width:700px) and (max-width:1060px) {
	body {background:#333333 !important; width:auto;}
	#wrap {background:none; margin:0 auto; width:95%;}
	#sub {background:#2849c0; margin:0 auto; width:95%;}
	#top {background:#333333 !important; width:100%; height:auto; text-align:center; padding-bottom:15px;}
	#logo {position:static; width:100%; height:auto; padding-bottom:15px; text-align:center;}
	nav {background:#333333 !important; width:100%;}
	nav a {padding:0 20px;}
	#image {width:100%; height:auto; padding:0; float:left; margin:0;}
	#slideshow {width:76%; height:auto; float:left; margin:0 -3% 0 0; position:relative;}
	#slideshow img {max-width:100%; height:auto;}
	#left {width:73%; height:auto; float:left; margin:0; position:relative;}
	#left img {max-width:100%; height:auto;}
	#left p {margin:15px 35px 0 35px;}
	#right {width:27%; height:auto; float:right; position:static; z-index:500;}
	#right img {width:auto; max-width:100%; height:auto; position:relative; z-index:500;}
	#right #teasers {width:100% !important;}
	#homenav {width:27%; height:auto; float:right; position:static; z-index:500;}
	#homenav img {width:auto; max-width:100%; height:auto; position:relative; z-index:500;}
	#copy {background:#2849c0; width:90%; padding:30px 5% 15px;}
	#copy #welcome {width:100% !important; height:auto; margin:15px 0 0;}
	#copy img {max-width:100% !important; width:auto; height:auto; margin:15px 0 0;}
	#homeRight {width:100%; height:auto;}
	#homeRight img {max-width:100%; width:auto; height:auto; border:none;}
	#teasers {width:50%;}
	#footer {width:100%; height:auto; margin:0 0 15px; float:left; padding:10px 0;}
	#footer img {width:auto; max-width:40%; height:auto; margin:0 3%;}
	#footerlinks {background:none !important; width:100% !important; padding:15px 0; margin:0;}
	.aboutnav {background:none;}
	.rentalnav {background:none;}
	.videonav {background:none;}
	.lightingnav {background:none;}
	.entertainmentnav {background:none;}
	.evacnav {background:none;}
	.signagenav {background:none;}
	.evacnav {background:none;}
	.sportsnav {background:none;}
	.securitynav {background:none;}
	.audionav {background:none;}
}

@media screen and (min-width:400px) and (max-width:699px) {
	body {background:#333333 !important; width:auto;}
	#wrap {background:none; margin:0 auto; width:95%;}
	#sub {background:#2849c0; margin:0 auto; width:95%;}
	#top {background:#333333 !important; width:100%; height:auto; text-align:center; padding-bottom:15px;}
	#logo {position:static; width:100%; height:auto; padding-bottom:15px; text-align:center;}
	nav {background:#333333 !important; width:100%; margin:20px 0 !important;}
	nav a {padding:0 20px;}
	#image {width:100%; height:auto; padding:0; float:left; margin:0;}
	#slideshow {width:100%; height:auto; float:left; margin:0; position:relative;}
	#slideshow img {max-width:100%; height:auto;}
	#homenav {display:none;}
	#left {width:100%; height:auto; float:left; margin:0; position:relative;}
	#left img {max-width:100%; height:auto;}
	#left h1 {margin:35px 5% 0;}
	#left p {margin:15px 5% 0;}
	#right {width:90%; height:auto; float:right; padding:0 5%; position:static; z-index:500;}
	#right img {width:auto; max-width:100%; height:auto; position:relative; z-index:500;}
	#right img#Image5, #right img#Image6, #right img#Image7, #right img#Image8, #right img#Image9, #right img#Image10, #right img#Image11, #right img#Image12, #right img#Image32 {display:none;}
	#right #teasers {width:100% !important;}
	#copy {background:#2849c0; width:90%; padding:30px 5% 15px;}
	#copy #welcome {width:100% !important; height:auto; margin:15px 0 0;}
	#copy img {max-width:100% !important; width:auto; height:auto; margin:15px 0 0;}
	#homeRight {width:100%; height:auto;}
	#homeRight img {max-width:100%; width:auto; height:auto; border:none;}
	#teasers {width:50%;}
	#footer {width:100%; height:auto; margin:0 0 15px; float:left; padding:10px 0;}
	#footer img {width:auto; max-width:90%; height:auto; margin:10px 3%;}
	#footerlinks {background:none !important; width:90% !important; padding:15px 5%; margin:0;}
	#footerlinks span {display:block; margin:10px 0;}
	.aboutnav {background:none;}
	.rentalnav {background:none;}
	.videonav {background:none;}
	.lightingnav {background:none;}
	.entertainmentnav {background:none;}
	.evacnav {background:none;}
	.signagenav {background:none;}
	.evacnav {background:none;}
	.sportsnav {background:none;}
	.securitynav {background:none;}
	.audionav {background:none;}
}

@media screen and (min-width:150px) and (max-width:399px) {
	body {background:#333333 !important; width:auto;}
	#wrap {background:none; margin:0 auto; width:95%;}
	#sub {background:none; margin:0 auto; width:95%;}
	#top {background:#333333 !important; width:100%; height:auto; text-align:center; padding-bottom:15px;}
	#logo {position:static; width:100%; height:auto; padding-bottom:15px; text-align:center;}
	nav {background:#333333 !important; width:100%; margin:20px 0 !important;}
	nav a {padding:0 20px;}
	#image {width:100%; height:auto; padding:0; float:left; margin:0;}
	#slideshow {width:100%; height:auto; float:left; margin:0; position:relative;}
	#slideshow img {max-width:100%; height:auto;}
	#homenav {display:none;}
	#left {width:100%; height:auto; float:left; margin:0; position:relative;}
	#left img {max-width:100%; height:auto;}
	#left img.head {margin:35px 5% 0;}
	#left h1 {margin:35px 5% 0;}
	#left p {margin:15px 5% 0;}
	table {width:100% !important; margin:0 !important; padding:0px !important;}
	td {width:100%; display:block; float:left;}
	#right {width:90%; height:auto; float:right; padding:0 5%; position:static; z-index:500;}
	#right img {width:auto; max-width:100%; height:auto; position:relative; z-index:500;}
	#right img#Image5, #right img#Image6, #right img#Image7, #right img#Image8, #right img#Image9, #right img#Image10, #right img#Image11, #right img#Image12, #right img#Image32 {display:none;}
	#right #teasers {width:100% !important;}
	#copy {background:#2849c0; width:90%; padding:30px 5% 15px;}
	#copy #welcome {width:100% !important; height:auto; margin:15px 0 0;}
	#copy img {max-width:100% !important; width:auto; height:auto; margin:15px 0 0;}
	#homeRight {width:100%; height:auto;}
	#homeRight img {max-width:100%; width:auto; height:auto; border:none;}
	#teasers {width:100%;}
	#footer {width:100%; height:auto; margin:0 0 15px; float:left; padding:10px 0;}
	#footer img {width:auto; max-width:90%; height:auto; margin:10px 3%;}
	#footerlinks {background:none !important; width:90% !important; padding:15px 5%; margin:0;}
	#footerlinks span {display:block; margin:10px 0;}
	.aboutnav {background:none;}
	.rentalnav {background:none;}
	.videonav {background:none;}
	.lightingnav {background:none;}
	.entertainmentnav {background:none;}
	.evacnav {background:none;}
	.signagenav {background:none;}
	.evacnav {background:none;}
	.sportsnav {background:none;}
	.securitynav {background:none;}
	.audionav {background:none;}
	form.contact td.emailus, form.employment td.emailus {padding-top:5px;}
}