@import url("reset.css");
@import url("responsive.gs.12col.css");

html, body {background-color:#FFF; height:100%; width:100%;}




.container {max-width: 1024px;}

.padd_10,.padd_20{padding:10px;}
@media ( min-width : 768px ) {.padd_20{padding:20px;}}

div{text-align:justify;}

#nav_bar{height:140px; width:100%; position:relative; background: rgba(243, 243, 243, 1);}
@media ( min-width : 768px ) {#nav_bar{position:fixed; top:0; left:0; background: rgba(243, 243, 243, 0.9); z-index:999;}}
#banner_area{background-color:#CCCCCC; height:300px;}
@media ( min-width : 768px ) {#banner_area{margin-top:140px; height:400px;}}

#about_us{background-color:#f3f3f3;}
#services{background-color:#ffffff;}

.service_icons{margin-bottom:10px; height:60px; width:auto;}

#contact_us{background-color:#444444;}


#contact_us,  #contact_us a {color:#f2f2f2}

.formelements{
width:100%;
background-color:#666666;
color:#fff;
border:0;
margin:0 0 10px 0;
padding:10px;
font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


.form_submit {
  color: #ffffff;
  font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #f89e1c;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border:0;
}

.form_submit:hover {
  background: #999;
  text-decoration: none;
}

.lighter{color:#999;}

.nav_items, .bold_font{font-size:16px; letter-spacing:1px; font-weight:450;}
.nav_items{color:#222; text-decoration:none; margin-left:10px;}
.nav_items:hover{color:#f89e1c;}

.headlines{text-align:center; font-size:16px; color:#666; padding-bottom:20px; letter-spacing:1px; font-weight:450;}

.highlight_color{color:#f89e1c;}
.large_quotes{text-align:center; font-size:30px; line-height:36px; color:#11b5c3; font-family:"Times New Roman", Times, serif; font-style:italic; font-weight:normal; padding-bottom:20px;}


a { color: #f89e1c; text-decoration: underline; outline: 0; }
a:hover, a:focus { color: #000; }























.cover, .cover_centered, .cover_top {
background-size:cover;
background-position:50% 50%;
background-repeat:no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.cover_top {background-position: center top;}





/* #Basic Styles
================================================== */
body {
font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #222;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;
height:100%;
}


/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
color: #222;
font-family: "Georgia", "Times New Roman", serif;
font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
h5 { font-size: 17px; line-height: 24px; }
h6 { font-size: 14px; line-height: 21px; }
.subheader { color: #777; }

p { margin: 0 0 20px 0; }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777;  }

em { font-style: italic; }
strong { font-weight: bold; }
small { font-size: 80%; }

/*	Blockquotes  */
blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

/* #Lists
================================================== */
ul, ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 18px; margin-bottom: 12px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }