body
{
	background: url(../images/city_bg.jpg) top left #e2de50 repeat-x;
}
h1
{
	display:none;	
}

#header
{
	margin:0px auto;
	width:100%;
	height:160px;
	background: url(../images/header_bg.jpg);
	position: relative;
}
#logo
{
	margin: 0px auto;
	width:960px;
	height:195px;
	position: relative;
	z-index:1;

}
	#logo a
	{
		float: left;
		width:239px;
		height:198px;
		background: url(../images/logo3.png) no-repeat;
		position: absolute;
		bottom:-15px;
		left:0px;
		z-index:2;
	}
	#logo .mini_logo
	{
		float: right;
		width:375px;
		height:45px;
		background: url(../images/mini_logo.gif) no-repeat;
		text-indent:-9999px;
		margin:25px -15px 0 0;
	}
	#logo p
	{
		float: right;
		clear: both;
		width:290px;
		font-size:35px;
		color: #eee;
		font-weight: bold;
		text-align:center;
		margin:5px 30px 0 0;
	}
	#logo p a /* For iPhone/iPod Touch */
	{
		float: none;
		color: #eee;
		position:static;
		height:auto;
		width:auto;
		background:none;
	}
	

#red_swirl
{
	width:292px;
	height:116px;
	background: url(../images/red_swirl2.png) 0px 0px no-repeat;
	position: absolute;
	top: 160px;
	left:5px;
	z-index:0;
}

	#cloud
	{ 
		width: 141px;
		height: 43px;
		position:absolute; 
		top:20px; 
		left: 250px; 
		z-index:20;
	}
	#cloud2
	{ 
		width:92px;
		height:29px;
		position:absolute; 
		top:15px; 
		left: 500px; 
		z-index:20;
	}
	#cloud3
	{ 
		width: 287px;
		height: 88px;
		position:absolute; 
		top:50px; 
		left: 330px; 
		z-index:20; 
	}
	
