main,amai* {
margin: 0;
padding: 0;
}
body {
background-color:#000000;
text-align: center;
font-family: Helvetica, Arial, sans-serif;
}
h1 {
font-size: 21px;
font-weight: normal;
font-family: Helvetica, Arial, sans-serif;
margin-bottom: 12px;
}
h2 {
font-size: 18px;
font-weight: normal;
font-family: Helvetica, Arial, sans-serif;
margin-bottom: 8px;
}
p {
font-size: 12px;
font-family: Helvetica, Arial, sans-serif;
line-height: 18px;
margin-bottom: 12px;
}
li {
font-size: 13px;
}
ul {

}
a:link {
color: #721200;
}
a:hover {
color: #B62025;
text-decoration: none;
}
a:visited {
color: #721200;
}
a:active {
color: #B62025;
text-decoration: none;
}
/* Header Styles------------------------*/
#branding {
height: 150px;
padding: 22px 20px 0px 16px;
float: left;
width: 156px;
}
#brandingComm {
padding: 0px;
background-image: url(http://www.kaemmerlen.com/images/uploads/site/headerComm.jpg);
}
#brandingElec {
padding: 0px;
background-image: url(http://www.kaemmerlen.com/images/uploads/site/headerElec.jpg);
}
#brandingServ {
padding: 0px;
background-image: url(http://www.kaemmerlen.com/images/uploads/site/headerServ.jpg);
}
#branding h1 {
margin: 0;
}
#logoMain {
height: 115px;
width: 150px;
position: relative;
top: 0px;
left: 0px;
text-indent: -9000px;
overflow: hidden;
}
#logoMain h1 a {
display: block;
height: 115px;
margin: 0px;
}
#logo {
height: 160px;
width: 175px;
top: 10px;
left: 10px;
text-indent: -9000px;
overflow: hidden;
float: left;
}
#logo h1 a {
display: block;
height: 160px;
margin: 0px;
}
/* Wrapper Styles------------------------*/
#wrapper {
max-width: 958px;
margin: 0 auto;
text-align: left;
}
#wrapperBkg {
max-width: 958px;
margin: 0 auto;
text-align: left;
background-image: url(http://www.kaemmerlen.com/images/uploads/site/mainBkg.jpg);
background-repeat: no-repeat;
}
#wrapperComm {
max-width: 958px;
margin: 0 auto;
}
#wrapperCommBkg {
max-width: 958px;
margin: 0 auto;
text-align: left;
background-repeat: no-repeat;
}

