@charset "UTF-8";

/* CSS Document */

/* ------------ Generic --------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

img { border: none; }

body { background: url(images/bg.jpg) repeat-x top #EEF6F9; font-size:62.5%; font-family: Arial, Helvetica, Sans-Serif; }

a { text-decoration: none; color:#FFF; }

a:hover { color:#000; }

h1, h2, .ph2, h5 { font: 2.2em/1.0em "Times New Roman", Times, serif; color: #41338a; }

h6 { font: 1.8em/1.6em "Times New Roman", Georgia, Serif; color: #41338a; font-style: italic; font-weight: bold; }

h2 { padding-top: 10px; }

p { font: 1.2em/1.8em Arial, Helvetica, Sans-Serif; color:#444; }

#wrap { width: 1000px; margin: 0 auto; position: relative; }

/* ------------ Span Classes --------------- */

.sub-heading { font-size: 0.8em; color: #000; }

/* ------------ Header --------------- */

#headerwrap { height: 377px; width: 1000px; background: url(images/header-wrap.jpg) no-repeat top; }

#logo { height: 73px; width: 289px; position: absolute; top: 25px; }

#sub-logo p { font-size: 2.0em; font-style: italic; text-transform: uppercase; font-weight:bold;  color: #41338a; position: absolute; top: 95px; left: 27px; }

#tel { position:absolute; top: 20px; right:0; }

#tel p { float: left; font: 2.3em/1.4em "Times New Roman", Times, Helvetica; text-align: right; padding-left: 50px; }

.tel-sub { font: 1.1em Arial, Helvetica, sans-serif; color: #41338a; font-weight: 600; }

#nav { position: absolute; left: 0px; top: 352px; }

#nav li { float: left; display: inline; }

#nav a { font: 1.6em Arial, Helvetica, sans-serif; text-transform: uppercase; font-style: italic; padding-right: 40px; }

/* ------------ Slider --------------- */

#slider { width:1000px; height:216px; overflow:hidden; position: absolute; top: 96px; }

#slidertext { width:1000px; height:20px; overflow:hidden; position: absolute; top: 321px; }

/* ------------ Service Boxes --------------- */

#services { clear: both; }

#services p { font: 2.0em/1.6em "Times New Roman", Georgia, Serif; text-align: right; color: #FFF; }

#services p.service-link { font: 1.2em "Arial", Helvetica, Sans-Serif; text-transform: uppercase; }

#services a { color: #FFF; cursor: pointer; }

#services p a:hover { color: #7fd2f6; text-decoration: none; }

.service1, .service2, .service3 { width: 150px; height: 65px; float:left; padding: 215px 20px 0px 130px; margin: 10px 50px 0 0; }

.service1 { background: url(images/air-conditioning-installations.jpg) no-repeat; }

.service2 { background: url(images/air-conditioning-repair.jpg) no-repeat; }

.service3 { background: url(images/air-conditioning-heating.jpg) no-repeat; margin-right: 0; }

/* ------------ Content --------------- */

#content { width: 790px; float: left; }

#content p { padding: 10px 20px 0 0; }

#content a { color: #41338a; font-style: italic; }

#content li { list-style: none; font-size: 1.4em; padding: 0 0 5px 0; }

#content a:hover { color: #000; }

#content img { padding-top: 20px; float: left; }

#air-conditioning-images { clear: both; }

#air-conditioning-images li { list-style: none; display: inline; float: left; padding: 20px 50px 10px 0; }

/* ----------- Gallery ----------- */

.content-box-gallery { width: 1000px; float: left; padding: 10px 0; }

.gallery { width: 710px; margin-top: 20px; margin-bottom: 5px; }

.gallery h6 { margin: 0; height: 40px; line-height: 40px; background: url(images/gallery-image.png) no-repeat; cursor: pointer; position: relative; margin-top: 5px; padding-left: 10px; clear: both; }

.gallery div { padding-top: 10px; padding-left: 10px; }

.gallery div p { display: inline; float: left; padding-left: 10px; }

.image-gallery { clear: both; }

.image-gallery img { padding-left: 10px; padding-bottom: 10px; }

.content-box-gallery-contact { float: right; padding-top: 70px; padding-right: 60px; }

/* -----------  Right Navigation ----------- */

#right-nav { width: 200px; float:left; }

#right-nav-news ul { list-style: none; padding: 5px 0; }

.col-one, .col-two { padding-bottom: 10px; margin-left: 5px; }

.enquiryform { width: 200px; }

.enquiryform-1 { width: 205px; }

/* --- Contact Us ---*/

.form { padding-top: 10px; }

input.submit { width: 76px; height: 23px; background: url(images/submit-btn.png) no-repeat; border: none; margin-top: 10px; cursor: pointer; }

.enquiryform, .enquiryform-1 { padding:3px 0; margin: 5px 0; }

.mainformstyle { padding-top: 10px; }

.black { color: #000; }

/* --- Testimonials ---*/

#textarea { width: 205px; height: 280px; margin-top: 10px; text-align: left; overflow: hidden; }

.testimonials-heading { font-style:italic; font-weight:bold; color: #41338a; }

/* ----------- Contact Us Page ----------- */

#content-contact { width: 1000px; padding-top: 10px; }

.left-contact { width: 500px; float: left; }

.right-contact { width:500px; float: right; text-align: left; }

.contact-headings { font: 2.3em/1.2em "Times New Roman", Georgia, Serif !important; color: #41338a; padding-bottom: 40px; }

input { width: 450px; }

.code { width: 80px; }

.btn { width: 80px; margin-top: 10px; }

iframe { margin-top: -8px; border: 1px solid #414141; }

textarea { width: 450px; height: 102px; }

/* ----------- Resource Page ----------- */

#linkbox { padding: 5px 5px 12px 15px; margin: 10px 150px 0 0; border: 1px dotted #7b0000; }

/* ----------- 404 Page ----------- */

.search-goog { list-style: none; }

input#goog-wm-qt { width: 205px; }

input#goog-wm-sb { width: 120px; }

/* -----------  Footer ----------- */

#footerwrap { background: url(images/footer-bg.jpg) repeat-x bottom; clear:both; }

#footer { margin: 0 auto; height: 143px; width: 1000px; background: url(images/footer-bg.jpg) repeat-x bottom; text-align: center; }

#footer ul { padding-top: 30px; font: 1.4em/1.2em Arial, Helvetica, Sans-Serif; text-transform: uppercase; font-weight:bold }

#footer li { display: inline; padding: 0 10px; }

#footer a { color: #41338a; }

#footer li a:hover, #footer li a.active, #footer li a.active:hover { color: #000; text-decoration: none; }

p#declaration { font: 1.1em/1.2em Arial, Helvetica, Sans-Serif; color: #000; padding-top: 20px; }

.address { font: 1.1em/1.2em Arial, Helvetica, Sans-Serif; color: #000; padding-top: 5px; }

/* Creare Links */

#extra { clear: left; font-size: 0.6em; color: #232323; padding-top: 10px; text-align: center; }

#extra ul { width: 700px; }

#extra li { width: 33%; }

#extra li a { color: #232323; width: 33%; }

/* -----------  Light Box ----------- */

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }

#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#lightbox-container-image { padding: 10px; }

#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#lightbox-nav { position: absolute; top: 210px; left: 0; height: 10%; width: 100%; z-index: 10; }

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none; }

#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 50px !important; display: block; }

#lightbox-nav-btnPrev { left: 0; float: left; }

#lightbox-nav-btnNext { right: 0; float: right; }

#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }

#lightbox-container-image-data { padding: 0 10px; color: #666; }

#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-secNav { padding-bottom: 10px; float: right; }

#lightbox-image-details-currentNumber { padding-left: 5px; }