/************************************************************************
*	Structure + Generic													*
************************************************************************/
body				{background:url(../images/template/top-bg.gif) no-repeat top center;}
*					{ margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
h1					{ color: #30729c; font-size: 1.2em; line-height: 1.4em; padding: 20px 0 5px 0; }
h2					{ color: #56831e; font-size: 1.0em; line-height: 1.4em; padding: 20px 0 5px 0; }
p					{ color: #000; font-size: 0.7em; padding: 4px 0 4px 0; line-height:1.3em;}
a					{ color: #56831e; }
a:hover{color:#ff861a;}
.hideit				{ position:absolute; left:-1000em; }
.blue				{ color: #30729c; }
.moreinfo a			{ padding: 0 0 0 15px; text-transform: lowercase; color: #30729c; font-weight: bold; background: url("../images/home-expertise-arrow.gif") left no-repeat; }
.greenmoreinfo a	{ padding: 0 0 0 15px; text-transform: lowercase; font-weight: bold; background: url("../images/home-expertise-arrow.gif") left no-repeat; }

#container			{ width: 770px; margin: auto;}
ul{font-size:0.7em; }
ul ul{font-size:1.0em;}

/************************************************************************
*	Template															*
************************************************************************/

.toptelnum			{ position: relative;  font-weight: bold; font-size: 1em; color: #30729c;  }
.toptelnum span		{ color: #a0ce67; }
#logo{float:left; width:186px; }
#topright{float:right; width:400px;padding:42px 20px 0px 0px; text-align:right; }
.sitemaplink		{ position: relative;   font-weight: bold; font-size: 0.7em; color: #30729c; }
.sitemaplink img	{ margin-top: 2px;  }
.sitemaplink a		{ color: #30729c; }
.sitemaplink a:hover		{ color: #ff861a; }

/************************************************************************
*	Navigation															*
************************************************************************/

#container-nav			{ width: 770px; font-family: Arial, Helvetica, sans-serif; line-height: 0.7em; }
#container-nav ul 		{ border-bottom: 1px solid #a0ce67; position: relative; font-size: 0.7em;  float: left; padding: 2px 0px 0 10px;  list-style: none; width: 755px; }
#container-nav li 		{ list-style: none; position: relative; float: left;  padding: 0 0px 0 0; margin: 0 2px 0 0; position: relative; white-space:nowrap;}
#container-nav li a 	{ float: left;  padding: 6px 12px 7px 13px; background: url("../images/template/tab-bg.gif") left top no-repeat;  display: block; text-decoration: none; color: #025385; font-weight: normal; }
#container-nav li a:hover{text-decoration:none; color:#325b00; padding: 6px 12px 5px 13px; margin-top:2px; background: url("../images/template/tab-bg-over.gif") left top no-repeat;}
#container-top{}
#container-top h1{margin:0px; padding:0px;}

#content	{ clear: both; overflow:auto; height:100%; width:770px;}
#content	ul{margin-left:2.0em; line-height:1.3em;}
/************************************************************************
*	Content  homepage  												*
************************************************************************/

.home #roofing				{ float: left; position: relative; width: 356px; height: 221px; padding-left:10px;}

.home #building				{ float: right; position: relative; padding-top: 50px; width: 394px; height: 171px; background: url("../images/home-building.jpg") top no-repeat; }
.home #building h2			{ color: #fff; font-size: 1.1em; padding-left: 177px; font-weight: normal; padding-right: 5px; font-family: arial, helvetica;}
.home #building p			{ color: #fff; font-style: italic; font-size: 0.8em; padding-left: 177px; padding-right: 5px; }
.home #building p.readmore	{ float: right; padding-right: 5px; }
.home #building a			{ color: #fff; }
.home #building a:hover			{ color: #ff861a; }

.home #expertise			{ clear: both; float: left; border: 1px solid #a0ce67; clear: both; postition: relative; width: 450px; background: #fff; margin-bottom: 2px; }
.home #expertise h2			{ text-transform: uppercase; font-size: 0.9em; font-weight: bold; padding: 4px 0 4px 10px; color: #56831e; background: #e2fbc5; }
.home #expertise h3		,.home #expertise h3 a	{ font-size: 0.9em; color: #30729c; padding: 2px 0 2px 0; text-decoration:none;}
.home #expertise h3 a:hover{text-decoration:underline; color: #56831e;}
.home #expertise p			{ padding: 2px 0 2px 0; margin-left: 88px; }
.home #expertise #newbuild, #green, #refurb	{ clear: both; width: 430px; margin: 10px 0 10px 10px; }
.home #expertise #question	{ clear: both; width: 430px; padding-top: 10px; margin: 20px 0 10px 10px; border-top: 1px dotted #a0ce67; }
.home #expertise img.large	{ float: left; border: 0; }

.home #casestudy			{ float: right; postition: relative; width: 308px; background: #0467a5 url("../images/home-case-studies.png") top repeat-x; padding:0px 0px 10px 10px; }
.home #casestudy h2			{ text-transform: uppercase; font-size: 0.9em; padding: 4px 0 4px 3px; color: #30729c; }
.home #casestudy h3			{ font-size: 1.1em; padding: 4px 0 4px 3px; color: #fff; }
.home #casestudy p			{ padding: 2px 0 2px 3px; font-size:1.0em;color: #fff;}
.home #casestudy a{color:#fff;}
.home #casestudy a:hover{color:#ff861a;}
.home #casestudy ul{list-style:none; margin:0px; padding:0px;}
.home #casestudy li {float:left; width:146px; display:inline; margin-right:6px;}

.home #news					{ float: right; postition: relative; width: 318px; }
.home #news h2				{ text-transform: uppercase; font-size: 0.9em; padding: 10px 0 2px 10px; color: #30729c; }
.home #news h3				{ color: #666666; font-size: 0.7em; font-weight: normal; padding: 10px 0 2px 10px; }
.home #news p				{ padding: 4px 0 15px 10px; color: #30729c; font-weight: bold; }

/************************************************************************
*	Content															*
************************************************************************/
#contentheader{}
#contentbody{ width:427px; float:left; padding:0px 15px 20px 20px;}
#contentbody ul{margin-bottom:1.4em;}
#contentbody blockquote{font-size:0.7em;}
#contentrightcolumn{width:288px; float:left; padding:0px 10px 10px 10px; }
.rightcolumn{ background:url(../images/template/right-bg.gif) no-repeat top right;}
#contentrightcolumn blockquote{ background:url(../images/page-decoration/quotemarks.gif) no-repeat top center; margin:30px 0px 10px 0px; padding:0px 20px 0px 20px;}
#contentrightcolumn p, #contentrightcolumn ul, #contentrightcolumn a{color:#fff;}
#contentrightcolumn a:hover{color: #ff861a; }
#contentrightcolumn blockquote p {}
#contentrightcolumn h3{font-size:0.8em; color:#fff; margin: 1.0em 0em 0.5em 0em;}
#contentrightcolumn ul{margin: 0.5em 0em 1.0em 0em; list-style:none; line-height:1.4em;}
#contentrightcolumn li{}
#contentrightcolumn .cta-txt{margin:0px -2px 10px -2px;}
#contentrightcolumn .cta-img{ background:url(../images/cta/cta-image-bg.gif) no-repeat top center; margin:8px -2px 0px -2px; padding:3px 1px 0px 3px;}
.casestudyimage{margin:30px 0px 10px 0px;}
.imgfloatright{float:right; margin:0px 0px 10px 10px;}

/************************************************************************
*	Fullwidth Content													*
************************************************************************/

.fullwidth #contentbody			{ width:730px; float:left; padding:0px 15px 20px 20px; }
#roofinglogo					{ float: left; }
#roofinglogo img				{ padding: 0 0 0 10px; }
#roofinglogo .left				{ float: left; margin-left: 10px; }
#roofinglogo .right				{ float: left; margin-left: 10px; }
.fullwidth address				{ padding: 4px 0 15px 10px; color: #30729c; font-weight: bold; font-size: 0.8em; }
.fullwidth .right p				{ padding: 4px 0 15px 10px; color: #30729c; font-weight: bold; font-size: 0.8em; }
.productbox{ }
.productbox			td			{ width: 335px; position: relative;  border: 2px solid #a0ce67; padding: 10px; margin: 10px 10px 10px 0; }
.productbox img					{ float: left; margin-right: 10px; margin-bottom:30px;}
.productbox p					{  margin-left:180px;}
#logos							{ width: 275px; float: right; margin-top: 40px; }
#logos img						{ margin: 10px 10px 0 0; }
.footer							{ margin-left: 90px; }
.footer img						{ text-align: center; padding: 30px 10px 10px 10px; }

.clearboth{clear:both;}

/************************************************************************
*	Footer																*
************************************************************************/

#container-footer				{ clear: both; background-color: #fff; }
#container-footer #footer-top	{ clear: both; height: 12px; background: url(../images/footer-top.gif) top no-repeat; }

#container-footer #footer-nav	{ clear: both; background: #fff; padding: 10px 0 30px 0; }

#container-footer ul			{ position: relative; float: left; margin: 0; padding: 2px 0 0 15px; list-style: none; width: 745px; }
#container-footer li 			{  font-color: #83a45a; list-style: none; position: relative; float: left; padding: 0 2px 0 0; margin: 0 2px 0 0; background: #fff; }
#container-footer li a			{ font-color: #83a45a; }

#container-footer .copyright	{ clear: both; background-color: #a0ce67; padding: 5px 0 5px 15px; margin-top: 25px; font-size: 0.7em; color: #fff; }

/************************************************************************
*	Form																*
************************************************************************/

#contentrightcolumn h2{color:#a5dcfe;}
fieldset{ border-width:0px;}
label{color:#fff; font-size:0.7em; font-weight:bold;}
.formfield{ border:1px solid #fff; width:280px}
address{font-style:normal; font-size:0.7em;}


.logos td{padding:6px; border:1px solid #e2fbc5; margin:1px;}
.casestudies{margin-top:20px;}
.casestudies img{ margin:0px 10px 10px 0px; }
.casestudies h2{font-size:0.8em; margin-top:0px; padding-top:0px;}
.casestudies ul, #contentbody ul.casestudies ul {}
.casestudies li{}
.casestudies a{text-decoration:none;}
.casestudies a:hover{text-decoration:underline;}
.casestudies td{padding-bottom:10px;}

.thumbnails {font-size:0.7em; padding-top:10px; }
.thumbnails td{padding:5px 10px 5px 10px; text-align:center; color: #56831e;}


/************************************************************************
*	Content  Landing page  												*
************************************************************************/
.captureform {margin:0px 0px 30px 0px; padding:20px; background:#a0ce67;}
.captureform form {margin:0; padding:0;}
.captureform .col {margin:0; padding:0px; width:355px; float:left; display:inline;}
.captureform label {margin:0; padding:5px 0px; display:block; font-size:0.8em; }
.captureform input {margin:0px 0px 10px 0px; padding:3px; border:none; width:349px;}
.captureform button {margin:10px 0px 0px 0px; padding:5px 10px; background:#56831e; color:#FFF; border:none; font-size:0.8em; }
.captureform p {font-size:0.8em;}
.captureform a:hover{color:#FFF;}

#royalburner {margin:460px 0px 0px 520px; padding:0px; width:171; height:221px; position:absolute; z-index:50}