/* Shared Styles with the Editor ------------------------------------------------------------------------------- */
@import "/assets/templates/KennyElectric/editor.css";

/* General presentation ------------------------------------------------------------------------- */
body { background:#FFF; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, form, label, legend, table, caption, tbody, tfoot, thead, tr { margin: 0; padding: 0; }

.content p { margin:0 0 1.5em 0; }

#printLogo { display:none; }
.SkipToContent { display:none; }

.clear { clear: both; height: 1px; margin: -1px 0 0; font-size: 1px; }

/* Layout ------------------------------------------------------------------------- */
#Horizon { border:2px solid #000; width:970px; margin:10px auto; }
.HomePageHorizon { background:url("images/TwoColumnBottomBkg.gif") repeat-y top left; }
.LandingPageHorizon { background:url("images/OneColumnBottomBkg.gif") repeat-y top left; }
.OneColumnContentPageHorizon { background:url("images/OneColumnBottomBkg.gif") repeat-y top left; }
.TwoColumnContentPageHorizon { background:url("images/TwoColumnBottomBkg.gif") repeat-y top left; }
.ProjectDetailPageHorizon { background:url("images/TwoColumnBottomBkg.gif") repeat-y top left; }
#Content { clear:both; line-height: 1.5em; margin:0; padding:0; text-align:left; width:970px; }

/* Header ------------------------------------------------------------------------- */
#Header { background:#000; height:135px; position:relative; width:970px; }
#Header  h1 { height:80px; left:45px; position:absolute; top:27px; z-index:100; width:179px; }
#Header  h1 a { cursor:pointer; display:block; height:80px; text-indent:-10000px; width:179px; }
div[id=Header] h1 a { background:url("images/Logo.png") no-repeat top left; }
#Tagline { height:18px; right:125px; position:absolute; text-indent:-10000px; top:73px; width:450px; }
p[id=Tagline] { background:url("images/Tagline.png") no-repeat top left; }

/* Main Navigation ------------------------------------------------------------------------- */
ul.MainNav { background:url("images/MainNavigationBkg.png") #000 repeat-y top left; list-style:none; float:right; margin:0; padding:0; text-align:left; }
ul.MainNav li { display:block; float:left; list-style:none; margin:0; padding:0; position:relative; text-align:center; z-index:100; }
/*ul.MainNav li a { border-left:2px solid #000; color:#FFF; display:block; float:left; font-size:1em; font-weight:bold; padding:.5em 0; text-align:center; text-decoration:none; text-transform:uppercase; white-space:nowrap; width:160px; }*/
ul.MainNav li a { border-left:2px solid #000; color:#FFF; display:block; float:left; font-size:1em; font-weight:bold; padding:.5em 0; text-align:center; text-decoration:none;  white-space:nowrap; width:160px; }
ul.MainNav li a:hover, ul.MainNav li.active a { background-color:#A71930; color:#FFF; }
ul.MainNav li.first a { border-left:0px solid #000; }

ul.MainNav ul { display:none; margin:0; list-style:none; padding:0; position:absolute; width:auto; z-index:100; }
ul.MainNav li ul { top:2.25em; left:2px; }
ul.MainNav li.first ul { left:0; }
ul.MainNav li:hover ul { display:block; }
ul.MainNav ul li { float:none; height:auto; margin:0; padding:0; width:auto; }
ul.MainNav ul li a { border-top:2px solid #000; border-left:none; color:#FFF; display:block; float:none; font-size:.8em; font-weight:normal; margin:0; padding:.5em 15px; text-align:left; text-transform:none; white-space:normal; width:130px; }

ul.MainNav li#Order0 ul li a { background:url("images/DropDownNavigationBkg.png") repeat-y 0px 0px; }
ul.MainNav li#Order1 ul li a { background:url("images/DropDownNavigationBkg.png") repeat-y -162px 0px; }
ul.MainNav li#Order2 ul li a { background:url("images/DropDownNavigationBkg.png") repeat-y -324px 0px; }
ul.MainNav li#Order3 ul li a { background:url("images/DropDownNavigationBkg.png") repeat-y -486px 0px; }
ul.MainNav li#Order4 ul li a { background:url("images/DropDownNavigationBkg.png") repeat-y -648px 0px; }
ul.MainNav li#Order5 ul li a { background:url("images/DropDownNavigationBkg.png") repeat-y -810px 0px; }
ul.MainNav li#Order0 ul li a:hover, ul.MainNav li#Order1 ul li a:hover, ul.MainNav li#Order2 ul li a:hover,
ul.MainNav li#Order3 ul li a:hover, ul.MainNav li#Order4 ul li a:hover, ul.MainNav li#Order5 ul li a:hover { background-image:none; background-color:#A71930; color:#FFF; }

/* Secondary Navigation ------------------------------------------------------------------------- */
div.SecondaryNavContainer { background:#000; min-height:160px; padding:20px; width:120px; }
ul.SecondaryNav { margin:0; padding:0; }
/* Changed margin */
ul.SecondaryNav li { list-style:none; list-style-image:none; margin:0 0 .3em 0; padding:0; }
ul.SecondaryNav a { display:block; padding:.1em 0; text-decoration:none; }
ul.SecondaryNav ul { margin:0 0 0 .5em; padding:0; }
ul.SecondaryNav ul li { line-height:1em; margin:.4em 0; }

ul.SecondaryNav li a { color:#FFF; }
ul.SecondaryNav li.active a, ul.SecondaryNav li.active ul li.active a { color:#A71930; }
ul.SecondaryNav li.active ul a, ul.SecondaryNav li.active ul li.active ul a  { color:#FFF; }
ul.SecondaryNav a:hover { color:#A71930 !important; }
ul.SecondaryNav ul li { font-size:.9em; }

/* Header Navigation ------------------------------------------------------------------------- */
div.Tools { font-size:.75em; margin:0; padding:0; position:absolute; right:20px; top:10px; }

ul.HeaderNavigation { display:inline; }
ul.HeaderNavigation li { border-right:1px solid #808285; display:inline; list-style:none; padding:0 .5em; }
ul.HeaderNavigation li.last { margin-right:0.5em; }
ul.HeaderNavigation a { color:#808285; text-decoration:none; text-transform:uppercase; }
ul.HeaderNavigation a:hover { color:#FFF; }

form.SearchForm, form.SearchForm label, form.SearchForm input { display:inline; }
form.SearchForm label { color:#FFF; text-transform:uppercase; padding-right:0.5em; }
form.SearchForm input.inputtext { font-size:1em; height:1.2em; }
form.SearchForm input.submit { margin-bottom:-3px; }

/* Headings ------------------------------------------------------------------------- */
h2#Headline, h3#StartItem, h3#MarketsWeServeHeading, h2#ProjectName, h2#ProjectDetails { font-size:1.5em; line-height:1em; margin:0; }
h2#Headline, h2#ProjectName, h2#ProjectDetails { color:#A71930; }
h3#StartItem, h3#MarketsWeServeHeading { color:#FFF; }
/* Added */
h3#MarketsWeServeHeading { margin:0 20px 0 20px; }

.sIFR-flash { margin: 0; padding: 0; visibility: visible !important; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { display: block; height: 0; left: 0; overflow: hidden; position: absolute; top: 0; width: 0; }
.sIFR-replaced div.sIFR-fixfocus { float: none; letter-spacing: 0px; margin: 0pt; overflow: auto; padding: 0pt; }
.sIFR-active h2#Headline, .sIFR-active h3#MarketsWeServeHeading , .sIFR-active h3#StartItem, .sIFR-active h2#ProjectName, .sIFR-active h2#ProjectDetails { font-size:1.5em; font-weight:normal; font-family:Tahoma; visibility:hidden; }
.sIFR-active h2#Headline, .sIFR-active h2#ProjectName, .sIFR-active h2#ProjectDetails { color:#A71930; }
.sIFR-active h3#MarketsWeServeHeading , .sIFR-active h3#StartItem { color:#FFF; }

/* Breadcrumbs ------------------------------------------------------------------ */
.B_crumbBox { color:#A71930; font-size:.9em !important; }
.B_crumbBox a { text-decoration:none; }
.B_crumbBox a:hover { text-decoration:underline; }

/* Columns ------------------------------------------------------------------------- */
.Column  { float:left; }
.LeftColumn { padding:20px 20px 0 45px; width:257px; }
.LeftTwoColumn { padding:20px 20px 0 45px; width:745px; }
.CenterColumn { padding:20px 20px 0 20px; width:448px; }
/*.RightColumn { padding:20px 20px 0 20px; width:120px; }*/
.RightColumn { padding:20px 0 0 2px; width:158px; }
.WindowColumn { background:#000; color:#FFF; min-height:180px; }
.Login {padding:0 20px 20px 20px; }

.LeftContainerColumn { float:left; width:810px; }
.RightContainerColumn { float:right; width:160px; }

#HomePageContent { color:#FFF; height:312px; position:relative; }
#HomePagePowerWindow { height:332px; padding:0px; position:relative; width:648px; }
#AnimationWindow { position:absolute; right:0; top:0;  }
#MarketsWeServe { float:right; color:#FFF; height:312px; position:relative; z-index:10; width:157px; }
/* Added width */
div[id=MarketsWeServe] { background:url("images/RightColumn.png") repeat-y top left; width:160px; }
/* Added margin */
#MarketsWeServe ul { margin:0 20px; padding:0; }
#MarketsWeServe li { list-style:none; list-style-image:none !important; margin:0; paddding:0; line-height:1.4em;  }
#MarketsWeServe a { color:#FFF; text-decoration:none; }
#MarketsWeServe a:hover { text-decoration:underline; }

/* Testinonials --------------------------------------------------------------------*/
blockquote { margin:0; padding: 1em 0 1em 10px; font-style:italic; font-size:1.1em; }
blockquote p { display:inline; margin:0; padding-right:10px; }
blockquote .q_O {margin:0 8px 0 0; }
blockquote .q_C {margin:0 0 0 8px;  }
.TestimonialAuthor { padding-left:10px; text-align:left; }

/* Footer ------------------------------------------------------------------------- */
#Footer { font-size:.9em; margin:10px auto; min-height:1em; padding:0 20px 0 45px; width:905px; }


/* Site Map ------------------------------------------------------------------------- */
ul.SiteMap  { color:#A71930; }
ul.SiteMap ul, ul.SiteMap li { margin-bottom:0; }
ul.SiteMap li { line-height:1.75em; list-style-image:url("images/file.gif") }
ul.SiteMap li.hide { list-style-image:url("images/folder.gif") }


/* Project Listings ------------------------------------------------------------------------- */
table#ProjectIndustryListing { border:none; margin:0 0 0 -2px; padding:0; }
table#ProjectIndustryListing td { padding-right:3px; padding-bottom:10px; vertical-align:top; width:180px; }
table#ProjectIndustryListing a { text-decoration:none; }

table#ProjectListing td { padding:0 0 10px 0; vertical-align:top; }
table#ProjectListing td.ProjectImage { padding:0 10px 10px 0; }

table#ProjectIndustryListing img, table#ProjectListing  img { border:2px solid #FFF; }
table#ProjectIndustryListing a:hover img, table#ProjectListing a:hover img { border:2px solid #A71930;}


/* Project Details ------------------------------------------------------------------------- */
dl.ProjectDetails { margin-top:0; }
dl.ProjectDetails dt { color:#A71930; font-weight:bold; }
dl.ProjectDetails dd { margin-left:0; }


/* Project Images ------------------------------------------------------------------------- */
.loading { left:180px; position:absolute; top:93px; }
#slide_holder { height:226px; overflow:hidden; position:relative; text-align:left; width:488px; }
#slide_holder_inner { height:226px; overflow:hidden; position:absolute; width:488px; }

/*-- for slide divs --*/
#slide_holder_inner div { position:absolute; }

/*-- for divs in html slides to position relative --*/
div#slide_holder_inner div.slide div { position:relative; }

/*-- for slide buttons --*/
#slide_buttons li:hover, #pause_button, .prev_button, .next_button, #first_button, #last_button { cursor:pointer; }
#slide_buttons li span, #pause_button span, .prev_button span, .next_button span, #first_button span, #last_button span, #hover_next_button span, #hover_prev_button span, #water_mark span { margin-left:-10000px; }
#slide_buttons li, #pause_button, .prev_button, .next_button, #first_button, #last_button, #water_mark { background-repeat:no-repeat; overflow:hidden; top: 0px; }
ul#slide_buttons { background:#FFF; left:1px; margin:0; padding:5px 20px 0 20px; position:absolute; text-align:right; top:200px; width:447px; }
ul#slide_buttons li { background-image:url("/assets/templates/KennyElectric/images/CarouselButton.gif"); cursor:pointer; display:block; display:-moz-inline-box; display:inline-block; height:11px; list-style:none; margin:0 0 0 3px; padding:0; text-align:right; width:11px; }
ul#slide_buttons li { *display:inline; }/*This fixes the alignment problem of the buttons inverting the wrong direction for IE */
ul#slide_buttons li span{ display:none; }
ul#slide_buttons li#button_selected { background-image:url("/assets/templates/KennyElectric/images/CarouselButtonSelected.gif"); }