/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.html
* 6/20/2012
*/

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

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
			
			/* ---------------------------------------- */
			/*	Page Header
			/* ---------------------------------------- */
			
			.page-header {
				border-top-width: 1px;
				border-top-style: solid;
				border-top-color: #ebebeb;
			}
			
			/* ---------------------------------------- */
			/*	Menu Shadow
			/* ---------------------------------------- */
			
			.menu-shadow { display: none; }
			
			/* ---------------------------------------- */
			/*	Text Bar
			/* ---------------------------------------- */
		
			.text-bar {
				background-image: none;
				background-color: #f5f5f5;
				height: auto;
				padding: 25px;
				text-align: center;
				
				-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
		   		-moz-box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
				box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
			}
			
			.text-bar button {
				float: none;
			}
			
					
			/* ---------------------------------------------------------------------- */
			/*	Footer
			/* ---------------------------------------------------------------------- */
			
			#footer {
				border-radius: 0;
			}
	
	}

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

				.comments-form input,
				.contact-form input { width: 60%; }
	
		/* ---------------------------------------------------------------------- */
		/*	Wrapper
		/* ---------------------------------------------------------------------- */

		.boxed #wrapper { width: 768px; }
		
		/* ---------------------------------------------------------------------- */
		/*	Header
		/* ---------------------------------------------------------------------- */

			/* -------------------------------------------------- */
			/*	Main Navigation
			/* -------------------------------------------------- */
			
			.navigation > div > ul > li > a { padding: 9px 30px 9px 0; }
						
			/* -------------------------------------------------- */
			/*	Search
			/* -------------------------------------------------- */
			
			.search-wrapper { margin-top: 2px; }
			
				
		/* ---------------------------------------------------------------------- */
		/*	Content
		/* ---------------------------------------------------------------------- */
			
		.item { width: 165px; }
		
		/* ---------------------------------------------------------------------- */
		/*	Footer
		/* ---------------------------------------------------------------------- */

						
		/* ---------------------------------------------------------------------- */
		/*	Widgets + Shortcodes
		/* ---------------------------------------------------------------------- */				
				
			/* -------------------------------------------------- */
			/*	Map
			/* -------------------------------------------------- */
			
			#content .google_map { height: 350px; }	
	
	}

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

			/* ---------------------------------------- */
			/*	Contact and Comments Forms
			/* ---------------------------------------- */
			
			#respond { width: 100%; }
			
			.comments-form input,
			.contact-form input { width: 100%; }

				.comments-form label,
				.contact-form label {
					display: block;
					margin-top: 10px;
					margin-left: 0;
				}
		
		/* ---------------------------------------------------------------------- */
		/*	Wrapper
		/* ---------------------------------------------------------------------- */

		.boxed #wrapper { width: 300px; }	
		
		/* ---------------------------------------------------------------------- */
		/*	Header
		/* ---------------------------------------------------------------------- */
		
		#header { text-align: center; }
		
			/* -------------------------------------------------- */
			/*	Logo
			/* -------------------------------------------------- */

				#logo { 
					float: none;
					margin-top: 0;
					margin-bottom: 20px;
					text-align: center;
				}
				
			/* -------------------------------------------------- */
			/*	Top Phone
			/* -------------------------------------------------- */

			.top-phone {
				display: inline-block;
				float: none;
				margin-bottom: 20px;
				text-align: center;
			}
			
			#header .vcard {
				float: none;
				text-align: center;
				margin-bottom: 10px;
			}

			/* -------------------------------------------------- */
			/*	Social Icons
			/* -------------------------------------------------- */

			#header ul.social-icons {
				float: none;  
				text-align: center;
			}	

			/* -------------------------------------------------- */
			/*	Main Navigation
			/* -------------------------------------------------- */

			.menu-container {
				border-top-width: 0;
				border-top-color: transparent;
				border-bottom-width: 0;
				border-bottom-color: transparent;
			}


				.navigation		{ display: none; }
				.responsive-nav { display: block; }
				
			.page-header .breadcrumbs{display: none;}	
			
			/* -------------------------------------------------- */
			/*	Search
			/* -------------------------------------------------- */

			.search-wrapper {
				display: inline-block;
				float: none;
				margin-bottom: 20px;
				margin-top: 5px;
				padding-top: 0;
				border-left-width: 0;
			}
			
				.search-wrapper input[type="text"] {
					margin: 0 4px;
					padding: 8px 5px;
					font-size: 13px;
				}

				.search-wrapper .submit-search:after {
					background-color: #d4d4d4;
					color: #fff;
					font-size: 17px;
					
					-webkit-transition: all .25s linear;
					   -moz-transition: all .25s linear;
						-ms-transition: all .25s linear;
						 -o-transition: all .25s linear;
							transition: all .25s linear;
				}
				
				.search-wrapper .submit-search:hover:after,
				.search-wrapper .submit-search.active:after {
					background-color: #000;
					color: #fff;
				}
				
		/* ---------------------------------------------------------------------- */
		/*	Content
		/* ---------------------------------------------------------------------- */
				
			.item { 
				margin: 0;
				width: 100%; 
			}		
			
			.item .title { font-size: 16px; }
				
			/* -------------------------------------------------- */
			/*	Team
			/* -------------------------------------------------- */			

				ul.clients-items li { width: 50%; }	

			/* -------------------------------------------------- */
			/* 404 Page
			/* -------------------------------------------------- */
			
			.e404 {
				padding: 30px 0 80px 0;
				text-align: center;
			}

				.e404 h1 {
					float: none;
					margin-right: 0;
					padding-right: 0;
					border-right: none;
					font-size: 150px;
				}

				.e404 h2 { 
					margin-bottom: 10px;
					font-size: 25px;
				}		
			
		/* ---------------------------------------------------------------------- */
		/*	Blog
		/* ---------------------------------------------------------------------- */
		
				.entry-meta span {
					margin: 0;
					width: 50%;
				}
		
			/* -------------------------------------------------- */
			/*	Pagenavi
			/* -------------------------------------------------- */

			.wp-pagenavi { margin-bottom: 40px; }
			
			/* -------------------------------------------------- */
			/* Pricing Tables
			/* -------------------------------------------------- */	

				.container .simple-pricing-table .column { margin-bottom: 30px; }

					
				
			/* -------------------------------------------------- */
			/*	Copyright
			/* -------------------------------------------------- */	

			.adjective { text-align: center; }	

				.copyright,
				.developed { float: none; }
				
			/* -------------------------------------------------- */
			/*	Control Panel
			/* -------------------------------------------------- */	
				
			.control-panel { display: none; }
			
		
	}

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

		.boxed #wrapper { width: 420px; }
		
		/* ---------------------------------------------------------------------- */
		/*	Widgets + Shortcodes
		/* ---------------------------------------------------------------------- */				
				
			/* -------------------------------------------------- */
			/*	Map
			/* -------------------------------------------------- */
			
			#content .google_map { height: 250px; }	
			
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
						
		/* ---------------------------------------------------------------------- */
		/*	Widgets + Shortcodes
		/* ---------------------------------------------------------------------- */				
				
			/* -------------------------------------------------- */
			/*	Map
			/* -------------------------------------------------- */
			
			#content .google_map { height: 200px; }	
		
	}
	
	/* Icons */

	[class^="icons-"],
	[class*=" icons-"] {
		display: inline-block;
		margin-right: 12px;
		margin-bottom: 4px;
		vertical-align: middle;
		width: 45px;
		height: 45px;
		background-image: url(../images/icons/icons.png);
	}


	[class^="icons-"],
	[class*=" icons-"] {
		-webkit-transition: all .2s linear;
		   -moz-transition: all .2s linear;
			-ms-transition: all .2s linear;
			 -o-transition: all .2s linear;
				transition: all .2s linear;  
	}
	
	.stateColor [class^="icons-"],
	.stateColor [class*=" icons-"] {
		-webkit-transition: none;
		   -moz-transition: none;
			-ms-transition: none;
			 -o-transition: none;
				transition: none;  		
	}

	.icons-app				{ background-position: 0 0; }
	.icons-shuffle			{ background-position: -45px 0; }
	.icons-monitor			{ background-position: -90px 0; }
	.icons-magnifying		{ background-position: -135px 0; }
	.icons-mail				{ background-position: -180px 0; }
	.icons-users			{ background-position: -225px 0; }
	.icons-present			{ background-position: -270px 0; }
	.icons-download			{ background-position: -315px 0; }
	.icons-upload			{ background-position: -360px 0; }
	.icons-in-tray			{ background-position: -405px 0; }
	.icons-cat				{ background-position: -450px 0; }
	.icons-cog				{ background-position: -495px 0; }
	.icons-polaroid			{ background-position: -540px 0; }
	.icons-electricity		{ background-position: -585px 0; }
	.icons-lightbulb		{ background-position: -630px 0; }
	.icons-graph-up			{ background-position: -675px 0; }
	.icons-pie-chart		{ background-position: -720px 0; }
	.icons-bar-chart		{ background-position: -765px 0; }
	.icons-disc-graph		{ background-position: -810px 0; }
	.icons-screwdriver		{ background-position: -855px 0; }
	.icons-sun				{ background-position: -900px 0; }
	.icons-coffee-cup		{ background-position: -945px 0; }
	.icons-shamrock			{ background-position: -990px 0; }
	.icons-target			{ background-position: -1035px 0; }
	.icons-life-ring		{ background-position: -1080px 0; }
	.icons-puzzle			{ background-position: -1125px 0; }
	.icons-umbrella			{ background-position: -1170px 0; }
	.icons-bomb				{ background-position: -1215px 0; }
	.icons-speech-bubble	{ background-position: -1260px 0; }
	.icons-link				{ background-position: -1305px 0; }
	.icons-alarm-clock		{ background-position: -1350px 0; }
	.icons-thumbs-up		{ background-position: -1395px 0; }
	.icons-thumbs-down		{ background-position: -1440px 0; }
	.icons-tick-circle		{ background-position: -1485px 0; }
	.icons-cross-circle		{ background-position: -1530px 0; }
	.icons-arrow			{ background-position: -1575px 0; }
	.icons-heart			{ background-position: -1620px 0; }
	.icons-wallet			{ background-position: -1665px 0; }
	.icons-tick				{ background-position: -1710px 0; }
	.icons-paint-brush		{ background-position: -1755px 0; }
	.icons-network			{ background-position: -1800px 0; }
	.icons-layout			{ background-position: -1845px 0; }
	.icons-megaphone		{ background-position: -1890px 0; }
	.icons-book				{ background-position: -1935px 0; }
	.icons-calendar			{ background-position: -1980px 0; }
	.icons-refresh			{ background-position: -2025px 0; }
	.icons-earth			{ background-position: -2070px 0; }
	.icons-house			{ background-position: -2115px 0; }

	.detail-box.defaultState .icons-app				{ background-position: 0 -45px; }
	.detail-box.defaultState .icons-shuffle			{ background-position: -45px -45px; }
	.detail-box.defaultState .icons-monitor			{ background-position: -90px -45px; }
	.detail-box.defaultState .icons-magnifying		{ background-position: -135px -45px; }
	.detail-box.defaultState .icons-mail			{ background-position: -180px -45px; }
	.detail-box.defaultState .icons-users			{ background-position: -225px -45px; }
	.detail-box.defaultState .icons-present			{ background-position: -270px -45px; }
	.detail-box.defaultState .icons-download		{ background-position: -315px -45px; }
	.detail-box.defaultState .icons-upload			{ background-position: -360px -45px; }
	.detail-box.defaultState .icons-in-tray			{ background-position: -405px -45px; }
	.detail-box.defaultState .icons-cat				{ background-position: -450px -45px; }
	.detail-box.defaultState .icons-cog				{ background-position: -495px -45px; }
	.detail-box.defaultState .icons-polaroid		{ background-position: -540px -45px; }
	.detail-box.defaultState .icons-electricity		{ background-position: -585px -45px; }
	.detail-box.defaultState .icons-lightbulb		{ background-position: -630px -45px; }
	.detail-box.defaultState .icons-graph-up		{ background-position: -675px -45px; }
	.detail-box.defaultState .icons-pie-chart		{ background-position: -720px -45px; }
	.detail-box.defaultState .icons-bar-chart		{ background-position: -765px -45px; }
	.detail-box.defaultState .icons-disc-graph		{ background-position: -810px -45px; }
	.detail-box.defaultState .icons-screwdriver		{ background-position: -855px -45px; }
	.detail-box.defaultState .icons-sun				{ background-position: -900px -45px; }
	.detail-box.defaultState .icons-coffee-cup		{ background-position: -945px -45px; }
	.detail-box.defaultState .icons-shamrock		{ background-position: -990px -45px; }
	.detail-box.defaultState .icons-target			{ background-position: -1035px -45px; }
	.detail-box.defaultState .icons-life-ring		{ background-position: -1080px -45px; }
	.detail-box.defaultState .icons-puzzle			{ background-position: -1125px -45px; }
	.detail-box.defaultState .icons-umbrella		{ background-position: -1170px -45px; }
	.detail-box.defaultState .icons-bomb			{ background-position: -1215px -45px; }
	.detail-box.defaultState .icons-speech-bubble	{ background-position: -1260px -45px; }
	.detail-box.defaultState .icons-link			{ background-position: -1305px -45px; }
	.detail-box.defaultState .icons-alarm-clock		{ background-position: -1350px -45px; }
	.detail-box.defaultState .icons-thumbs-up		{ background-position: -1395px -45px; }
	.detail-box.defaultState .icons-thumbs-down		{ background-position: -1440px -45px; }
	.detail-box.defaultState .icons-tick-circle		{ background-position: -1485px -45px; }
	.detail-box.defaultState .icons-cross-circle	{ background-position: -1530px -45px; }
	.detail-box.defaultState .icons-arrow			{ background-position: -1575px -45px; }
	.detail-box.defaultState .icons-heart			{ background-position: -1620px -45px; }
	.detail-box.defaultState .icons-wallet			{ background-position: -1665px -45px; }
	.detail-box.defaultState .icons-tick			{ background-position: -1710px -45px; }
	.detail-box.defaultState .icons-paint-brush		{ background-position: -1755px -45px; }
	.detail-box.defaultState .icons-network			{ background-position: -1800px -45px; }
	.detail-box.defaultState .icons-layout			{ background-position: -1845px -45px; }
	.detail-box.defaultState .icons-megaphone		{ background-position: -1890px -45px; }
	.detail-box.defaultState .icons-book			{ background-position: -1935px -45px; }
	.detail-box.defaultState .icons-calendar		{ background-position: -1980px -45px; }
	.detail-box.defaultState .icons-refresh			{ background-position: -2025px -45px; }
	.detail-box.defaultState .icons-earth			{ background-position: -2070px -45px; }
	.detail-box.defaultState .icons-house			{ background-position: -2115px -45px; }

	.detail-box.stateColor .icons-app			{ background-position: 0 -45px; }
	.detail-box.stateColor .icons-shuffle		{ background-position: -45px -45px; }
	.detail-box.stateColor .icons-monitor		{ background-position: -90px -45px; }
	.detail-box.stateColor .icons-magnifying	{ background-position: -135px -45px; }
	.detail-box.stateColor .icons-mail			{ background-position: -180px -45px; }
	.detail-box.stateColor .icons-users			{ background-position: -225px -45px; }
	.detail-box.stateColor .icons-present		{ background-position: -270px -45px; }
	.detail-box.stateColor .icons-download		{ background-position: -315px -45px; }
	.detail-box.stateColor .icons-upload		{ background-position: -360px -45px; }
	.detail-box.stateColor .icons-in-tray		{ background-position: -405px -45px; }
	.detail-box.stateColor .icons-cat			{ background-position: -450px -45px; }
	.detail-box.stateColor .icons-cog			{ background-position: -495px -45px; }
	.detail-box.stateColor .icons-polaroid		{ background-position: -540px -45px; }
	.detail-box.stateColor .icons-electricity	{ background-position: -585px -45px; }
	.detail-box.stateColor .icons-lightbulb		{ background-position: -630px -45px; }
	.detail-box.stateColor .icons-graph-up		{ background-position: -675px -45px; }
	.detail-box.stateColor .icons-pie-chart		{ background-position: -720px -45px; }
	.detail-box.stateColor .icons-bar-chart		{ background-position: -765px -45px; }
	.detail-box.stateColor .icons-disc-graph	{ background-position: -810px -45px; }
	.detail-box.stateColor .icons-screwdriver	{ background-position: -855px -45px; }
	.detail-box.stateColor .icons-sun			{ background-position: -900px -45px; }
	.detail-box.stateColor .icons-coffee-cup	{ background-position: -945px -45px; }
	.detail-box.stateColor .icons-shamrock		{ background-position: -990px -45px; }
	.detail-box.stateColor .icons-target		{ background-position: -1035px -45px; }
	.detail-box.stateColor .icons-life-ring		{ background-position: -1080px -45px; }
	.detail-box.stateColor .icons-puzzle		{ background-position: -1125px -45px; }
	.detail-box.stateColor .icons-umbrella		{ background-position: -1170px -45px; }
	.detail-box.stateColor .icons-bomb			{ background-position: -1215px -45px; }
	.detail-box.stateColor .icons-speech-bubble	{ background-position: -1260px -45px; }
	.detail-box.stateColor .icons-link			{ background-position: -1305px -45px; }
	.detail-box.stateColor .icons-alarm-clock	{ background-position: -1350px -45px; }
	.detail-box.stateColor .icons-thumbs-up		{ background-position: -1395px -45px; }
	.detail-box.stateColor .icons-thumbs-down	{ background-position: -1440px -45px; }
	.detail-box.stateColor .icons-tick-circle	{ background-position: -1485px -45px; }
	.detail-box.stateColor .icons-cross-circle	{ background-position: -1530px -45px; }
	.detail-box.stateColor .icons-arrow			{ background-position: -1575px -45px; }
	.detail-box.stateColor .icons-heart			{ background-position: -1620px -45px; }
	.detail-box.stateColor .icons-wallet		{ background-position: -1665px -45px; }
	.detail-box.stateColor .icons-tick			{ background-position: -1710px -45px; }
	.detail-box.stateColor .icons-paint-brush	{ background-position: -1755px -45px; }
	.detail-box.stateColor .icons-network		{ background-position: -1800px -45px; }
	.detail-box.stateColor .icons-layout		{ background-position: -1845px -45px; }
	.detail-box.stateColor .icons-megaphone		{ background-position: -1890px -45px; }
	.detail-box.stateColor .icons-book			{ background-position: -1935px -45px; }
	.detail-box.stateColor .icons-calendar		{ background-position: -1980px -45px; }
	.detail-box.stateColor .icons-refresh		{ background-position: -2025px -45px; }
	.detail-box.stateColor .icons-earth			{ background-position: -2070px -45px; }
	.detail-box.stateColor .icons-house			{ background-position: -2115px -45px; }