/*
 Screen style    
 Site: MSE
*/
body {
	font-size: 75%;
	padding: 0 0 20px 0;
	background: #ebebeb url(../images/bg/body.gif);
}

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Auto clearing floats */
#top:after, #inner:after, .home-cols:after, #footer:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* Wrappers */
#wrapper { width: 900px; padding: 0 9px; margin: 0 auto; background: url(../images/bg/wrapper.png) repeat-y; }

/* Header */
#header { height: 122px; position: relative; background: #fff url(../images/bg/header.gif) top right no-repeat; }
#header .logo { position: absolute; width: 239px; height: 74px; top: 30px; left: 19px; }
#header .logo span { background-image: url(../images/text/logo.gif); }
#header .top-right { position: absolute; top: 43px; right: 19px; }
#header .top-right .accessibility { display: none; }
#header .phone { width: 178px; height: 39px; }
#header .phone span { background-image: url(../images/text/phone.gif); }

/* Top */
#top { min-height: 242px; background: #fff url(../images/bg/top.gif) repeat-y; padding-left: 20px; }

/* Top: Intro */
#top #intro { width: 643px; padding: 30px 0 10px 35px; float: right; position: relative; background: url(../images/bg/top-intro.jpg) no-repeat; min-height: 202px; }
#top #intro .inner { width: 320px; position: relative; z-index: 2; }
#top #intro h2 { color: #000; font-size: 2.5em; margin-bottom: 8px; line-height: 1.2; }
#top #intro p { font-size: 1.17em; color: #000; margin: 0; line-height: 1.2; width: 261px; }
#top #intro p.button { margin-top: 15px; }
#top #intro p.button img { display: block; }
#top #intro .photo { position: absolute; top: 0; right: 0; z-index: 1; }
#top #intro .photo img { display: block; }

/* Navigation */
#nav { float: left; width: 200px; min-height: 242px; background: #899ccb url(../images/bg/nav.jpg) no-repeat; }
#nav li { border-top: 1px solid #fff; }
#nav li.first { border-top: none; }
#nav a { display: block; padding: 12px 46px 11px 29px; width: 125px; font-size: 1.17em; font-weight: bold; text-decoration: none; color: #fff; line-height: 1.14; }
#nav a:hover, #nav a.current { background: url(../images/bg/nav-arrow.gif) 162px 50% no-repeat; }

/* Inner wrapper */
#inner { padding: 20px 85px 37px 20px; background: #fff url(../images/bg/inner.gif) repeat-y; }

/* Content */
#content { float: right; width: 558px; margin-top: 10px; }
#content a:hover { background: #0c3494; color: #fff; text-decoration: none;  }
#content ul { list-style: square; margin: 0.5em 0 1.75em 27px; }
#content ul.list-after-paragraph { margin-top: -1em; }
#content ul.list-after-main-title { margin-top: 1.5em; }
#content ol { list-style: decimal; margin: 0.5em 0 1.75em 27px; }
#content li { margin-bottom: 0.75em; }
#content ul.sitemap { margin: 1em 0 1em 17px; list-style: none; }
#content ul.sitemap li ul { margin: 0.5em 0 0 17px; list-style: none; }
#content ul.privacy { margin: -1em 0 1em 17px; list-style: none; }

/* Sidebar */
#sidebar { float: left; width: 180px; }

/* Sidebar: Box */
#sidebar .box { border: 1px solid #ccc; margin-bottom: 10px; background: #fff; }
#sidebar .box h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	border-bottom: 1px solid #ccc;
	padding: 3px 5px 2px 10px;
	background: url(../images/bg/sidebar-box-title.gif) repeat-y;
	color: #0c3494;
}
#sidebar .box p { margin: 8px 8px 8px 10px; }
#sidebar .box p input { vertical-align: middle; }
#sidebar .box p input.text-input { border: 1px solid #ccc; border-bottom-color: #e0e0e0; padding: 2px 7px; width: 115px; margin-right: 4px; }
#sidebar .box ul { margin: 6px 8px 6px 10px; }
#sidebar .box a { color: #333; }
#sidebar .box a.arrow { display: block; padding: 3px 25px 3px 0; width: 135px; background: url(../images/bg/arrow.gif) right center no-repeat; text-decoration: none; }
#sidebar .logo { margin-top: 20px; text-align: right; }

/* Secondary navigation */
#sidebar .sec-nav ul { margin: 10px 8px 10px 10px; }
#sidebar .sec-nav li { padding-left: 12px; background: url(../images/bg/square.gif) 0 7px no-repeat; line-height: 1.5; margin-bottom: 6px; }
#sidebar .sec-nav a.current { text-decoration: none; }
#sidebar .sec-nav a:hover { background: #333; color: #fff; text-decoration: none; }