/* Sub Nav Bar Styles------------------------*/
#navbarComm {
max-width: 710px;
height: 40px;
font-family: Helvetica, Arial, sans-serif;
}
#navbarComm li a {
color: #FFFFFF;
}
#navbarComm li a:hover {
color: #FFFFFF;
background-color: #3C4200;
}
#navbarComm .active{
color: #FFFFFF;
background-color: #3C4200;
}
#navbarElec li a:focus {
color: #FFFFFF;
background-color: #3C4200;
}
#navbarComm li li a {
color: #ffcc33;
}
#navbarComm li li a:hover {
color: #160E0A;
background-color: #ffcc33;
}
#navbarComm li li li a {
color: #ffcc33;
}
#navbarComm li li li a:hover {
color: #160E0A;
background-color: #ffcc33;
}
#navbarCommBkg {
margin: 0 auto;
text-align: left;
background-color: #333333;
background-image: url(http://www.kaemmerlen.com/images/uploads/site/navbarCommBkg.gif);
padding-left: 15px;
}
#navbarElec {
max-width: 710px;
height: 40px;
font-family: Helvetica, Arial, sans-serif;
}
#navbarElec li a {
color: #FFFFFF;
}
#navbarElec li a:hover {
color: #FFFFFF;
background-color: #00486C;
}
#navbarElec .active{
color: #FFFFFF;
background-color: #00486C;
}
#navbarElec li a:focus {
color: #FFFFFF;
background-color: #00486C;
}
#navbarElec li a:active {
color: #FFFFFF;
background-color: #00486C;
}
#navbarElec li.sfHover {
color: #FFFFFF;
background-color: #00486C;
}
#navbarElec li li a {
color: #C4E8F5;
background-color: #000000;
}
#navbarElec li li a:hover {
color: #FFFFFF;
background-color: #00486C;
}
#navbarElec li li li a {
color: #C4E8F5;
background-color: #000000;
}
#navbarElec li li li a:hover {
color: #FFFFFF;
background-color: #00486C;
}
#navbarElecBkg {
margin: 0 auto;
text-align: left;
background-color: #333333;
background-image: url(http://www.kaemmerlen.com/images/uploads/site/navbarElecBkg.gif);
padding-left: 15px;
}
#navbarServ {
max-width: 710px;
height: 40px;
font-family: Helvetica, Arial, sans-serif;
}
#navbarServ li a {
color: #FFFFFF;
}
#navbarServ li a:hover {
color: #FFFFFF;
background-color: #5A1E00;
}
#navbarServ .active{
color: #FFFFFF;
background-color: #5A1E00;
}
#navbarServ li a:focus {
color: #FFFFFF;
background-color: #5A1E00;
}
#navbarServ li li a {
color: #ffcc33;
}
#navbarServ li li a:hover {
color: #160E0A;
background-color: #ffcc33;
}
#navbarServ li li li a {
color: #ffcc33;
}
#navbarServ li li li a:hover {
color: #160E0A;
background-color: #ffcc33;
}
#navbarServBkg {
margin: 0 auto;
text-align: left;
background-color: #333333;
background-image: url(http://www.kaemmerlen.com/images/uploads/site/navbarServBkg.gif);
padding-left: 15px;
}
/* Main / Global Nav Bar Styles------------------------*/
.navbar-default{
background: transparent;
border: none;
min-height: 0;
margin-bottom: 0;
}
.navbar-default .container-fluid{
padding: 0;
}
.nav > li > a{
display: inline-block;
padding: 0 0 10px 0;
}
#globalNavMain a:link {
color: #00AEF0;
text-decoration: none;
}
#globalNavMain a:hover {
color: #00AEF0;
background: #2e2e2e;
text-decoration: none;
}
#globalNavMain a:visited {
color: #00AEF0;
text-decoration: none;
}
#globalNavMain a:active {
color: #00AEF0;
text-decoration: none;
}
#globalNavMain a:visited:hover {
color: #00AEF0;
text-decoration: none;
}
/* Main Content Styles------------------------*/
#contentMain {
float: right;
position: relative;
z-index: 999;
padding: 0px;
}
#contentMainSub {
padding: 0px;
}
#mainSpacer {
max-width: 521px;
height: 58px;
}
#mainSubSpacer {
max-width: 521px;
height:135px;
}

/* Global Nav Sub Styles------------------------*/
#globalNavSub {
height: 66px;
float: right;
margin-right: 25px;
}
#globalNavSubComm {
float: left;
margin-right:4px;
max-width: 164px;
height: 66px;
margin-left: 8px;
}
#globalNavSubComm a {
text-align: left;
padding: 0px;
float: left;
background-image: url(http://www.kaemmerlen.com/images/uploads/site/globalNavComm.gif);
background-position:0px 0px;
margin-top: 0px;
display: block;
color: #002C62;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
line-height: 18px;
text-decoration: underline;
overflow: hidden;
text-indent: -9000px;
width: 164px;
height: 66px;
}
#globalNavSubComm a:hover {
display: block;
background-image: url(http://www.kaemmerlen.com/images/uploads/site/globalNavComm.gif);
background-position:164px 0px;
}
#globalNavSubComm a.globalCurrent {
background-image: url(http://www.kaemmerlen.com/images/uploads/site/globalNavComm.gif);
background-position:164px 0px;
}
#globalNavSubElec {
float: left;
margin-right:4px;
width: 164px;
height: 66px;
}
#globalNavSubElec a {
text-align: left;
padding: 0px;
float: left;
background-image: url(http://www.kaemmerlen.com/images/uploads/site/globalNavElec.gif);
background-position:0px 0px;
margin-top: 0px;
display: block;
color: #002C62;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
line-height: 18px;
text-decoration: underline;
overflow: hidden;
text-indent: -9000px;
width: 164px;
height: 66px;
}
#globalNavSubElec a:hover {
display: block;
background-image: url(http://www.kaemmerlen.com/images/uploads/site/globalNavElec.gif);
background-position:164px 0px;
}
#globalNavSubElec a.globalCurrent {
background-image: url(http://www.kaemmerlen.com/images/uploads/site/globalNavElec.gif);
background-position:164px 0px;
}
#globalNavSubServ {
float: left;
margin-right:0px;
width: 164px;
height: 66px;
}
#globalNavSubServ a {
text-align: left;
padding: 0px;
float: left;
background-image: url(http://www.kaemmerlen.com/images/uploads/site/globalNavServ.gif);
background-position:0px 0px;
margin-top: 0px;
display: block;
color: #002C62;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
line-height: 18px;
text-decoration: underline;
overflow: hidden;
text-indent: -9000px;
width: 164px;
height: 66px;
}
#globalNavSubServ a:hover {
display: block;
background-image: url(http://www.kaemmerlen.com/images/uploads/site/globalNavServ.gif);
background-position:164px 0px;
}
#globalNavSubServ a.globalCurrent {
background-image: url(http://www.kaemmerlen.com/images/uploads/site/globalNavServ.gif);
background-position:164px 0px;
}
#globalNavHelp {
float: left;
max-width: 507px;
padding: 0px;
margin: 48px 0px 0px 14px;
height: 27px;
}
#globalNavHelp img {
padding:0px;
margin:0px;
}
/* Badges Styles------------------------*/

