/*----------------------------------------------------------------------------
++ template.css - all the templates structural css.
----------------------------------------------------------------------------*/
.title{float:left;font-size:11px;}
.customer{margin-left:420px;font-size:11px;}
.mapicon{float:left; margin-left:15px; margin-top:5px;background-color:#fff;}
#waterlabel, #commerciallabel, #powerlabel {bottom:10px;
color:#000000;
font-size:12px;
position:relative;}
.mapinfo {font-size:11px;line-height:18px;}
.tab_content{margin-top:56px;}
ul.summarylist li {margin:10px;}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	width: 100%;
clear:left;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height:31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
	height: 100% !important;
}
body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #f9f6eb;
}

/* template width
***************************************/
.width960px {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	clear: both;
}
#content-inner {
	border: 1px solid #000;
	background: #1b262a;
}
.blog {
	display: block;
	overflow: auto;
}

/* top area
*****************************************/
div#top {
	height: 104px;
	margin: 0 0 1px;
}
div#top.no_header {
	margin: 0 0 -11px;
}
div#top div#logo {
	display: block;
	height: 36px;
	padding: 0pt;
	position: relative;
	top: -1px;
	width: 960px;
}
/* logo */
div#top div#logo h1 {
	margin: 0;
}
div#top div#logo h1 a {
	width: 960px;
	height: 87px;
	margin: 0;
	padding: 0;
	text-indent: -7887px;
	display: block;
	background: transparent url(../images/logo.png) no-repeat left;
	font-size: 1px;
	line-height: 26px;
}

#user1 {
	width: 100%;
	background: #303c40 url(../images/top_shelf.png) repeat-x;
	padding-bottom: 25px;
}
body.blackbg div#user1 {
	background: #000;
	background-image: none;
	padding-bottom: 0;
}
a.home-promo {
	background: url(../images/promo.jpg) no-repeat top center;
	height: 220px;
	text-indent: -9999px;
	margin: 10px 0;
	display: block;
	border: 1px solid #fff;
}
#nav {
	background: #000 url(../images/hmenu_bg.png) repeat-x bottom;
}
#nav .width960px {
	position: relative;
}
#main {
/*	background: url(../images/main-top-bg.png) repeat-x top;*/
	margin-bottom: 13px;
}
body.superdrop #main {
	background: transparent url(../images/sub-bg-dropline.png) repeat-x 0 0;
}
#pathway {
	line-height: 34px;
	height: 35px;
	background: #111a1c url(../images/pathway_bg.png) repeat-x top;
	font-size: 0.9em;
	padding: 0 20px 0 8px;
}
#pathway a:link, #pathway a:visited, #pathway a:hover {
	line-height: 34px;
	padding: 0 15px 0 5px;
	margin-right: 4px;
	text-decoration: underline;
	font-size: 1em;
}
#pathway img {
	display: none;
}
#wrapper {
	border-bottom: 1px solid #000;
}
body.superdrop #wrapper {
	background: transparent url(../images/main-top-bg.png) repeat-x 0 0;
}
.pagination-links, .pagination-counter {
	float: left;
	clear: both;
	width: 100%;
}
#advert1 {
	float: left;
	clear: both;
}
div.more_articles {
}
/* clear fix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
.moduletable-bgstyle-12 {
	background: url(../images/modFX/bulb.png) no-repeat 0 0;
}
/* hides from ie mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* end hide from ie Mac */