/* Contact form */
.contact-form input, .contact-form textarea { border: 1px solid #ccc; width: 380px; }
.contact-form input.checkbox, .contact-form .contact-send input { border: none; width: auto; vertical-align: middle; }
.contact-form td p { margin: 5px 0; }
.contact-form td p.first { margin: 0; }
.contact-send { margin-top: 20px; }
.contact-form .label { width: 140px; }
.contact-form .top { vertical-align: top; }
.contact-form .contact-send { margin-left: 10px; }

/* Service form */
.service-form input, .service-form textarea { border: 1px solid #ccc; width: 180px; }
.service-form input.checkbox, .service-form .service-send input { border: none; width: auto; vertical-align: middle; }
.service-form td p { margin: 5px 0; }
.service-send { margin-top: 20px; }
.service-form .top { vertical-align: top; }
.service-form .service-send { margin-left: 10px; }

/* Footer */
#footer { clear: both; width: 918px; margin: 0 auto; }
#footer .top { width: 918px; height: 10px; background: url(../images/bg/footer-top.png) no-repeat; }
#footer .inner { margin: 10px 9px 5px 9px; }
#footer a { color: #333; }
#footer a:hover { background: #333; color: #fff; text-decoration: none; }

/* vCard */
#footer .vcard { margin: 0; }
#footer .vcard .sep { margin: 0 3px; }

/* Footer links */
#footer .links { margin-top: 0; }
#footer .links li { float: left; margin-left: 18px; padding-left: 19px; background: url(../images/bg/footer-sep.gif) left center no-repeat; }
#footer .links li.first { margin: 0; padding: 0; background: none; }

/* Home Page */
.home #nav { background-image: url(../images/bg/home-nav.jpg); }
.home #inner { padding: 20px 41px 13px 20px; }
.home #content { width: 601px; }
.home #footer .inner { margin-top: 15px; }

/* Home Columns */
.home-cols { background: url(../images/bg/home-cols.gif) bottom no-repeat; }
.home-cols .col1 { float: left; width: 191px; }
.home-cols .col2 { float: left; width: 191px; margin-left: 14px; }
.home-cols .col3 { float: right; width: 191px; }
.home-cols h2 { width: 191px; height: 70px; }
.home-cols img { display: block; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
#content .home-cols ul { background: #00bf66; color: #fff; list-style: none; font-size: 1.09em; margin: 5px 11px 10px 11px; line-height: 1.38; }
#content .home-cols li { margin: 0 0 1px 0; padding-left: 13px; background: url(../images/bg/circle.gif) 0 8px no-repeat; }
#content .home-cols ul a { color: #fff; }
#content .home-cols ul a:hover { background: none; }

/* Home Columns Titles */
.electrical-services span { background-image: url(../images/text/electrical-services.gif); }
.data-networks span { background-image: url(../images/text/data-networks.gif); }
.air-conditioning span { background-image: url(../images/text/air-conditioning.gif); }
.big-icon {
	margin-bottom: -8px;
	margin-right: 8px;
}
.icon {
	margin-bottom: -4px;
	margin-right: 4px;
}
.service li {
	list-style-image: url(../images/bg/tick.gif);
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.heat {
	background-image: url(../images/bg/sevices_heat.jpg);
	background-repeat: no-repeat;
	width: 142px;
	padding-top: 136px;
	color: #FFF;
	font-size: 14px;
	margin-top: 14px;
	line-height: 18px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.heat a{
	color: #FFF;
}
.maintenance {
	background-image: url(../images/bg/sevices_maintenance.jpg);
	background-repeat: no-repeat;
	width: 142px;
	padding-top: 136px;
	color: #FFF;
	font-size: 14px;
	margin-top: 14px;
	margin-left: 0px;
	line-height: 18px;
}
.maintenance a{
	color: #FFF;
}
.maintenance a:hover{
	color: #FFF;
	text-decoration: none;
}
.energy {
	background-image: url(../images/bg/sevices_energy.jpg);
	background-repeat: no-repeat;
	width: 142px;
	padding-top: 136px;
	color: #FFF;
	font-size: 14px;
	margin-top: 14px;
	margin-left: 0px;
	line-height: 18px;
}
.energy a{
	color: #FFF;
}
.energy a:hover{
	color: #FFF;
	text-decoration: none;
}
.special {
	background-image: url(../images/bg/sevices_special.jpg);
	background-repeat: no-repeat;
	width: 142px;
	padding-top: 136px;
	color: #FFF;
	font-size: 14px;
	margin-top: 14px;
	margin-left: 0px;
	line-height: 18px;
}
.special a{
	color: #FFF;
}
.special a:hover{
	color: #FFF;
	text-decoration: none;
}
.gallery {
	width: 550px;
	height: 400px;
}