@charset "utf-8";
/* CSS Document */




img, h1,h2,h3 {
	font-family: Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	color:#023876;
}
td, tr {
	font-family: Arial, Helvetica, sans-serif;
	color:#023876;
}

td h3 {color:#023876;}
p {padding:0px; margin:0px;}

li {padding-top:6px;}

h1 {font-size:24px; padding-top:15px; background-image:url("/themes/tmdev/images/header-bkg.gif"); background-repeat:repeat-x; background-position:bottom;margin-bottom:8px}
h2 {font-size:20px; padding-top:10px;}
h3 {font-size:15px; padding-top:5px; padding-bottom:6px; }
h4 {font-size:14px; padding-top:5px; margin:0px; }

a {
	color: #2e93e5;
	text-decoration: none;
}
a h2 {
	color: #2e93e5;
	text-decoration: none;
}

body {
	background-color:#11579F;
	margin-left: 0px;
	margin-top: 0px;
	padding:0px;
}

#left-col {
	background-image:url("/themes/tmdev/images/left-bar-bkg.gif");
	background-repeat:repeat-y;
	width:12px;
	vertical-align:top;
}
#right-col {
	background-image:url("/themes/tmdev/images/right-bar-bkg.gif");
	background-repeat:repeat-y;
	width:11px;
	vertical-align:top;
}


#left-center-col {
	padding-top:20px;
	/*padding-bottom:20px;*/
	padding-left:20px;
	background-color:#fff;
	vertical-align:top;
	font-size:12px;
	width:647px;	
}
#left-center-col h2{
	margin-bottom:15px;
	margin-top: 10px;
}
#left-center-col h3{
	margin-bottom:15px;
}
#left-center-col p{
	margin-bottom:15px;
}
#left-center-col .contact-info p{
	margin-bottom: 0;
}
#right-center-col {
	padding-left: 20px;
	background-color:#FFF;
	vertical-align:top;
	font-size:12px;
	/*height:622px;*/
	width:220px;
}
#right-center-colb {
	background-color:#fff;
	vertical-align:top;
	font-size:12px;
	width:200px;
	background-image:url("/themes/tmdev/images/tmbkg.gif");
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:120px;
	padding-left:20px;
	text-align:left;
}

#right-center-colb p, {color:#fff; font-size:10px;}
#right-center-colb h3 {color:#fff;}

#siteplans {padding: 100px 0 0 20px;}



#bignav {
	width:900px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#ffffff;
}	


#bignav1 {
	width:292px;
	height:130px;
	background-image:url("/themes/tmdev/images/bignav1.gif");
	background-repeat:no-repeat;
	vertical-align:top;

}


#bignav2 {
	width:288px;
	height:130px;
	background-image:url("/themes/tmdev/images/bignav2.gif");
	background-repeat:no-repeat;
	vertical-align:top;

}


#bignav3 {
	width:297px;
	height:130px;
	background-image:url("/themes/tmdev/images/bignav3.gif");
	background-repeat:no-repeat;
	vertical-align:top;

}


#bigbox1 {
	color:#FFFFFF;
	font-size:12px;
	padding-top:10px;
	padding-left:21px;
	padding-right:25px;
}	

#bigbox2 {
	color:#FFFFFF;
	font-size:12px;
	padding-top:10px;
	padding-left:21px;
	padding-right:25px;
}


#bigbox3 {
	color:#FFFFFF;
	font-size:12px;
	padding-top:10px;
	padding-left:21px;
	padding-right:25px;
}	

#bigbox1 h2 {color:#fff;}
#bigbox2 h2 {color:#fff;}
#bigbox3 h2 {color:#fff;}

#bigbox1 p {color:#fff; padding:0px; margin:0px;}
#bigbox2 p {color:#fff; padding:0px; margin:0px;}
#bigbox3 p {color:#fff; padding:0px; margin:0px;}	

#survey {
	border:1px solid #003990;
	font-size:9pt;
	width:570px;
	background-color:#BAD6EE;
	text-align:left;
}	

