/*
* 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
================================================== */
body {
	font-family:sans-serif,Geneva,sans-serif;
}


/* #Page Styles
================================================== */

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

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.maincontent .abouttext {
			width:100%;
		}
		
		.maincontent .aboutimg {
			width:100%;
		}
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		 .abouttext {
			width:60%;
			float:left;
		}

		.aboutimgcont {
			width:35%;
		}
		
		.aboutfirstimg {
			margin-top:40px;
			margin-bottom: 40px;
		}
		
		.abndetails {
			right:25px;
		}
		
		 #sse3 {
			padding-top:4px;
		}
		.logo {
			margin-left:-60px;
		}
		.slidercont {
    		margin-top: 40px;
		}
		.bottomheadercont {
    height: 50px;
		}
		.homepagecontent {
			margin-top:30px;
		}
		
		.hometextcont {
			margin-top:30px;
		}
		.homelinkbtnscont {
			margin-bottom:50px;
		}
		.homelinkbtn {
			margin-right:14px;
		}
		#sses3 li{
			float:left;
		}
		#sses3 li a {
			padding:0 31px;
		}
		.footer {
			padding:20px 0 0 ;
		}
		.footeraddress {
			right:22%;
		}
		.testimonialform {
			float: left;
			width: 50%;
		}
		.testimonailimgcont {
			width:50%;
			text-align:center;
			float:left;
		}
		.contactpagedetails {
		    float:left;
			width:50%;
			text-align: left;
		}
		.contactform {
			border-top: medium none;
			float: right;
			margin-top: 0;
			padding-top: 0;
			width: 50%;
		}
		.gallerymainpage {
			margin-bottom:50px;
			margin-top:50px;
		}
	}
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#toolsyoumain .toolsimgcont img {    
			position:relative;
			left:0;
		}
		.container .nav {
			padding-top:30px;
			padding-bottom:30px;
		}
		
		.container .navlink {
			border: 1px solid #333333;
			border-radius: 5px 5px 5px 5px;
			color: #333333;
			margin-bottom: 10px;
			margin-left: 15px;
			margin-right: 15px;
			padding: 10px;
			text-decoration: none;
			width: 81%;
		
		}
		.container .divon {
			color: #ae17ae;
			
		}
		
		.container .clicked {
			font-weight:bold;
			color: #ae17ae;
		}
	
		.container .homelinkbtnscont {
			display:none;
		}
		
		.container .contactpageimage {
			margin-top: 5%;
			text-align: center;
			width:100%;
			display:none;
		}
		
		.container .flash-success {
			float:left;
			width:100%;
			margin-bottom: 30px;
		}
		
		.container .footerfollowuscont {
			float:left;
			margin-top:10px;
		}
		
		.container .footercopyright {
			font-size:10px;
			margin-top: 0;
			margin-bottom:20px;
		}
			
		.container .footeraddresscont {
			display:none;
		}
		.container .footerfollowus {
			font-size: 10px;
		}
		
		.container .testimonialscont {
			float:left;
			width:100%;
		}
		
		.container .testimonialform {
			float:left;
			width:100%;
		}
		
		.container .backbtn {
			width:auto;
		}
		
	}
	
	
	
	
	

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.container .nav {
			padding-top:30px;
			padding-bottom:30px;
		}
		
		.container .navcont {
			width:100%;
		}
		.container .navlink {
			border: 1px solid #333333;
			border-radius: 5px 5px 5px 5px;
			color: #333333;
			margin-bottom: 10px;
			margin-left: 15px;
			margin-right: 15px;
			padding: 10px;
			text-decoration: none;
			width: 81%;
		}
		.container .divon {
			color: #ae17ae;
			
		}
		
		.container .clicked {
			font-weight:bold;
			color: #ae17ae;
		}
		
		.container .flash-success {
			float:left;
			width:100%;
			margin-bottom: 30px;
		}
		
		.container #sse3 {
			padding-top:11px;
		}
	
	}
	

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.container .nav {
			padding-top:30px;
			padding-bottom:30px;
		}
		
		.container .navlink {
			border: 1px solid #333333;
			border-radius: 5px 5px 5px 5px;
			color: #333333;
			margin-bottom: 10px;
			margin-left: 15px;
			margin-right: 15px;
			padding: 10px;
			text-decoration: none;
			width: 81%;
		
		}
		.container .divon {
			color: #ae17ae;
			
		}
		
		.container .clicked {
			font-weight:bold;
			color: #ae17ae;
		}
		.container .flash-success {
			float:left;
			width:100%;
			margin-bottom: 30px;
		}
	
	
	}	

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