/**********************************************************************************************

0.  CSS Reset  -------------------------  All Theme Files
1.  Toolbox CSS  -----------------------  All Theme Files
2.  Page Structure  --------------------  All Theme Files
3.  Header  ----------------------------  header.php
4.  Main Navigation  -------------------  header.php
5.  Featured Section  -------------------  featured.php
6.  Homepage Articles ------------------  index.php
7.  Single Articles & Pages ------------  single.php, page.php
8.  Comments  --------------------------  comments.php
9.  Sidebar & Widgets ------------------  sidebar.php
10. Forms  -----------------------------  searchform.php
11. Footer  ----------------------------  footer.php

**********************************************************************************************/

body {
        background: #eee url('') repeat top center;
        margin: 0;
        padding: 0;
        text-align: center;
}

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

span.label {
        font: bold 14px/24px arial;
}

.ProximaNovaA-Bold { 
	font-family: ProximaNovaA-Bold;
	font-weight: normal;
	font-style: normal;
}
.ProximaNovaS-Bold { 
	font-family: ProximaNovaS-Bold;
	font-weight: normal;
	font-style: normal;
}
.ProximaNova-Bold { 
	font-family: ProximaNova-Bold;
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'proxima-nova';
	src: url('fonts/26CC97_2_0.eot');
	src: url('fonts/26CC97_2_0.eot?#iefix') format('embedded-opentype'),
		 url('fonts/26CC97_2_0.woff') format('woff'),
		 url('fonts/26CC97_2_0.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/********************************************************************************************* 

0. CSS Reset  -------------------------  All Theme Files

*********************************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/********************************************************************************************* 

0. Strong styling  -------------------------  This is the styling for strong

*********************************************************************************************/

strong {
    font-weight: bold;
}

/********************************************************************************************* 

0. Form Styling  -------------------------  contact.php

*********************************************************************************************/

.form-phone {
    color: #ccc;
    font: normal 30px arial;
    position: absolute;
    top: 35px; right: 30px;
}

.required {
    color: #ff0000;
}

.form-wrap {
    background: #f3f3f3;
    padding: 30px 0 30px 30px;
}

.form-wrap2 {
    background: #f3f3f3;
    margin: 0 auto;
    padding: 30px 0 30px 30px;
}

.form-wrap2 h2 {
    background: #;
    color: #444;
    font: bold 24px arial;
    padding: 18px 0 18px 0;
    text-align: left; text-transform: none;
}

.form {
border: 1px solid; border-color: #bbb #ccc #ccc #ccc; 
    color: #888; 
    font: normal 13px arial; 
-webkit-border-radius: 0px; border-radius: 0px; margin-bottom: 10px; padding: 6px; width: 260px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

.textarea {
border: 1px solid; border-color: #bbb #ccc #ccc #ccc; color: #888; font: normal 13px arial; -webkit-border-radius: 0px; border-radius: 0px; resize: none; overflow: auto; resize: none; margin-bottom: 15px; margin-top: 2px; padding: 6px; height: 140px; width: 390px;
-webkit-border-radius: 1px;
    
    border-radius: 1px;
}

.button {
background: #0195df;

border: 1px solid #0184C6; color: #fff; -webkit-border-radius: 2px; border-radius: 2px; display: block; 
    font: bold 14px arial;
cursor: pointer; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; padding: 7px 36px 7px 36px; 
    text-transform: none;
-webkit-appearance:none;

text-shadow: 1px 1px 0px #0174ad;
        filter: dropshadow(color=#0174ad, offx=1, offy=1);
}

.button:hover {
background: #01a6f9; /* Old browsers */
background: -moz-linear-gradient(top, #01a6f9 0%, #0195df 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01a6f9), color-stop(100%,#0195df)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #01a6f9 0%,#0195df 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #01a6f9 0%,#0195df 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #01a6f9 0%,#0195df 100%); /* IE10+ */
background: linear-gradient(to bottom, #01a6f9 0%,#0195df 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01a6f9', endColorstr='#0195df',GradientType=0 ); /* IE6-9 */

 border: 1px solid #0184C6; color: #fff; -webkit-border-radius: 2px; border-radius: 2px; display: block; cursor: pointer; margin-left: 0px; margin-top: 0px;
-webkit-appearance:none;
}

.button2 {
	background: #FA6900;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font: bold 16px/42px arial;
	letter-spacing: 2px;
	height: 41px;
	margin-right: 10px;
	width: 220px;
	-webkit-border-radius: 2px;
	margin: 0 auto;
margin-top: 17px!important;
	border-radius: 2px;
text-align: center;
	text-decoration: none;
	text-transform: uppercase;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(250, 177, 144, 1);
        
        box-shadow: inset 0px 1px 0px 0px rgba(250, 177, 144, 1);


-webkit-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.25);
        
        box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.25);
}

.button2:hover {
	background: #bb4e00;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	letter-spacing: 2px;
	height: 41px;
	margin-right: 10px;
	width: 220px;
	-webkit-border-radius: 2px;
	margin: 0 auto;
margin-top: 17px!important;
	border-radius: 2px;
text-align: center;
	text-decoration: none;
	text-transform: uppercase;
-webkit-box-shadow: none;
box-shadow: none;
}

/********************************************************************************************* 

0. CSS Reset  -------------------------  All Theme Files

*********************************************************************************************/

.circle {
        background: #000;
        color: #fff;
        font: bold 10px/16px arial;
float: left;
	border-radius: 50%;
        padding-top: 0px;
        text-align: center;
	width: 16px;
	height: 16px; 
	/* width and height can be anything, as long as they're equal */
}

.call {
background: #0192dd; border: 0px; color: #fff; float: left; -webkit-border-radius: 2px; border-radius: 2px; font: normal 14px SourceSansProSemibold; cursor: pointer; margin-left: 0px; margin-top: 4px; margin-bottom: 0px; margin-left: 15px; padding: 8px 18px 6px 18px; 
text-transform: none;
-webkit-appearance:none;
}

.call:hover {
background: #0184C6; border: 0px; color: #fff; -webkit-border-radius: 2px; border-radius: 2px; cursor: pointer;
-webkit-appearance:none;
}

ul.nav {
background: #!important; 
overflow: auto;
width: 960px
}

ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style: none;

}
ul li {
float: left;
  font: bold 12px/18px arial, sans-serif;
  display: inline-block;
  margin-right: 0px;
  position: relative;
  padding: 15px 20px;
  background: #0192dd;
    color: #fff!important;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
ul li a {
color: #fff;
}
ul li:hover {
float: left;
  background: #01A6F9;
  color: #fff!important;
}
ul li:hover a {
color: #fff;
}
ul li.drop {
float: left;
  background: #0192dd url('/images/arrow2.gif') no-repeat 80px 20px;
padding-right: 43px;
  color: #fff;
}
ul li.drop:hover {
float: left;
  background: #01A6F9 url('/images/arrow2.gif') no-repeat 80px 20px;
padding-right: 43px;
  color: #fff;
}
ul li ul {
float: left;
  padding: 0;
  position: absolute;
  top: 48px;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
ul li ul li { 
float: left;
  background: #555; 
  display: block; 
  color: #fff;
  text-shadow: 0 -1px 0 #000;
width: 136px!important;
z-index: 100;
}
ul li ul li a {
color: #fff;
}
ul li ul li:hover { background: #666; }
ul li:hover ul {
float: left;
  display: block;
  opacity: 1;
  visibility: visible;
}

.services {
border-bottom: 1px dotted #ddd;
font-family: SourceSansProRegular;
font-size: 16px;
line-height: 45px;
width: 468px;
}

.price {
        background: #94BA64; 
        color: #fff;
        font-family: SourceSansProLight;
        font-size: 16px;
        padding: 4px 6px 4px 6px;
        -webkit-border-radius: 2px; 
        border-radius: 2px;
}

.action {
background: orange; clear: both; color: #000; float: right; font: bold 10px/40px arial; height: 40px; margin-top: 30px; margin-right: 40px; text-align: center; width: 125px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
}

.action:hover {
background: #ef9b00; clear: both; color: #000; float: right; font: bold 10px/40px arial; height: 40px; margin-top: 30px; margin-right: 40px; text-align: center; width: 125px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
}

.title {
background: #0192dd url('/images/header_bg2.png') repeat-x top left; height: 100px; margin: 0 auto; padding-left: 30px; width: 930px;
border-bottom: 0px dotted #ddd;
color: #fff;
font-family: 'SourceSansProRegular';
font-size: 30px;
font-weight: normal;
line-height: 100px;
text-align: left;
text-transform: uppercase;
}

.title a {
color: #353535;
text-decoration: none;
}

        /* WEB FONTS START */

@font-face {
    font-family: 'SourceSansProBold';
    src: url('/web-fonts/SourceSansPro-Bold-webfont.eot');
    src: url('/web-fonts/SourceSansPro-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/web-fonts/SourceSansPro-Bold-webfont.woff') format('woff'),
         url('/web-fonts/SourceSansPro-Bold-webfont.ttf') format('truetype'),
         url('/web-fonts/SourceSansPro-Bold-webfont.svg#SourceSansProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProBlack';
    src: url('/web-fonts/SourceSansPro-Black-webfont.eot');
    src: url('/web-fonts/SourceSansPro-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/web-fonts/SourceSansPro-Black-webfont.woff') format('woff'),
         url('/web-fonts/SourceSansPro-Black-webfont.ttf') format('truetype'),
         url('/web-fonts/SourceSansPro-Black-webfont.svg#SourceSansProBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProExtraLight';
    src: url('/web-fonts/SourceSansPro-ExtraLight-webfont.eot');
    src: url('/web-fonts/SourceSansPro-ExtraLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('/web-fonts/SourceSansPro-ExtraLight-webfont.woff') format('woff'),
         url('/web-fonts/SourceSansPro-ExtraLight-webfont.ttf') format('truetype'),
         url('/web-fonts/SourceSansPro-ExtraLight-webfont.svg#SourceSansProExtraLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProLight';
    src: url('/web-fonts/SourceSansPro-Light-webfont.eot');
    src: url('/web-fonts/SourceSansPro-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/web-fonts/SourceSansPro-Light-webfont.woff') format('woff'),
         url('/web-fonts/SourceSansPro-Light-webfont.ttf') format('truetype'),
         url('/web-fonts/SourceSansPro-Light-webfont.svg#SourceSansProLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProRegular';
    src: url('/web-fonts/SourceSansPro-Regular-webfont.eot');
    src: url('/web-fonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/web-fonts/SourceSansPro-Regular-webfont.woff') format('woff'),
         url('/web-fonts/SourceSansPro-Regular-webfont.ttf') format('truetype'),
         url('/web-fonts/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProSemibold';
    src: url('/web-fonts/SourceSansPro-Semibold-webfont.eot');
    src: url('/web-fonts/SourceSansPro-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/web-fonts/SourceSansPro-Semibold-webfont.woff') format('woff'),
         url('/web-fonts/SourceSansPro-Semibold-webfont.ttf') format('truetype'),
         url('/web-fonts/SourceSansPro-Semibold-webfont.svg#SourceSansProSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

        /* WEB FONTS END */

.clear {clear: both;}

div.fadehover {
background: #;
display:;
float: left;
height: 320px;
margin-top: 0px;
width: 320px;
	position: relative;
	}

div.fadehover3 {
background: #;
border-bottom: 0px solid #000;
cursor: pointer;
float: left;
height: 310px;
margin-top: 0px;
margin-left: 30px!important;
padding-right: 0px;
width: 280px!important;
	position: relative;
	}

div.fadehover4 {
background: #;
border-bottom: 0px solid #000;
cursor: pointer;
float: left;
height: 178px;
margin-top: 0px;
margin-left: 20px!important;
padding-right: 0px;
width: 280px!important;
	position: relative;
	}

div.fadehover4copy {
background: #;
border-bottom: 0px solid #000;
display:;
float: left;
height: 188px;
margin-top: 0px;
padding-right: 0px;
width: 320px;
	position: relative;
	}

div.fadehover2 {
background: #000;
float: left;
padding: 0 0 30px 30px;
width: 280px;
position: relative;
}

img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
        }
	
img.b {
	position: absolute;
	left: 0;
	top: 0;
	}

img.c {
	position: absolute;
	left: 0;
        margin-left: 30px;
	top: 0;
	z-index: 10;
        }
	
img.d {
	position: absolute;
	left: 0;
margin-left: 30px;
	top: 0;
	}

.header {
background: #;  border-bottom: 1px solid #ddd; height: 100px; margin: 0 auto 0; width: 960px;
}

placeholder {
color: #ccc;
font: normal 13px helvetica;
}

::-webkit-input-placeholder  { color:#ccc; font: normal 13px helvetica; }
input:-moz-placeholder { color:#ccc; font: normal 13px helvetica; }

/********************************************************************************************* 

0. Link Styling  -------------------------  This is the styling for the links

*********************************************************************************************/

a {
color: #0192dd;
text-decoration: none;
}

a:hover {
color: #0184C6;
}

.container {
background: #fff;
margin: 0 auto 0;
overflow: auto;
width: 960px;
}

.sidebar {
background: #;
float: right;
padding: 30px 30px 30px 0;
text-align: left;
width: 200px;
}

.sidebar2 {
background: #;
clear: right;
color: #444;
font: normal 14px/22px arial;
float: right; margin-top: 40px;
padding: 0 30px 30px 0;
text-align: left; width: 230px;
}

/********************************************************************************************* 

0. Main Content Styling  -------------------------  This is the styling for the main content

*********************************************************************************************/

.content {
    background: none;
    color: #444;
    float: left;
    font: normal 14px/22px arial; 
    padding: 30px;
    position: relative;
    text-align: left;
    width: 640px;
}

.content3 {
    background: none;
    color: #444;
    font: normal 14px/22px arial;
    margin: 0 auto;
    padding: 30px;
    position: relative;
    text-align: left;
    width: 640px;
}

.content2 {
background: #eee; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
        color: #444;
        font-family: 'Graduate', sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 22px;
margin: 0 auto;
padding: 30px 100px 30px 100px;
        text-align: left;
        width: 760px;
}

h1 {
border-bottom: 1px solid #ddd;
color: #333;
font: normal 14px SourceSansProSemibold;
margin-bottom: 20px;
padding-bottom: 6px;
text-align: left;
}

/********************************************************************************************* 

0. Selection Text Styling  -------------------------  This is the styling for selection text

*********************************************************************************************/

::selection {
	background: #0192dd; /* Safari */
    color: #fff;
	}

::-moz-selection {
	background: #0192dd; /* Firefox */
    color: #fff;
}

/********************************************************************************************* 

0. Header Styling  -------------------------  This is the styling for h2, h3

*********************************************************************************************/

h2 {
    background: #;
    color: #0192dd;
    font: normal 36px arial;
    padding: 0 0 18px 0;
    text-align: left; text-transform: none;
}

h3 {
        background: #0192dd;
color: #fff;
font: normal 16px arial;
margin: 0;
margin-bottom: 10px;
padding: 9px;
display: block;
text-align: left;
-webkit-border-radius: 4px;
    
    border-radius: 4px;
}

.navigation {
background: #; 
float: right;
height: 100px;
text-align: right;
width: 560px;
}

.navigation a {
color: #888;
font: normal 14px/100px "helvetica neue", arial;
margin-left: 30px;
text-decoration: none;
text-transform: none;
}

.navigation a:hover {
color: #444;
}

.footer {
background: #;
clear: both;
display: block;
color: #888;
font: normal 14px/22px arial;
height: 45px;
margin: 0 auto;
padding-top: 30px;
text-align: left;
width: 960px;
}