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

/* Reset */
body { color:#000; background:#FFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
sup,sub { line-height:-1px; vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }

/* Overall */
body { background: url(images/bg_page.jpg) center top repeat; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
h1 { font-size: 20px; padding: 11px 0px; }
h2 { font-size: 18px; padding: 11px 0px; }
h3 { font-size: 16px; padding: 11px 0px; }
h4 { font-size: 14px; padding: 11px 0px; }
h5 { font-size: 12px; padding: 11px 0px; }
h6 { font-size: 10px; padding: 10px 0px; }
p, address { padding: 10px 0px; }
li { padding: 2px 2px 2px 8px; }
ul, ol { margin: 0px 5px 0px 30px; padding: 10px 0px; }
table { border-spacing: 7px; margin: 7px; }
td, th { border: 1px solid #000; color: #000; padding: 7px; }
th { font-weight: bold; text-align: center; }
a { color: #900; text-decoration: underline; }
a:hover { text-decoration: none; }
em, i { font-style: italic; }
strong, b { font-weight: bold; }
hr { border: none; border-top: 1px solid #000; height: 1px; margin: 5px auto; width: 80%; }

/* Main */

#pageWrapper { width: 800px; background-color: #FFF; margin: 0px auto; overflow: auto; position: relative; }

/* Header */

#header { height: 88px; background: url(images/background.jpg) center top repeat-x; }
#header h1 { text-indent: -9999px; height: 88px; width: 101px; background: url(images/logo.jpg) center top no-repeat; display: block; float: left; padding: 0px 25px; }
#header h2 { text-indent: -9999px; height: 38px; width: 242px; background: url(images/logo-text.jpg) center top no-repeat; display: block; float: left; margin-top: 25px; padding-bottom: 0px; }
#requestquote { background: url(images/requestquote.png) top right no-repeat; padding: 0px; position: absolute; right: 0px; top: 31px; width: 193px; }
#requestquote a { display: block; height: 52px; text-indent: -9999px; }
#phonenumber { color: #67838E; font-size: 14px; font-weight: bold; padding: 0px; position: absolute; right: 5px; text-align: right; top: 3px; }

/* Menu */

#mainMenu ul { height: 53px; margin: 0px; padding: 0px; list-style: none; }
#mainMenu li, #mainMenu a { margin: 0px; padding: 0px; float: left; height: 53px; text-indent: -9999px; list-style-image: none; }
#btn-home, #btn-home a { width: 130px; background-image: url(images/btn_home_off.jpg); }
#btn-home a:hover { background-image: url(images/btn_home_on.jpg); }
#btn-solutions, #btn-solutions a { width: 143px; background-image: url(images/btn_solution_off.jpg); }
#btn-solutions a:hover { background-image: url(images/btn_solution_on.jpg); }
#btn-products, #btn-products a { width: 140px; background-image: url(images/btn_products_off.jpg); }
#btn-products a:hover { background-image: url(images/btn_products_on.jpg); }
#btn-aboutus, #btn-aboutus a { width: 138px; background-image: url(images/btn_abt_off.jpg); }
#btn-aboutus a:hover { background-image: url(images/btn_abt_on.jpg); }
#btn-faq, #btn-faq a { width: 104px; background-image: url(images/btn_faq_off.jpg); }
#btn-faq a:hover { background-image: url(images/btn_faq_on.jpg); }
#btn-links, #btn-links a { width: 102px; background-image: url(images/btn_links_off.jpg); }
#btn-links a:hover { background-image: url(images/btn_links_on.jpg); }
#btn-contact, #btn-contact a { width: 145px; background-image: url(images/btn_contact_off.jpg); }
#btn-contact a:hover { background-image: url(images/btn_contact_on.jpg); }

/* Flash section */

#flashSection { background-color: #0187B9; border-top: 5px solid #0187B9; border-bottom: 5px solid #0187B9; height: 346px; }
#actualFlash { float: right; }

/* Content */

#content { background: url(images/bg_center.jpg) center top repeat-y; }
#contentWrapper { padding-left: 10px; padding-right: 260px; }
#contentWrapper li { list-style: square; }
#sidebar { float: right; width: 240px; padding: 5px; }
#sidebar h3 { color: #4ACAFA; font-size: 14px; text-transform: uppercase; text-align: center; }
#sidebar address { text-align: center; font-size: 13px; }
#sidebar img { padding-top: 20px; }
#content th { background-color: #0187B9; color: #FFF; }

/* form */

form div.Section { background: url(images/dotdash.gif) bottom left repeat-x; line-height: 2em; overflow: auto; padding: 9px 0px 10px 12px; position: relative; width: 95%; }
form div.Section.Last { background-image: none; }
form div.CheckColumn { float: left; line-height: 150%; padding: 6px 0px; width: 45%; }
form div.Submit { padding: 5px 0px 50px 0px; text-align: center; }
input.Text { border: 3px double #B0B0B0; margin-bottom: 6px; width: 200px; }
input[type=text] { border: 3px double #B0B0B0; margin-bottom: 6px; width: 200px; }
textarea { border: 3px double #B0B0B0; width: 95%; }
input.CheckReplace { margin: 3px 0px 8px 0px; }
input.CheckReplaceHide { left: -9999px; position: absolute; }
label.CheckReplaceChecked, label.CheckReplaceNotChecked { background-position: 0px 2px; background-repeat: no-repeat; line-height: 35px; padding: 3px 0px 8px 25px; }
label.CheckReplaceNotChecked { background-image: url(images/notchecked.gif); }
label.CheckReplaceChecked { background-image: url(images/checked.gif); }

/* Footer */

#footer { background-color: #0187B9; font-size: 10px; text-align: center; color: white; }
#footer p { padding: .3em 0em; }
#footer a { color: white; text-decoration: underline; }
#footer a:hover { text-decoration: none; }

/* Classes */

.Right { float: right; margin: 0px 0px 20px 20px; }
.Left { float: left; margin: 0px 20px 20px 0px; }
.frontBlock { height: 150px; padding: 10px; text-align: center; border-bottom: 1px solid #CCC; }
.frontBlock2 { height: 338px; padding: 10px; text-align: center; border-bottom: 1px solid #CCC; }
.frontBlock img, .frontBlock2 img { float: left; padding-right: 0px; }
.question { font-weight: bold; display: block; background-color: #0187B9; color: #FFF; padding-left: 25px; }
.answer { border-left: 20px solid #0187B9; padding-left: 5px; margin-bottom: 25px; }
.Important { color: #F00; font-weight: bold; }

/* Product Thumbnails */

#contentWrapper ul.products
{
	list-style: none;
	width: 450px; 
	padding: 0px; 
	margin: 0px auto;
	position: relative;
	height: 1%;
	overflow: auto;
}

#contentWrapper ul.products li
{
	list-style: none;
	float: left;
	height: 120px;
	width: 80px;
	padding: 0px 5px 2px 5px;
	margin: 0px;
	text-align: center;
}

#contentWrapper ul.products li a
{
	padding-top: 85px;
	float: left;
	height: 35px;
	width: 80px;
	text-decoration: none;
}

#contentWrapper ul.products li a:hover
{
	text-decoration: underline;
}

#contentWrapper li.ProductAccessories 		{ background: url(images/products/icons/accessories.jpg) no-repeat top center; }
#contentWrapper li.ProductAudio 			{ background: url(images/products/icons/audio.jpg) no-repeat top center; }
#contentWrapper li.ProductAutomation 		{ background: url(images/products/icons/automation.jpg) no-repeat top center; }
#contentWrapper li.ProductIRControl 		{ background: url(images/products/icons/ircontrol.jpg) no-repeat top center; }
#contentWrapper li.ProductLighting 			{ background: url(images/products/icons/lighting.jpg) no-repeat top center; }
#contentWrapper li.ProductMediaRooms 		{ background: url(images/products/icons/mediarooms.jpg) no-repeat top center; }
#contentWrapper li.ProductSecurity 			{ background: url(images/products/icons/security.jpg) no-repeat top center; }
#contentWrapper li.ProductSpecialty 		{ background: url(images/products/icons/specialty.jpg) no-repeat top center; }
#contentWrapper li.ProductStructuredWiring 	{ background: url(images/products/icons/structuredwiring.jpg) no-repeat top center; }
#contentWrapper li.ProductVideo 			{ background: url(images/products/icons/video.jpg) no-repeat top center; }
#sidebar .style1 {
	color: #0187B9;
}