/* footer section
*****************************************/
#footer {
	margin: 0 auto;
	clear: both;
	position: relative;
	height: 75px;
	font-size: 0.9em;
	color: #131B1E;
	background: #fff url(../images/footer-bg.png) repeat-x top left;
	margin-top: 1px;
	padding-top: 15px;
}
#nav-copy {
	position: relative;
	top: 12px;
	font-size: 1.1em;
}
#joomlajunkie-swish a:link, #joomlajunkie-swish a:visited {
	float: left;
	background: url(../images/jjswish.png) no-repeat 0px 0px;
	width: 135px;
	height: 45px;
	margin: 0;
	padding: 0;
	text-indent: -7887px;
	z-index: 100;
	outline: 0;
	margin: -11px 10px 0 10px;
}
#joomlajunkie-swish a:hover {
	background-position: 0px -44px;
}
#nav-and-credits {
	line-height: 20px;
	position: relative;
	overflow: hidden;
}
#nav-and-credits .left, #copyright .left {
	float: right;
	clear: left;
	padding: 0;
	margin: 0;
	padding-left: 10px;
	font-size: 0.9em;
}
#nav-and-credits .right, #copyright .right {
	float: right;
	padding: 0;
	margin: 0;
	padding-right: 20px;
	font-size: 0.9em;
}
#copyright .right {
	color: #999;
}
#copyright .right a {
	text-decoration: underline;
}
a.w3c-valid-xhtml, a.w3c-valid-css, a.footer-rss {
	padding-left: 30px;
	text-transform: uppercase;
}
#nav-and-credits a.w3c-valid-xhtml {
	background: url(../images/tickle_red.gif) no-repeat 10px 1px;
	color: #dc175d;
}
#nav-and-credits a.w3c-valid-css {
	background: url(../images/tickle_blue.gif) no-repeat 10px 1px;
	color: #a8d5fc;
}
#nav-and-credits a.footer-rss {
	background: url(../images/tickle_orange.gif) no-repeat 10px 1px;
	color: #e68c05;
}
/* credits */
div#credits {
	width: 250px;
	height: 30px;
	font: normal 12px Arial, serif;
	color: #fff;
	position: absolute;
	top: 25px;
	left: 25px;
}
div#credits div {
	color: #e4f5ff;
	text-indent: 12px;
}
div#credits a {
	color: #fff;
	text-decoration: underline;
}
#modulemenu {
	display: none;
}
.module #modulemenu {
	display: block;
}
.moduletable .inputbox {
	width: 95%;
}
.moduletable #modlgn_remember {
	width: auto;
}
.moduletable .search input#mod_search_searchword.inputbox {
	margin: 0 0 0px;
	color: #fff;
}
.inputbox {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	border: 1px solid #191919;
	padding: 4px 0 4px 5px;
	color: #ccc;
	background: #212c30;
	font-size:13px;
}
input.button, button.button {
	border: none;
	height: 26px;
	line-height: 23px;
	padding: 0px 17px 4px;
	margin-top: 7px;
	margin-bottom: 7px;
	border: 1px solid #12191b;
	background: transparent url(../images/button-bg.jpg) repeat-x scroll center top;
	font-weight: bold;
	font-size: 1em;
}

/* configurable sidebars (right)
*****************************************/
body.scheme_2 #content {
	display: inline;
	float: left;
	width: 752px;
	margin-top: 21px;
	border: 1px solid #2b2e2e;
}
body.scheme_1 #content {
	margin-top: 21px;
	border: 1px solid #2b2e2e;
	float: left;
	width: 960px;
}
body.scheme_2 #right {
	float: right;
	width: 193px;
	display: inline;
	margin-top: 21px;
	margin-left: 10px;
}

/* configurable sidebars (left)
*****************************************/
body.scheme_2 #left {
	background:#1B262A none repeat scroll 0 0;
	clear:both;
	display:inline;
	float:left;
	margin-left:0;
	margin-top:0px;
	min-height:818px;
	width:193px;
}
body.scheme_2 #content.second-in-scheme {
	margin-left: 10px;
}
/* right left content */
body.scheme_3 #right.first-in-scheme {
	margin-left: 0;
}
body.scheme_3 #left.second-in-scheme {
	margin-left: 10px;
	clear: none;
}
/* content right left */
.scheme_3 #content.first-in-scheme {
	margin-left: 0;
}
body.scheme_3 #right.second-in-scheme {
	margin-left: 10px;
}
body.scheme_3 #left.third-in-scheme {
	margin-left: 10px;
	margin-right: 0;
}
/* right content */
body.scheme_2 #right.first-in-scheme {
	float: left;
	margin-left: 0;
}
body.scheme_2 #content.second-in-scheme {
	float: right;
	margin-left: 0px;
	margin-right: 13px;
	margin-top:0;
}
/* content left */
body.scheme_2 #left.second-in-scheme {
	margin-left: 10px;
}
/* sidebar on left and right */
body.scheme_3 #left {
	float: left;
	width: 193px;
	display: inline;
	margin-top: 21px;
	clear: left;
}
body.scheme_3 #content {
	display: inline;
	float: left;
	width: 548px;
	margin-top: 21px;
	border: 1px solid #2B2E2E;
	margin-left: 10px;
}
body.scheme_3 #right {
	float: left;
	width: 193px;
	display: inline;
	margin-top: 21px;
	margin-left: 10px;
}

