/* 

*/
/* INITIAL RESET OF MOST BLOCK-LEVEL ITEMS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,
blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var
{ font-style:normal; font-weight:normal; }
ol,ul { margin:1em 0; margin-left:40px; padding-left:0; }
ul { list-style-type:disc; }
ol { list-style-type:decimal; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }

/*////////// GENERAL //////////*/
body {
	/* background: #2d2f34 url(../images/corrugatedpattern4c.jpg) repeat; */
	background: #2d2f34 url(../images/bk1.jpg) repeat;
}

strong { font-weight:bold;}

#container {
	/* float:left; */
	margin: 0 auto;
    width: 1057px;	
	background:  url(../images/stormdrain.jpg) top right repeat-y;
	/* border: 1px solid red; */
	font-size: 14px;
	line-height:16px;
	/* min-height:1067px; */
}
	  
#container2 {
	/* border: 1px solid green; */
	background: #443b36 url(../images/corrugatedpattern4.jpg) repeat-y;
	width: 1024px;
   /* background: url(../images/logo.gif) top left no-repeat; */
}

#container3 {
	width: 1024px;
  	float:left;
  	/*border: 1px solid #ff0000;*/
}

/*////////// HEADERS //////////*/
#header {
   /* border: 1px solid #00ff00; */
   height: 85px;
   /* background: #d3d3d3 url(../images/headerbk.jpg) no-repeat center center; */
   position:relative;
   width:1024px;
   background: url(../images/logo_sideways1.png) 135px 10px no-repeat;
}
		
#header h1, #header h4/**/ { 
   display: none;
}

#followus {
	/*  border:1px solid red;  */
	/* background: url(../images/followus.jpg) top left no-repeat;
	margin-bottom:18px;
	margin-left:35px; */
	/* float:right; 
	margin-right:40px;
	margin-top:44px;*/
	margin-top:20px;
	margin-left:-38px;
}

.button_facebook {/* 
	margin-left:839px;
	margin-top:86px; */
}

.button_facebook:hover {
	border:2px solid #33bbf9;
	margin:-2px;
}

.button_twitter {
	margin-left:10px;
}

.button_twitter:hover {
	border:2px solid #33bbf9;
	margin:-2px;
	margin-left:8px;
}

.button_rss {
	margin-left:10px;
}

.button_rss:hover {
	border:2px solid #33bbf9;
	margin:-2px;
	margin-left:8px;
}

.quickMargin{/*adds 10px of margin to anything*/
 margin: 10px;
}

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

#navrow {
	float:left;
	position:relative;
	height:68px;
	width:1024px;
	background: url(../images/telephone_pole1.jpg) no-repeat;
}

.streetlight {
	position:absolute;
	right:10px;
	top:-5px;
	z-index:12;
}

#top_navlist {
	float:left;
	width:620px;
	background: url(../images/menudivider.gif) top left no-repeat;
	margin-left:125px;
	margin-top:4px;
	position:relative;
	z-index:2;
	/* border:1px solid red; */
}

.menu, .menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 17px;
}

.menu, .menu a {
	display: block;
	font-family: "Century Gothic", AppleGothic, 'Molengo', Futura, Tahoma, Geneva, sans-serif;  
	color: #eee;
	font-size:1.35em;
	line-height:1.075em;
	padding-top:5px;
	text-align:center;
	text-decoration:none;
}

ul.menu li.active a {
	color:#fff;
	font-weight:bold;
}

.menu li {
	float: left;	
	/* width: 129px; */ /* width needed or else Opera goes nuts */
}

.link_img:hover {
	border-bottom:2px solid white;
	border-top:2px solid white;
	margin-top:-2px;
}

.link_home {
	/* max-width: 106px; */
	
}

.link_about {
	/* max-width: 126px; */
	padding-left:35px;
}

.link_services {
	/* min-width: 139px; */
	padding-left:35px;
}

.link_portfolio {
	/* min-width: 184px; */
	padding-left:35px;
}

.link_contact {
	/* min-width: 145px; */
	padding-left:35px;
}

.phonenumber {
	float:right;
	padding-right:20px;
	padding-top:15px;
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	color:#eee;
	font-size:2.25em;
	line-height:1.075em;
	z-index:14;
}


/*////////// CONTENT //////////*/
#content1 {
	margin:0;
	width: 1024px;
	float:left;
	position:relative;
	/* border: 1px solid blue; */
   background: url(../images/logo_signs1.png) 697px 4px  no-repeat;
}

#window1 {
	float:left;
	display:block;
	position:relative;
	margin-top:38px;
	width:302px;
	height:354px;
   background: #d3d3d3 url(../images/window_small2b.jpg) top left no-repeat;
}

