#header {
	background-color:#fff;
	padding:0;
	height:150px;
	background-image: url(../images/header_bk.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
#main, #content {background-color:#fff;
 position:relative;
 overflow:hidden;
z-index:1;
}
img {border-style:none;}

a:link,  a:visited, a:hover, a:active{text-decoration:none;}
a:link {color:#09C;}
a:hover {color:#69C;}

a.services:link{text-decoration:none;z-index:2; position:relative;}
a#main:link,  a#main:visited, a#main:hover, a#main:active {text-decoration:none;z-index:1}

#intro {margin-top: 10px; margin-bottom:10px;}

#logo {position:relative;
       top:25px;
	   left:0px;}
	   

.responsive  {
  width: auto;
  height: 190px;
    position: relative;
    z-index: 2;
}

.responsive1  {
  width: auto;
  height: 217px;
    position: relative;
    z-index: 2;
}

.responsive2  {
  width: auto;
  height: 170px;
    position: relative;
    z-index: 2;
}

.responsive3  {
  width: auto;
  height: 209px;
    position: relative;
    z-index: 2;
}

.responsive4 {
  width: auto;
  height: 301px;
    position: relative;
    z-index: 2;
}
body {
	font-size:100%;
	line-height: 1.5;
	font-family: 'Asap', sans-serif;
	margin:0;
	padding:0;
	background-color:#3684ff;
	
}

blockquote {
background:#e7eced;
border-left:10px solid #ccc;
margin:1.5em 10px;
padding:.5em 10px;
quotes:"\201C""\201D""\2018""\2019";
}
blockquote:before {
color:#ccc;
content:open-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}
blockquote p {
display:inline;
}

#strap {width:960px; margin:0; padding:0;
	background-color: #44484f;
background-image: url(../images/dark-noise.png);
background-repeat: repeat;}

.fl {float:left; margin:10px 0 0 0;}
.fr {float:right;margin:10px 0 0 0;}

#strap h2 {font-size:24px; color:#CCC;
padding:0 10px;
font-weight:300;}

#header h3 {font-size:24px;}

#footer p {float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%; font-weight:normal;
	color:#fff;	margin-top:30px;}

#footer{background-color:#666;
position:relative;
z-index:-2;}
#footer img {float:left; padding:15px;
position:relative;
z-index:-1}

h2, h3 {
font-family: ‘asap’, Arial, san-serif; font-weight: 400; 
	margin: 5px 0 5px 0;
	font-size:125%;

}

#main h3 {
	font-size:110%;
	margin-top:-45px;
	width:250px;
	background-color:#CCC;
	padding: 4px;
	font-weight:normal;
	z-index:3;
	position:relative;
}

.plumber {width: 270px;
clear:both;}

 #content img,  #main img {
position:relative;
	z-index:-1;}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12, #wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	background-color:#fff;
	overflow:auto;}

	
#wrapper{margin-top:15px;}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0 !important;
}

.omega {
	margin-right: 0 !important;
}



/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
 
.grid_1, 
.grid_2, 
.grid_3, 
.grid_4, 
.grid_5, 
.grid_6, 
.grid_7, 
.grid_8, 
.grid_9, 
.grid_10, 
.grid_11,
.grid_12{
	display:inline;
	float: left;
	position: relative;
	margin-left: 10.0px;
	margin-right: 10.0px;
	background-color:#fff;

}


/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1{
	width:60px;
}

.container_12 .grid_2{
	width:140px;
}

.container_12 .grid_3{
	width:220px;
}

.container_12 .grid_4{
	width:300px;
}

.container_12 .grid_5{
	width:380px;
}

.container_12 .grid_6{
	width:460px;
}

.container_12 .grid_7{
	width:540px;
}

.container_12 .grid_8{
	width:620px;
}

.container_12 .grid_9{
	width:700px;
}

.container_12 .grid_10{
	width:780px;
}

.container_12 .grid_11{
	width:860px;
}

.container_12 .grid_12{
	width:940px;
}





/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_12 .prefix_1 {
	padding-left:80px;
}

    .container_12 .prefix_2 {
	padding-left:160px;
}

    .container_12 .prefix_3 {
	padding-left:240px;
}

    .container_12 .prefix_4 {
	padding-left:320px;
}

    .container_12 .prefix_5 {
	padding-left:400px;
}

    .container_12 .prefix_6 {
	padding-left:480px;
}

    .container_12 .prefix_7 {
	padding-left:560px;
}

    .container_12 .prefix_8 {
	padding-left:640px;
}

    .container_12 .prefix_9 {
	padding-left:720px;
}

    .container_12 .prefix_10 {
	padding-left:800px;
}

    .container_12 .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_12 .suffix_1 {
	padding-right:80px;
}

    .container_12 .suffix_2 {
	padding-right:160px;
}

    .container_12 .suffix_3 {
	padding-right:240px;
}

    .container_12 .suffix_4 {
	padding-right:320px;
}

    .container_12 .suffix_5 {
	padding-right:400px;
}

    .container_12 .suffix_6 {
	padding-right:480px;
}

    .container_12 .suffix_7 {
	padding-right:560px;
}

    .container_12 .suffix_8 {
	padding-right:640px;
}

    .container_12 .suffix_9 {
	padding-right:720px;
}

    .container_12 .suffix_10 {
	padding-right:800px;
}

    .container_12 .suffix_11 {
	padding-right:880px;
}



/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_12 .push_1 {
	left:80px;
}

    .container_12 .push_2 {
	left:160px;
}

    .container_12 .push_3 {
	left:240px;
}

    .container_12 .push_4 {
	left:320px;
}

    .container_12 .push_5 {
	left:400px;
}

    .container_12 .push_6 {
	left:480px;
}

    .container_12 .push_7 {
	left:560px;
}

    .container_12 .push_8 {
	left:640px;
}

    .container_12 .push_9 {
	left:720px;
}

    .container_12 .push_10 {
	left:800px;
}

    .container_12 .push_11 {
	left:880px;
}





/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_12 .pull_1 {
	right:80px;
}

    .container_12 .pull_2 {
	right:160px;
}

    .container_12 .pull_3 {
	right:240px;
}

    .container_12 .pull_4 {
	right:320px;
}

    .container_12 .pull_5 {
	right:400px;
}

    .container_12 .pull_6 {
	right:480px;
}

    .container_12 .pull_7 {
	right:560px;
}

    .container_12 .pull_8 {
	right:640px;
}

    .container_12 .pull_9 {
	right:720px;
}

    .container_12 .pull_10 {
	right:800px;
}

    .container_12 .pull_11 {
	right:880px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}