* {margin:0; padding:0;}

/*-------clear fix-------*/
  .box {

  }
  .floated {
    float: left;
    background: #f00;
    width: 100px;
    height: 100px;
    border: 1px solid #f0f;
  }
      
  * html .clearfix {
    height: 1%; /* IE5-6 */
  }
  .clearfix {
    display: inline-block; /* IE7xhtml*/
  }
  html[xmlns] .clearfix { /* O */
    display: block;  
  }
  .clearfix:after { /* FF, O, etc. */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
/*-------end clear fix-------*/

body {
height:100%;
background:#D6D6D6;
color:#000;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:115%;
background:url(../images/body_bg.jpg) repeat-x;
}

h1 {
font-size:18px;
padding:0 0 10px 0;
font-weight:lighter;
}
h2 {
font-size:16px;
padding:4px 0 3px 0;
width:100%;
font-family:Arial, Helvetica, sans-serif;
margin:0 0 10px 0;
line-height:110%;
font-weight:bold;
border-bottom:1px solid #c9c9c9;
}
h3 {
font-size:14px;
font-weight:bold;
}
h4 {
font-size:11px;
padding:0 0 5px 0;
text-decoration:underline;
}
.sideheading {
font-size:14px;
padding:2px 0 0 0;
}

img {
margin:0;
padding:0;
}
p {
padding:3px 0 12px;
line-height:130%;
}
a {
text-decoration:none;
color:#ffffff;
}
a img {
border:none;
}

dl {
padding:5px 0 0 10px;
margin-bottom:10px;
}

dt {
font-weight:bold;
background:url(../images/arrow.jpg) no-repeat;
padding:0 0 0 20px;
}

dd {
margin-bottom:10px;
padding:0 0 0 20px;
}
dd a {
color:#000;
}


#centerColumn { 	
margin:5px auto 0;
width:975px;
padding:0;
text-align:left;
vertical-align: middle;	
padding:0 5px 0 10px;
background:#fff url(../images/bg.jpg) no-repeat;
-moz-border-radius-bottomleft:7px;
-webkit-border-bottom-left-radius:7px;
-moz-border-radius-bottomright:7px;
-webkit-border-bottom-right-radius:7px;
overflow:hidden;
}

#redtop {
background:url(../images/redtop.jpg) repeat-x;
height:8px;
width:946px;
}

#navbar {
clear:both;
height:30px;
background:#b40604;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
margin:0 0 4px 0;
}

#navbar ul {
list-style:none;
padding:4px 0 0 20px;
}

#navbar li {
margin:0 5px 0 0;
list-style:none;
font-size:0.9em;
padding:0 0 0 0;
float:left;
 background:url("images/lefta.jpg") no-repeat left top;
}
#navbar a {
float:left;
display:block;
outline:none;
 background:url("images/righta.jpg") no-repeat right top;
}

#navbar li a {
padding:4px 8px 10px 6px;
margin:0 5px 0 5px;
color:#fff;
font-size:1.1em;
}


/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#navbar a {float:none;}
/* End IE5-Mac hack */
#navbar li a:hover {
  text-decoration:underline;
  color:#fff;
  }
#navbar #active {
  background-image:url("../images/left.jpg");
  
  }
#navbar #active a {
  background-image:url("../images/right.jpg");
  color:#fff;
  padding-bottom:5px;
  }







#navbar .the_menu {
background:#35322F url(images/drop-down-bg.jpg) repeat-x;
display:none;
left:-0;
padding:3px;
position:absolute;
top:25px;
width:250px;
z-index:1000;
-moz-border-radius-bottomright:8px;
-webkit-border-bottom-right-radius:8px;
-moz-border-radius-bottomleft:8px;
-webkit-border-bottom-left-radius:8px;
}


#navbar .the_menu li {
  display:block;
}

#navbar .the_menu li a {
	color:#FFFFFF; 
	text-decoration:none; 
	padding:7px 10px; 
	display:block;
	border:none;
	width:220px;
	background:transparent;
}

#navbar .the_menu li a:hover {
	font-weight:bold;
	color: #fff;
	border:none;
	background:#000 url(images/nav_on.jpg) bottom left repeat-x;
}


#navbar .the_menu li a span {
display:block;
text-transform:capitalize;
font-weight:normal;
font-size:11px;
padding:0;
}


