/* #Site Styles
================================================== */
body{
	background: #ffffff url(../images/headerbg.jpg) top center scroll repeat-x;
    margin: 0 auto;
    text-align: center;
}

div.wrapper{
	margin: 0px auto;
    text-align: left;
    width: 940px;
}

/* #Header  =========================== */

header#site-header{
}

img#logo {
    margin: 10px 0 0 0; 
    float: left;
	width: 359px;
}

img#h_right{
	float:right;
	margin: 30px 0 0 250px;
}

/* #Navigation  =========================== */


nav#primary-nav {
    float: right;
    height: 24px;
    list-style: outside none none;
    margin: 7px 0 10px;
    padding: 0;
    text-align: right;
    width: 550px;
    line-height: 2.2em;
}

nav#primary-nav li {
    display: inline-block;
    list-style: outside none none;
    margin: 0;
    padding: 0 10px;
    text-align: left;
}

nav#primary-nav li:last-child {
    padding: 0 0 0 20px;
}


nav#primary-nav li a {
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

nav#primary-nav li a:hover, ul#nav ul li a:focus {
    color: #181818;
}

/* #banner  =========================== */
div#banner {
    background: url("../images/banner.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 335px;
    margin: 5px auto 0;
}

/* #Main  =========================== */

div#main{
	margin: 25px 0 10px 0;
}

div#services{
	margin-bottom: 30px;
	height: 152px;
}

img.service{
	float:left;
	margin-right:8px;
}

img.service2{
	float:left;
	margin-right:0px;
}

div.left_column{
	float:left;
	width: 620px;
	margin-right: 20px;
}

div.right_column{
	float:left;
	width: 300px;
}

h3#social_head, h3.widget-title{
	font-size:18px;
	font-weight:bold;
	color:#000;
	text-indent: 20px;
}
div.right_column hr{
	margin: -10px 0 10px 0;
}
ul#social{
	margin: 0 0 0 20px;
}

ul#social li{
	float:left;
	padding-right: 10px;
}

ul#menu-services-navigation.menu{
	margin: 20px 0 0 0;
}

li#nav_menu-2 a{
	display:block;
    text-indent: 20px;
	background-color: #019ca0;
	color:#ffffff;
	font-size: 16px;
	font-weight:bold;
	height: 30px;
	line-height: 30px;
	text-decoration:none;
	margin-bottom: 5px;
	text-shadow: 0px 2px 2px rgba(24, 24, 24, 0.4);	
}

li#nav_menu-2 a:hover{
	color:#00eef4;
}

li#text-4 h3, li#text-5 h3{
	display:none;
}

li#text-5{
	margin-top: 20px;
}

li#text-2.widget-container.widget_text{
	margin-top:80px;
}

li#text-3.widget-container.widget_text{
	margin-top:40px;
}

/*images ================= */
img.alignright {
float: right;
margin: 0px 0px 24px 24px;
}


/*Left Content Tables ================= */
div.content_table table td{
	padding: 8px;
	border-bottom: 1px solid #d8d8d8;
}

div.content_table table{
line-height: 1.5em;
margin: 1em 0em 2em 0em;
line-height: 1.4em;
}

div.content_table table td.th, div.content_table table td.th2{
	color: #439b9d;
	vertical-align:middle;
	font-weight:bold;
}

div.content_table table td.th2{
	width: 20%;
}


/* #Footer  =========================== */

footer#main_footer{
    background: url(../images/footerbg.jpg) repeat;
    margin: 0 auto;
	height: 60px;	
}
nav#footer-nav{
	float: left;
	margin: 10px 20px 0 0;
	padding: 0;
	width: 540px;
}
nav#footer-nav ul {
    list-style: none;
    margin: 0;
}

nav#footer-nav li {
	float:left;
    padding: 0px 12px !important;	
    margin-bottom: 5px;
}

nav#footer-nav li:first-child {
    padding: 0 20px 0 0;
}

nav#footer-nav li a {
    font-size: 14px;
	font-weight: normal;
    text-decoration: none;
    color: #ffffff;
}

nav#footer-nav li a:hover{
    color: #181818;
}

div#credits{
	float:left;
	width: 380px;
	margin: 20px 0 0 0;
	font-size: 12px;
	text-align:right;
	color: #ffffff;
}
div#credits a{
	color: #ffffff;
}
div#credits a:hover{
    color: #181818;
}




/* #contact form
================================================== */

div#wpcf7-f40-p11-o1.wpcf7 p.cform{
	margin-bottom: 10px;
}

input[type="text"], input[type="password"], input[type="email"], textarea, select {
width: 260px;
max-width: 100%;
background: white;
}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
    }