/*
* 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) {
		p.resTitle {
			text-indent: 20%;
			padding-top: 16px;
			font-size: 14px;
			font-style: bold;
		}

		.imagetext {
  max-width:100%;
  font-size: 15px;
  color:#000;
  text-align: center;
  padding-top: 3%;
  padding-left: 1%;

}

.resTitle{

  color:#000;
    padding-top: 16px;
    text-indent: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    font-size: 16px;
    margin-left: 0px;
    text-align: right;
    padding-right:5px;

}

.picture {
	display: none;
}




	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.flexslider .caption{
			font-size:14px;
		}
		.resTitle {
			text-align: left;
			padding-top: 0px;
			display: none;
		}
				#menu {
			float:right;
			width:4em;
			display: block;
			background:orange;
			/*font-size:1.35em;*/
			text-align: center;
			line-height: 4em;
			margin-top: -60px;
		/*	-webkit-border-radius: 10px;
			-moz-border-radius:10px;
			-ms-border-radius:10px;
			-o-border-radius:10px;
   			 		border-radius: 10px;
   			-webkit-box-shadow: 0px 0px 6px 0px #000;
   			-moz-box-shadow: 0px 0px 6px 0px #000;
   			-ms-box-shadow: 0px 0px 6px 0px #000;
   			-o-box-shadow: 0px 0px 6px 0px #000;
  				 box-shadow: 0px 0px 6px 0px #000;*/
		}
		#nav.js {
			display: none;
		}
		#nav ul {
			width:100%;

		}
		#nav li {
			width:100%;
			border-right:none;
			margin-left: 0px;
			border-bottom: 1px groove #112947;
			padding-left: 0%;
			padding-right: 0%


		}

		#nav li a:hover {
		opacity: 0.5;
	}

	#nav li.testimonial {
		display: none;
		}

		#compare {
			padding-top:50px;
		}



		#main{
			padding-top:100px;
		}






	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.anchor{
  padding-top: 115px;
  margin-top: -115px;
  display: table-caption;
}
		.container .four.columns {
			width:47%;
			margin-bottom: 10px;
			margin-left: 3%;
		}
		#animatedGifs {
			clear:left;
		}

		p.resTitle{

		  display: none;
		}
		p.resP{

		  display: none;

		}

		/*#menu {
			float:right;
			width:4em;
			display: block;
			background:orange;
			/*font-size:1.35em;
			text-align: center;
			line-height: 4em;
			margin-top: -60px;
			-webkit-border-radius: 10px;
			-moz-border-radius:10px;
			-ms-border-radius:10px;
			-o-border-radius:10px;
   			 		border-radius: 10px;
   			-webkit-box-shadow: 0px 0px 6px 0px #000;
   			-moz-box-shadow: 0px 0px 6px 0px #000;
   			-ms-box-shadow: 0px 0px 6px 0px #000;
   			-o-box-shadow: 0px 0px 6px 0px #000;
  				 box-shadow: 0px 0px 6px 0px #000;
		}*/

		#design {
			display: none;
		}

		#header {
			position: fixed;
			z-index: 100;
		}

		.imagetext {
  max-width:100%;
  font-size: 14px;
  color:#000;
  text-align: center;
  padding-top: 3%;
  padding-left: 1%;

}

.picture {
	display: none;
}


	}

	@media screen and (min-width: 768px) {

		#menu {
			display: none;

		}

		/*p.resTitle {
			text-indent: 10%;
			padding-top: 16px;
			font-size: 15px;
			font-style: bold;
		}*/

		#nav {
			background-color:#000;
		/*	-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			-ms-border-radius: 10px;
			-o-border-radius: 10px;
   			border-radius: 10px;*/

		}


		.picture {
	display: none;
}



	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.anchor{
  padding-top: 115px;
  margin-top: -115px;
  display: table-caption;
}


				#nav li {
			display:inline-block;
			width:100%;
			text-align: center;
			float:none;
			margin-left:0px;
			padding-left: 0%;
			padding-right: 0%
		}


		#nav li.testimonial {
			display: none;
		}

		#nav li.testimonial2 {
		  -webkit-border-radius:10px 10px 0px 0px;
		  -moz-border-radius:10px 10px 0px 0px;
		  -ms-border-radius:10px 10px 0px 0px;
		  -o-border-radius:10px 10px 0px 0px;
		        border-radius: 10px 10px 0px 0px;

		}

		#nav li.roundTopNav {
			display: none;
		}

		#nav li.compare-nav {


		}

		#nav li a:hover {
			opacity: 0.5;
		}

		#nav ul {
			background-color:none;
		}

		#main {
			display: none;
		}

		#compare {
			padding-top:50px;
		}

#about {
      padding-top:100px;
    }

		.flexslider .caption{

			font-size:20px;
		}

		#nav li {
		display:block;
		width:100%;
		text-align: center;
		}

		#main {
			display: none;
		}

		#design {
			display: none;
		}



		p.resTitle{

		  display: none;

		}

		p.resP{

		  display: none;

		}

		#header {
			position: fixed;
			z-index: 100;
		}

		textarea,
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-o-border-radius: 2px;
		-ms-border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 200px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff;
	}


	select {
		max-width: 200px;
	}





	}


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