#navbar .dropdown {
position:relative;
}

#navbar li a.dropdownlink {
cursor:default;
}





#projects {
width:945px;
background:#000;
margin-left:10px;
}
.project {
width:300px;
float:left;
margin-right:15px;
margin-bottom:20px;
margin-top:15px;
}
.project a {
background:#a40303;
padding:5px 30px 5px 5px;
border:1px dashed #232020;
}

.headerwrap {
width:973px;
margin:0 0 0 0;
float:left;
background:url(../images/headerBG.jpg) no-repeat;
}

#header {
padding:0;
width:424px;
float:left;
margin-top:20px;
display:inline;
}
#flashouter {
width:746px;
float:left;
margin:0 3px 0 0;
}
#flash {
margin:0 0 0 0;
padding:0;
width:746px;
height:266px;
clear:both;
float:left;
}
#rightlinks {
width:210px;
float:left;
}
#greenbox {
height:283px;
background:url(../images/gallerypreview.gif) no-repeat;
padding:8px 5px 8px 2px;
overflow:hidden;
}

.content #greenbox {
height:100px;
background:url(../images/gallerypreview2.gif) no-repeat;
}

#greenbox h3 {
color:#fff;
margin-left:10px;
}
#gallerypreviewthumbs {
margin:10px 0 0 0;
}
#gallerypreviewthumbs img {
padding:5px 3px 0 10px;
}
#contactdetails {
margin-top:20px;
}
#contactdetails p {
margin-left:10px;

width:180px;
}

#header h1 {
margin:0;
color:#000;
width:243px;
padding:0;
}

#header h1 a {
text-indent:-999999px;
display:block;
width:243px;
height:104px;
background: url(../images/logo.jpg) no-repeat;
}

#imgHolder h2 {
text-indent:-999999px;
display:block;
width:745px;
height:66px;
background: url(../images/thermaflow-specialists.jpg) no-repeat;
border-bottom: none;
}

#imgHolderHome h2 {
text-indent:-999999px;
display:block;
width:958px;
height:120px;
background: url(../images/electric-combi-boilers.jpg) no-repeat;
border-bottom: none;
}

#topright {
float:left;
width:535px;
text-align:right;
margin-top:10px;
padding: 3px 0 0 0;
}
#toprightlinks {
padding:0 30px 0 45px;
background:url(../images/toprightbg.jpg) no-repeat;
width:140px;
float:right;
text-align:center;
}

#toprightlinks li {
float:left;
display:inline;
padding:2px 4px 2px 4px;
}
#topright p {
width:300px;
float:right;
padding:80px 0 0 0;
}
#topright p a {
color:#000;
}

#breadcrumbs {
float:left;
width:600px;
text-align:left;
margin-left:5px;
padding: 3px 0 0 0;
font-size: .9em; 
font-family:Verdana,Arial,Helvetica,sans-serif;

}

#breadcrumbs a {
	color:#A80101;
	font-weight:bold;
}

#breadcrumbs a:hover {
	color:#000000;
}

#wrapper {
border:1px solid #C9C9C9;
-moz-border-radius-topleft:7px;
-webkit-border-top-left-radius:7px;
-moz-border-radius-topright:7px;
-webkit-border-top-right-radius:7px;
-moz-border-radius-bottomleft:7px;
-webkit-border-bottom-left-radius:7px;
-moz-border-radius-bottomright:7px;
-webkit-border-bottom-right-radius:7px;
padding:5px;
width:961px;
}

.contentwrap {
padding:10px 0 0 0;
background:#ffffff url(../images/background.jpg) bottom right no-repeat;
overflow:hidden;
}

.heading {
height:28px;
padding:2px 0 10px 0;
}

.heading h2 span {
color:#a80101;
}

.airConditioningPics {
width:565px;
float:right;
}

#block1 {
width:473px;
float:left;
padding:0;
display:inline;
margin:0;
}

#block1b {
width:220px;
float:left;
padding:0;
display:inline;
margin:0;
}
#projectlink {
background:url(../images/projectlink.jpg) no-repeat;
text-align:right;
padding:3px 28px 3px 0;
}

#block2 {
width:472px;
float:left;
padding:0 0 0 10px;
}
#block2 img {
padding:0 0 5px 0;
clear:both;
}

