@charset "utf-8";

/* CSS Document */



/*

* Skeleton V1.2

* Copyright 2011, Dave Gamache

* www.getskeleton.com

* Free to use under the MIT license.

* http://www.opensource.org/licenses/mit-license.php

* 6/20/2012

*/



/* Table of Content

==================================================

	#Site Styles

	#Page Styles

	#Media Queries

	#Font-Face */



/* #Site Styles

================================================== */



/* #Page Styles

================================================== */



/* #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)

	 

	{

		

/* BASIC

================================================== */

	.wrap { position: relative; width: 100%; margin: 0 auto; }

	

/* HEADER

================================================== */

	.headerHome { width: 100%; height: 350px; border-bottom: 15px solid #001946; background: #f2f2f3; }

	.headerPage { height: 350px; border-bottom: 15px solid #001946; background: #f2f2f3; }

	

	#logo { float: none; width: 100%; padding-top: 30px; margin: 0 auto; text-align: center;}

	#logo img { margin: 0 auto; }

	

	

/* NAVIGATION

================================================== */

	.tinynav { position: relative; display: block; width: 100%; float: left; padding-top: 10px; }

	#nav { display: none; }

	nav { float: left; width: 95%; padding: 10px; }

	nav ul ul {

		display: none;

	}



	nav ul li:hover > ul {

		display: block;

	}

	



/* BODY

================================================== */

	section.bodyBoxHome {

		position: relative;

		top: -238px;

		width: 90%;

	}

	

	section.bodyBox {

		position: relative;

		top: -238px;

		width: 90%;

	}

		

	section.bodyBoxBlueHome {

		position: relative;

		top: -215px;

		width: 90%;

		height: auto;

	}

	

	section.bodyBoxBlue {

		position: relative;

		top: -215px;

		width: 90%;

		height: auto;

	}

	

	.homeBoxesTitle {

		width: 100%;

		margin: 15px auto 30px;

		float: none;

	}

	

	.homeBoxesTitleLast {

		width: 100%;

		margin: 15px auto 30px;

		float: none;

	}

	

	section.mainContent {

		position: relative;

		float: left;

		width: 100%;

		padding: 0 30px 30px 0;

		}

		

	

/* SIDE BAR

================================================== */

	aside {

		position: relative;

		float: right;

		width: 100%;

		border-left: none;

		padding: 0 0 30px 30px;

	}

	

/* HOME PAGE BOX HOOVER EFFECT

================================================== */

	.hooverImg {

		width: 100%;

		margin: 0 auto;

		position: relative;

	}

	

	.hooverImgLast {

		width: 100%;

		margin: 0 auto;

		position: relative;

	}		

	.view {

		margin: 0 auto;

		float: none;

	}

	

	.last {

		margin: 0 auto;

		float: none;

	}

		

/* FOOTER

================================================== */

	footer {

		top: -238px;

		width: 90%;

	}

	

	footer.pages {

		top: -238px;

		width: 90%;

	}

	

	footer section {

		width: 100%;

		text-align: center;

	}

	

	.extras {

		margin: 0 auto 25px;

		width: 100%;

		float: none;

	}

	

	.findUs {

		margin: 0 auto 25px;

		width: 100%;

		float: none;

	}

	

	.findUs iframe {

		width: 100%;

	}

	

	.lowerFooter {

		top: -273px;

	}

	

	.lowerFooterPages {

		top: -273px;

	}

	

/* BUTTONS

================================================== */

	a.btnNavy {

		display: inline-block;

		text-decoration: none;

		width: 90%;

		padding: 7px 14px;

		text-align: center;

		margin: 0 9px 10px 0px;

	}

	

	a.btnNavy:hover {

		background: #db0f0f;

	}

	

/* REST

================================================== */

	

	#toTop {

		width: 50px;

		height: 50px;

		bottom: 5px;

		right: 10px;

	}

	

	#slogan img {

		display: none;

	}

		

		}

		

		



	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

	@media only screen and (max-width: 479px) 

	

	{

		

/* BASIC

================================================== */

	.wrap { position: relative; width: 100%; margin: 0; }

	

	img.productPic { width: 100%; height: auto; }

	

/* HEADER

================================================== */

	.headerHome { width: 100%; height: 350px; border-bottom: 15px solid #001946; background: #f2f2f3; }

	.headerPage { height: 350px; border-bottom: 15px solid #001946; background: #f2f2f3; }

	

	#logo { float: none; width: 100%; padding-top: 30px; margin: 0 auto; text-align: center;}

	#logo img { margin: 0 auto; }

	

	

/* NAVIGATION

================================================== */

	.tinynav { position: relative; display: block; width: 100%; float: left; padding-top: 10px; }

	#nav { display: none; }

	nav { float: left; width: 95%; padding: 10px; }

	nav ul ul {

		display: none;

	}



	nav ul li:hover > ul {

		display: block;

	}

	



/* BODY

================================================== */

	section.bodyBoxHome {

		position: relative;

		top: -238px;

		width: 85%;

		padding: 50px 25px 30px 25px;

	}

	

	section.bodyBox {

		position: relative;

		top: -238px;

		width: 85%;

		padding: 50px 25px 30px 25px;	

	}

		

	section.bodyBoxBlueHome {

		position: relative;

		top: -215px;

		width: 85%;

		height: auto;

		padding: 15px 25px 4px;

	}

	

	section.bodyBoxBlueHome ul li {

		width: 100%;

		text-align: center;

		float: none;

	}

	

	section.bodyBoxBlue {

		position: relative;

		top: -215px;

		width: 85%;

		height: auto;

		padding: 15px 25px 4px;

	}

	

	section.bodyBoxBlue ul li {

		width: 100%;

		text-align: center;

		float: none;

	}

	

	.homeBoxesTitle {

		width: 100%;

		margin: 15px auto 30px;

		float: none;

	}

	

	.homeBoxesTitleLast {

		width: 100%;

		margin: 15px auto 30px;

		float: none;

	}

	

	section.mainContent {

		position: relative;

		float: left;

		width: 100%;

		padding: 0 30px 30px 0;

	}

	

	.homeServices {

		width: 90%;

		margin-bottom: 20px;

	}

		

	

/* SIDE BAR

================================================== */

	aside {

		position: relative;

		float: right;

		width: 100%;

		border-left: none;

		padding: 0 0 30px 30px;

	}

	

/* HOME PAGE BOX HOOVER EFFECT

================================================== */

	.hooverImg {

		width: 95%;

		margin: 0 auto;

		position: relative;

	}

	

	.hooverImgLast {

		width: 95%;

		margin: 0 auto;

		position: relative;

	}		

	.view {

		width: 100%;

		height: auto;

		margin: 0 auto;

		float: none;

	}

	

	.last {

		width: 100%;

		height: auto;

		margin: 0 auto;

		float: none;

	}

	

	.view .mask, .view .content {

		width: 100%;

		height: 194px;

		position: absolute;

		overflow: hidden;

		top: 0;

		left: 0

	}

		

/* FOOTER

================================================== */

	footer {

		top: -238px;

		width: 85%;

		padding: 30px 25px 80px 25px;

	}

	

	footer.pages {

		top: -238px;

		width: 85%;

		padding: 30px 25px 80px 25px;

	}

	

	footer section {

		width: 100%;

		text-align: center;

	}

	

	.extras {

		margin: 0 auto 35px;

		width: 100%;

		float: none;

	}

	

	.findUs {

		margin: 0 auto 35px;

		width: 90%;

		float: none;

	}

	

	.findUs iframe {

		width: 100%;

	}

	

	.lowerFooter {

		top: -273px;

	}

	

	.lowerFooterPages {

		top: -273px;

	}

	

/* BUTTONS

================================================== */

	a.btnNavy {

		display: inline-block;

		text-decoration: none;

		width: 90%;

		padding: 7px 14px;

		text-align: center;

		margin: 0 9px 10px 0px;

	}

	

	a.btnNavy:hover {

		background: #db0f0f;

	}

	

		

/* REST

================================================== */

	

	#toTop {

		width: 50px;

		height: 50px;

		bottom: 5px;

		right: 10px;

	}

	

	#slogan img {

		display: none;

	}

	

	img#freeCall {

		width: 100%;

	}

	

	img.scale {

		width: 100%;

	}

	

	.team {

		width: 100%;

		float: none;

	}

	

	form {

		width: 90%;

	}

	

	#indexForm1 {

		margin-left: 10px;

	}

		

		}





/* #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; }

*/