@font-face {
    font-family: 'MetaRoman';
    src: url('meta-normal_lf-webfont.eot');
    src: url('meta-normal_lf-webfont.eot?#iefix') format('embedded-opentype'),
         url('meta-normal_lf-webfont.woff') format('woff'),
         url('meta-normal_lf-webfont.ttf') format('truetype'),
         url('meta-normal_lf-webfont.svg#MetaRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, san-serif;
	font-size: 11px;
	color: #FFF;
	background-color: #383028;
}

/* UNIQUE CIRCLES */
a.homeon {
	background-image: url("/images/hometheater.png");
	background-repeat: no-repeat;
	display: block;
}

a.homeon:hover {
	background-image: url("/images/hometheateron.png");
	background-repeat: no-repeat;
}

a.neton {
	background-image: url("/images/networking.png");
	background-repeat: no-repeat;
	display: block;
}

a.neton:hover {
	background-image: url("/images/networkingon.png");
	background-repeat: no-repeat;
}

a.securityon {
	background-image: url("/images/security.png");
	background-repeat: no-repeat;
	display: block;
}

a.securityon:hover {
	background-image: url("/images/securityon.png");
	background-repeat: no-repeat;
}

a.homeon {
	background-image: url("/images/hometheater.png");
	background-repeat: no-repeat;
	display: block;
}

a.homeon:hover {
	background-image: url("/images/hometheateron.png");
	background-repeat: no-repeat;
}

a.avon {
	background-image: url("/images/audio-video.png");
	background-repeat: no-repeat;
	display: block;
}

a.avon:hover {
	background-image: url("/images/audio-videoon.png");
	background-repeat: no-repeat;
}

a.teleon {
	background-image: url("/images/telephone.png");
	background-repeat: no-repeat;
	display: block;
}

a.teleon:hover {
	background-image: url("/images/telephoneon.png");
	background-repeat: no-repeat;
}

a.elecon {
	background-image: url("/images/electrical.png");
	background-repeat: no-repeat;
	display: block;
}

a.elecon:hover {
	background-image: url("/images/electricalon.png");
	background-repeat: no-repeat;
}

a.lighton {
	background-image: url("/images/lighting.png");
	background-repeat: no-repeat;
	display: block;
}

a.lighton:hover {
	background-image: url("/images/lightingon.png");
	background-repeat: no-repeat;
}

a.solaron {
	background-image: url("/images/solar.png");
	background-repeat: no-repeat;
	display: block;
}

a.solaron:hover {
	background-image: url("/images/solaron.png");
	background-repeat: no-repeat;
}

.uniquecircle {
	width: 106px;
	height: 106px;
	position: absolute;
}

#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 170px;
	border: 0px solid black;
	padding: 10px 20px 20px 20px;
	background-color: #000;
	visibility: hidden;
	z-index: 100;
	font-size: 10px;
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

.tipcontent {
	color: #9b7448;
	font-size: 11px;
}

.tiphead {
	font-family: "MetaRoman",sans-serif;
	font-size: 14px;
	letter-spacing: .08em;
}

#dropmenudiv{
	position:absolute;
	padding: 0px 5px 0px 5px;
	width: 163px;
	height: 135px;
	border:0px solid black;
	font-size: 9px;
	font-weight: bold;
	font-family: verdana, san-serif;
	z-index: 100;
	text-align: left;
	background-image:url(/images/tabdropdown-aboutus.gif);
}

#dropmenudiv a{
	font-size: 9px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	width: 163px;
	display: block;
	padding: 0px 0px 0px 0px;
	border-top: 6px solid #F7EFD7;
	border-bottom: 6px solid #F7EFD7;
}

#dropmenudiv a:hover{
	background-color: #C86018;
	color: #FFF;
	border-top: 6px solid #C86018;
	border-bottom: 6px solid #C86018;
	
}

#dropmenudiv-home{
	position:absolute;
	padding: 0px 5px 0px 5px;
	width: 163px;
	height: 210px;
	border:0px solid black;
	font-size: 9px;
	font-weight: bold;
	font-family: verdana, san-serif;
	z-index: 100;
	text-align: left;
	background-image:url(/images/tabdropdown-home.gif);
}

#dropmenudiv-home a{
	font-size: 9px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	width: 163px;
	display: block;
	padding: 0px 0px 0px 0px;
	border-top: 6px solid #F7EFD7;
	border-bottom: 6px solid #F7EFD7;
}

#dropmenudiv-home a:hover{
	background-color: #C86018;
	color: #FFF;
	border-top: 6px solid #C86018;
	border-bottom: 6px solid #C86018;
	
}

