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


* { font-size:100%; margin:0; padding:0; vertical-align: baseline; }
table { border:0; border-collapse: collapse; border-spacing: 0;}
img {border:0;}

body {
background: #222 url(i/bg-222.jpg) repeat-x;
color: #ccc;
text-align:center;
font: 14px/140% Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
}
a {
text-decoration: none;
color: #ddf;
}
a:hover, a:focus {
text-decoration: underline;
outline: none;
color:#738DE2;
}
#wrap {
	width: 960px;
	margin: 0 auto;
text-align:left;
overflow:hidden;
clear:both;
border: 2px solid #1b3793;
border-top: none;
background: #000 url(i/bg-cont-000.png) repeat-x;
color: #eee;
}

/* banner area */
#banner {
	background: #000 url(i/ludvik_electric.jpg) 0 0 no-repeat;
	height: 115px;
	overflow: hidden;
	width: 940px;
	margin: 0 auto;
	text-align:left;
}

#logo { float: left; width: 300px; height: 115px; overflow:hidden;}
#logo a {
display: block;
margin: 21px 44px;
	height: 70px;
	width: 219px;
	background:url(i/logo-link.jpg) 0 0 no-repeat;
}
#logo a:hover, #logo a:focus { background-position: 0 100%; text-decoration: none; }
#logo a span { visibility: hidden;}

/* end banner area */


/* Top Nav */

#topnavs{
 width: 940px;
 margin: 0 10px;
}

#topnav{
 width: 940px;
 height: 32px;
 overflow: visible;
 display: block;
 background: #222 url(i/top-nav-bg.png);
}

#topnav ul {
list-style: none;
font-size: 12px;
margin: 0;
padding: 0;
}

#mainmenu {
float: right;
}

#mainmenu li {
	float:left; 
	overflow: hidden;
	position: relative;
	z-index: 10;
margin: 0;
padding: 0;
}
#mainmenu a {
	float:left; 
display: block;
height: 21px;
padding: 7px 20px 4px 20px;
background: url(i/top-nav-seperator.png) 100% 0 no-repeat;
color: #fff;
overflow: hidden;
font-weight: bold;
 white-space: nowrap;
}

#mainmenu a:hover, #mainmenu a:focus {
color: #738DE2;
text-decoration: none;
}

#mainmenu a.last {
background: none;
}
/* END TOP NAV */



/* Optional Top Areas */

#toparea #toparea-lft {
 width: 260px;
 float: left;
 text-align: left;
 overflow: hidden;
}
#toparea #toparea-rt {
 width: 680px;
 float: left;
 text-align: left;
 overflow: hidden;
}

                /* nav2 */
.nav2 ul {
padding: 0;
margin: 0;
list-style: none;
clear: both;
}

.nav2 ul li {
list-style: none;
 font-size: 12px;
line-height: 20px;
}

		/* topnav nav2 */
#topnavs .nav2 ul {
	float: right;
	padding: 10px;
}
#topnavs .nav2 ul li { 
display: inline;
padding: 0 10px;
border-right: 1px solid #abd;
}
#topnavs .nav2 ul li.last { 
	border-right: none;
}
#topnavs .nav2 a {
color: #fff;
font-weight: bold;
font-size: 12px
}
#topnavs .nav2 a:hover,
#topnavs .nav2 a:focus {
color: #738DE2;
text-decoration: none;
}

		/* toparea nav2 */
#toparea {
clear: both;
margin: 10px;
overflow: hidden;
}

#toparea .nav2{
 padding: 50px 0 20px 40px;
text-transform: uppercase;
}

#toparea .nav2 ul li {
 margin: 6px 0
}

#toparea .nav2 a {padding-left: 18px}

#toparea .nav2 a {
display: block;
width: 194px;
height: 26px;
color: #eee;
background: url(i/nav-blue.png) top left no-repeat;
padding-top: 6px;
font-weight: bold;
}

#toparea .nav2 a:hover,
#toparea .nav2 a:focus {
color: #ddf;
background-position: bottom left;
text-decoration: none;
}

#toparea .nav2 a.current; #toparea .nav2 a.current:hover {
color: #ddf;
background: url(i/nav-blue.png) top left no-repeat;
}
		/* end toparea nav2 */

		/* round-grey box */