#contact {
	border:1px solid #003990;
	font-size:9pt;
	width:570px;
	background-color:#BAD6EE;
	text-align:left;

}	



.contact {
	border:1px solid #003990;
	font-size:9pt;
	width:570px;
	background-color:#BAD6EE;
	text-align:left;
}
	
	
.input { 
	width:120px;
	font-size:11px;
}


.input1 { 
	width:115px;
	font-size:11px;
}

.input2 { 
	width:200px;
	font-size:11px;
}
.category-holder {
	width: 560px;
	clear: both;
}
.category-image {
	float: left;
	width: 150px;
}
.category-content {
	float: left;
	padding: 0 0 0 10px;
	width: 400px;
}

.thumbnail-holder {
	position: relative;
	width: 200px;
	height: 70px;
	margin-bottom: 10px;
	background: none repeat scroll 0 0 #329EE7;
}

.thumbnail-image {
	float: left;
}
.thumbnail-text {
	width: 100px;
	color: #ffffff;
	float: left;
	padding-top: 30px;
	padding-left: 10px;
	text-decoration: none;
}
.thumbnail-link {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left: 0;
	z-index: 1 
	  /* edit: fixes overlap error in IE7/8, 
	     make sure you have an empty gif */
	  background-image: url('empty.gif');
}

#footer {background-image:url("/themes/tmdev/images/footer.gif");
background-repeat:no-repeat;
width:900px;
height:51px;
}

#footer-left {
padding-left:15px;
color:#185BA1;
font-size:10px;
float:left;
}

#footer-right {
padding-right:15px;
color:#185BA1;
font-size:10px;
float:right;
}

#slideshow1 {height:375px; width:877px;}
#commonheader {width:900px;height:127px; background-image:url("/themes/tmdev/images/july-header.png"); color:#FFF; }

#commonheader p {line-height:30px;}
#header_right {float:right; padding:30px 20px 0 0}
#header_right a {text-decoration:none; color:#fff;}
#header_right a:hover {text-decoration:none; color:#9C8551;}


/* This is the black navigation bar and hyperlink elements */

#nav-heading-link {
	background-image:url("/themes/tmdev/images/nav-bkg-off.gif");
	background-repeat:repeat-x;
	height:40px;
	width:877px;
}

#nav-heading-link a{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration:none;
	padding-left:10px;
	padding-right:8px;
}
#nav-heading-link a:hover, #nav-heading-link a.current, #nav-heading-link a.section{
	color:#0E57A1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration:none;	
}


#navigation {
    background-image: url("/themes/tmroofing/images/nav-bkg-off.gif");
    height: 40px;
    line-height: 40px;
    margin: 0 6px 15px;
}
#navigation a {
    color: #FFFFFF;
    font-size: 16px;
    padding: 0 15px;
    text-align: center;
    text-decoration: none;
}
#navigation a.current, #navigation a.section {
    color: #0E57A1;
}

/* Drop Down Menu code */
#pad {height:135px;}

#menu1 {padding:0; margin-top:-5px; list-style:none; height:26px; position:relative; z-index:110;}
#menu1 li {float:left; margin-right:1px;}
#menu1 li a {display:block; float:left; height:35px; line-height:30px; text-decoration:none; padding:4px 15px 0 15px;}

#menu1 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu1 li a:hover {z-index:200; position:relative;color:#fff; }
#menu1 li:hover {position:relative; z-index:20;}

#menu1 li:hover > a {color:#0E57A1;}
#menu1 li:hover > a.sub {color:#fff;}

#menu1 li.current a {color: #0E57A1;}

#menu1 li a.sub {background: url(../images/down-arrow.gif) no-repeat right center;}
#menu1 li.current a.sub {color: #0E57A1;}