p {
	margin: 8px 0px 0px 0px;
}

br {
	margin: 0px 0px 0px 0px;
}

li {
	color: #95875D;
	font-family: verdana, san-serif;
	font-size: 11px;
}

div.sitecontainer {
	width: 1024px;
	font-family: verdana, san-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
	background-color: #F1E9D1;
}

div.topbeige {
	position: relative;
	width: 1024px;
	height: 137px;
	background-image:url(/images/topbeige-bg.jpg);
	border: 0px solid;
}

div.topbeige-inside {
	position: relative;
	width: 1024px;
	height: 103px;
	background-image:url(/images/topbeige-bg.jpg);
	border: 0px solid;
}

a.topRightNav, a.topRightNav:visited, a.topRightNav:active {
	font-family: "MetaRoman",sans-serif;
	color: #915428;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	padding-right: 10px;
}

a.topRightNav:hover {
	color: #C86018;
}

.topRightText {
	font-family: "MetaRoman",sans-serif;
	color: #1E1A15;
	font-size: 14px;
	font-weight: bold;
	padding-left: 15px;
}

div.logocontainer {
	position: relative;
	top: 41px;
	left: 25px;
}

div.logocontainer-inside {
	position: relative;
	top: 35px;
	left: 25px;
}

div.topinside {
	position: absolute;
	left: 306px;
	top: 36px;
	border: 0px solid;
}

div.toprightnav {
	position: absolute;
	top: 17px;
	right: 20px;
}

div.flashspot {
	width: 1024px;
	height: 268px;
	background-color: #000;
}

div.flashspot-process {
	width: 1024px;
	height: 267px;
}

div.headlinebox {
	width: 400px;
	left: 30px;
	top: 70px;
	position: relative;
}

.headerwhite {
	font-family: "MetaRoman",sans-serif;
	text-transform: uppercase;
	color: #FFF;
	font-size: 18px;
	line-height: 16px;
}

.headerorange {
	font-family: "MetaRoman",sans-serif;
	text-transform: uppercase;
	color: #C86018;
	font-size: 18px;
}

.headerwhite-big {
	font-family: "MetaRoman",sans-serif;
	text-transform: uppercase;
	color: #FFF;
	font-size: 23px;
	line-height: 19px;
}

.headerorange-big {
	font-family: "MetaRoman",sans-serif;
	text-transform: uppercase;
	color: #C86018;
	font-size: 23px;
}

div.middlecontent {
	position: relative;
	width: 1024px;
	height: 268px;
}

/* ------------------------------ TOP NAV ----------------------------- */
a.topNav, a.topNav:visited, a.topNav:active {
	display: block;
	width: 108px;
	height: 19px;
	background-image: url("/images/tab-bg.gif");
	background-repeat: no-repeat;
	float: left;
	margin-right: 0px;
	border: 0px solid;
	font-family: "MetaRoman",sans-serif;
	font-size: 10px;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .08em;
	text-align: center;
	padding: 6px 20px 0px 0px;
}

a.topNav:hover {
	background-image: url("/images/tab-bg-on.gif");
	background-repeat: no-repeat;
}

a.topNav-on, a.topNav-on:visited, a.topNav-on:active, a.topNav-on:hover {
	display: block;
	width: 108px;
	height: 19px;
	background-image: url("/images/tab-bg-on.gif");
	background-repeat: no-repeat;
	float: left;
	margin-right: 0px;
	border: 0px solid;
	font-family: "MetaRoman",sans-serif;
	font-size: 10px;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .08em;
	text-align: center;
	padding: 6px 20px 0px 0px;
}

a.scheNav, a.scheNav:visited, a.scheNav:active {
	display: block;
	width: 160px;
	height: 23px;
	background-image: url("/images/tab-schedule-bg.gif");
	background-repeat: no-repeat;
	float: left;
	margin-right: 9px;
	border: 0px solid;
	font-family: "MetaRoman",sans-serif;
	font-size: 10px;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .08em;
	text-align: center;
	padding: 6px 10px 0px 0px;
}

a.scheNav:hover {
	background-image: url("/images/tab-schedule-bg-on.gif");
	background-repeat: no-repeat;
}

a.scheNav-on, a.scheNav-on:visited, a.scheNav-on:active, a.scheNav-on:hover {
	display: block;
	width: 160px;
	height: 23px;
	background-image: url("/images/tab-schedule-bg-on.gif");
	background-repeat: no-repeat;
	float: left;
	margin-right: 9px;
	border: 0px solid;
	font-family: "MetaRoman",sans-serif;
	font-size: 10px;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .08em;
	text-align: center;
	padding: 4px 10px 0px 0px;
}