#round-grey-l {
clear: both;
	margin: 10px 0 0 0;
	background: #303438 url(i/round-grey-l.gif) 0 0 repeat-y;
	overflow: hidden;
}
#round-grey-r {
	background:  url(i/round-grey-r.gif) 100% 0 repeat-y;
}
#round-grey-tl {
	background:  url(i/round-grey-tl.png) 0 0 no-repeat;
}
#round-grey-tr {
	background:  url(i/round-grey-tr.gif) 100% 0 no-repeat;
}
#round-grey-bl {
	background:  url(i/round-grey-bl.gif) 0 100% no-repeat;
}
#round-grey-br {
	padding: 10px 20px; 
	background: url(i/round-grey-br.gif) 100% 100% no-repeat;
	height: 100%;
	overflow: hidden;
}
	
#content-main a {
	text-decoration:underline;
}
#content-main a:hover {
	text-decoration:none;
}

/* END OPTIONAL TOPAREA */


/* BOTTOM NAV */

#btmmenu {
	padding: 6px 14px; 
	text-align: center;
	font-size: 0.9em;
}

#btmmenu ul {
list-style:none;
padding: 0;
margin: 0 auto;
}
#btmmenu ul li {
list-style:none;
padding: 0 5px;
margin: 0;
background: none;
display: inline;
}
#btmmenu ul li a {
padding: 0 5px;
color: #aaa;
display: inline-block;
}
#btmmenu ul li a:hover, #btmmenu ul li a:focus {
text-decoration: none;
color: #fff;
}
/* END BOTTOM NAV */

/* FOOTER */
#footer {
	padding: 6px; 
	text-align: center;
	font-size: 0.8em;
}
/* END FOOTER */

/* GREY CONTENT AREA */

#cont-grey-l {
clear: both;
	margin: 0 10px;
	background: #24272a url(i/grey24272a-box-l.png) 0 0 repeat-y;
	overflow: hidden;
}
#cont-grey-r {
	background:  url(i/grey24272a-box-r.png) 100% 0 repeat-y;
}
#cont-grey-tl {
	background:  url(i/grey24272a-box-tl.png) 0 0 no-repeat;
}
#cont-grey-tr {
	background:  url(i/grey24272a-box-tr.png) 100% 0 no-repeat;
}
#cont-grey-bl {
	background:  url(i/grey24272a-box-bl.png) 0 100% no-repeat;
}
#cont-grey-br {
	padding: 10px 20px 10px 40px; 
	background: url(i/grey24272a-box-br.png) 100% 100% no-repeat;
	height: 100%;
	overflow: hidden;
}



/* typography */
h1 {font-size: 2em;
line-height: 140%;
margin: 0 0 10px 0;
color: #fff;
font-variant: small-caps;
}
h2 {font-size: 2em;
line-height: 150%;
padding: 6px 0;
color: #fed;
}
h3 {font-size: 1.5em;
line-height: 130%;
padding: 6px 0;
color: #fed;
}
h4 {font-size: 1.3em;
line-height: 130%;
padding: 6px 0;
}
h5 {font-size: 1.2em;
line-height: 130%;
padding: 6px 0;
}
h6 {font-size: 1.1em;
line-height: 130%;
padding: 6px 0;
}
p{padding:0.6em 0}
blockquote { margin: 4px 20px;}
ol {
padding: 4px 2.5em;
}
ul {padding: 4px 1em;}
ul li {
list-style: none;
padding: 0 0 0 1.5em;
margin: 4px 0;
background: url(i/li.gif) 0 0.4em no-repeat;
}
ul li ul li {
list-style: square;
padding: 0;
background: none;
color: #ddd
}




/* Assignable */
.clr {clear: both;}
.clear {clear: both; height:1px; visibility:hidden;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.float-lft {float:left; padding-right: 6px;}
.float-rt {float:right; padding-left:6px;}
.underline {border-bottom: thin;}
.smaller {font-size:small;}
.larger{font-size:larger;}

.box-heading { 
display: block;
background:url(i/home-quick-header.png) 50% 50% no-repeat;
width: 252px;
margin: 0 auto;
height:38px;
overflow: hidden;
font-size: 16px;
line-height: 36px;
text-align: center;
}
.box-heading a {color: #fff;}
.box-heading a:hover, .boxheading a:focus {color: #738DE2;text-decoration: none;}

.one-col {padding-right: 20px;}
.narrow-col {float:left; width: 310px; padding-right: 20px; overflow: hidden;}
.wide-col {float:left; width: 530px; padding-right: 20px; overflow: hidden;}
.fifty-left {float:left;  width: 48%; padding-right:3%; overflow: hidden;}
.fifty-right {float:left;  width: 49%;overflow: hidden;}