#container
{
	margin: 0px auto;
	width:960px;
	height:525px;
	position: relative;
	z-index:0;
}
#content, #content2, #content3
{
	float:right;
	width:490px;
	height:367px;
	margin-top:50px;
	position: relative;
}
#content
{
	background: url(../images/content_bg_red.png) no-repeat;
}
#content2
{
	background: url(../images/content_bg_blue.png) no-repeat;
}
#content3
{
	background: url(../images/content_bg_skyblue.png) no-repeat;
}
	#content p, #content2 p, #content3 p
	{
		font-size:12px;
		color: #fff;
		line-height:17px;
		padding:10px 25px 0px 0px;
		
	}
	#content3 p
	{
		color: #404040;
	}
	#content2 table td
	{
		padding: 10px 20px 0 0;	
	}
	#content2 table img
	{
		margin:0 5px 0 0;
		padding:1px;
		border: 1px solid #0C3D5F;
	}
	#content2 table p
	{
		padding:0 0 0 5px;
		text-align: left;
		font-style: italic;
	}
	#content h2, #content2 h2, #content3 h2
	{
		float:right;
		text-indent: -9999px;
		position:absolute;
		top:-27px;
		right:20px;
	}
	#content h2.company, #content2 h2.company
	{
		width:148px;
		height:52px;
		background: url(../images/company_title.png) no-repeat;
	}
	#content h2.services, #content2 h2.services
	{
		width:148px;
		height:52px;
		background: url(../images/services_title.png) no-repeat;
	}
	#content h2.work, #content2 h2.work
	{
		width:241px;
		height:52px;
		background: url(../images/work_title.png) no-repeat;
	}
	#content h2.pricing, #content2 h2.pricing
	{
		width:148px;
		height:52px;
		background: url(../images/pricing_title.png) no-repeat;
	}
	#content h2.faq, #content2 h2.faq, #content3 h2.faq
	{
		width:148px;
		height:52px;
		background: url(../images/faq_title.png) no-repeat;
	}
	#content h2.contact, #content2 h2.contact, #content3 h2.contact
	{
		width:148px;
		height:52px;
		background: url(../images/contact_title.png) no-repeat;
	}
	#content h2.recommendations, #content2 h2.recommendations
	{
		width:241px;
		height:52px;
		background: url(../images/recommendations_title.png) no-repeat;
	}
	#content h2.contractors, #content2 h2.contractors, #content3 h2.contractors
	{
		width:241px;
		height:52px;
		background: url(../images/contractors_title.png) no-repeat;
	}
	#content h2.repair, #content2 h2.repair, #content3 h2.repair
	{
		width:241px;
		height:52px;
		background: url(../images/repair_title.png) no-repeat;
	}
	#content h2.terms, #content2 h2.terms, #content3 h2.terms
	{
		width:241px;
		height:52px;
		background: url(../images/terms_title.png) no-repeat;
	}
	#content h2.sitemap, #content2 h2.sitemap, #content3 h2.sitemap
	{
		width:148px;
		height:52px;
		background: url(../images/sitemap_title.png) no-repeat;
	}
	#content h2.fabricating, #content2 h2.fabricating, #content3 h2.fabricating
	{
		width:241px;
		height:52px;
		background: url(../images/fabricating_title.png) no-repeat;
	}
	#content h2.references, #content2 h2.references
	{
		width:241px;
		height:52px;
		background: url(../images/references_title.png) no-repeat;
	}
	
	#content h3, #content2 h3
	{
		padding: 10px 0px 10px 0px;	
	}
	#content a:hover, #content2 a:hover, #content3 a:hover
	{
		text-decoration: underline;	
	}
	#content a, #content2 a 
	{
		color:#E2DE50;
	}
	#content3 a
	{
		color: #25668C;
	}
	#content a.work_link, #content2 a.work_link
	{
		padding-right:205px;
		height:15px;
		text-indent:-9999px;
		background: url(../images/menu_text.jpg) -426px -46px no-repeat;
	}
	#content a.testimonials_link, #content2 a.testimonials_link
	{
		padding-right:190px;
		height:15px;
		text-indent:-9999px;
		background: url(../images/menu_text.jpg) -426px -104px no-repeat;
	}
	#content img.txtimg, #content2 img.txtimg
	{
		text-indent:-9999px;
		background: url(../images/menu_text.jpg) -426px -133px no-repeat;
		position: relative;
		bottom:-3px;
	}
		#content a img.txtimg:hover, #content2 a img.txtimg:hover
		{
			background-position: -426px -161px;
		}	


ul.quote
{
	float: left;
	width:100%;
	padding: 10px 0 10px 0;
}
ul.quote li
{
	font-size:12px;
	color: #fff;
	line-height:17px;
	margin:5px 0 0 10px;
	background: url(../images/checkbox.jpg) left no-repeat;
	padding: 0 0 0 22px;
	list-style:none;
}
.ul
{
	float: left;
	width:90%;
	padding: 10px 0 10px 5px;
	margin: 0 0 0 10px;
}
.ul li
{
	font-size:12px;
	color: #fff;
	padding: 0 0 0 0px;
}
form
{
	float: left;
}
form div
{
	float: left;
	width:430px;
	clear: both;
	padding-top:10px;
}
label
{
	float: left;
	width:230px;
	font-size:11px;
	color: #fff;
	padding:2px;
	text-align:right;
	padding-right:5px;
	background:#31739F;
	position: relative;
	z-index:1;
}
input
{
	float: left;
	width:150px;
	padding:2px;
	font-size:11px;
	color: #404040;
	border:none;
	border:0px;
}
textarea
{
	float: left;
	width:387px;
	height:60px;
	padding:22px 2px 2px 2px;
	margin: -18px 0 0 0;
	font-size:11px;
	color: #404040;
	border:none;
	border:0px;
}
select
{
	padding:1px;
	font-size:11px;
	color: #404040;
	border:none;
	border:0px;
}
option
{
	border:none;
	border:0px;
}