.badgesMain {
margin-bottom: 5%;
}
.badgesMain img{
width: 100%;
height: auto;
}
/* Main Blue Box Styles------------------------*/
#blueboxMainBkg {
margin-bottom: 30px;
background: #B8D0E5;
border-radius: 8px;
padding: 15px;
}
#blueboxMainBkg img {
padding-bottom:10px;
max-width: 100%;
}
#blueboxMainDesc h1 {
font-size: 12px;
font-weight: normal;
margin-top: 0px;
margin-bottom: 0px;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
}
#blueboxMainDesc p {
font-size: 12px;
font-weight: normal;
line-height: 18px;
margin-top: 8px;
margin-bottom: 0px;
text-align: left;
}
#boxesMain img {
padding-bottom:10px;
}
/* Content Styles------------------------*/
#content {
float: right;
padding-right: 20px;
padding-bottom: 20px;
}
#content * {
padding-right: 20px;
}
#content * * {
padding-right: 0;
}
.contentbkg{
float: left;
width: 100%;
background-repeat: no-repeat;
margin-bottom: 15px;
}
.Communications-landing .contentbkg {
background-image: url(http://www.kaemmerlen.com/images/uploads/site/commMainBkg.jpg);
background-color: #BED600;
border-radius: 0 0 8px 8px;
}
.Electric-landing .contentbkg {
background-image: url(http://www.kaemmerlen.com/images/uploads/site/elecSubBkg.jpg);
background-color: #0090D0;
border-radius: 0 0 8px 8px;
}
.Service-landing .contentbkg {
background-image: url(http://www.kaemmerlen.com/images/uploads/site/servSubBkg.jpg);
background-repeat: no-repeat;
background-color: #D74E00;
border-radius: 0 0 8px 8px;
}
#contentElecSub {
max-width: 933px;
float: left;
padding-bottom: 15px;
padding-left: 25px;
}
.contentbody {
float: right;
}
.MainBox {
float: right;
width: 100%;
margin-right: 25px;
padding-top: 25px;
padding-bottom: 20px;
border-radius: 0 0 8px 8px;
margin-bottom: 15px;
}
.MainBox.extrapadding{
padding-left: 15px;
padding-right: 15px;
}
.Communications-landing .MainBox {
background: #FBFD98;
}
.Service-landing .MainBox {
background: #FFE1B5;
}
.Electric-landing .MainBox {
background: #C4E8F5;
}
.MainBox h2 {
color: #CC3300;
font-size: 16px;
margin-top: 8px;
}
.MainBox li {
font-size: 12px;
padding-left: 0px;
padding-bottom: 4px;
line-height:18px;
}
.MainBox ul {
padding-left: 12px;
padding-bottom: 12px;
}
.MainBox ol {
padding-left: 12px;
padding-bottom: 12px;
}
.MainBox img{
max-width: 100% !important;
height: auto !important;
}
#contentCommSub2Box {
max-width: 700px;
float: right;
margin-right: 25px;
padding: 25px 15px 20px 20px;
background-image: url(http://www.kaemmerlen.com/images/uploads/site/yellowRoundedBoxBottomCommSubBkg2.gif);
background-position: bottom;
background-repeat: no-repeat;
margin-bottom: 15px;
}
#contentCommSub2Box h2 {
color: #CC3300;
font-size: 16px;
margin-top: 8px;
}
#contentCommSub2Box li {
font-size: 12px;
padding-left: 0px;
padding-bottom: 4px;
line-height:18px;
}
#contentCommSub2Box ul {
padding-left: 12px;
padding-bottom: 12px;
}
#contentCommSub2Box ol {
padding-left: 12px;
padding-bottom: 12px;
}
#contentElecSub2Box {
max-width: 700px;
float: right;
margin-right: 25px;
padding: 25px 15px 20px 20px;
background-image: url(http://www.kaemmerlen.com/images/uploads/site/blueRoundedBoxBottomElecSubBkg3.gif);
background-position: bottom;
background-repeat: no-repeat;
margin-bottom: 15px;
}
#contentElecSub2Box h2 {
color: #CC3300;
font-size: 16px;
margin-top: 8px;
}
#contentElecSub2Box li {
font-size: 12px;
padding-left: 0px;
padding-bottom: 0px;
line-height:18px;
}
#contentElecSub2Box ul {
padding-left: 12px;
padding-bottom: 12px;
}
#contentElecSub2Box ol {
padding-left: 12px;
padding-bottom: 12px;
}
#contentCommSubBkg {
max-width: 958px;
float: left;
background-image: url(http://www.kaemmerlen.com/images/uploads/site/commSubBkg.jpg);
background-repeat: no-repeat;
margin-bottom: 15px;
background-color: #BED600;
}
#contentCommSub {
max-width: 933px;
float: left;
padding-bottom: 15px;
padding-left: 25px;
}
#contentCommSubBox {
max-width: 875px;
float: left;
padding: 25px 15px 20px 20px;
background-image: url(http://www.kaemmerlen.com/images/uploads/site/yellowRoundedBoxBottomCommSubBkg.gif);
background-position: bottom;
background-repeat: no-repeat;
margin-bottom: 0px;
margin-left: 0px;
}
/* Blue Box Sub Styles------------------------*/
#blueboxSubBkg {
float: left;
max-width: 521px;
margin-bottom: 30px;
background-image: url(http://www.kaemmerlen.com/images/uploads/site/blueRoundedBoxBkg.gif);
background-repeat: no-repeat;
}
#contentCommSubNav {
max-width: 187px;
float: left;
margin-right: 41px;
padding: 0px;
margin-bottom: 15px;
}
#contentCommSubNav h2 {
color: #CC3300;
font-style: italic;
font-size: 16px;
margin-top: 8px;
}
#contentCommSubNav li {
font-size: 12px;
padding-left: 0px;
padding-bottom: 4px;
line-height:18px;
display: block;
list-style-type: none;
margin-bottom: 6px;
border-bottom-color: #AFCD74;
border-bottom-style: solid;
border-bottom-width: 1px;
}
#contentCommSubNav ul {
padding-left: 0px;
padding-bottom: 12px;
}
#contentCommSubNav ol {
padding-left: 12px;
padding-bottom: 12px;
}
#contentCommSubNav a {
text-decoration: none;	
}
#contentCommSubContent {
max-width: 342px;
float: left;
margin-right: 0px;
padding: 0px 15px 0px 0px;
margin-bottom: 15px;
}
#contentCommSubContent h2 {
color: #CC3300;
font-size: 16px;
margin-top: 8px;
}
#contentCommSubContent li {
font-size: 12px;
padding-left: 0px;
padding-bottom: 4px;
line-height:18px;
}
#contentCommSubContent ul {
padding-left: 12px;
padding-bottom: 12px;
}
#contentCommSubContent ol {
padding-left: 12px;
padding-bottom: 12px;
}
#contentCommSubImages {
max-width: 275px;
float: right;
margin-right: 0px;
padding: 0px;
margin-bottom: 0px;
}
#contentCommSubImages {
width: 275px;
float: right;
margin-right: 0px;
padding: 0px;
margin-bottom: 0px;
}

