

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   
@font-face 
{ 
font-family: 'myriad-semi-bold'; 
src: url('../fonts/MyriadPro-Semibold.eot'); 
src: url('../fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
url('../fonts/MyriadPro-Semibold.woff') format('woff'), 
url('../fonts/MyriadPro-Semibold.ttf') format('truetype'), 
url('../fonts/MyriadPro-Semibold.svg#webfont') 

}
@font-face {
	font-family: 'MyriadPro-light';
	src: url('../fonts/MyriadPro-Light.eot');
	src: local('☺'), 
    url('../fonts/MyriadPro-Light.woff') format('woff'), 
    url('../fonts/MyriadPro-Light.ttf') format('truetype'), 
    url('../fonts/MyriadPro-Light.svg') format('svg');
}
/* Generated by Fontie - the magic webfont generator <http://fontie.flowyapps.com> */

@font-face {
	font-family:'MyriadPro-BoldCond';
	src: url('../fonts/MyriadPro-BoldCond_latin+latin-ext_gdi.eot');
	src: url('../fonts/MyriadPro-BoldCond_latin+latin-ext_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MyriadPro-BoldCond_latin+latin-ext_gdi.woff') format('woff'),
		url('../fonts/MyriadPro-BoldCond_latin+latin-ext_gdi.ttf') format('truetype'),
		url('../fonts/MyriadPro-BoldCond_latin+latin-ext_gdi.otf') format('opentype'),
		url('../fonts/MyriadPro-BoldCond_latin+latin-ext_gdi.svg#MyriadPro-BoldCond') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: condensed;
	unicode-range: U+0020-20AC;
}

@font-face 
{
font-family:MyriadPro;
src: url('../fonts/MyriadPro-Regular.eot'); /* IE9 Compatibility Modes */
src: url('../fonts/MyriadPro-Regular.eot?') format('eot'),  /* IE6-IE8 */
url('../fonts/MyriadPro-Regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/MyriadPro-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
url('../fonts/MyriadPro-Regular.svg#svgMyriadPro-Regular') format('svg'); /* Legacy iOS */
}

/** Generated by FG **/
@font-face {
	font-family: 'Conv_MyriadPro-Bold';
	src: url('../fonts/MyriadPro-Bold.eot');
	src: local('☺'), url('../fonts/MyriadPro-Bold.woff') format('woff'), url('../fonts/MyriadPro-Bold.ttf') format('truetype'), url('../fonts/MyriadPro-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



@font-face {
    font-family: 'MyriadPro-Bold';
    src: url('../fonts/MyriadPro-Bold.eot');
    src: url('../fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MyriadPro-Bold.woff') format('woff'),
         url('../fonts/MyriadPro-Bold.ttf') format('truetype'),
         url('../fonts/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'helveticaneuemedium';
    src: url('../fonts/helveticaneue-medium-webfont.eot');
    src: url('../fonts/helveticaneue-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneue-medium-webfont.woff') format('woff'),
         url('../fonts/helveticaneue-medium-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneue-medium-webfont.svg#helveticaneuemedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'helvetica_neueregular';
    src: url('../fonts/helveticaneue-webfont-webfont.eot');
    src: url('../fonts/helveticaneue-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneue-webfont-webfont.woff') format('woff'),
         url('../fonts/helveticaneue-webfont-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneue-webfont-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}





   ::-moz-selection{ background:transparent; color:#0000ae; text-shadow: none; }
   ::selection { background:transparent; color:#0000ae; text-shadow: none; } 
   
.alignleft {margin:0;padding:0 15px 0 0;	float: left;}

.alignright {margin:0;padding:0 15px 0 10px;float: right;}

.aligncenter {text-align: center;padding:0 10px 0 0;display:block;}
   
a { color:#000; text-shadow: none; text-decoration:none; }
a:hover { color:#0e77bb; text-shadow: none; text-decoration:none; }
   
p { margin:0; padding:0; font-size:18px; line-height:21px; font-family:'MyriadPro-Light'; font-weight:normal; color:#5d5d5d; text-align:left; }
p span { color:#0e77bb; font-size:19px; line-height:22px; }

body  { margin:0; padding:0; width:100%; float:left; }

li  { list-style:none; }


/* ============================= Custom Css starts from here=========================== */



/* ============================= Header starts from here=========================== */
#layout-wrapper{ margin:0; padding:0; width:100%; float:left; background:url('../images/body-rep.jpg') repeat;}
      
header{ margin:0 0 20px 0; padding:25px 0 0 0; width:100%; float:left; background:url('../images/header-bkg-rep.png') repeat-x bottom;}

.inner-header{ margin:0 auto; padding:0; width:1004px; }

.header-top-row{ margin:0; padding:0; width:100%; float:left;}

.logo-holder-sec{ margin:0; padding:0; width:29%; float:left;}

.menu-holder-sec{ margin:0; padding:0; width:48%; float:right;}

.contact-row{ margin:0; padding:0; width:100%; float:left;}

.menu-row{ margin:8px 0 0 0; padding:0; width:100%; float:right;}

.facebook-holder { margin:0; padding:0; width:30%; float:left;}

.menu-holder { margin:1px 0 0 0; padding:0; width:70%; float:right;}

.mail-sec-holder{ margin:0; padding:0; width:45%; float:left;}

.phone-sec-holder{ margin:0; padding:10px 0 0 0; width:55%; float:left;}

p.mail-txt{margin:0; padding:0 0 7px 25px; font-family:MyriadPro; color:#050093;font-size:14px;background: url('../images/message-img.jpg') no-repeat scroll 0 14px; text-align:left;font-weight:normal; border-right:1px solid #c8c8c6; line-height:38px;}

p.mail-txt a{color:#050093;}

p.mail-txt a:hover{color:#000;}

p.call-us{margin:0 0 0 10px; padding:0 0 0 25px; font-family:MyriadPro; color:#ea0001;font-size:18px;background: url('../images/phone-img.jpg') no-repeat scroll 0 1px; text-align:left;font-weight:normal;}

p.call-us span{color:#0000ae;}


.navbar-inverse { background:transparent; float: left; margin: 0; padding: 0; width: 100%;}

.navbar { margin:0; padding:0; width:100%; float: left;}   

.navbar-header {margin: 0; padding:0; float:right; width:100%;}

.navbar-collapse {margin:0; padding: 0; float: left; width:100%;}

.navbar-nav > li { display: block; margin:0 1px; padding:0; line-height:38px; height:38px;}

.navbar-inverse .navbar-nav > li > a { margin:0; padding:0 15px; font-size:18px; line-height:38px; font-family:'MyriadPro-light'; font-weight:normal; color:#252525; text-align:left; font-weight:normal;}

.navbar-inverse .navbar-nav > li.current_page_item > a {  color:#fff;}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {color:#4d4fbe; background:#e8e8e8;}

ul.navbar-nav li a.active { color:#4d4fbe; background:#e8e8e8;}

.navbar-inverse .navbar-nav > li.menu-item-last {  background:none;  }

.navbar > .container .navbar-brand {margin-left: 0;}





/* ============================= Header Ends from here=========================== */




/* ============================= Content Starts from here=========================== */
content{ margin:0; padding:0; width:100%; float:left;}

.inner-content{ margin:0 auto; padding:0; width:1004px; }

.banner-holder{ margin:0; padding:0; width:100%; float:left;}

.banner-text { margin:0; padding:0 0 2% 0; width:100%; float:left; text-align:center; }

p.perth-text{margin:0; padding:0; font-family:MyriadPro; color:#0000ae; font-size:18px; text-align:center; font-weight:normal;}

img.shadow-img{ margin:0; padding:0;float: left;}

.form-holder{ margin:0; padding:0; width:100%; float:left;}

.contact-txt-holder{ margin:0; padding:0; width:26%; float:left; background:#f6000d url('../images/contact-txt-bkg.png') no-repeat scroll 0 0;height:168px;}

.main-form-holder{ margin:0; padding:0; width:74%; float:left; background-color:#f6000d;}

.form-row1{ margin:0; padding:30px 0 0 0; width:100%; float:left;}

.form-field-top{ margin:0; padding:0; width:33%; float:left;}

.form-row2{ margin:12px 0 30px 0; padding:0; width:100%; float:left;}

h5.contact-txt{margin:0; padding:65px 0 0 10px; font-family:'helvetica_neueregular'; color:#fff;font-size:32px; font-weight:normal; text-align:left; line-height:40px;}

input.input-class{ border:none; width:96%; height:48px; float:left; font-size:15px; font-weight:normal; color:#757575; font-family:arial;margin:0; padding:0 0 0 5px;}

select.input-select{ border:none; width:96%; height:48px; float:left; font-size:15px; font-weight:normal; color:#757575; font-family:arial;margin:0; padding:0 0 0 5px;}

.form-field-bottom-left{ margin:0 1.5% 0 0; padding:0; width:22%; float:left;}

.form-field-bottom{ margin:0 1%; padding:0; width:23.5%; float:left;}

input.sub-button{ border:none; width:96%; height:48px; float:left; font-size:22px; font-weight:bold; color:#fff; font-family:arial;margin:0; padding:0 0 0 5px; text-align:center; background-color:#2c2c2c; text-transform:uppercase;}

input.sub-button:hover{ border:none; width:96%; height:48px; float:left; font-size:22px; font-weight:bold; color:#000; font-family:arial;margin:0; padding:0 0 0 5px; text-align:center; background-color:#fff;}

.welcome-row-holder{ margin:25px 0 0 0; padding:0; width:100%; float:left; }

.welcome-sec-left{ margin:0; padding:0; width:66%; float:left; }

h6.welcome-txt{margin:0; padding:0; font-family:'MyriadPro-light'; color:#525252;font-size:27px; font-weight:normal; text-align:left; line-height:26px;}

h6.welcome-txt2{margin:0; padding:0; font-family:'myriad-semi-bold'; color:#0000ae;font-size:44px; font-weight:normal; text-align:left; line-height:46px;}

h6.welcome-txt2 span{margin:0; padding:0; font-family:'myriad-semi-bold'; color:#0000ae;font-size:34px; font-weight:normal; text-align:left; line-height:26px;}

img.needle-img{ margin:0; padding:31px 0 0 0; float:right; }

ul.content-img-list{ margin:15px 0 22px 0; padding:0; float:left; }

ul.content-img-list li{ margin:0; padding:0 8px 0 0; float:left; list-style:none; display:inline;}

p.nrml-txt{margin:0; padding:0; font-family:'MyriadPro-light'; color:#0d0d0d;font-size:16px; font-weight:normal; text-align:left; line-height:19px; clear:both;}

p.readmore{margin:40px 0 0 0; padding:0; font-family:'MyriadPro-light'; color:#0d0d0d;font-size:16px; font-weight:normal; text-align:left; line-height:19px;} 

p.readmore a{margin:0; padding:5px 15px; color:#0d0d0d; background-color:transparent; border:1px solid #e90101;}

p.readmore a:hover{margin:0; padding:5px 15px; color:#000; background-color:transparent; border:1px solid #0000ae;}

.welcome-sec-right{ margin:0; padding:15px 0 0 0; width:26%; float:right; }

h6.welcome-txt2 span.services-bkg{background:url('../images/services-bkg.png') no-repeat scroll 0 0;padding:0 0 0 55px;}

img.needle-img2{ margin:0; padding:10px 0 0 0; float:right; }

ul.right-content-list{ margin:10px 0 10px 0; padding:0; float:left; }

ul.right-content-list li{ margin:0; padding:2px 0 2px 15px; float:left; list-style:none; clear:both; font-family:'MyriadPro-light'; color:#0d0d0d;font-size:16px; font-weight:normal; text-align:left; line-height:20px;background:url('../images/red-bullet.png') no-repeat scroll 0 7px;}



/* ============================= Content Ends from here=========================== */



/* ============================= article Starts from here=========================== */


article{ margin:0; padding:0 15px; width:100%; float:left; text-align:center;}

article2{ margin:0; padding:0; width:100%; float:left; background:url('../images/article-rep.png') repeat-x;}

p.read-more-scroll { background-color: transparent;  color: #525252;  font-family: "MyriadPro-light"; font-size: 16px; font-weight: normal; line-height: 20px;
    margin: 0; padding: 10px 12px 0 5px; text-align: center;  width: 100%;}
    
a.readmore-js-toggle{ background-color: transparent;  font-family: "MyriadPro-light"; font-size: 16px; font-weight: normal; line-height: 20px;
    margin: 0 0 10px 0; text-align: center; background: url("../images/triangle-img.jpg") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    color: #e70506;  outline: medium none;  padding:0 0 10px 0; text-decoration: none;}

.inner-article{ margin:0 auto; padding:0; width:1004px;}

.top-row-article{ margin:0; padding:0; width:100%; float:left; text-align:center;}

.bottom-row-article{ margin:35px 0 0 0; padding:0; width:100%; float:left;}

.article-left-sec{ margin:15px 6% 0 0; padding:0; width:29%; float:left;}

.article-img-sec{ margin:0; padding:0; width:100%; float:left; text-align:center;}

.article-text-sec{ margin:18px 0 0 0; padding:0; width:100%; float:left; background:#dedede url('../images/txt-sec-rep.jpg') repeat-x top;}

h2.hot-water-txt{margin:0; padding:0 0 10px 0; font-family:'myriad-semi-bold'; color:#0000ae;font-size:32px; font-weight:normal; text-align:center; line-height:35px; background:url('../images/hot-water-line.png') no-repeat bottom center;}

p.article-small-txt{margin:0; padding:10px 12px; font-family:'MyriadPro-light'; color:#525252; font-size:16px; font-weight:normal; text-align:center; line-height:20px;}

p.readmore2{ margin:0 0 10px 0; padding:0 0 10px 0; font-family:'MyriadPro-light'; color:#e70506; font-size:16px; font-weight:normal; text-align:center; line-height:20px;}

img.line-three-color {margin:0;padding:0;width:100%;float:left;}

p.readmore2 a{ color:#e70506;background:url('../images/triangle-img.jpg') no-repeat bottom center; padding:0 0 10px 0;}

p.readmore2 a:hover{ color:#0000ae; }

.article-right-sec{ margin:15px 0 0 0; padding:0; width:29%; float:left;}

/* ============================= article Ends from here=========================== */





/* ============================= Section Starts from here=========================== */


section{ margin:45px 0 25px 0; padding:0; width:100%; float:left; background:url('../images/article-rep.png') repeat-x;}

.inner-section{ margin:0 auto; padding:0; width:1004px;}

.section-blog{ margin:0; padding:0; width:53%; float:left;}

.section-hding{ margin:0; padding:0; width:40%; float:right;}

h5.latest-blog{ margin:0 0 10px 0; padding:0 0 10px 45px; font-family:'MyriadPro-light'; color:#292929; font-size:32px; font-weight:normal; text-align:left; line-height:35px;background:url('../images/rss-img.png') no-repeat scroll 0 0;}

h5.latest-blog span{ margin:0; padding:0; font-family:'Conv_MyriadPro-Bold'; color:#e90101; font-size:32px; font-weight:bold; }

img.needle-img-blog{ margin:-5px 0 15px 0; padding:0; float:left; clear:both;}

.blog-row1{ margin:0; padding:5px; width:100%; float:left; height:150px; overflow-y:scroll; }

.blog-left-img{ margin:0; padding:0; width:22%; float:left;}

.blog-right-txt{ margin:0; padding:0; width:78%; float:right;}

h6.blog-hding1{margin:0; padding:0; font-family:'myriad-semi-bold'; color:#0000ae; font-size:16px; font-weight:normal; text-align:left; line-height:20px;}

p.blog-nrml-txt1{margin:0; padding:4px 0; font-family:'MyriadPro-light'; color:#525252; font-size:16px; font-weight:normal; text-align:left; line-height:18px; clear:both;}

p.readmore3{ margin:0; padding:0; font-family:MyriadPro; color:#e70506; font-size:16px; font-weight:normal; text-align:left; line-height:16px;}

p.readmore3 a{ color:#0708b0; padding:0;}

p.readmore3 a:hover{ color:#e70506; }


/* ============================= Section Ends from here=========================== */



/* ============================= Footer Starts from here=========================== */

footer{ margin:0; padding:25px 0; width:100%; float:left; background:#9898a2 url('../images/footer-rep.jpg') repeat-x top;}

.inner-footer{ margin:0 auto; padding:0; width:1004px;}

.left-footer{ margin:0; padding:0; width:39%; float:left;}

.mid-footer{ margin:16px 0 0 0; padding:0; width:20%; float:left;}

.right-footer{ margin:0; padding:0; width:31%; float:right;}

ul.footer-menu{ margin:15px 0 0 0; padding:0; float:left;}

img.fb-img{ margin:-10px 0 0 0; padding:0; float:right;}

ul.footer-menu li{ margin:0; padding:0 44px 0 0; float:left; display:inline;font-family:MyriadPro; color:#fff; font-size:14px; font-weight:normal; text-align:left; line-height:18px;}

ul.footer-menu li a{ margin:0; padding:0 2px; float:left;color:#fff; text-decoration:none;}

ul.footer-menu li a:hover{color:#000;}

ul.footer-menu li a.active{color:#000;}

p.copy-txt{ margin:0; padding:0; font-family:MyriadPro; color:#fff; font-size:14px; font-weight:normal; text-align:left; line-height:18px;}





.comment {	width: 100%;background-color: transparent; margin:0; padding:10px 12px 20px 5px; font-family:'MyriadPro-light'; color:#525252; font-size:16px; font-weight:normal; text-align:center; line-height:20px;}

a.morelink {text-decoration:none;outline: none;color:#e70506;background:url('../images/triangle-img.jpg') no-repeat bottom center; padding:0 0 10px 0;}

.morecontent span {
	display: none;

}

/* ============================= Footer Ends from here=========================== */






/* ============================= About Us  starts here=========================== */

img.needle-img-about{ margin:0; padding:31px 57% 0 0; float:right; }

p.height-holder{ float:right; height:20px; }

/* ============================= About Us  Ends here=========================== */
ul.blog-text
{ margin:0; padding:0; float:left; width:100%; }

ul.blog-text li
{ margin:0; padding:1.5% 0; float:left; width:100%; border-bottom:1px dotted #000; }

ul.blog-text li a {
    color: #0000ae !important;
    font-family: "myriad-semi-bold" !important;
    font-size: 21px !important;
    font-weight: normal !important;
    line-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    text-decoration:none !important;
}
ul.blog-text li a:hover { color:#e90101 !important; }
p span.more a {
    font-size:16px !important;
}
p span.more a:hover { color:#e90101 !important; }










