/* Reset
------------------------------------------------*/
*												{ margin: 0; padding: 0; }



/* Global Layout
------------------------------------------------*/
body											{ color: #444; font: 12px/20px arial, helvetica, sans-serif; }
body#wennerelectric								{ background: #eee url('/v2/template/body-bg.png') repeat-x; }

div#container									{ width: 760px; margin: 0 auto; }

div#header										{ height: 100px; background: url('/v2/template/header-bg.png') no-repeat; }
div#header-sav									{ height: 100px; background: url('/v2/template/soundandvision/header-bg.png') no-repeat; }
div#page										{ background: url('/v2/template/page-bg.png'); }
div#pageInside									{ padding: 0 20px; background: url('/v2/template/page-inside.png') no-repeat; }
div#footer										{ clear: left; padding: 10px 20px; text-align: center; }
div#footer div#logos { float: right; }

div#banner										{  }
div#content										{ border: solid 1px #ccc; padding: 4px 0 ; background: #ddd; }
div#content div#contentInside					{ min-height: 450px; }
div#content.smx div#contentInside				{ background: #ddd url('/v2/template/content-smx.png') repeat-y center; }
div#content.sm div#contentInside				{ background: #ddd url('/v2/template/content-sm.png') repeat-y center; }
div#content.hh div#contentInside				{ background: #ddd url('/v2/template/content-hh.png') repeat-y center; }
div#content.m div#contentInside					{ background: #ddd url('/v2/template/content-m.png') repeat-y center; }



/* Column Layout
------------------------------------------------*/
div#content div.column							{ display: inline; float: left; padding: 0 0 1px; background: #fff; }

div#content div.column div.columnInside			{ padding: 0 10px; }

div#content.smx div.column.side					{ width: 190px; margin-left: 4px; }
div#content.smx div.column.main					{ width: 360px; margin-left: 5px; }
div#content.smx div.column.extra				{ width: 150px; margin-left: 5px; }

div#content.sm div.column.side					{ width: 190px; margin-left: 4px; }
div#content.sm div.column.main					{ width: 515px; margin-left: 5px; }

div#content.hh div.column.main					{ width: 350px; margin-left: 4px; }
div#content.hh div.column.side					{ width: 355px; margin-left: 5px; }

div#content.m div.column.main					{ width: 710px; margin-left: 4px; }



/* Navigation
------------------------------------------------*/
ul#nav											{ display: inline; float: left; margin: 20px 0 0 100px; list-style: none; }
ul#nav li										{ float: left; }
ul#nav li a										{ display: block; height: 20px; background: url('/v2/template/nav.png'); text-indent: -9999px; }
ul#nav li a.current								{ cursor: default; }

ul#nav li#nav-home a:link,
ul#nav li#nav-home a:visited					{ background-position: 0 0; width: 62px; }
ul#nav li#nav-home a:hover						{ background-position: 0 -20px; }
ul#nav li#nav-home a.current:link,
ul#nav li#nav-home a.current:visited,
ul#nav li#nav-home a.current:hover				{ background-position: 0 -40px; }

ul#nav li#nav-company a:link,
ul#nav li#nav-company a:visited					{ background-position: -62px 0; width: 91px; }
ul#nav li#nav-company a:hover					{ background-position: -62px -20px; }
ul#nav li#nav-company a.current:link,
ul#nav li#nav-company a.current:visited,
ul#nav li#nav-company a.current:hover			{ background-position: -62px -40px; }

ul#nav li#nav-services a:link,
ul#nav li#nav-services a:visited				{ background-position: -153px 0; width: 85px; }
ul#nav li#nav-services a:hover					{ background-position: -153px -20px; }
ul#nav li#nav-services a.current:link,
ul#nav li#nav-services a.current:visited,
ul#nav li#nav-services a.current:hover			{ background-position: -153px -40px; }

ul#nav li#nav-gallery a:link,
ul#nav li#nav-gallery a:visited					{ background-position: -238px 0; width: 76px; }
ul#nav li#nav-gallery a:hover					{ background-position: -238px -20px; }
ul#nav li#nav-gallery a.current:link,
ul#nav li#nav-gallery a.current:visited,
ul#nav li#nav-gallery a.current:hover			{ background-position: -238px -40px; }

ul#nav li#nav-community a:link,
ul#nav li#nav-community a:visited				{ background-position: -314px 0; width: 108px; }
ul#nav li#nav-community a:hover					{ background-position: -314px -20px; }
ul#nav li#nav-community a.current:link,
ul#nav li#nav-community a.current:visited,
ul#nav li#nav-community a.current:hover			{ background-position: -314px -40px; }

ul#nav li#nav-contactUs a:link,
ul#nav li#nav-contactUs a:visited				{ background-position: -422px 0; width: 105px; }
ul#nav li#nav-contactUs a:hover					{ background-position: -422px -20px; }
ul#nav li#nav-contactUs a.current:link,
ul#nav li#nav-contactUs a.current:visited,
ul#nav li#nav-contactUs a.current:hover			{ background-position: -422px -40px; }

ul#nav li#nav-products a:link,
ul#nav li#nav-products a:visited				{ background-position: -527px 0; width: 89px; }
ul#nav li#nav-products a:hover					{ background-position: -527px -20px; }
ul#nav li#nav-products a.current:link,
ul#nav li#nav-products a.current:visited,
ul#nav li#nav-products a.current:hover			{ background-position: -527px -40px; }

ul#subNav										{ margin: 5px 0; list-style: none; }
ul#subNav li									{ padding: 0 0 0 10px; background: url('/v2/template/arrow.png') no-repeat left center; }
ul#subNav li a:link, ul#subNav li a:visited		{  }
ul#subNav li a:hover							{  }
ul#subNav li a.current:link,
ul#subNav li a.current:visited,
ul#subNav li a.current:hover					{ color: #333; font-weight: bold; text-decoration: none; }



/* Special Layout
------------------------------------------------*/
div#gallery										{ padding: 10px 0; }

div #celebrating-button							{ display: block; margin-top: 10px; }

table#home-photos								{ margin-bottom: 18px; }
div#sidebar-extras								{ padding-top: 10px; }

div#didYouKnow									{ margin: 0; padding: 0 15px; background: url('/v2/template/didyouknow-bg.png') repeat-x; }
div#didYouKnowTitle								{ float: left; padding: 10px 0; width: 100px; }
div#didYouKnowContent							{ float: left; width: 590px; }
div#didYouKnowContent div						{ width: 590px;padding: 10px 0; }

div#didYouKnow p 								{  margin: 0; }

div#slideshowContainer							{ height: 260px; overflow: hidden; position: relative; width: 720px; }
div#slideshow									{ height: 260px; position: relative; width: 720px; z-index: 3; }
div#loader										{ background: url('/v2/template/loader.gif') no-repeat center; height: 260px; left: 0; position: absolute; top: 0; width: 720px; z-index: 2; }



/* Global Typography
------------------------------------------------*/
p												{ margin: 10px 0; }

ul												{ margin: 10px 30px; }	

h1												{ margin: 10px 0; }
h2												{ margin: 10px 0; /*color: #928024;*/ color: #9f7733; font-size: 16px; }
h3												{ margin: 10px 0; color: #333; font-size: 13px; }

strong											{ color: #000; }



/* Special Typography
------------------------------------------------*/
div#header h1,
div#header-sav h1								{ margin: 0 0 0 40px; text-indent: -9999px; }
div#header h1 a,
div#header-sav h1 a								{ display: block; margin: 0; width: 275px; height: 50px; }

div#footer p									{ margin: 0; color: #999; font-size: 11px; }

div.column.side h2, div.column.extra h2			{ margin: 0 -10px; padding: 5px 10px; border-bottom: solid 1px #ccc; font-size: 13px; }
div.column.narrow h2							{ font-size: 12px; margin: 0; }
div.column.extra p								{ font-size: 11px; padding-left: 4px; }

div#sidebar-extras h2							{ border-bottom: solid 1px #ccc; margin-top: 5px; }
div#sidebar-extras p							{ font-size: 11px; }

div#breadcrumb									{ margin: 0 -10px; padding: 5px 10px; border-bottom: solid 1px #ccc; color: #999; font-size: 10px; }
div#breadcrumb p								{ margin: 0; }

ul#Icons										{ margin: 10px 0 20px; padding: 0; list-style: none; }
ul#Icons li										{ margin: 0 0 10px; padding: 5px 0 5px 30px; background-repeat: no-repeat; color: #999; font-size: 14px; list-style: none; }

ul#Icons li#IconEntertainment					{ background-image: url('/v2/template/icons/entertainment.png'); }
ul#Icons li#IconAutomation						{ background-image: url('/v2/template/icons/automation.png'); }
ul#Icons li#IconConvenience						{ background-image: url('/v2/template/icons/convenience.png'); }
ul#Icons li#IconCommunication					{ background-image: url('/v2/template/icons/communication.png'); }



/* Linkage
------------------------------------------------*/
a												{ outline: none; }
a img											{ border: none; }

a:link, a:visited								{ /*color: #928024;*/ color: #9f7733; text-decoration: none; }
a:hover											{ /*color: #928024;*/ color: #9f7733; text-decoration: underline; }

a#link-control4:link, a#link-control4:visited 	{ display: block; float: left; width: 135px; height: 30px; background: url('/v2/template/links/control4.png'); text-indent: -9999px; }
a#link-control4:hover 							{ background-position: 0 -30px; }

/*a#link-facebook:link, a#link-facebook:visited 	{ display: block; float: left; width: 100px; height: 38px; background: url('/v2/template/links/facebook.png'); text-indent: -9999px; }
a#link-facebook:hover 							{ background-position: 0 -38px;  }*/

a#link-facebook:link, a#link-facebook:visited 	{ display: block; float: left; width: 28px; height: 28px; background: url('/v2/template/links/social-networks.png') no-repeat 0 0; text-indent: -9999px; }
a#link-facebook:hover							{ background-position: 0 -28px;  }

a#link-twitter:link, a#link-twitter:visited 	{ display: block; float: left; width: 28px; height: 28px; background: url('/v2/template/links/social-networks.png') no-repeat -28px 0; margin-left: 5px; text-indent: -9999px; }
a#link-twitter:hover							{ background-position: -28px -28px;  }

a#link-linkedin:link, a#link-linkedin:visited 	{ display: block; float: left; width: 28px; height: 28px; background: url('/v2/template/links/social-networks.png') no-repeat -56px 0; margin-left: 5px; text-indent: -9999px; }
a#link-linkedin:hover 							{ background-position: -56px -28px;  }

a#link-wenner:link, a#link-wenner:visited 		{ display: block; float: left; width: 172px; height: 45px; background: url('/v2/template/links/wenner.png'); margin: 0 75px; text-indent: -9999px; }
a#link-wenner:hover 							{ background-position: 0 -45px;  }

a#link-cedia:link, a#link-cedia:visited 		{ display: block; float: left; width: 79px; height: 48px; background: url('/v2/template/links/cedia.png'); text-indent: -9999px; }
a#link-cedia:hover 								{ background-position: 0 -48px;  }

a#serviceRequest:link,
a#serviceRequest:visited,
a#serviceRequest:hover							{ display: block; width: 150px; height: 75px; background: url('/v2/template/service-request.png'); text-indent: -9999px; }



/* Forms
------------------------------------------------*/
label											{  }
label.required									{  }

input.textField									{ width: 323px; padding: 5px; border: solid 1px #ccc; }
input.required									{  }
input.error										{ background: #fdd; }

textarea.textAreaField							{ width: 323px; height: 150px; padding: 5px; border: solid 1px #ccc; }
textarea.required								{  }



/* Miscellany
------------------------------------------------*/
div.clear 										{ clear: both; }

div.form fieldset								{ margin: 0 0 15px; border: none; border-bottom: dotted 1px #ccc; padding: 0 0 15px; }
div.form fieldset.last							{ border: none; }
div.form legend									{ padding: 0; font-size: 13px; font-weight: bold; }
div.form legend span							{ display: block; padding-bottom: 10px; }

div.form table									{ width: 100%; border-collapse: collapse; }
div.form table td								{ padding: 5px 0; }
div.form table td.label							{ width: 80px; padding-right: 20px; }
div.form table td.half							{ width: 50%; }
div.form table tr.last td						{ padding-bottom: 0; }

div.form label									{ color: #666; }
div.form td.label label							{ color: #999; }
div.form td.label label.required				{ color: #666; font-weight: bold; }

div.form input, div.form textarea				{ font-size: 11px; }
div.form input.textField						{ border: solid 1px #bbb; padding: 5px; }
div.form input.textField.short					{ width: 50px; }
div.form input.textField.medium					{ width: 100px; }
div.form input.textField.long					{ width: 200px; }
div.form input.textField.required				{ border: solid 1px #666; background: #fef8dd; }

div.form textarea.textareaField					{ width: 300px; height: 80px; border: solid 1px #bbb; padding: 5px; }

div.form input.radioField						{ margin-left: 0; vertical-align: text-bottom; }
div.form input.checkboxField					{ margin-left: 0; vertical-align: middle; }

p.fieldDesc										{ margin-bottom: 0; color: #666; font-size: 11px; }

tr.error, p.error, div.form input.error			{ background: #fdd; }

div.form tr.error label,
div.form tr.error label.required				{ color: #900; }

td.plus-box										{ background: url(/v2/template/plus-box.png) no-repeat left bottom; height: 200px; padding: 10px 0 0 10px; vertical-align: top; width: 160px; }
td.plus-box-large								{ background: #d7d7d7 url(/v2/template/plus-box-large.png) no-repeat left bottom; height: 195px; padding: 10px 10px 0 10px; vertical-align: top; width: 217px; }

td.plus-box h2 a,
td.plus-box-large h2 a							{ color: #474747; }