#contentElecSubBox {
max-width: 875px;
float: left;
padding: 25px 15px 20px 20px;
background-image: url(http://www.kaemmerlen.com/images/uploads/site/blueRoundedBoxBottomElecSubBkg2.gif);
background-position: bottom;
background-repeat: no-repeat;
margin-bottom: 0px;
margin-left: 0px;
}
#blueboxSubBkg {
float: right;
max-width: 521px;
margin-bottom: 30px;
background-image: url(http://www.kaemmerlen.com/images/uploads/site/blueRoundedBoxBkg.gif);
background-repeat: no-repeat;
}
#blueboxSubBkg2 {
float: right;
max-width: 700px;
margin-bottom: 30px;
background-image: url(http://www.kaemmerlen.com/images/uploads/site/blueRoundedBoxBkg2.gif);
background-repeat: no-repeat;
}
#contentElecSubNav {
max-width: 187px;
float: left;
margin-right: 41px;
padding: 0px;
margin-bottom: 15px;
}
#contentElecSubNav h2 {
color: #CC3300;
font-style: italic;
font-size: 16px;
margin-top: 8px;
}
#contentElecSubNav li {
font-size: 12px;
padding-left: 0px;
padding-bottom: 4px;
line-height:18px;
display: block;
list-style-type: none;
margin-bottom: 6px;
border-bottom-color: #AFCD74;
border-bottom-style: solid;
border-bottom-width: 1px;
}
#contentElecSubNav ul {
padding-left: 0px;
padding-bottom: 12px;
}
#contentElecSubNav ol {
padding-left: 12px;
padding-bottom: 12px;
}
#contentElecSubNav a {
text-decoration: none;	
}
#contentElecSubContent {
max-width: 342px;
float: left;
margin-right: 0px;
padding: 0px 15px 0px 0px;
margin-bottom: 15px;
}
#contentElecSubContent h2 {
color: #3d6200;
font-size: 16px;
margin-top: 8px;
}
#contentElecSubContent li {
font-size: 12px;
padding-left: 0px;
padding-bottom: 4px;
line-height:18px;
}
#contentElecSubContent ul {
padding-left: 12px;
padding-bottom: 12px;
}
#contentElecSubContent ol {
padding-left: 12px;
padding-bottom: 12px;
}
#contentElecSubImages {
max-width: 275px;
float: right;
margin-right: 0px;
padding: 0px;
margin-bottom: 0px;
}
#contentElecBkg {
width: 958px;
float: left;
background-image: url(http://www.kaemmerlen.com/images/uploads/site/elecMainBkg.jpg);
background-repeat: no-repeat;
margin-bottom: 15px;
background-color: #0090D0;
}
#contentElecMainBox h2 {
color: #CC3300;
font-style: italic;
font-size: 16px;
margin-top: 8px;
}
#contentElecMainBox h3 {
color: #3d6200;
font-size: 14px;
margin-top: 12px;
font-weight: normal;
}
#contentElecMainBox li {
font-size: 12px;
padding-left: 0px;
padding-bottom: 0px;
line-height:18px;
}
#contentElecMainBox ul {
padding-left: 12px;
padding-top: 6px;
padding-bottom: 3px;
}
#contentElecMainBox ol {
padding-left: 12px;
padding-bottom: 12px;
}
#boxElecMainDesc {
float: left;
max-width: 485px;
}
#boxElecMainDesc h1 {
font-size: 21px;
font-weight: normal;
margin-top: 0px;
margin-bottom: 0px;
font-family: Arial, Helvetica, sans-serif;
}
#boxElecMainDesc p {
font-size: 12px;
font-weight: normal;
line-height: 18px;
margin-top: 8px;
margin-bottom: 0px;
}
#contentServBkg {
width: 958px;
float: left;
background-image: url(http://www.kaemmerlen.com/images/uploads/site/servMainBkg.jpg);
background-repeat: no-repeat;
margin-bottom: 15px;
background-color: #D74E00;
}
#contentServMainBox h2 {
color: #CC3300;
font-style: italic;
font-size: 16px;
margin-top: 8px;
}
#contentServMainBox h3 {
color: #CC3300;
font-style: italic;
font-size: 14px;
margin-top: 12px;
}
#contentServMainBox li {
font-size: 12px;
padding-left: 0px;
padding-bottom: 0px;
line-height:18px;
}
#contentServMainBox ul {
padding-left: 12px;
padding-top: 6px;
padding-bottom: 3px;
}
#contentServMainBox ol {
padding-left: 12px;
padding-bottom: 12px;
}
#contentServSubBox {
max-width: 700px;
float: right;
margin-right: 25px;
padding: 25px 15px 20px 20px;
background-image: url(http://www.kaemmerlen.com/images/uploads/site/redRoundedBoxBottomServSubBkg2.gif);
background-position: bottom;
background-repeat: no-repeat;
margin-bottom: 15px;
}
#contentServSubBox h2 {
color: #CC3300;
font-style: italic;
font-size: 16px;
margin-top: 8px;
}
#contentServSubBox h3 {
color: #00427b;
font-size: 14px;
margin-top: 12px;
font-weight: normal;
}
#contentServSubBox li {
font-size: 12px;
padding-left: 0px;
padding-bottom: 0px;
line-height:18px;
}
#contentServSubBox ul {
padding-left: 12px;
padding-top: 6px;
padding-bottom: 3px;
}
#contentServSubBox ol {
padding-left: 12px;
padding-bottom: 12px;
}
#boxServMainDesc {
float: left;
max-width: 485px;
}
#boxServMainDesc h1 {
font-size: 21px;
font-weight: normal;
margin-top: 0px;
margin-bottom: 0px;
font-family: Arial, Helvetica, sans-serif;
}
#boxServMainDesc p {
font-size: 12px;
font-weight: normal;
line-height: 18px;
margin-top: 8px;
margin-bottom: 0px;
}
#boxServFormDesc {
float: left;
max-width: 660px;
}
#boxServFormDesc h1 {
font-size: 21px;
font-weight: normal;
margin-top: 0px;
margin-bottom: 0px;
font-family: Arial, Helvetica, sans-serif;
}
#boxServFormDesc p {
font-size: 12px;
font-weight: normal;
line-height: 18px;
margin-top: 8px;
margin-bottom: 0px;
}