#block2b {
width:725px;
float:left;
padding:0 0 0 10px;
}
#block2b img {
padding:0 0 5px 0;
clear:both;
}

#block3 {
padding:10px 0 10px 0;
clear:both;
}
.boxes {
width:216px;
float:left;
padding:10px 10px 0 10px;
height:164px;
position:relative;
}
.boxes p {
padding:30px 15px 0 10px;
height:65px;
}
.boxes h3 {
color:#fff;
}
.boxlinks {
padding:0;
text-align:right;
position:absolute;
right:40px;
top:148px;
font-size:12px;
}
#darkblue {
background:url(../images/darkblue.gif) no-repeat;
}
#blue {
background:url(../images/blue.gif) no-repeat;
}
#olive {
background:url(../images/olive.gif) no-repeat;
}
#green {
background:url(../images/green.gif) no-repeat;
}

#block4 {
width:280px;
float:left;
padding:0 0 5px 0;
display:inline;
margin:0 23px 0 0;
}
#block4 a {
color:#b10808;
}

#block10 {
width:600px;
float:left;
padding:0 0 5px 0;
display:inline;
margin:0 23px 0 0;
}
#block10 a {
color:#b10808;
}





#block4d {
width:150px;
float:left;
padding:0 0 5px 0;
display:inline;
margin:0 20px 0 0;
}
#block5 {
width:635px;
float:left;
padding:0 0 5px 0;
display:inline;
margin:0 0 0 0;
overflow:hidden;
}
#block5 img {
float:left;
margin:0 10px 0 0;
}
#block5 ul {
float:left;
}
#block5 p span {
color:#b10808;
}
#block5 a {
color:#b10808;
}


#block5g {
width:750px;
float:left;
padding:0 0 5px 0;
display:inline;
margin:0 0 0 0;
}
#block5g img {
float:left;
margin:0 10px 0 0;
}
#block5g ul {
float:left;
}
#block5g p span {
color:#b10808;
}
#block5g a {
color:#b10808;
}


#block5b {
width:305px;
float:left;
padding:0 0 5px 0;
display:inline;
}

#block5c {
width:750px;
float:left;
padding:0 20px 5px 0;
display:inline;
margin:0 23px 0 0;
}
#block5c a {
color:#b10808;
}
#block5c p span {
color:#b10808;
}
#block5c img {
float:right;
margin:0 0 0 10px;
}

#block6 {
width:226px;
float:left;
padding:0 0 5px 0;
display:inline;
}

#block16 {
width:226px;
float:right;
padding:0 0 5px 0;
display:inline;
}

#block4 p, #block5 p, #block4 ul, #block5 ul, #block1 p, #block2 p {
padding:3px 0 12px 0;
}
ul li {
background:url(../images/arrow.jpg) no-repeat;
padding:0 0 0 20px;
list-style:none;
}
ul {
padding:0 0 10px 0;
}
#toprightlinks li {
background:none;
}
#bluearrow li {
background:url(../images/bluearrow.jpg) no-repeat;
padding:2px 0 2px 20px;
}
#turkarrow li {
background:url(../images/turkarrow.jpg) no-repeat;
padding:2px 0 2px 20px;
}
.turkcolor {
color:#006783;
}
.bluecolor {
color:#152C53;
}

#servicesrightcolumn {
float:right;
width:780px;
overflow:hidden;
}
#serviceslinks {
margin:0;
font-size:14px;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
line-height:120%;
}

#serviceslinks ul {
margin:0;
padding:0;
}

#serviceslinks li {
border-bottom:1px solid #ccc;
padding:5px 5px 5px 20px;
background:transparent url(../images/arrow.jpg) no-repeat scroll 0 8px;
}


#serviceslinks a {
color:#a40303;
font-weight:bold;
display:block;
}

#map {
background:url(../images/map.jpg) no-repeat;
padding:10px 0 0 10px;
width:355px;
}
#map p {
padding:15px 0 10px 10px;
}
#mapbox {
width:355px;
float:left;
margin:0 20px 0 20px;
display:inline;
}


#block7 {
width:299px;
float:right;
padding:0 3px 5px 0;
display:inline;
}

.graybody {
border:1px solid #c9c9c9;
padding:10px 10px 20px 10px;
}

.col1 {
width:225px;
float:left;
margin:0 5px 0 5px;
display:inline;
}