#welcome1 {
	padding-left:10px;
	padding-right:15px;
	padding-top:7px;
}
		
#welcome1 h1, #welcome1 p{
	color: #fff;
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	/* font-family: Georgia, "Lithos Black", "Comic Sans MS", "Arial Black", "Times New Roman"; */
	font-size:2.25em;
	line-height:1.075em;
	text-align:right;
	font-family: "Century Gothic", AppleGothic, 'Molengo', Tahoma, Geneva, sans-serif;
	font-weight:normal;
}

.sideways {
	color:#fff;
}

#pole_shadow{
	position:absolute;
	z-index:0;
	background: url(../images/pole_shadow.png) 0px -50px no-repeat;
	left:0;
	width:105px;
	height:374px;
}

#rust_drip1 {
	float:left;
	display:block;
	width:47px;
	height:350px;
	margin-top:40px;
	background: url(../images/rust_drip1.png) bottom right no-repeat;
	margin-left:290px;
	
}

#pushbottom{
	clear:both;
}
	
#content2 {
	padding-top:0px;
	margin:0;
	width: 1024px;
	float:left;
	/* border: 1px solid blue; */
}

.firehydrant {
	float:left;
	position:relative;
	z-index:12;
}

.nolawebdesign {
	float:right;
	padding-right:12px;
	padding-top:10px;
}

#main {
	float:left;
	display:block;
	width:672px;
	height:869px;
	margin-left:233px;
	background: url(../images/wall_sign1.jpg) no-repeat;
	padding-top:30px;
}

#main p {
	padding-top:20px;
	padding-left:30px;
	padding-right:160px;	
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	font-family: "Century Gothic", AppleGothic, 'Molengo', Tahoma, Geneva, sans-serif;  font-size: 22px; line-height: 28px;
	font-size:1.85em;
	line-height:1.075em;
	text-align:right;
}

.thin1 {
	margin-left:10px;
	width:390px;	
}

#ac_unit {
	float:left;
	margin-left:350px;
}

#bones1 {
	clear:both;
}

a {
	color:#3045b2;
	border:none; outline: none;
}

.sideways_poster {
	margin-left:100px;
	margin-top:40px;
	margin-bottom:40px;
}


/*////////// SUBPAGE CONTENT //////////*/
#sub_content1 {
	margin:0;
	margin-top:30px;
	width: 1024px;
	min-height:560px;
	float:left;
	position:relative;
	/* border: 1px solid blue; */
   /* background: url(../images/text_area_concrete_middle.jpg) top left repeat; */
}

#sub_pole_shadow{
	position:absolute;
	z-index:1;
	background: url(../images/pole_shadow.png) 0px 20px no-repeat;
	left:0;
	width:249px;
	height:595px;
}

#sub_content1_header {
	margin:0;
	width: 1024px;
	height:193px;
	float:left;
	position:relative;
	/* border: 1px solid blue; */
   background: url(../images/text_area_concrete_top.jpg) top left  no-repeat;
	text-align:center;
}

#sub_content1_header_img {
	text-align:center;
	z-index:12;
	margin-bottom:25px;
}

#sub_content1_copy {
	float:right;
	position:relative;
	z-index:8;
	width:646px;
	margin-top:0px;
}

#sub_content1_copy p {
	padding-left:10px;
	padding-right:5px;
	padding-top:20px;
	font-family: "Century Gothic", AppleGothic, 'Molengo', Tahoma, Geneva, sans-serif;
	font-size:1.5em;
	line-height:1.075em;
	color:#fff;
   background: url(../images/foot_info_bk1.png) repeat;
}

#sub_content1_copy h1 {
	padding-left:10px;
	font-family: "Century Gothic", AppleGothic, 'Molengo', Tahoma, Geneva, sans-serif;
	font-size:1.85em;
	line-height:1.075em;
	color:#fff;
	font-weight:bold;
   background: url(../images/foot_info_bk1.png) repeat;
	width:535px;
}

#sub_content1_copy h2 {
	padding-left:10px;
	padding-right:5px;
	padding-top:20px;
	font-family: "Century Gothic", AppleGothic, 'Molengo', Tahoma, Geneva, sans-serif;
	font-size:1.5em;
	line-height:1.075em;
	color:#000;
	font-weight:bold;
   background: url(../images/foot_info_bk1.png) repeat;
}

.span1 {
	background:#fff;
}

#sub_content1_footer {
	margin:0;
	width: 1024px;
	height:416px;
	float:left;
	position:relative;
	/* border: 1px solid blue; */
   background: url(../images/text_area_concrete_bottom.jpg) top left  no-repeat;
}
/*-------------------------------------------------/
 * PORTFOLIO.HTML STYLES
 */
 