#boxServSubDesc {
float: left;
max-width: 400px;
}

#boxElecSubDesc {
float: left;
max-width: 400px;
}

#boxServSubDesc h1 {
font-size: 21px;
font-weight: normal;
margin-top: 0px;
margin-bottom: 0px;
font-family: Arial, Helvetica, sans-serif;
}

#boxServSubDesc p {
font-size: 12px;
font-weight: normal;
line-height: 18px;
margin-top: 8px;
margin-bottom: 0px;
}

/* Blue Box Sub Styles------------------------*/
#blueboxSub {
margin-bottom: 30px;
background: #B8D0E5;
border-radius: 8px;
padding: 15px;
}
#blueboxSub2 {
float: right;
max-width: 663px;
background-image: url(http://www.kaemmerlen.com/images/uploads/site/blueRoundedBoxBottomBkg2.gif);
background-position: bottom;
background-repeat: no-repeat;
padding-top: 22px;
padding-left: 20px;
padding-bottom: 15px;
padding-right: 17px;
}
#blueboxSub img {
padding-bottom:10px;
max-width: 100%;
height: auto !important;
}
#blueboxSubDesc {
}
#blueboxSubDesc ul {
margin-left: 15px;
}
#blueboxSubDesc h1 {
font-size: 18px;
font-weight: normal;
margin-top: 0px;
margin-bottom: 0px;
font-family: Arial, Helvetica, sans-serif;
}
#blueboxSubDesc h2 {
font-size: 16px;
font-weight: normal;
margin-top: 12px;
margin-bottom: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #00457C;
}
#blueboxSubDesc p {
font-size: 12px;
font-weight: normal;
line-height: 18px;
margin-top: 8px;
margin-bottom: 0px;
}
#blueboxSubDesc li {
font-size: 12px;
font-weight: normal;
line-height: 18px;
margin-bottom: 0px;
margin-left: 8px;
}
#blueboxSubDesc2 {
float: left;
max-width: 360px;
}
#blueboxSubDesc2 h1 {
font-size: 18px;
font-weight: normal;
margin-top: 0px;
margin-bottom: 0px;
font-family: Arial, Helvetica, sans-serif;
}
#blueboxSubDesc2 h2 {
font-size: 16px;
font-weight: normal;
margin-top: 12px;
margin-bottom: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #00457C;
}
#blueboxSubDesc2 p {
font-size: 12px;
font-weight: normal;
line-height: 18px;
margin-top: 8px;
margin-bottom: 0px;
}
#blueboxSubDesc2 li {
font-size: 12px;
font-weight: normal;
line-height: 18px;
margin-bottom: 0px;
margin-left: 8px;
}
/* Footer Styles------------------------*/
#footer {
padding: 12px 20px 0px 20px;
height: 35px;
clear: both;
background: rgba(3,61,94,1);
background: -moz-linear-gradient(top, rgba(3,61,94,1) 0%, rgba(0,25,51,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(3,61,94,1)), color-stop(100%, rgba(0,25,51,1)));
background: -webkit-linear-gradient(top, rgba(3,61,94,1) 0%, rgba(0,25,51,1) 100%);
background: -o-linear-gradient(top, rgba(3,61,94,1) 0%, rgba(0,25,51,1) 100%);
background: -ms-linear-gradient(top, rgba(3,61,94,1) 0%, rgba(0,25,51,1) 100%);
background: linear-gradient(to bottom, rgba(3,61,94,1) 0%, rgba(0,25,51,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#033d5e', endColorstr='#001933', GradientType=0 );
text-align: left;
border-radius: 8px 8px 0 0;
}
#footer li{
color: #0085BC;
font-size: 10px;
font-family: Helvetica, Arial, sans-serif;
margin: 0;
text-transform: uppercase;
}
#footer ul{
margin: 0;
padding: 0;
}
#footer li{
float: left;
list-style: none;
}
#footer li:after {
content:'/';
padding: 0 10px;
}
#footer .nav-last:after {
padding: 0;
content:'';
}
#footer a:link {
color: #0085BC;
text-decoration: none;
}
#footer a:hover {
color: #0085BC;
text-decoration: none;
}
#footer a:visited {
color: #0085BC;
text-decoration: none;
}
#footer a:active {
color: #0085BC;
text-decoration: none;
}
#footer a:visited:hover {
color: #0085BC;
text-decoration: none;
}
.white a:link,.white a:visited {
color: #FFFFFF;
}
.greenLink a:link,.greenLink a:visited {
color: #74BA35;
}
.boxesMain {
padding-bottom:10px;
}

