/* CSS Document */
body 								{background:url('images/randazzo-background.jpg') repeat-x 50% 0% #0c1222; margin:0 auto; font-family:Verdana, sans-serif; font-size:13px;}

p									{ line-height:1.4em; margin-bottom:8px;}
strong								{font-weight:bold;}

a,a:link,a:visited					{color:#3f72b4;}
a:hover,a:active					{color:#1e1e1e;}

h1,h2,h3,h4,h5,h6					{ line-height: 1.1em;}
h1									{font-size:2.0em; color:#ce0a47;}
h2									{font-size:1.8em; color:#ce0a47;}
h3									{font-size:1.6em; color:#ce0a47;}
h4									{font-size:1.5em; color:#333;}
h5									{font-size:1.4em; color:#ce0a47;}
h6									{font-size:1.3em; color:#ce0a47;}

.clear								{clear:both;}

.container 							{width:878px; margin:0 auto;}

.navigation { width: 919px; margin:-13px 0 0 -27px; position: absolute; z-index: 200; }

.left-menu							{position:relative; background:#112046; width:201px; padding:25px 0px; float:left; z-index:100; box-shadow: 0px 5px 5px #484848; -moz-box-shadow: #484848 0px 5px 5px;  -webkit-box-shadow: 0px 0px 5px #484848;}
.left-menu .main-menu				{background:#b62041; width:224px; margin:0; padding:0; margin-left:-10px;}
.navigation .main-menu { height: 37px; }
.navigation .main-menu ul			{list-style:none; padding:0;}
.navigation .main-menu ul li			{position: relative;}

.navigation .main-menu ul li a					{color:#fff; text-decoration:none; display:block; font-size:14px; height:11px; border:1px solid #9c001c; padding:10px 10px 14px 35px;}
.navigation .main-menu ul li.home				{background:url(images/icons.png) 0px 0px no-repeat #b62041; width: 86px; }
.navigation .main-menu ul li.testimonials		{background:url(images/icons.png) 0px -35px no-repeat #b62041; width: 147px; }
.navigation .main-menu ul li.air-conditioning	{background:url(images/icons.png) 0px -70px no-repeat #b62041; width: 171px; }
.navigation .main-menu ul li.heating				{background:url(images/icons.png) 0px -110px no-repeat #b62041; width: 104px; }
.navigation .main-menu ul li.geo					{background:url(images/icons.png) 0px -145px no-repeat #b62041; width: 131px; }
.navigation .main-menu ul li.saver			{background:url(images/icons.png) 0px -180px no-repeat #b62041; width: 151px; }
.navigation .main-menu ul li.commercial			{background:url(images/icons.png) 0px -215px no-repeat #b62041; width: 129px; }
.navigation .main-menu ul li a.hover				{background-color:#9c001c; }

.navigation .main-menu ul li.home a.current,
.navigation .main-menu ul li.home a:hover				{background:url(images/icons.png) -1px -250px no-repeat #9c001c;}
.navigation .main-menu ul li.testimonials a.current,
.navigation .main-menu ul li.testimonials a:hover		{background:url(images/icons.png) -1px -285px no-repeat #9c001c;}
.navigation .main-menu ul li.air-conditioning a.current,
.navigation .main-menu ul li.air-conditioning a:hover 	{background:url(images/icons.png) -1px -322px no-repeat #9c001c;}
.navigation .main-menu ul li.heating a.current,
.navigation .main-menu ul li.heating a:hover				{background:url(images/icons.png) -1px -360px no-repeat #9c001c;}
.navigation .main-menu ul li.geo a.current,
.navigation .main-menu ul li.geo a:hover					{background:url(images/icons.png) -1px -395px no-repeat #9c001c;}
.navigation .main-menu ul li.saver a.current,
.navigation .main-menu ul li.saver a:hover			{background:url(images/icons.png) -1px -430px no-repeat #9c001c;}
.navigation .main-menu ul li.commercial a.current,
.navigation .main-menu ul li.commercial a:hover			{background:url(images/icons.png) -1px -467px no-repeat #9c001c;}

#shop {height: 13px; }
#shoplink {display: block; width: 115px; height: 22px; background: url(images/shopping.png) no-repeat left top transparent;}
#shoplink:hover {background: url(images/shopping.png) no-repeat left -23px transparent;
}



.page-wrap								{width:864px; float:left; box-shadow: 0px 5px 5px #484848; -moz-box-shadow: #484848 0px 5px 5px;  -webkit-box-shadow: 0px 0px 5px #484848; position: relative;}
.content								{background:#ffffff; padding:30px 25px 30px 25px; border-right:1px solid #213b6d; position: relative; top: 61px;}

.header									{margin:0; padding:0; border-right:1px solid #213b6d}
.header-top								{background:url(images/header_banner.jpg) top left no-repeat; width:865px; height:151px; position:absolute; z-index:99; }
.header-top .header-wrap				{height:155px; width:663px; position:relative;}
.header-top .free-estimate				{width:274px; height:33px; cursor:pointer; background:url(images/free-estimate.png) no-repeat top right; position:absolute; top:0; right:-1px;}
.header-top .service					{position:absolute; top:60px; right:120px; text-align:right;}
.header-top .service h5					{font-size:14px; color:#223b6d; font-weight:bold; line-height:1.5em;}
.header-top .service h6					{font-size:12px; color:#223b6d; font-weight:normal; line-height:1.8em;}
.header-top .clickToCall { position: absolute; top: 45px; right: 5px; }

.ad										{background:url(images/ad-background.jpg) top left no-repeat;  cursor:pointer; height:94px; padding:25px 0px 0px 40px; margin:0; border-right:1px solid #213b6d; position: relative; top: 61px; }
.ad h3									{color:#fff; font-size:1.6em;}
.ad h4									{color:#a1c2e3; font-size:1.3em;}
.ad h4 span								{color:#fff;}
.ad h5									{color:#a1c2e3; font-size:1.2em;}

.footer									{background:#303542; padding:0 22px; width:819px; clear:both; position: relative; top: 71px; font-family: arial;}
.footer h5								{color:#fff; font-size:14px; text-transform:uppercase; font-weight:bold; margin-bottom:8px;}
.footer a								{text-decoration:none; color:#7b9fcf;}
.footer a:hover							{color:#CCC;}

.footer .left							{ width: 452px; height: 100%; padding: 22px 0 0; float: left;}
.footer .r1 { background: url(images/r1.gif) no-repeat right 8px; }
.footer .r2 { background: url(images/r2.gif) no-repeat right 8px; margin-top: 10px; }
.footer .r3 { background: url(images/r3.gif) no-repeat right 8px; margin-top: 10px; }
.footer .r4 { background: url(images/r4.gif) no-repeat right 8px; margin-top: 10px; }

.footer .row ul { margin: 0 0 0 -3px; padding: 0; }
.footer .row ul li { float: left; color: #7b9fcf; margin-left: 3px; font-size: 11px; }

.footer .right							{ width: 344px; float: left; padding: 22px 0 22px 22px; border-left: 1px solid #0e1424;}
.footer .address, .footer .copyright	{float:left; width:380px; color:#666973; font-size: 10px; margin: 0; }
.footer .facebook { float: right; }
.footer-logo { margin-top: 10px; }

img.left 								{margin-right:10px; margin-bottom:10px; float:left}
img.right 								{margin-left:10px; margin-bottom:10px; float:right; max-width:250px;}

ul.disc									{list-style-type:disc;}
ul.disc li								{margin-left:0px; padding-left:10px; line-height:1.4em; margin-bottom:5px;}
ol	{}
ol li									{margin-left:0px; padding-left:10px; line-height:1.4em; margin-bottom:5px;}

ul.cities								{list-style:none; margin:0 0 10px 0; padding:0;}
ul.cities li							{width:290px; margin-right:5px; margin-bottom:5px;}
ul.cities li a							{color:#fff; background:#112046; text-decoration:none; display:block; padding:5px; font-size:15px; font-weight:bold;}
ul.cities li a:hover					{color:#fff; background:#333; text-decoration:none; display:block; padding:5px; font-size:15px; font-weight:bold;}
ul.cities .column						{width:300px; float:left;}

ul.page-nav								{list-style:none; margin:5px 0px ; padding:0;}
ul.page-nav li							{float:left; margin:0; padding:0;}
ul.page-nav li a						{padding:4px 5px; width:107px; height:30px; display:inline-block; display:-moz-inline-box; background:#112046; color:#fff; text-decoration:none; margin-right:5px; margin-bottom:5px; }
ul.page-nav li a:hover,
ul.page-nav li a.current				{background:#86a4d5;}

.testimonial 							{background:#EEE; padding:10px; margin-bottom:0px; clear:both; font-size:13px;  }
.testimonial-name 						{margin-bottom:15px; float:right; font-weight:bold; font-size:15px; background:#999; color:#fff; padding:3px 6px;}

.table label							{margin-bottom:5px; font-size:13px;}
.table input							{width:250px; margin-bottom:10px; margin-top:3px;}
.table select,
.table textarea							{margin-bottom:10px; margin-top:3px;}
.table br								{clear:both;}
.formleft label							{margin-right:10px;}

.video									{border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding:10px 0px 10px 55px; margin:10px auto; background:#171717}

.required								{color:#900}
.error									{border:1px solid #900;}

#nav2 {
display:block;
height:20px;
padding:0 2px;
position:absolute;
z-index:20;
bottom: 0px;
right: 50px;
}
#nav2 a{
	margin-right:3px;
	display:block;
	width: 15px;
	height: 15px;
	background: url(images/circles.png) no-repeat left top;
	text-align: center;
	color: #fff;
	text-decoration: none;
	float: left;
	}
	
#nav2 a.activeSlide{ background: url(images/circles.png) no-repeat right top;
	color: #f04c40; }
	
	
	
.navigation .main-menu ul li { float: left; }
.header-wrap { position: relative; height: 151px;}
.navigation .menu2 { width: 100%; height: 32px; background: transparent url(images/menu2-bg.png) no-repeat scroll center center; }
.navigation .menu2 ul { float: right; list-style: none; margin: 5px 0 0; padding: 0 27px 0 0;}
.navigation .menu2 ul li { float: left; border-right: 1px solid #3b6bb1; padding:0 25px; position: relative;}
.navigation .menu2 ul li.last { border: none; }
.navigation .menu2 a { color: #fff; text-decoration: none;}
.navigation .menu2 a:hover, .navigation .menu2 a.current { color: #3b6bb1; }
.navigation .menu2 .about-us { padding-bottom: 10px;  }

#top .left { width: 430px; float: left; }
#top .left img { margin-right: 19px; }
#top .left img.last { margin: 0; }
#top .right { position: relative; float: right; width: 368px; }
#top .right p { line-height: 13px; }

#bottom { margin-top: 30px; }
#bottom .left { float: left; width: 347px; }
#bottom .right { float: left; width: 460px; margin-left: 6px; }

.homeVideo { /*z-index: 2; position: absolute; top: 90px;*/ width: 368px; height:206px; text-align: center; overflow:hidden; vertical-align: top;}

.accbox { width: 330px; padding: 10px 20px 10px 10px; background-color: #a6a6a6; margin-bottom: 20px;}
.accbox img { float: left; margin-right: 15px;}

.content.commercial { background: #ffffff url(images/commercial-Page.jpg) no-repeat center bottom; min-height: 550px; }
.content.geothermal { background: #ffffff url(images/geothermal-Page.jpg) no-repeat center bottom; min-height: 637px; }