/* ------------------------------ LEFT NAV ---------------------------- */
a.leftNav, a.leftNav:visited, a.leftNav:active {
	display: block;
	width: 110px;
	height: 17px;
	background-image: url("/images/leftnav-bg.gif");
	background-repeat: no-repeat;
	font-family: "MetaRoman",sans-serif;
	color: #FFF;
	font-size: 10px;
	text-align: right;
	padding: 7px 23px 0px 0px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .09em;
	border: 0px solid #FFF;
}

a.leftNav:hover  {
	background-image: url("/images/leftnav-on-bg.gif");
	background-repeat: no-repeat;
	display: block;
	width: 110px;
	height: 17px;
	font-family: "MetaRoman",sans-serif;
	color: #FFF;
	font-size: 10px;
	text-align: right;
	padding: 7px 23px 0px 0px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .09em;
	border: 0px solid #FFF;
}

.leftNav-on, .leftNav-on:visited, .leftNav-on:hover, .leftNav-on:visited {
	background-image: url("/images/leftnav-on-bg.gif");
	background-repeat: no-repeat;
	display: block;
	width: 110px;
	height: 17px;
	font-family: "MetaRoman",sans-serif;
	color: #FFF;
	font-size: 10px;
	text-align: right;
	padding: 7px 23px 0px 0px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .09em;
	border: 0px solid #FFF;
}

div.bottomtab {
	position: relative;
	width: 1024px;
	height: 221px;
	background-image:url(/images/bottomtab-bg.jpg);
}

div.bottomtab-inside {
	position: relative;
	width: 1024px;
	height: 221px;
	background-image:url(/images/bottomtabinside-bg.jpg);
}

div.bottomtabs {
	position: relative;
	width: 800px;
	height:23px;
	top: 8px;
	left: 25px;
	border: 0px solid;
}

div.insidenavigation {
	position: relative;
	width: 900px;
	height:23px;
	top: 10px;
	left: 25px;
	border: 0px solid;
}

div.insidenav {
	position: relative;
	height: 33px;
	width: 1024px;
	background-color: #453B31;
	z-index: 9000;
}

div.aboutus-dropdown {
	display: none;
	position: absolute;
	top: 31px;
	left: 26px;
	width: 173px;
	height: 167px;
	text-align: left;
	z-index: 9000;
	background-image:url(/images/tabdropdown.gif);
}

div.aboutus-dropdown-inside {
	display: none;
	position: absolute;
	top: 32px;
	left: 26px;
	width: 173px;
	height: 167px;
	text-align: left;
	z-index: 9000;
	background-image:url(/images/tabdropdown.gif);
}

a.tabNav {
	font-family: verdana, san-serif;
	font-size: 9px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	line-height: 11px;
}

a.tabNav:hover {
	font-family: verdana, san-serif;
	font-size: 9px;
	font-weight: bold;
	color: #8C5126;
	text-decoration: none;
	line-height: 11px;
}

hr {
	color: #DFD8C2;
	line-height: 11px;
}

div.bottomhomesummary {
	position: relative;
	top: 20px;
	width: 990px;
	left: 25px;
	height: 130px;
	border: 0px solid;
}

div.bottominsidesummary {
	position: relative;
	top: 30px;
	width: 990px;
	left: 25px;
	height: 130px;
	border: 0px solid;
}

div.summary1 {
	float: left;
	left: 0px;
	top: 0px;
	width: 297px;
	height: 130px;
	background-image:url(/images/summary-bg.gif);
	background-repeat: no-repeat
}

div.summary-lighter {
	float: left;
	left: 0px;
	top: 0px;
	width: 297px;
	height: 130px;
	background-image:url(/images/summary-bg2.gif);
	background-repeat: no-repeat
}

div.summaries {
	float: left;
	width: 297px;
	height: 130px;
	background-image:url(/images/summary-bg.gif);
	background-repeat: no-repeat;
}

div.summarycontent {
	position: relative;
	width: 270px;
	left: 17px;
	top: 10px;
}

.summaryhead {
	font-family: "MetaRoman",sans-serif;
	color: #C86018;
	font-size: 13px;
	padding: 0px 0px 2px 0px;
	letter-spacing: 1px;
}

span.summarytext {
	font-family: verdana, san-serif;
	font-size: 11px;
	color: #FFF;
}

span.headlinecontent {
	font-family: verdana, san-serif;
	font-size: 12px;
	color: #FFF;
}