div#button
{
	width:40px;
	padding-right:20px;
}
div#button button
{
	border:none;
	background:#E2DE50;
	padding:4px;
	font-size:11px;
	text-transform:uppercase;
	cursor: pointer;
}
#text_cloud, #text_cloud2, #text_cloud3, #text_cloud4, #text_cloud5, #text_cloud6, #text_cloud7, #text_cloud8, #text_cloud9, #text_cloud10, #text_cloud11, #text_cloud12
{
	width: 300px;
	height:130px;
	background: url(../images/text_cloud.png) no-repeat;
	text-indent:-9999px;
	position: absolute;
	top:30px;
	left:350px;
	z-index:9;
}
#text_cloud
{
	width:380px;
	height:119px;
	top:0px;
	left:520px;
}
#text_cloud2 
{
	width: 250px;
	height:109px;
	background: url(../images/text_cloud2.png) no-repeat;
	top:-20px;
	left:350px;
}
#text_cloud3 
{
	width:278px;
	height:120px;
	background: url(../images/text_cloud3.png) no-repeat;
	top:-10px;
	left:290px;
}
#text_cloud4 
{
	width:250px;
	height:108px;
	background: url(../images/text_cloud4.png) no-repeat;
	top:120px;
	left:230px;
}
#text_cloud5 
{
	width:250px;
	height:109px;
	background: url(../images/text_cloud5.png) no-repeat;
	top:10px;
	left:290px;
}
#text_cloud6 
{
	width:250px;
	height:108px;
	background: url(../images/text_cloud6.png) no-repeat;
	top:-20px;
	left:310px;
}
#text_cloud7 
{
	width:230px;
	height:99px;
	background: url(../images/text_cloud7.png) no-repeat;
	top:65px;
	left:260px;
}
#text_cloud8 
{
	background: url(../images/text_cloud8.png) no-repeat;
	top:-10px;
	left:280px;
}
#text_cloud9 
{
	width:251px;
	height:75px;
	background: url(../images/text_cloud9.png) no-repeat;
	top:0px;
	left:350px;
}
#text_cloud10 
{
	width:250px;
	height:108px;
	background: url(../images/text_cloud10.png) no-repeat;
	top:65px;
	left:250px;
}
#text_cloud11
{
	width:278px;
	height:120px;
	top:-25px;
	left:320px;
	background: url(../images/text_cloud11.png) no-repeat;
}
#text_cloud12 
{
	width:251px;
	height:75px;
	background: url(../images/text_cloud12.png) no-repeat;
	top:0px;
	left:350px;
}