#menu1 :hover ul {left:0; top:44px; width:120px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#menu1 ul,
#menu1 :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu1 :hover ul :hover ul
{left:120px; top:-1px; background:#39abea; white-space:nowrap; width:100px; z-index:200; height:auto;}

#menu1 :hover ul li {margin:0; border-top:1px solid #fff;}
#menu1 :hover ul li a {width:180px; padding:0 10px; text-indent:0px; background:#2e93e5; color:#fff; height:30px; margin-top: -6px; line-height:30px;font-size: 12px;}
#menu1 :hover ul li a.fly {background:#2e93e5 url(../images/right-arrow.gif) no-repeat right center;}

#menu1 :hover ul :hover {background-color:#39abea; color:#fff;}
#menu1 :hover ul :hover a.fly {background-color:#39abea; color:#fff;}

#menu1 :hover ul li.currentsub a {background:#595959; color:#fff;}
#menu1 :hover ul li.currentsub a.fly {background:#595959 url(../images/right-arrow.gif) no-repeat right center; color:#fff;}

#menu1 :hover ul :hover ul li a {width:180px; padding:0; text-indent:0px; background:#2e93e5; color:#ccc;}
#menu1 :hover ul :hover ul :hover {background-color:#39abea; color:#fff;}

#menu1 :hover ul :hover ul li.currentfly a,
#menu1 :hover ul :hover ul li.currentfly a:hover {background:#39abea; color:#fff;}

/* ===Image Gallery=== */
ul.gallery-layout {margin:0;padding:0;}
.gallery-layout li {float:left;padding:5px;list-style:none;margin:0;}
.album-list ul li {list-style:none;overflow:hidden;margin-bottom:20px;}
.album-list ul li .defaultImage {width:124px;float:left;}
.album-list ul li .defaultImage a {display:block;padding:0px;width:100%;text-align:center;}
.album-list ul li .defaultImage a img {margin:0;padding:0;}
.album-list ul li .defaultImage a:hover {background:#ccc;}
.album-list ul li .galleryDetails {width:390px;float:left;padding:0 0 20px 40px;}
.album-list ul li h4 {margin:0;padding:0;}

.defaultImage{
	float: left;
	width: 200px;
}
#pagination-imagegallery {border:0; margin:10px 0 0 0; padding:0;clear:both;}
#pagination-imagegallery li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
margin-right:2px;
display:inline;
}
#pagination-imagegallery a{
border:solid 1px #9aafe5;
margin-right:2px;
}
#pagination-imagegallery .previous-off,
#pagination-imagegallery .next-off {
border:solid 1px #DEDEDE;
color:#888888;
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:3px 4px;
}
#pagination-imagegallery .next a,
#pagination-imagegallery .previous a {
font-weight:bold;
}
#pagination-imagegallery .active{
background:#2e6ab1;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-imagegallery a:link,
#pagination-imagegallery a:visited {
color:#0e509e
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-imagegallery a:hover{
border:solid 1px #0e509e;
}
.gallery-layout:after{content:".";display:block;visibility:hidden;height:0;clear:both;}
.gallery-layout {zoom:1;}
.gallery-layout {background: url('../images/ajax-loader-lg.gif') center no-repeat;}
.gallery-layout.loaded {background:none;}
.gallery-layout li a {visibility:hidden;}
.gallery-layout.loaded li a {visibility:visible;}

.album-nav {overflow:hidden;border:1px solid #aaa;border-width:1px 0;padding:5px 0;margin:10px 0;}
.album-nav ul {margin:0;padding:0;}
.album-nav li {width:48%;margin:0;padding:1%;list-style:none;}
.album-nav li.next {float:right;}
.album-nav li.prev {float:left;}
.album-nav li:hover {background:#ddd;}
.album-nav li .album-nav-img {width:20%;float:left;}
.album-nav li .album-nav-desc {width:75%;float:right;}

.album-nav h4 {border:0;font-size:12px;margin:0;}

.left{
	float: left;
}

#nhbcLogoTop{
	position:relative;
	margin-left:340px;
	margin-top:-50px;
}

.gallery-content img{
	padding-right:10px;
}