html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, p, a, form, table, tr, td, label, input, button, textarea, select, option, img 
{margin: 0px; padding: 0px;	font-family: arial, tahoma, verdana, arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
a {text-decoration: none; outline: none;}
a img {border: none;}

body
{
	background: url(../images/city_bg.jpg) top left #e2de50 repeat-x;
	/*position: relative;*/
}
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;
		text-indent: -9999px;
		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 20px 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;
	position: relative;
	z-index:0;
}
	


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;
}
form
{
	float: left;
}

label
{
	float: left;
	width:230px;
	font-size:11px;
	color: #fff;
	padding:2px;
	text-align:right;
	padding-right:5px;
	background:#31739F;
}
input
{
	float: left;
	width:150px;
	padding:2px;
	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
{
	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:200px;
	height:87px;
	top:-18px;
	left:395px;
}
#text_cloud2 
{
	width: 200px;
	height:87px;
	background: url(../images/text_cloud2.png) no-repeat;
	top:-20px;
	left:350px;
}
#text_cloud3 
{
	width:250px;
	height:108px;
	background: url(../images/text_cloud3.png) no-repeat;
	top:0px;
	left:290px;
}
#text_cloud4 
{
	width:250px;
	height:108px;
	background: url(../images/text_cloud4.png) no-repeat;
	top:120px;
	left:230px;
}
#text_cloud5 
{
	width:200px;
	height:87px;
	background: url(../images/text_cloud5.png) no-repeat;
	top:30px;
	left:320px;
}
#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;
}

#video
{
	float: right;
	width:440px;
	height:368px;
	margin-top:67px;
	background: url(../images/video_bg.png) no-repeat;
}

#menu
{
	float: left;
	width:244px;
	height:427px;
	background: url(../images/menu_bg3.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: -215px -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:16px;	
	list-style:none;
	margin: 0 0 2px 0;
}
#sitemap li a
{
	float: left;
	width:100%;
	color: #404040;
	text-transform:capitalize;
	font-weight: bold;
	padding: 3px 20px 3px 20px;
}
#sitemap li a:hover
{
	padding: 3px 20px 3px 22px;	
	background:#A4E8EF;
	text-decoration: none;
}

.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;
}

#geeky li a
{
	font-size:9px;
	color: #1B5F86;
	text-transform: uppercase;
}
#geeky li a:hover
{
	color: #ED1C24;
}

.hide
{
	display:none;	
}