/*  
Website: Brikel electric
*/
body{ margin:10px 0px 0px; padding:0px; font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#000000; background:#abb8d7 url(../images/background.gif) repeat-x left top}

h1, h2, h3, h4, h5, h6, h7, p, form, input, ul, li{padding:0px; margin:0px; font-weight:normal}
ul,ol { list-style: none; }
input, select, textarea{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666}
a{color:#004B8D; text-decoration:none}
a:hover{color:#000; text-decoration:underline}
a img{border:0}

.clear{ clear:both;}

/* ======================================== Wrapper =============================================  */

#wrapper{ width:757px;height:auto; margin:0px auto; padding:0px}


/* ======================================== Header =============================================  */

#header{ width:100%; padding:0px; margin:0px; height:95px; background:url(../images/header1.gif) no-repeat left bottom}


/* ======================================== Middle =============================================  */

#middle{width:100%; margin-bottom:20px;background:#004b8d url(../images/middle-bot-bg.gif) no-repeat left bottom}
#middle .container{width:750px; background:url(../images/middle-container-bg.gif) repeat-y left top}
#middle .container_blog{width:750px; background-color: white}
#middle .container_blog:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px; }
#middle .container:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px; }
/* \*/ * html #middle .container{height:1px} /* */

.content{width:100%; padding:10px 0px 15px}
.content:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px; }
/* \*/ * html .content{height:1px} /* */

.blue-line{border-top:2px solid #004B8D}
.dotted-line{ background:url(../images/dot-line.gif) repeat-x left bottom}


h1{font-size:16px; padding:0px 0px 10px; font-weight:bold; margin-bottom:8px; color:#004B8D;background:url(../images/dot-line.gif) repeat-x left bottom}
h2{font-size:15px; padding:0px 0px 0px; font-weight:bold; margin-bottom:8px; color:#004B8D;}

p{padding:4px 0px 12px;}


/* ---------------- middle columns -------------- */

#middle #left-sidebar{ width:260px; float:left;}
#middle #wide-column{ width:480px; float:left;}

/* ===================================== Left sidebar ==================================  */

.navigation{width:253px; background:url(../images/nav-bot.gif) no-repeat left bottom; padding-bottom:31px}
.navigation .top{ background:url(../images/nav-top.gif) no-repeat left top; height:48px}
.navigation .content{ background:url(../images/nav-bg.gif) repeat-y left top;}


.left-container{width:193px; padding:10px 25px 0px 35px; background:url(../images/left-col-bg.gif) no-repeat left top; }




/* ----------------  Left Accordian Menu -------------- */

.glossymenu{margin: 5px 0 0px 18px;padding:0;width: 198px;}

.glossymenu a.menuitem{
font-size:14px;
color:#fff;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
padding: 5px 0px 5px 15px;
border-bottom:1px solid #fff;
text-transform:uppercase;
}

.glossymenu a.menuitemup{
font-size:14px;
font-family:Arial, Helvetica, sans-serif; 
color:#FEFEFE;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 8px 0px 8px 15px;
text-decoration: none;
font-weight:bold;
text-transform:uppercase;
}

.glossymenu a.menuitem:hover{}
.glossymenu div.submenu{border-bottom:1px solid #fff; padding-bottom:20px}

.glossymenu div.submenu ul{list-style-type: none;margin: 0;padding: 0;}
.glossymenu div.submenu ul li{}
.glossymenu div.submenu ul li a{display:block; width:150px;font-size:14px;color:#fff;padding:3px 0px 0px 30px;}
.glossymenu div.submenu ul li a:hover{ text-decoration:underline}
.glossymenu .selected { font-weight: bold;}
/* ----------------  News Section-------------- */

.left-section{width:100%; margin-bottom:10px}
.news{ width:100%; padding-bottom:15px}
.news h3.date{font-size:15px; font-weight:bold;}
.news span{font-size:13px; }
.news a.more{ color:#000000; text-decoration:underline} 
.news a:hover.more{ color:#004B8D; text-decoration:underline} 

.contactinfo{ position:relative; margin:0px 0px -10px 10px}
.address{font-size:13px; font-weight:bold; color:#FFFFFF; text-align:center; padding-top:15px}


/* ====================================== Wide column ==================================  */

#wide-column .pic{float:left; width:180px;}
#wide-column .pic2 {
	float: left;
	margin-top: 30px;
	margin-left: 10px;
}
	
#wide-column .detail{float:left; width:300px; }
#wide-column .detail-nopic{float:left; width:100%; }
#wide-column .detail li{list-style: disc; margin-left: 25px; }
#wide-column .detail-nopic li{list-style: disc; margin-left: 25px; }

.logo { z-index: 10; position: relative;}
.rotate_image { z-index: 5; position: relative;}

.logos { padding:10px 0px; text-align:center; }
.logos img { margin:0; }

#wide-column .images {text-align: center;}
#wide-column .images-image {padding-right: 15px;}


/* ----------------  Services Section-------------- */

.service{width:230px; float:left; padding:20px 0px 0px}
.service img{float:left; width:auto}
.service h3{ font-size:16px; font-weight:bold; padding:15px 0px 0px; color:#004B8D;}

.contact_info {
	width: 220px;
	float: left;
	padding-right: 10px;
}

.emergency {
	color: red;
	font-weight: bold;
	font-size: 14px;
}

#rotate {
	height: 192px;
	width: 100%;
}

#rotate li {
	list-style: none;
}

.designed {
	font-size: 12px;
	color: white;
	text-align: center;
}

a.designed {
	color: white;
}