body * {
  margin:  0;
  padding: 0;
}

body {
  font-family: "Helvetica", "Arial", sans-serif;
  background: url(../images/brickbg.jpg) left top #d2dbe1;
  width:920px;
  margin:0px auto 50px auto;
  color:#333333;
  font-size:0.7em;
  line-height:1;
  position:relative
}

img { border:none; display:block }


h1 {
  display:block;
  width:200px;
  height:72px;
}

h2 { background-color: #b7c5cf }

h3 {
  font-weight:bold;
  font-size:1.3em;
  line-height:1.3;
  color:#004b96;

}

h4 {
  font-weight:bold;
  font-size:1.1em;
  line-height:1.1;
  color:#004b96;
  margin-top:10px

}

h5 {
  font-weight:bold;
  font-size:1.3em;
  line-height:1.1;
  color:#ffffff;
  margin-top:10px
  margin-bottom:10px


}

h3 { margin-bottom:10px }

a {color:#004b96;
  text-decoration:none;
  
}

a:focus { outline: none }

a:link{
	text-decoration: none;
}

a:hover{
text-decoration: underline;
}

a:visited{color:333333;
text-decoration: none;
   font-weight:bold;
}










/* CONTACT DETAILS */
.contact_details {
  width:673px;
}
.contact_details p {
  float:left;
  margin-right:1em;
}

.contact_details * {
  color:#004b96;
  font-size: 1em;
  line-height: 1.3em;
  font-weight: normal;
}
/* CONTACT DETAILS END */












/* HEADER */
#header {
  position:relative;
  margin-bottom:10px;
}
#header .contact_details {
  position:absolute;
  left:240px;
  bottom:0;
  font-size:1.1em;
}
/* HEADER END */














/* NAVIGATION */
#nav {
  width:200px;
  background:url(../images/navigation/sub/base.gif) repeat-y left top transparent;
  float:left;
}
#nav, #nav ul { list-style: none }
#nav ul { margin:0.5em 0 }
#nav ul a {
  height:auto;
  padding:0 13px;
  font-size:1em;
  width:174px;
  line-height: 1.81;
  color:#004b96;
}
#nav li {
  float:left;
  border-bottom:4px solid #d2dbe1;
}
#nav li#nav_li_6 { border-bottom: none }
#nav a {
  padding:0;
  display:block;
  height:32px;
  background-image: none;
  background-position:left top;
  background-repeat: no-repeat;
  color:#aaaaaa;
}
#nav_link_0:hover { background-image:url('../images/navigation/home/hover.gif') }
#nav_link_1:hover { background-image:url('../images/navigation/products/hover.gif') }
#nav_link_2:hover { background-image:url('../images/navigation/brickmatching/hover.gif') }
#nav_link_3:hover { background-image:url('../images/navigation/demolition/hover.gif') }
#nav_link_4:hover { background-image:url('../images/navigation/gallery/hover.gif') }
#nav_link_5:hover { background-image:url('../images/navigation/aboutus/hover.gif') }
#nav_link_6:hover { background-image:url('../images/navigation/contactus/hover.gif') }
#nav a:hover { background-position: 0 0 } /* force redraw in ie6 */
.section_0 #nav_link_0 { background-image:url('../images/navigation/home/selected.gif') }
.section_1 #nav_link_1 { background-image:url('../images/navigation/products/selected.gif') }
.section_2 #nav_link_2 { background-image:url('../images/navigation/brickmatching/selected.gif') }
.section_3 #nav_link_3 { background-image:url('../images/navigation/demolition/selected.gif') }
.section_4 #nav_link_4 { background-image:url('../images/navigation/gallery/selected.gif') }
.section_5 #nav_link_5 { background-image:url('../images/navigation/aboutus/selected.gif') }
.section_6 #nav_link_6 { background-image:url('../images/navigation/contactus/selected.gif') }
#nav ul { display:none }
.section_1 #nav_li_1 ul, .section_2 #nav_li_2 ul, .section_3 #nav_li_3 ul, .section_4 #nav_li_4 ul, .section_5 #nav_li_5, .section_6 #nav_li_6 ul { display:block }
#nav li li, .section_1 #nav_li_1, .section_2 #nav_li_2, .section_3 #nav_li_3, .section_4 #nav_li_4, .section_5 #nav_li_5, .section_6 #nav_li_6 { border-bottom:none; }
#nav a:hover img, .section_0 #nav_link_0 img,.section_1 #nav_link_1 img, .section_2 #nav_link_2 img, .section_3 #nav_link_3 img, .section_4 #nav_link_4 img, .section_5 #nav_link_5 img, .section_6 #nav_link_6 img  { visibility:hidden }
#nav ul a { background-image:none }
#nav ul a:hover { color:#004b96 }
/* NAVIGATION END */














/* CONTENT */
#content {
  width:701px;
  float:right;
}
#content a { font-weight:bold }
#content p {
  margin-bottom:2em;
  line-height:1.67;
  font-size:1.2em;
}
#content p.last { margin-bottom:0 }
#title_flash {
  margin-bottom: 20px;
  display:block;
}
.left  { float:left }
.right { float:right }
/* CONTENT END */














/* HOME PAGE */
.layout_home #box {
  padding:20px;
  background: url(../images/boxes/content/top.gif) left top no-repeat #ffffff;
  margin-bottom:2px;
}
.layout_home .left {
  width:421px;
}
.layout_home .right {
  width:220px;
  background: url(../images/boxes/offers/bottom.gif) left bottom no-repeat #d2dbe1;
  padding-bottom:10px;
}
.layout_home h5 {
  margin:13px 15px 0.25em 15px;
  font-weight:bold;
  font-size:1.2em;
}
.layout_home .right p {
  margin-left: 15px;
  margin-right: 15px;
}
.layout_home .right h4 {
  margin-top:0;
}
.layout_home .right h4 a {
  height: 33px;
  display:block
}
.layout_home .right h4 a:hover { background: url(../images/boxes/offers/top/hover.gif) left top no-repeat transparent }
.layout_home .right h4 a:hover img { visibility:hidden }
#content.layout_home .right p {
  line-height:1.5;
  font-size:1.2em;
  margin-bottom:1.8em;
}
#content.layout_home .right p.last { margin-bottom:0 }
/* HOME PAGE END */














/* SITE MAP */
#site_map a { font-weight:normal }
#site_map {
  background: url(../images/boxes/content/bottom.gif) left bottom no-repeat #ffffff;
  padding:20px;
  font-size:1em;
  line-height:1.09;
}
#site_map,
#site_map ul {
  list-style: none;
}
#site_map li {
  float:left;
  width:120px;
  margin-right:10px;
}
#site_map li.last { margin:0 0 0.5em 0 }
#site_map li li {
  float:none;
  margin-right:0;
  margin-top:0.5em;
}
#site_map a {
  color:#004b96;
}
#site_map li a    { font-weight:bold }
#site_map li li a { font-weight:normal }
/* SITE MAP END */














/* LAUNCH PAGE */
#landing_list {
  list-style: none;
  padding:20px 9px 6px 20px;
  background: url(../images/boxes/content/top.gif) no-repeat left bottom transparent;
}
#landing_list li {
  float:left;
  width:213px;
  overflow:hidden;
  margin-right:11px;
  padding-bottom:20px;
}
#landing_list img {
  border-bottom:2px solid #111122;
  margin-bottom:5px;
  margin-left:-8px;
}
#landing_list a {
  display:block;
  color:#888888;
  padding:0 8px 8px 8px;
  font-size:1.1em;
  background: url(../images/boxes/service/base.gif) no-repeat left bottom #252d3a;
}
#landing_list a:hover {
  background: url(../images/boxes/service/hover.gif) no-repeat left bottom #363945;
}
.layout_landing div {
  background: url(../images/boxes/content/bottom.gif) no-repeat left bottom #252d3a;
  padding:14px 20px 20px 20px;
  clear:both;
}
.layout_landing h3 {
  margin-bottom:0;
}
#content.layout_landing p {
  line-height:1.55;
  font-size:1.1em;
  margin:1.7em 0 0 0;
}
.layout_landing h3,
#content.layout_landing p {
  width:436px;
}
/* LAUNCH PAGE END */













/* THREE COLUMN PAGE */
.layout_three_cols {
  background: url(../images/boxes/content/bottom.gif) no-repeat left bottom #ffffff;
  padding-bottom:6px;
}
#title_small {
  border-bottom:10px;
}
.layout_three_cols h3,
.layout_multi_rows h3 {
  width:436px;
  margin:15px 0 0 20px;
}
.layout_three_cols .row {
  padding:20px 9px 20px 20px;
  background-color:#ffffff;
  border-top:4px solid #d2dbe1;
}
.layout_three_cols .row.first {
  border-top:none;
}

.layout_three_cols .row.break {
  padding:0px 9px 0px 10px;
  background-color:#749abf;
  border-top:4px solid #d2dbe1;
}
.layout_three_cols div div {
  float:left;
  width:213px;
  overflow:hidden;
  padding-right:11px;

}
.layout_three_cols a,
#content.layout_three_cols p {
  margin-bottom:0.5em;
  line-height:1.55;
}
#content.layout_three_cols p {
  font-size:1.1em;
}
/* THREE COLUMN PAGE END */













/* TWO COLUMN PAGE */
.layout_two_cols {
  background: url(../images/boxes/content/bottom.gif) no-repeat left bottom #ffffff;
  padding-bottom:20px;
}

.layout_two_cols .row.first {
  background: #333333;
  border-top:none;
  border-bottom:4px solid #b7c5cf;
  width:701px;
}

.layout_two_cols .left {
  margin:15px 0 0 20px;
  width:436px;
}
.layout_two_cols .left h4 { 
 font-size:1.4em;
line-height:1.54;
  }

.layout_two_cols .right {
  margin:-5px 20px 0 0;
  width:213px;
}
.layout_two_cols .right h4 {
  background: url(../images/boxes/list/top.gif) no-repeat left top #d2dbe1;
  margin:20px 0 2px 0;
  font-size:1.4em;
  line-height:1;
  padding:13px 15px;
}
.layout_two_cols .right ul {
  list-style: none;
  background: url(../images/boxes/list/bottom.gif) no-repeat left bottom #d2dbe1;
  padding:15px;
}
.layout_two_cols .right li {
  margin-bottom:0.7em;
  font-size:1em;
  line-height:1.1em;

}

.layout_two_cols .right .price {
  margin-bottom:0.7em;
  font-size:2em;
  line-height:1.1em;

}
.layout_two_cols .right li.last { margin-bottom:0 }
#content.layout_two_cols p,
#content.layout_multi_rows p {
  font-size:1.1em;
  line-height:1.55;
}
.layout_two_cols .left,
.layout_two_cols .right {
  display:inline; /* fixes IE6 margin float bug */
}

/* TWO COLUMN PAGE END */














/* MULTI ROWS PAGE */
.layout_multi_rows {
  background: url(../images/boxes/content/bottom.gif) no-repeat left bottom #252d3a;
  padding-bottom:20px;
}
.layout_multi_rows div.cf {
  padding:20px 20px 0 20px;
}
.layout_multi_rows .left {
  display:block;
  width:213px;
}
.layout_multi_rows .right {
  width:437px;
}
.layout_multi_rows h4 {
  margin-top:-0.125em;
  line-height:1.54;
}
#content.layout_multi_rows p {
  margin-bottom:0.5em;
}
/* MULTI ROWS PAGE END */














/* FOOTER */
#footer {
  clear:both;
  width:661px;
  margin-left:210px;
  padding-top:20px;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.2em;
}
#footer * { color:#004b96 }
#footer ul {
  list-style: none;
  width:601px;
  margin:0 0 15px 20px;
}
#footer ul a {
  font-weight:bold;
}
#footer ul li {
  display: inline;
  margin-right: 0.5em;
}
#footer .contact_details {
  margin-left:20px;
  margin-right:20px;
  padding-top:10px;
  border-top:1px solid;
}
#footer .contact_details p {
  padding-right: 1em;
}

/* FOOTER END */







.cf:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.cf {display:inline-block;}
/* Hide from IE Mac \*/
.cf {display:block;}
/* End hide from IE Mac */