#menu
{
	float: left;
	width:244px;
	height:427px;
	background: url(../images/menu_bg4.png) no-repeat;
	position: relative;
	z-index:0;
	/*margin-top:96px;*/
	margin-left:-3px;
}
#menu .title
{
	float: left;
	width:240px;
	height:52px;
	text-indent: -9999px;
	position: absolute;
	top:0;
	left:2px;
}
	#menu ul
	{
		float: left;
		width:100%;
		margin-top:110px;
		margin-left:15px;
	}
	#menu ul li
	{
		float: left;
		width:100%;
		list-style:none;
	}
	#menu ul li a
	{
		float: left;
		width: 100%;
		height:10px;
		background: url(../images/menu_text2.jpg) no-repeat;
		text-indent: -9999px;
		margin-top: 7px;
		position: relative;
		z-index:999;
	}
	  #menu ul li a.home
	  {
		  width:56px;
		  background-position: -5px -7px;
	  }
	  #menu ul li a.home:hover{background-position: -215px -7px;}
		
	  #menu ul li a.company
	  {
		  width:97px;
		  background-position: -5px -19px;
	  }
	  #menu ul li a.company:hover{background-position: -215px -19px;}
	  
	  #menu ul li a.services
	  {
		  width:105px;
		  background-position: -5px -31px;
	  }
	  #menu ul li a.services:hover{background-position: -215px -31px;}
	  
	  #menu ul li a.work
	  {
		  width:170px;
		  background-position: -5px -43px;
	  }
	  #menu ul li a.work:hover{background-position: -215px -43px;}
	  
	  #menu ul li a.pricing
	  {
		  width:94px;
		  background-position: -5px -55px;
	  }
	  #menu ul li a.pricing:hover{background-position: -215px -55px;}
	  
	  #menu ul li a.blog
	  {
		  width:95px;
		  background-position: -5px -67px;
	  }
	  #menu ul li a.blog:hover{background-position: -215px -67px;}
	  
	  #menu ul li a.faq
	  {
		  width:40px;
		  background-position: -5px -79px;
	  }
	  #menu ul li a.faq:hover{background-position: -215px -79px;}
	  
	  #menu ul li a.recommendations
	  {
		  width:195px;
		  background-position: -5px -91px;
	  }
	  #menu ul li a.recommendations:hover{background-position: -215px -91px;}
	  
	  #menu ul li a.references
	  {
		  width:130px;
		  background-position: -5px -103px;
	  }
	  #menu ul li a.references:hover{background-position: -215px -103px;}
	  
	  #menu ul li a.fabricating
	  {
		  width:207px;
		  background-position: -5px -115px;
	  }
	  #menu ul li a.fabricating:hover{background-position: -215px -115px;}
	  
	  #menu ul li a.contact
	  {
		  width:95px;
		  background-position: -5px -127px;
	  }
	  #menu ul li a.contact:hover{background-position: -215px -127px;}
		
	  #menu ul li a#active1{background-position: -215px -7px;}
	  #menu ul li a#active2{background-position: -215px -19px;}
	  #menu ul li a#active3{background-position: -215px -31px;}
	  #menu ul li a#active4{background-position: -215px -43px;}
	  #menu ul li a#active5{background-position: -215px -55px;}
	  #menu ul li a#active6{background-position: -215px -79px;}
	  #menu ul li a#active7{background-position: -215px -91px;}
	  #menu ul li a#active8{background-position: -215px -127px;}
	  #menu ul li a#active9{background-position: -215px -103px;}
	  #menu ul li a#active10{background-position: -215px -115px;}
	
#menu_cloud
{
	width:183px;
	height:67px;
	position: absolute;
	right:-130px;
	bottom:110px;
}
#contractors
{
	width:267px;
	height:116px;
	position: absolute;
	right:-50px;
	bottom:0px;
	z-index:999;
}
#contractors a
{
	float: left;
	width:267px;
	height:116px;
	background: url(../images/contractors.png) no-repeat;
	text-indent: -9999px;
}
	#contractors a:hover
	{
		background-position: 0 -115px;	
	}
#previous_work
{
	float: left;
	position: relative;
	z-index:5;
}
#previous_work li
{
	float: left;
	display:inline;
	padding: 0px 0px 10px 20px;
}
#previous_work li img
{
	border: 1px solid #11578A;	
}
#previous_work li img:hover
{
	border: 1px solid #E2DE50;
}

#latest_work
{
	float: left;
	width:173px;
	height:75px;
	position: absolute;
	right:0px;
	bottom:0px;
	z-index:999;
}
	#latest_work a
	{
		float: left;	
		width:173px;
		height:75px;
		background: url(../images/latest_work.png) no-repeat;
		text-indent:-9999px;
	}
#sitemap
{
	float: left;
	width:100%;
}
#sitemap li
{
	float: left;
	width:100%;
	font-size:14px;	
	list-style:none;
	margin: 0 0 2px 0;
}
	
#sitemap li a
{
	float: left;
	width:100%;
	color: #404040;
	text-transform:uppercase;
	font-weight: bold;
	padding: 3px 20px 3px 20px;
}
#sitemap li a:hover
{
	padding: 3px 20px 3px 22px;	
	background:#A4E8EF;
	text-decoration: none;
}
#sitemap li ul
{
	float: left;
	width:100%;
}
#sitemap li ul li
{
	float: left;
	width:100%;
	font-size:12px;	
	list-style:none;
	margin: 0 0 2px 20px;
}
#sitemap li ul li a
{
	float: left;
	width:100%;
	color: #404040;
	text-transform:capitalize;
	font-weight: bold;
	padding: 3px 20px 3px 20px;
}


