/* 
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Title: 		Stylesheet
' Description:		This page contains overall styles for the entire site.
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' History
' 03/04/2007	: Tony Groves - Created Page
' 03/24/2008	: Tony Groves - Updated for Navigation Changes
' 07/27/2010	: Tony Groves - Modded for left column image rotation.
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 		HTML <tag> REVISIONS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html 							{}
body 							{background-color:#646464; font-family: "Verdana", sans-serif; font-size:12px; margin:0; padding:0;}
a 								{color:#687280; text-decoration:none;}
a:hover			 				{color:#687280; text-decoration:underline;}
p 								{font-size:.8em; color:#133768;}
.bt								{border-top:1px solid #ddd; margin:0 20px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
					Site additions
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#outerwrap 						{margin-top:0; margin-right:auto; margin-left:auto; width:950px; padding:0 1px; background:#fff; margin-bottom:0;}
.clear 							{clear:both; font-size:1px; line-height:1px; margin:0; padding:0;}
.center							{text-align:center;}

#ourprocessflash				{width:950px; margin:5px 0; position:relative; z-index:2;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
					Header additions
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#header 						{width:950px; margin:0 0 1px 0;}
#header ul						{background-image:url('/imgs/navbg.gif'); background-repeat:no-repeat; text-align:center; margin:0; padding:3px 0 3px 17px; height:32px;}
#header ul li					{list-style-type:none; display:inline; margin:0; padding:0;}
#header ul li img				{display:inline; float:left;}
#header ul li a					{text-decoration:none; color:#fff; margin:0; padding:9px 21px; display:inline; float:left; font-size:1em;}
#header ul li a:hover			{background-image:url('/imgs/navbghover.gif');}
#header ul li a.sptab			{text-decoration:none; color:#fff; margin:0; padding:9px 22px; display:inline; float:left; font-size:1em; background-image:url('/imgs/navbg2.gif'); background-repeat:repeat-x;}
#header ul li a.sptab:hover		{background-image:url('/imgs/navbghover.gif'); background-image:url('/imgs/navbghover2.gif'); background-repeat:repeat-x;}

#header img						{margin:0; padding:0;}

#headerhome 						{background-image:url('/imgs/mainbg_home.jpg'); background-repeat:repeat-y; width:950px; margin:0;}
#headerhome ul						{background-image:url('/imgs/navbghome.gif'); background-repeat:no-repeat; text-align:center; margin:0 0 0 31px; padding:3px 0 3px 12px; height:32px;}
#headerhome ul li					{list-style-type:none; display:inline; margin:0; padding:0;}
#headerhome ul li img				{display:inline; float:left;}
#headerhome ul li a					{text-decoration:none; color:#fff; margin:0; padding:9px 18px; display:inline; float:left; font-size:1em;}
#headerhome ul li a:hover			{background-image:url('/imgs/navbghover.gif');}
#headerhome ul li a.sptab			{text-decoration:none; color:#fff; margin:0; padding:9px 21px; display:inline; float:left; font-size:1em; background-image:url('/imgs/navbg2.gif'); background-repeat:repeat-x;}
#headerhome ul li a.sptab:hover		{background-image:url('/imgs/navbghover.gif'); background-image:url('/imgs/navbghover2.gif'); background-repeat:repeat-x;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
					Main additions
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#mainflash 						{background-image:url('/imgs/mainbg_home.jpg'); background-repeat:repeat-y; width:890px; margin:0; padding:15px 0 0 60px; position:relative; z-index:2;}

#mainitems 						{background-image:url('/imgs/mainitemsBG.jpg'); width:919px; height:320px; margin:0; padding:0 16px 0 15px; position:relative; z-index:1;}

#maincolm1 						{width:448px; float:left; margin:60px 0 0 0; text-align:left; line-height:1.2em; display:inline; position:absolute; padding:0;}
#maincolm1 img 					{float:right; margin:0 0 10px 12px;}
#maincolm1 p					{margin:0; padding:0;}

#maincolm2 						{width:443px; position:absolute; display:block; margin:60px 0 0 475px; padding:0; line-height:1.1em;}
#maincolm2 p					{margin:0; padding:0;}
#maincolm2 h2 					{text-align:center; font-size:.8em; color:#133768; font-weight:normal;}
#maincolm2 h3 					{text-align:right; font-size:.8em; color:#133768; font-weight:normal; margin:0 72px 0 0; padding:0;}
#maincolm2 ul 					{font-size:1em; color:#133768; margin:0 0 0 40px; padding:0;}
#maincolm2 ul li 				{padding:0; width:130px; font-size:.8em; list-style-type:disc; margin:0 6em 0 5px; color:#133768; float:left; line-height:1.1em;}
#maincolm2 img 					{float:left; margin:0 10px 2px 0; position:relative;}

#sac							{height:200px; width:896px; display:block; margin:1px 0 0 0; background:url('/imgs/home/HomePromoBG.jpg') no-repeat;}
#sac img						{border:none;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
					Partners additions
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#news							{margin:15px; border-bottom:1px solid #a8bcd7; padding:0 5px 15px 5px;}
#news p							{padding:0 10px; font-size:1em; line-height:1.5em;}
#news p a						{color:#722108; text-decoration:underline;}
#news p a:hover					{color:#3f87ac; text-decoration:none;}
#news h3						{margin:0; padding:0; color:#3a5375;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
					Partners additions
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#partners 						{width:930px; padding:0 0 0 20px; background-image:url('/imgs/filler.gif'); font-size:.85em; color:#687280; line-height:1.05em;}
#partners h3 					{width:830px; font-size:1em; margin:0; padding:0; clear:both; line-height:1.15em; font-weight:bold;}
#partners .left 				{width:270px; padding:10px 0 0 50px; margin:0; color:#687280; font-size:1em; line-height:1.15em; float:left;}
#partners .center 				{width:270px; float:right; padding:10px 0 0 20px; margin:0; font-size:1em; color:#687280; line-height:1.15em;}
#partners .right 				{width:270px; float:right; padding:10px 0 0 20px; margin:0; font-size:1em; color:#687280; line-height:1.15em;}
#partners p a 					{color:#722108; text-decoration:underline;}
#partners p a:hover 			{color:#3f87ac; text-decoration:none;}

.partnersBAR 					{margin:5px 0 10px 0;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
					Services additions
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#services 						{}
#services a						{color:#ae0f03; text-decoration:underline;}

.right 							{padding:65px 20px 0 310px; font-size:1em; line-height:1.6em;}
.left 							{padding:65px 315px 0 25px; font-size:1em; line-height:1.6em;}

#getwired 						{background-image:url('/imgs/services/getwired.jpg'); width:950px; height:244px; margin:0 0 1px 0; padding:0;}
#getwired .right 				{padding:53px 20px 0 310px; font-size:1em; line-height:1.5em;}

#hometheater 					{background-image:url('/imgs/services/hometheater.jpg'); width:950px; height:244px; margin:0 0 1px 0; padding:0;}
#wholehouseaudio 				{background-image:url('/imgs/services/wholehouseaudio.jpg'); width:950px; height:244px; margin:0 0 1px 0; padding:0;}
#wholehousevideo 				{background-image:url('/imgs/services/wholehousevideo.jpg'); width:950px; height:244px; margin:0 0 1px 0; padding:0;}
#lightingcontrol 				{background-image:url('/imgs/services/lightingcontrol.jpg'); width:950px; height:244px; margin:0 0 1px 0; padding:0;}
#homeautomation 				{background-image:url('/imgs/services/homeautomation.jpg'); width:950px; height:244px; margin:0 0 1px 0; padding:0;}
#remotecontrols 				{background-image:url('/imgs/services/remotecontrols.jpg'); width:950px; height:244px; margin:0 0 1px 0; padding:0;}
#securitysystems 				{background-image:url('/imgs/services/securitysystems.jpg'); width:950px; height:244px; margin:0 0 1px 0; padding:0;}
#homenetworking 				{background-image:url('/imgs/services/homenetworking.jpg'); width:950px; height:244px; margin:0 0 1px 0; padding:0;}
#customcabinetry 				{background-image:url('/imgs/services/customcabinetry.jpg'); width:950px; height:244px; margin:0 0 1px 0; padding:0;}
#intercomsystems 				{background-image:url('/imgs/services/intercomsystems.jpg'); width:950px; height:244px; margin:0 0 1px 0; padding:0;}
#flatpanelhdtvs 				{background-image:url('/imgs/services/flatpanelhdtvs.jpg'); width:950px; height:244px; margin:0 0 1px 0; padding:0;}
#professionalinstallation		{background-image:url('/imgs/services/professionalinstallation.jpg'); width:950px; height:244px; margin:0 0 1px 0; padding:0;}
#videocalibration				{background-image:url('/imgs/services/videocalibration.jpg'); width:950px; height:357px; margin:0 0 1px 0; padding:0;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
					Contact Us additions
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#contactus 						{background-image:url('/imgs/filler.gif'); width:915px; padding:0 0 0 35px; margin:0; color:#133768;}
#contactus p					{font-size:1em; padding:0 20px 0 0;}
#contactus a 					{color:#1D799F; text-decoration:underline;}
#contactus a:hover 				{color:#133768; text-decoration:underline;}

#contactus2 					{float:left; width:300px;}
#contactus2 h2 					{font-weight:normal; font-size:1em; color:#133768; font-weight:bold;}
#contactus img					{margin:0; padding:0;}

#maps 							{width:550px; float:right; margin:0 20px 0 0;}
#maps h2 						{font-weight:normal; font-size:1em; color:#133768;}

#newshowrooms 					{width:750px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
					Products additions
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#leftbar 						{width:259px; height:641px; float:left; margin:0; padding:0; -moz-border-radius:11px; -webkit-border-radius:11px; background:#cad9f0;}

#leftbar div					{margin:10px 0 0 10px;}
#leftbar .one					{height:230px;}
#leftbar .two					{height:136px;}
#leftbar .three					{height:135px;}
#leftbar .four					{height:192px;}

#products 						{float:right; display:inline; position:relative; background-image:url('/imgs/productsBG.jpg'); width:670px; height:586px; margin:0; padding:55px 0 0 20px;}
#products p 					{font-size:.85em; color:#687280; line-height:0.98em;}
#products p a 					{color:#687280; text-decoration:none;}
#products p a:hover 			{color:#687280; text-decoration:underline;}

.productsBAR 					{margin:5px 0;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
					Specials additions
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.special						{background-image:url('/imgs/specialsback.gif'); background-repeat:repeat-y; width:910px; margin:0 0 7px 0; padding:0 20px;}
.special h2						{background-image:url('/imgs/specialstop.gif'); background-repeat:no-repeat; font-size:1.3em; width:920px; margin:0 0 0 -20px; padding:18px 0 0 30px; height:34px; color:#fff;}
.special h3						{font-size:1em; color:#133768; font-weight:bold; text-transform:uppercase;}
.special p						{padding:10px; font-size:1em;}
.special span					{font-size:1em; color:#133768; line-height:20px;}
.special span a					{color:#dc1f00; text-decoration:underline;}
.special span a:hover			{color:#133768; text-decoration:underline;}

.special img.sproduct			{float:left; margin:5px 25px 5px 0;}
.special img.bfix				{margin:0 0 -5px -20px;}

.special2						{background-image:url('/imgs/specialsback.gif'); background-repeat:repeat-y; width:910px; margin:0 0 7px 0; padding:0 20px;}
.special2 h2					{background-image:url('/imgs/specialstop.gif'); background-repeat:no-repeat; font-size:1.3em; text-align:right; width:920px; margin:0 0 0 -20px; padding:18px 30px 0 0; height:34px; color:#fff;}
.special2 h3					{font-size:1em; color:#133768; font-weight:bold; text-transform:uppercase;}
.special2 p						{padding:10px; font-size:1em;}
.special2 span					{font-size:1em; color:#133768; line-height:20px;}
.special2 span a				{color:#dc1f00; text-decoration:underline;}
.special2 span a:hover			{color:#133768; text-decoration:underline;}

.special2 img.sproduct			{float:right; margin:5px 0 5px 25px;}
.special2 img.sproduct2			{margin:5px 0 10px 15px; border:5px solid #eee;}
.special2 img.bfix				{margin:0 0 -5px -20px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
					Footer additions
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footerimgs 					{background-image:url('/imgs/itemsBG.jpg'); width:950px; height:219px; margin:1px 0}
#footer 						{background-image:url('/imgs/footerBG.jpg'); background-repeat:no-repeat; background-color:#1a2c45; width:950px; padding:15px 0 15px 0; margin:0;}
#footer h5						{text-align:center; margin:8px 0 0 0; padding:0; color:#334b6b; font-weight:normal;}
#footer h6 						{float:left; color:#60607B; font-weight:normal; margin:0 0 0 15px; font-size:.8em;}
#footer h6 a 					{color:#A1A1C6; text-decoration:none;}
#footer h6 a:hover 				{color:#A1A1C6; text-decoration:underline;}
#footer ul 						{float:right; margin:0 10px 0 0; padding:0;}
#footer ul li 					{display:inline; margin:0 4px; font-size:.8em;}
#footer ul li a 				{color:#A1A1C6; text-decoration:none;}	
#footer ul li a:hover 			{color:#A1A1C6; text-decoration:underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
					EH Award Styles
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#EHaward h1.ni					{color:#09264a; font-size:1.8em; padding:0; margin:0; font-weight:bold;}
#EHaward h3.ni					{margin:20px 0 1px 0; color:#bb2c00; font-weight:normal; font-size:.9em;}
#EHaward h5.ni					{font-size:1.2em; color:#133768; font-weight:normal; margin:0; padding:0;}
#EHaward h6.ni					{font-weight:normal; color:#30770d; font-size:1.2em; margin:15px 0 0 0; padding:0;}

#EHaward 						{padding:0 40px 15px 25px;}
#EHaward p 						{padding:0 0 15px 0; font-size:1.2em;}
#EHaward p a 					{color:#687280; text-decoration:none;}
#EHaward p a:hover 				{color:#687280; text-decoration:underline;}
#EHaward h1 					{font-size:.7em; font-weight:normal; color:#133768; padding:0 0 10px 0;}

#EHawardLIST 					{padding:0 10px 10px 10px;}
#EHawardLIST h2 				{font-weight:normal; font-size:.7em; width:300px; margin:0 0 0 10px; float:left;}
#EHawardLIST h3 				{font-weight:normal; font-size:.7em; float:right; width:300px; text-align:right; margin:0 10px 0 0;}

#EHawardE 						{padding:0 20px;}
#EHawardE ul li a 				{color:blue; text-decoration:underline;}
#EHawardE ul li a:hover 		{color:#687280; text-decoration:none;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
					End Styles
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */