/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        background:#fff;
}

a img {border: none; }

.photos, .photos_gap, .photos_gap2 {	
	margin-bottom: 1px;
	display: block;
}

.photos_gap {
	padding-bottom: 85px;
}

.photos_gap2 {
	padding-bottom: 90px;
}

.special-h1 {
	font-size: 12px;
}

div#wrapper {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top: 20px;
	width:950px;
}


#formarea {
	padding-left: 20px;
	padding-right: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

#formarea td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

#centersubnav {
	border-bottom: 1px solid #999999;
	margin-left: 00px;
	margin-right: 30px;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #326564;
	font-size: 10px;
	padding-bottom: 4px;
	padding-top: 15px;
	line-height: 16px;
}

#centerline {
	border-bottom: 1px solid #999999;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #326564;
	font-size: 10px;
	padding-bottom: 4px;
	padding-top: 15px;
	line-height: 16px;
}

#centersubnav a {
	color: #326564;
}

#centertext {
	vertical-align: top;	
	margin-left: 253px;     	
	margin-right: 116px;

				/* Centre column side padding:
				Left padding = left column width + centre column left padding width
				Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
	overflow:hidden;
	border-right: 1px solid #999999;
	padding-bottom: 20px;
}

#centertext fieldset {
	padding: 10px;
	margin-bottom: 16px; 
	border: 1px dotted #333;
}

#centertext p, td#centertext h1, td#centertext ul, td#centertext h2, td#centertext h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 0px;
	padding-right: 20px;
}

#centertext p, #centertext ul {
	font-size: 11px;	
	margin-top: 0px;
	margin-bottom: 15px;
	line-height: 17px;
}

#centertext ul {
	list-style: none;
	font-weight: bold;
	color: #004755;
}

#whychooseus {
	margin-left: 30px;
	width: 500px;
}

#centertext ol {
	font-size: 11px;
	font-weight: normal;
	padding-left: 0px;
	margin-left: 30px;
	margin-right:20px;
	line-height: 17px;
}

#emp {
	font-size: 14px;
	font-weight: bold;
	line-height: 21px;
	margin-bottom: 15px;
}

#specialli {
	font-weight: normal;
	line-height: 17px;
	margin-bottom: 10px;
	
}

#speciallol {
	list-style: disc inside;
}

#speciallol2 {
	list-style: disc outside;
}

#centertext h1 {
	font-size: 16px;
	line-height: 21px;
	color: #004755;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-right:20px;
	
}

#centertext h1 a:link, #centertext h1 a:visited
{
	color: #004755;
	font-weight: bold;
	text-decoration: none;
}

#centertext h1 a:hover {
	color: #FF6600;
	font-weight: bold;
	text-decoration: none;
}


#centertext h2 {
	font-size: 14px;
	line-height: 18px;
	color: #004755;
	margin-top: 0px;
	margin-bottom: 15px;
}

#centertext h3 {
	font-size: 12px;
	line-height: 18px;
	color: #004755;
	margin-top: 0px;
	margin-bottom: 15px;
}

#centertext a:link, #centertext a:visited {
	color: #FF6600;
	font-weight: bold;
	text-decoration: none;
}

#centertext a:hover {
	color: #FF6600;
	font-weight: bold;
	text-decoration: underline;
}

td#centertextlone {
	padding-top: 0px;
	padding-bottom: 20px;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	vertical-align: top;
}

#imagecol {
	text-align: left;
	vertical-align: top;	
	float:left;
	float:right;			/* This overrides the float:left above */
	width:116px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right:0px;  		/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	height: 800px;
        left:50%;
        border-left: 1px solid #999999;
}

#imagecol p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 5px;
	padding-right: 5px;
	max-width: 116px;
	width: 116px;
	min-width: 116px;
	font-size: 11px;
}


p#textnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-left: 258px;
	color: #666666;
}

p#textnav a {
	color: #666666;
}

#bottomnav {
	clear:both;
	float:left;
	width:100%;
}


p#bottomnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-left: 1px;
	text-align: center;
	color: #666666;
}

p#bottomnav a {
	color: #666666;
}

p#bottomnav2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-left: 1px;
	text-align: center;
	color: #666666;
	text-decoration: none;
}

p#bottomnav2 a {
	color: #666666;
	text-decoration: none;
}

.backtotoplink {
	border-bottom: 1px solid #999999;
	margin-left: 0px;
	margin-right: 30px;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-bottom: 4px;
	text-align: right;
	padding-top: 15px;
}

#lineacross {
	border-bottom: 1px solid #999999;
	margin-left: 0px;
	margin-right: 30px;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-bottom: 4px;
	text-align: right;
	padding-top: 15px;
}

.caption {
	display: block;
	padding-top: 0;
	margin-bottom: 25px;
	margin-top: 0;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 0px;
	padding-right: 30px;
}

.captionbasement {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	padding-top: 0;
	margin-bottom: 10px;
	margin-top: 0;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#subnav {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 100px;
	
}

#leftnav {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:220px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;         	/* Width of the left-had side padding on the left column */
	background-color: #DCD8C2;
}

#leftnavbar {

}

#leftnav td {
	margin: 0 0 0 0;
	padding: 0;
}

#leftnav p {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	font: 9px/13px Verdana, Arial, Helvetica, sans-serif;
}

#leftnav #addressinfo1  {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
}

#leftnav #addressinfo  {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
}


#leftnav #contactlayout td {
	padding-top: 0px;
	padding-bottom: 10px;
}

#leftnav #phonenumber {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FF6600;
}

#leftnav #contactinfo {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

#leftnav #contactinfo a, a:link, #leftnav a:visited, #leftnav a:active {
	color: #FF6600;
}

#leftnav #contactinfo a:hover {
	color: #004755;
}	

#leftnav #contactinfo a {
	font-weight: bold;
}

#leftnav ul {

	margin: 0;
	padding: 0;
	list-style: none;
	font: 9px/13px Verdana, Arial, Helvetica, sans-serif;

}

#leftnav li {
	border-bottom: 1px solid #999;
	padding-top: 20px;
	padding-bottom: 3px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#leftnav a {
	text-decoration: none;
}

#leftnav li a:link, #leftnav li a:visited, #leftnav li a:active {
	color: #004755;
}

#leftnav li a:hover {
	color: #FF6600;
}

#leftnav a:link, #leftnav a:visited, #leftnav a:active {
	color: #004755;
}

#leftnav  a:hover {
	color: #FF6600;
}	

#fmblogo {
	margin-top: 50px;
	margin-bottom: 30px;
	margin-left: 0px;
}

#basement_works_logo {
	margin-left: 10px;
	text-align: center;

}


/* Root = Vertical, Secondary = Vertical */
ul#navmenu, ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  list-style: none;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding-left: 8px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-top: 0px;
  list-style: none;
}

.bodyImages {
	border-style: solid;
	border-color: #ffffff;
	border-top-width: 6px;
	border-left-width: 0px;
	border-right-width: 10px;
	border-bottom-width: 2px;
}

.imgTable {
	margin-left: 0px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

.imgTableText {
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

.imgCell {
	padding-left: 0;
	padding-right: 4px;
	padding-bottom: 15px;
	padding-top: 0px;
	}
	
.imgCell1 {
	padding-left: 0;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-top: 0px;
	}
	
.imgCellSpecial {
	padding-left: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-top: 4px;
	}

.imgCellTeam {
	padding-left: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 5px;
	border: none; 
	}

.imgCellTeam2 {
	padding-left: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	border: none; 
	}

ul#navmenu li {
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

ul#topmenu {
	margin-bottom: 20px;
}

ul#extenmenu {
	margin-top: 20px;
}

ul#bottommenu {
	margin-top: 20px;
}

/* Root Menu */
ul#navmenu a {

  border-bottom: 1px solid #999;
  margin: 0;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  color: #004755;
  font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

#topnav 
{
        clear:both;
        float:left;
        width:100%;
        vertical-align: top;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top: 1px solid #999999;
}

#topbar_image {
	height: 190px;
	vertical-align: top;
}

#topbar_text {
	-webkit-text-size-adjust: none;
	position: absolute;
	top: 21px;
	left: 270px;
}

#topbar_text p {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
}

#topbar_text a {
	text-decoration: none;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight: 600;
}

#topbar_text a:link, #topnav a:visited, #topnav a:active {
	color: #FFFFFF;
}

#topbar_text a:hover {
	color: #FF6600;
}	

#galleryindex {
	vertical-align: top;
	margin-left : 20px;
	margin-right : 20px
}

#galleryindex td{
	vertical-align: top;
	margin-left : 20px
}

#galleryindex td h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #004755;
	margin-top: 0px;
	margin-bottom: 15px;
}

#galleryindex td h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #004755;
	margin-top: 0px;
	margin-bottom: 15px;
}

#galleryindex td p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 15px;
	line-height: 17px;
}

#galleryindeximg {
	margin-left: 0;
	margin-right: 0;
}

#centergallery {
	margin:0 20px 0 233px;
	position:relative;
	right:100%;
	overflow:hidden;
	padding-bottom: 10px;
	font: Verdana, Arial, Helvetica, sans-serif;
}


#centergallery2 h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #004755;
	float: left;
	margin-top: 00px;
	margin-left: 20px;
	margin-bottom: 15px;
	width: 40%;
	text-align: left;
	-webkit-text-size-adjust: none;
}

#centergallery2 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	margin-top: 0px;
	margin-bottom: 15px;
	line-height: 17px;
	width: 650px;
	text-align: left;
}

#centergallery2 a {
	font-size: 11px;
	margin-right: 20px;
	float: right;
	margin-top: 3px;
}

#centergallery2 a:link, #centergallery2 a:visited {

	color: #FF6600;
	font-weight: bold;
	text-decoration: none;
	-webkit-text-size-adjust: none;
}

#centergallery2 a:hover {
	color: #FF6600;
	font-weight: bold;
	text-decoration: underline;
	-webkit-text-size-adjust: none;
}


#myGallery
{
	width: 670px !important;
	height: 433px !important;
	overflow:auto;
}

#myCarousel
{
	border: 1px solid #999999;
	text-align: left;
	margin: 0 auto;
	margin-bottom: 15px;
	width:648px; /* Adjust this to your picture width + 2 */
	height:100px;
	overflow:auto;
	background: #FFFFFF;
}


#displayAnImage
{
	margin-top: 10px;
}

.preLoadedPic {
	display:none;
}

/* column container */
.ThreeColumnColmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    	clear:both;
    	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.ThreeColumnColmid {
	float:left;
	width:200%;
	margin-left:-116px; 	/* Width of right column */
	position:relative;
	right:100%;
	background:#fff;    	/* Centre column background colour */
}

.ThreeColumnColleft {
        float:left;
        width:100%;
        margin-left:-50%;
        padding: 0 0 0 0;
        position:relative;
        left:336px;         	/* Left column width + right column width */
        background:#DCD8C2;    	/* Left column background colour */
        border-right: 1px solid #999999;
}

.ThreeColumnCol1wrap {
	float:left;
	width:50%;
	position:relative;
	right:220px;        	/* Width of left column */
}

.TwoColumnColmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
	background: #DCD8C2;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.TwoColumnColright {
	float:left;
	width:200%;
	position:relative;
	left:220px;
	background:#fff;
}

.TwoColumnCol1wrap {
	float:right;
	width:50%;
	position:relative;
	right:220px;
	padding-bottom:1em;


}

@media print { 
	#top { display: none; } 
}