.col1 ul {
margin:10px 0 0 0;
}

.col2 {
width:456px;
float:left;
margin:0 19px 0 5px;
display:inline;
}
.col3 {
width:204px;
float:left;
padding:0 10px 0 0;
}
.col4 {
width:134px;
float:left;
padding:0 10px 0 0;
}

#seeall {
margin:-30px 0 0 5px;
}

#blacktop {
background:url(../images/olive.gif) no-repeat;
}
#bluesquare {
background:url(../images/olive.gif) no-repeat;
}
#olivesquare {
background:url(../images/olive.gif) no-repeat;
}
#turksquare {
background:url(../images/olive.gif) no-repeat;
}
#limesquare {
background:url(../images/olive.gif) no-repeat;
}



#galleryinfo {
float:left;
width:420px;
}

#galleryimage {
float:right;
width:536px;
}

.padded {
padding:10px;
}

#desc {
background:#162C53;
padding:10px;
color:#fff;
font-size:16px;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
margin-top:25px;
}

/*gallery*/
#gallerythumbs {
width:300px;
float:left;
background:#F4F4F4;
padding:15px 0 0 10px;
height:440px;
}
#gallerypicture {
width:516px;
float:left;
background:url(../images/galleryBG.jpg) no-repeat;
padding:40px 0 10px 60px;
margin:10px 0 10px 10px;
display:inline;
}
/*end gallery*/



.green {
color:#787F0F;
}
.white {
color:#fff;
padding:10px 0 10px 8px;
}

.clear {
clear:both;
}

.button {
padding:0 0 10px 0;
}

.margin {
margin:0 5px 0 0;
}

.left {
float:left;
width:173px;
}

#centreshade {
height:14px;
background:url(../images/centreshade.jpg) no-repeat;
margin:0 auto;
width:984px;
}

.landingpage2 h3 {
background:#1A1A1A;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:8px;
color:#fff;
font-size:12px;
margin:10px 0 20px 0;
}

.landingpage h3 {
background:#1A1A1A;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:8px;
color:#fff;
font-size:12px;
}

.col1 {
width:365px;
float:left;
margin:0 10px 10px 0;
}



#footer {
position:relative;
clear:both;
bottom:0;
padding:0 0 10px 0;
height:35px;
line-height:2em;
font-size:1.1em;
background:url(../images/footer.jpg) no-repeat;
color:#fff;
margin:10px 0 0 0;
}

#footer p {
padding:10px 15px 0 20px;
}

#footer a {
color:#fff;
}
#mbl {
width:390px;
float:left;
text-align:right;
}
#sitemap {
width:500px;
float:left;
text-align:left;
}

#footerTopWrapper {
	font-size: 1.1em; 
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	padding:10px 18px 0 14px;
}

#footerTopWrapper a {
	font-size: 1.1em; 
	color:#A80101;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
}

#footerBotWrapper a {
color:#000;
}

#footerBotWrapper {
	padding:0 15px 5px 15px;
}

#footerBotWrapper ul li { 
	background: none;
	list-style:none;
}



#footerBotWrapper ul li a { 
	font-size: 1.1em; 
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;

}
#footerBotWrapper ul li a:hover,
#footerBotWrapper ul li a.navOn { 
	color:#A80101; 
}
#footerBotWrapper ul li.firstNode a,
#footerBotWrapper ul#footerCol1 { 
	font-weight:bold; 
}

#footerTopWrapper hr {
	border:1px solid #C9C9C9;
}

#footerCol1 { 
	margin-right:0; 
	float:left; 
	/*margin-right:42px; */
	padding:0 80px 0 0px;
}

#footerCol2 { 
	margin-right:0; 
	float:left; 
	/*margin-right:42px; 
	padding:0 40px 0 0px;*/
}

#footerCol3 { 
	margin-right:0; 
	float:right; 
	/*margin-right:42px;*/ 
	padding:0 22px 0 0px;
}

#footerCol1 li { margin-bottom:0.2em; }

.fc:after {
    content: "."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.fc {display:inline-block;}

/* Hides from IE-mac \*/
* html .fc {height:1%;}
.fc {display:block;}
/* End hide from IE-mac */

#footerWrapper {
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	border:1px solid #C9C9C9;
	padding:5px;
	width:961px;
}