/* options bar
*****************************************/
#color-text {
	background: url(../images/select.gif) no-repeat top right;
}
#mainbody {
	background: #1b262a;
}
#mainbody .padding {
	padding: 10px 16px;
	min-height:818px;
}
#mainbody .padding.bottom-content {
	padding: 10px 16px;
}
#color-text {
	height: 36px;
	margin: -23px 0 0;
	padding: 0 10px 0 0;
	float: right;
	width: 259px;
}
#color-text a {
	float: left;
	display: inline;
	margin-left: 1px;
}
#color-text span.options_caption {
	float: left;
	line-height: 33px;
	font-weight: bold;
	padding-left: 0;
	font-size: 12px;
}
#color-icons {
	position: relative;
	margin-top: 7px;
	right: -4px;
	width: 84px;
	float: left;
	overflow: hidden;
	height: 21px;
}
#font-icons {
	position: relative;
	margin-top: 7px;
	right: -4px;
	width: 64px;
	height: 21px;
	float: left;
	overflow: hidden;
}
a.blue-color, 
a.red-color, 
a.orange-color, 
a.green-color, 
a.txt-default, 
a.txt-larger, 
a.txt-smaller {
	height: 19px;
	width: 19px;
	display: block;
	text-indent: -9999px;
}
a.txt-default {
	background: url(../images/txt-standard.gif) no-repeat 0 0;
}
a.txt-larger {
	background: url(../images/txt-big.gif) no-repeat;
}
a.txt-smaller {
	background: url(../images/txt-small.gif) no-repeat;
}
a.blue-color {
	background: url(../images/color-blue.gif) no-repeat;
}
a.red-color {
	background: url(../images/color-red.gif) no-repeat;
}
a.orange-color {
	background: url(../images/color-orange.gif) no-repeat;
}
a.green-color {
	background: url(../images/color-green.gif) no-repeat;
}
a.blue-color:active,
a.blue-color:hover,
a.red-color:active,
a.red-color:hover,
a.orange-color:active,
a.orange-color:hover,
a.green-color:hover,
a.green-color:active,
a.txt-default:active,
a.txt-default:hover,
a.txt-larger:active,
a.txt-larger:hover,
a.txt-smaller:active,
a.txt-smaller:hover {
	background-position: 0 -19px;
}
body.large-text a.txt-larger {
	background: url(../images/txt-big.gif) no-repeat 0 0;
}
body.medium-text a.txt-default {
	background: url(../images/txt-standard.gif) no-repeat 0 0;
}
body.smaller-text a.txt-smaller {
	background: url(../images/txt-small.gif) no-repeat 0 0;
}
body.smaller-text a.txt-smaller, 
body.large-text a.txt-larger, 
body.medium-text a.txt-default {
	background-position: 0 -19px;
}
.cols_1 {
	width: 98%;
}
.cols_2 {
	width: 46.5%;
}
.cols_3 {
	width: 30%;
}
.cols_4 {
	width: 22%;
}
.pagenav {
	border: 1px solid #24373C;
	font-weight: bold;
	margin: 5px 1px;
	text-align: center;
	width: auto;
	color: #ccc;
	padding: 5px 10px;
}
a.pagenav {
	border: 1px solid #2f4249;
	color: #957f6c;
	padding: 5px 10px;
}
a.pagenav:hover {
	border: 1px solid #435e68;
	color: #fff;
	background: #2f4249;
	text-decoration: none;
}
.pagination-links {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	margin-bottom: 5px;
	color: #ccc;
}
.pagination-counter {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	padding: 10px 0;
}
.blog_more {
	float: left;
	clear: both;
	padding: 10px 0 0 10px;
	width: 98%;
	background: #212c30;
	border-bottom: 1px solid #2f4249;
	border-top: 1px solid #2f4249;
	margin-bottom: 20px;
}
#content .blog_more ul.more-links {
	margin-top: 0;
}
p.more-link {
	margin: 0;
	padding: 0;
}
p.more_link {
	margin: 0;
	text-transform: uppercase;
}
.article_seperator {
	border-top: 1px solid #e9e5e5;
	border-bottom: 1px solid #fff;
	height: 0px;
	display: block;
	margin: 2% 10%;
	width: 80%;
}
.floatRight
{float:right;clear:right;}
.floatLeft
{float:left;clear:right;}
li.photo, photo.li {height:140px;list-style-type:none;}
ul.nobullet li {margin-bottom:15px;list-style-type:none;}
.photo img {padding:8px; }
p.photo {display: block;
height: 140px;}
div.noPhoto p.photo {display: block;
height: 60px;}
div.noPhoto h4.photo  {margin-top:45px;}