#websiteintro {
	padding-left:15%;
	padding-bottom:6%;
	width:52.5%;
}

#websitetitle1 {
	padding-left:1.5%;
	padding-bottom:7%;
	width:10%;
}

#websitedesc1 {
	padding-top:2%;	
	width:85%;
}

.websitetitle2 {
	padding-right:1.5%;
	padding-bottom:7%;
	width:7.5%;
}

.websitedesc2 {
	margin-left:9%;
	padding-top:2%;	
	width:65%;
}
 
#info1 {
	position:relative;
	float:left;
	padding-left:200px;
	margin-top:300px;
	width:75%;
	overflow:hidden;
}

.info2 {
	position:relative;
	padding-left:20%;
	overflow:hidden;
}

#infoimg {
	width:85%;
	margin-bottom:4%;
}

/*////////// TYPEOGRAPHY //////////*/
h1, h4 {
font-family: Candara, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	
}

h2, h3{
	
font-family: Candara, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	
}

		
h1 {
  font-size: 32px;
}
		
h2 {
  font-size: 22px;
}
		
h3 {
  font-size: 16px;
}
	
h4 {
  font-size: 14px;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/*////////// SUMMARY //////////*/

.summary, .summary_small {
	position:relative;
	float:left;
	margin-left:120px;
	background: url(../images/foot_info_bk1.png);
	width:904px;
	height:200px;
}

.summary_small {
	float:none;
	margin-top:20px;
	margin-bottom:20px;
	width:554px;
	margin-left:130px;
}

.summary h2, .summary_small h2 {
	font-family: "Century Gothic", AppleGothic, 'Molengo', Futura, Tahoma, Geneva, sans-serif;  font-size: 22px; line-height: 22px; color: #0b0a0a; font-weight: normal; margin: 0; padding: 0 0 10px;
	color: #fff; font-size: 19px; text-align: left; text-transform: uppercase; margin: 0; padding: 0;
}

.summary p, .summary a, .summary_small p, .summary_small a { color: #fff; font-size: 13px; padding: 0; margin-top: 0; line-height: 16px; font-weight:normal;}

.summary h3, .summary_small h3 { color: #000; font-size: 14px; line-height: 14px; padding: 0; margin: 0 0 14px; }

.summary address { margin-bottom: 12px; }

.small_logo {
	position:absolute;
	left:20px;
	top:10px;
}

.foot_info1 {
	width:21%;
	float:left;
	padding-top:50px;
	padding-left:80px;
	position:relative;
	z-index:12;
}

.foot_info2{
	width:22%;
	float:left;
	padding-top:6px;
}

.foot_info3{
	width:26%;
	float:left;
	padding-top:7px;
}

.foot_info4{
	width:22%;
	float:left;
	padding-top:28px;
}

.foot_info2b{
	width:48%;
	float:left;
	padding-top:24px;
	padding-left:4%;
}

.foot_info3b{
	width:48%;
	float:left;
	padding-top:24px;
}

/*////////// SIDE SUMMARY //////////*/

#side_summary {
	position:relative;
	float:left;
	margin-left:120px;
	background: url(../images/foot_info_bk1.png);
	width:200px;
	height:900px;
}

#side_summary h1{
	font-family: "Century Gothic", AppleGothic, 'Molengo', Futura, Tahoma, Geneva, sans-serif;  font-size: 22px; line-height: 28px; color: #0b0a0a; font-weight: normal; margin: 0; padding: 0 0 10px;
	color: #fff; font-size: 19px; text-align: left; text-transform: uppercase; margin: 0; padding: 0;
}

#side_summary p, #side_summary a { color: #fff; font-size: 13px; padding: 0; margin-top: 0; line-height: 16px; font-weight:normal;}

#side_summary h2 { color: #000; font-size: 14px; line-height: 8px; padding: 0; margin: 0 0 14px; }

#side_summary address { margin-bottom: 12px; }

.small_logo {
	position:absolute;
	left:20px;
	top:10px;
}

.side_foot_info1 {
	width:21%;
	float:left;
	padding-top:50px;
	padding-left:80px;
	position:relative;
	z-index:12;
}

.side_foot_info2{
	width:22%;
	float:left;
	padding-top:24px;
}

.side_foot_info3{
	width:26%;
	float:left;
	padding-top:24px;
}

/*////////// FOOTER //////////*/
#footer {
	margin-top:0;
	float:right;
}

#drainpipeimg2 {
	/* margin-left:56px; */
}

.drainpipeimg {
	width:1038px;
}