.footer
{
	margin:0px auto;
	height:18px;
	clear: both;
	width:960px;
	text-align: center;
	/*padding-top:10px;*/
}
.footer li
{
	display:inline;	
	padding:0px 5px 0px 5px;
}
.footer li a
{
	font-size:10px;
	color: #1B5F86;
	text-transform: uppercase;
}
.footer li a:hover
{
	color: #ED1C24;
}
#geeky
{
	margin:0px auto;
	clear: both;
	width:960px;
	text-align: center;
	padding-bottom:10px;
}
#geeky li
{
	padding-top:5px;
	list-style:none;
	font-size:10px;
	color: #1B5F86;
	font-weight:normal;
}

#geeky li a
{
	font-size:10px;
	color: #1B5F86;
	padding: 5px 0 0 0;
}
#geeky li a:hover
{
	color: #ED1C24;
}

.hide
{
	display:none;	
}
#content2 .fab
{
	width:175px;
	position: absolute;
	top: 709px;
	right:75px;
}
#content2 .fab img
{
	float: left;	
}
#content2 .fab p
{
	clear: both;
	width:175px;
	font-size:10px;
	color: #fff;
	text-align: left;
	padding:0;
	line-height:13px;
}
 #content2 .fab a
{
	float: left;
	margin-right:5px;
	border: 1px solid #11578A;	
}
#content2 .fab a:hover
{
	border: 1px solid #E2DE50;
}


#video
{
	float: right;
	width:440px;
	height:368px;
	margin-top:67px;
	background: url(../images/video_bg2.png) no-repeat;
	position: relative;
}
/* styling of the container. */
a.myPlayer {
	
	display:block; 
	float: left;
	width: 360px;
	height:290px; 
	text-align:center;
	margin:49px 0 0 27px;
	position: relative;
	z-index:999;
}
	a.myPlayer span
	{
		display:none;
	}
	
a.myPlayer:active { 	outline:none; }
a.myPlayer:focus   { -moz-outline-style:none; }

/* play button */
a.myPlayer img {
	margin-top:100px;
	border:0px;
}




/*:::::::::::::::::::::::::YELLOW BOX::::::::::::::::::::::::::::::*/

#yellow_box{
	float: left;
	clear:both;
	width: 962px;
	height:181px;
	overflow: auto;
	padding: 15px 5px 10px 0;
	margin: 5px 0 40px 0;
	background: url(../images/yellow_box.png) no-repeat;
}
#yellow_box h2{
	font-size:22px;
	color: #444;
	font-weight:bold;
	padding:10px 25px 0px 25px;	
}
#yellow_box p{
	font-size:12px;
	color: #444;
	line-height:15px;
	padding:2px 25px 4px 25px;	
}


#yellow_box_home {
	float: left;
	clear:both;
	width: 962px;
	padding: 15px 5px 10px 0;
	margin: 5px 0 40px 0;
	position:relative;
	background: url(../images/yellow_box.png) no-repeat;
}

#blueboxouter {
    width:100%;
    min-height:100px;
    position:relative;
    float:left;
    top:10px;
}
#blueboxinner {
    width:976px;
    height:1000px;
}
    

#blueboxtop {
    width:976px;
    height:18px;
    background-image:url(../images/blueboxtop.png);
    background-repeat:no-repeat;
    float:left;
    margin:auto;
    position:relative;
}    

#blueboxmiddle {
    width:976px;
    background-image:url(../images/blueboxbkg.png);
    background-repeat:repeat-y;
    position:relative;
    float:left;
    min-height:100px;
}    
#blueboxcontent {
    width:936px;
    margin:auto;
    color:White;
    font-size:14px;
}    
#blueboxbtm {
    width:976px;
    height:26px;
    background-image:url(../images/blueboxbtm.png);
    background-repeat:no-repeat;
    float:left;
    margin:auto;
    position:relative;
}    

#slideshowcontainer {
    width:725px;
    height:417px;
    position:absolute;
    background-image:url(../images/slideshow_bkg.png);
    background-repeat:no-repeat;
    float:left;
    left:250px;
    top:10px;
    z-index:-10000;
}