/* Home Slideshow Styles------------------------*/

#homeSlideshowWrap1 {
margin:0 auto;
max-width:958px;
}

#homeSlideshowWrap2 {
position:relative;
max-width:958px;
}
#wrap2SliderMain {
position:relative;
max-width:941px;
}
.featuredSliderMainBkg {
height:328px;
position:absolute;
text-align:left;
top:0px;
width:555px;
z-index:100;
right: 0px;
}
.slideshow {
height: 760px; 
max-width: 958px; 
position: absolute;
z-index: 1;
}
.slideshow img { 
padding: 0px; 
border: 0px solid #ccc; 
background-color: #000000; 
width: 100%;
}


/* ====================== Ajax Tabs ======================= */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

#rotate ul {
    padding: 0px;
}
#rotate li {
    padding: 0px;
}
.ui-tabs-nav, .ui-tabs-panel {
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url("http://www.kaemmerlen.com/images/uploads/site/tab.png") no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border: 1px solid #333333;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url("http://www.kaemmerlen.com/images/uploads/site/loading.gif") no-repeat 0 50%;
}

/* liScroll styles */

.news_ticker { margin: 35px 0 25px 0; }

.tickercontainer { /* the outer div with the black border */
/*border: 1px solid #000;*/
width: 955px; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 955px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold italic 17px Arial;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #FFFF33;
font: bold italic 17px Arial;
margin: 0 500px 0 0;
text-decoration: none;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/* Solar Energy */

#contentElecMainBox h3{
font-size: 15px;
color: #054A77;
margin-bottom: 10px;
padding-left: 15px;
}
.case-study-body{
line-height: 18px;
font-size: 12px;
margin: 0;
padding: 0;
}
.case-study-images{
margin: 0 0 50px 25px;
}