span.headlinecontent-small {
	font-family: verdana, san-serif;
	font-size: 11px;
	color: #95875D;
}

span.headlinecontent-orange {
	font-family: verdana, san-serif;
	font-size: 11px;
	color: #C86018;
}

a.summaryNav {
	display: block;
	width: 200px;
	height: 12px;
	background-image:url(/images/arrow.gif);
	background-repeat: no-repeat;
	font-family: "MetaRoman", sans-serif;
	font-size: 10px;
	color: #2a241e;
	text-decoration: none;
	line-height: 12px;
	letter-spacing: 1px;
	padding: 0px 0px 0px 12px;
}
a.summaryNav:hover {
	display: block;
	width: 200px;
	height: 12px;
	background-image:url(/images/arrow.gif);
	background-repeat: no-repeat;
	color: #F1E9D1;
	text-decoration: none;
	letter-spacing: 1px;
}

a.summaryNav2 {
	display: block;
	width: 120px;
	height: 12px;
	background-image:url(/images/arrow.gif);
	background-repeat: no-repeat;
	font-family: Verdana;
	font-size: 9px;
	color: #F1E9D1;
	font-weight: bold;
	text-decoration: none;
	line-height: 14px;
	letter-spacing: 1px;
	padding: 0px 0px 0px 12px;
}
a.summaryNav2:hover {
	display: block;
	width: 120px;
	height: 12px;
	background-image:url(/images/arrow.gif);
	background-repeat: no-repeat;
	font-family: Verdana;
	font-size: 9px;
	color: #C86018;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1px;
}

a.summaryNav3 {
	display: block;
	width: 300px;
	height: 12px;
	background-image:url(/images/arrow.gif);
	background-repeat: no-repeat;
	font-family: Verdana;
	font-size: 9px;
	color: #F1E9D1;
	font-weight: bold;
	text-decoration: none;
	line-height: 14px;
	letter-spacing: 1px;
	padding: 0px 0px 0px 12px;
}
a.panoNav:hover {
	display: block;
	width: 120px;
	height: 12px;
	background-image:url(/images/arrow.gif);
	background-repeat: no-repeat;
	font-family: Verdana;
	font-size: 9px;
	color: #C86018;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1px;
}

a.panoNav {
	display: block;
	width: 120px;
	height: 12px;
	background-image:url(/images/arrow.gif);
	background-repeat: no-repeat;
	font-family: Verdana;
	font-size: 9px;
	color: #F1E9D1;
	font-weight: bold;
	text-decoration: none;
	line-height: 14px;
	letter-spacing: 1px;
	padding: 0px 0px 0px 12px;
}
a.summaryNav3:hover {
	display: block;
	width: 300px;
	height: 12px;
	background-image:url(/images/arrow.gif);
	background-repeat: no-repeat;
	font-family: Verdana;
	font-size: 9px;
	color: #C86018;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1px;
}

a.certsNav {
	font-family: verdana;
	font-size: 11px;
	color: #95875D;
	font-weight: none;
	text-decoration: none;
}

a.certsNav:hover {
	font-family: verdana;
	font-size: 11px;
	color: #C86018;
	font-weight: none;
	text-decoration: none;
}

div.contact {
	background-color: #131210;
	width: 1024px;
	height: 440px;
	background-image:url(/images/content-bg.jpg);
}

div.contactbox {
	position: relative;
	left: 40px;
	top: 40px;
	width: 944px;
	height: 350px;
	border: 0px solid;
}

.form {
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
}

td.form2 {
	position: relative;
	left: 6px;
	font-family: verdana;
	font-size: 10px;
	color: #FFF;
}

input.putit {
	position: relative;
	top: -1px;
	left: 3px;
	background-color: #F8F0D8;
	border: 0px solid;
	font-family: verdana;
	font-size: 9px;
	color: #1C1A19;
}

textarea {
	position: relative;
	top: 3px;
	left: 3px;
	font-family: verdana;
	font-size: 9px;
	background-color: #F8F0D8;
	color: #1C1A19;
	border: 0px solid;
	overflow: hidden;
}

input.stylesubmit {
	display: block;
	width: 110px;
	height: 24px;
	background-image: url("/images/sendemail.gif");
	background-repeat: no-repeat;
	cursor: pointer;
	border: 0px solid;
	font-size: 2px;
	color: #2d2b29;
}

input.stylesubmit:hover {
	display: block;
	width: 110px;
	height: 24px;
	background-image: url("/images/sendemail-on.gif");
	background-repeat: no-repeat;
	cursor: pointer;
	border: 0px solid;
	font-size: 2px;
	color: #2d2b29;
}