/* MIN Media Queries =============================*/

@media (min-width: 768px) { 
#globalNavMain {
height: 39px;
width: 100%;
background: #000000;
border-radius: 0 0 8px 8px;
padding: 8px 0px 0px 40px ;
float: left;
text-align: center;
}
#globalSearch {
height: 30px;
padding: 6px 16px 0px 0px;
float: right;
}
#globalNavMain li {
float: left;
list-style: none;
color: #0085BC;
font-size: 12px;
font-family: Helvetica, Arial, sans-serif;
margin: 0;
}
#globalNavMain li:after {
content:'/';
padding: 0 8px;
}
#globalNavMain .nav-last:after {
padding: 0;
content:'';
}
#globalNavMain li:last-child:after{
content:'';
padding: 0;
}


}

@media (min-width: 970px) {
#globalNavMain li::after {
content: "/";
padding: 0px 15px;
}

}

@media (min-width: 1200px){
}

/* MAX Media Queries =============================*/

@media (max-width:915px){
.navbar-default{
}
#globalNavSub{
margin: 0 auto;
float: none;
}
#globalNavSubComm{
width: 140px;
}
#globalNavSubElec{
width: 140px;
}
#globalNavSubServ{
width: 140px;
}
#globalNavSub a{
width: 140px;
height:56px;
background-size: 200%;
background-repeat: none;
}
#globalNavSub a:hover{
background-position: 140px 0px;
}
#globalNavSubComm a.globalCurrent {
    background-image: url("http://www.kaemmerlen.com/images/uploads/site/globalNavComm.gif");
    background-position: 140px 0px;
}
#globalNavSubElec a.globalCurrent {
    background-image: url("http://www.kaemmerlen.com/images/uploads/site/globalNavElec.gif");
    background-position: 140px 0px;
}
#globalNavSubServ a.globalCurrent {
    background-image: url("http://www.kaemmerlen.com/images/uploads/site/globalNavServ.gif");
    background-position: 140px 0px;
}
#mainSubSpacer {
height:95px;
}
}

@media (max-width:800px){

}


@media (min-width: 600px) and (max-width:767px){
.navbar-header{
background: #000;
}
#globalNavMain{
z-index: 2;
}
#globalNavSub{
position: absolute;
top: -58px;
right: 0;
margin: 0 auto;
float: none;
height: auto;
width: 70%;
z-index: 1;
}
#globalNavSub a.globalCurrent{
background-position: 0;
}
#globalNavSubComm{
width: 115px;
}
#globalNavSubElec{
width: 115px;
}
#globalNavSubServ{
width: 115px;
}
#globalNavSub a{
width: 115px;
height:45px;
background-size: 200%;
background-repeat: none;
}
#globalNavSub a:hover{
background-position: 115px 0px;
}
#mainSubSpacer {
height: 55px;
}
}
@media (max-width:767px){
.navbar-header{
width: 70%;
background: #000;
border-radius: 0 0 8px 8px;
position: absolute;
top: 2px;
right: 15px;
padding: 5px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
border: 0;
}
#wrapper .navbar-default {
top: -145px;
}
#globalNavMain {
width: 53%;
float: right;
position: absolute;
top: 60px;
right: 0;
background: #000;
border-radius: 0 0 8px 8px;
padding: 0;
text-align: center;
}
#globalNavMain li {
width: 100%;
padding: 0;
margin: 0;
}
#globalNavMain li a{
width: 100%;
height: 3em;
line-height: 3em;
border-bottom: 1px solid #2e2e2e;
list-style: none;
color: #0085BC;
font-size: 14px;
font-family: Helvetica, Arial, sans-serif;
margin: 0 ;
padding: 0;
}
#globalNavMain li:after {
content:'';
margin: 0;
padding: 0;
}
#contentMain #mainSpacer{
margin-top: 45%;
}
.badgesMain img{
max-width: 80%;
}
#blueboxMainBkg{
width: 80%;
margin: 0 auto;
}
.slideshow{
top: 0px;
}
}
@media (max-width:560px){
.MainBox{
float: none;
margin-right: 0;
}
}
@media (max-width:599px){
.navbar-header{
background: transparent;
}
#mainSubSpacer{
height: 20px;
}
#globalNavSub{
height: auto;
width: 100%;
}
#globalNavSubComm{
max-width: 100%;
width: auto;
height: 90px;
float: none;
clear: all;
background: transparent url(http://www.kaemmerlen.com/images/uploads/site/comBadgeMain.gif) 50% 50% no-repeat;
margin: 0;
background-size:contain;
background-position:center;
}
#globalNavSubElec{
width: 100%;
height: 90px;
float: none;
clear: all;
background: transparent url(http://www.kaemmerlen.com/images/uploads/site/electricBadgeMain.gif) 50% 50% no-repeat;
background-size:contain;
background-position:center;
}
#globalNavSubServ{
width: 100%;
height: 90px;
float: none;
clear: all;
background: transparent url(http://www.kaemmerlen.com/images/uploads/site/serviceBadgeMain.gif) 50% 50% no-repeat;
background-size:contain;
background-position:center;
}
#globalNavSub a{
width: 100%;
height: 90px;
display: block;
background: none;
}
#globalNavSubComm a:hover{
opacity: .8;
background: transparent url(http://www.kaemmerlen.com/images/uploads/site/comBadgeMain.gif) 50% 50% no-repeat;
background-size:contain;
}
#globalNavSubElec a:hover{
opacity: .8;
background: transparent url(http://www.kaemmerlen.com/images/uploads/site/electricBadgeMain.gif) 50% 50% no-repeat;
background-size:contain;
}
#globalNavSubServ a:hover{
opacity: .8;
background: transparent url(http://www.kaemmerlen.com/images/uploads/site/serviceBadgeMain.gif) 50% 50% no-repeat;
background-size:contain;
}
#globalNavSubComm a.globalCurrent {
opacity: .8;
background: transparent url(http://www.kaemmerlen.com/images/uploads/site/comBadgeMain.gif) 50% 50% no-repeat;
background-size:contain;
}
#globalNavSubElec a.globalCurrent {
opacity: .8;
background: transparent url(http://www.kaemmerlen.com/images/uploads/site/electricBadgeMain.gif) 50% 50% no-repeat;
background-size:contain;
}
#globalNavSubServ a.globalCurrent {
opacity: .8;
background: transparent url(http://www.kaemmerlen.com/images/uploads/site/serviceBadgeMain.gif) 50% 50% no-repeat;
background-size:contain;
}
.case-study-right-side{
margin: 5px 0 ;
padding: 0;
}
.case-study-images{
margin: 0 0 50px 0px;
}
}
@media (max-width:380px){
#globalNavSub a{
width: 100%;
height: 70px;
display: block;
background: none;
}
#globalNavSubComm, #globalNavSubElec, #globalNavSubServ{
height: 70px;
}
}
@media (max-width:300px){
#globalNavSub a{
width: 100%;
height: 50px;
display: block;
background: none;
}
#globalNavSubComm, #globalNavSubElec, #globalNavSubServ{
height: 50px;
}
}