/*
* 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 { background-image: url(../images/bg.jpg); background-repeat:repeat-x; background-color: #F5F5F5; }
* { font-family: 'Asap', sans-serif !important; }
.spacer { width: 100%; clear: both; margin-bottom: 14px !important; }


/* #Page Styles
================================================== */
.topright, .logo { margin-top: 24px; }
.logo h2 { color: #fff; font-size: 46px; font-family: 'Bitter', serif !important; margin-top:12px; }

.topright { text-align: right; color: #fff; font-size: 16px; }
.topright a { color:#fff !important; text-decoration:none !important; }
.topright strong { font-size: 24px; color: #fff; }

.navigation { height: 60px; background-color: #e7e7e7; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; }
.navigation ul { height: 60px; margin-left: 30px; }
.navigation li { float: left; width: 24%; height: 60px; text-align: center; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; }
.navigation li:hover, .navigation .active { background-color: #9c0004; }
.navigation a li { text-decoration: none; font-size: 18px;  line-height: 60px; }
.navigation a li:hover, .navigation .active { color: #fff; }

.content { width: 100%; height: auto; margin-top: -16px; background-color: #fff; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; }
.sidebar, .article { margin: 24px 0 0 24px !important; }
.article a { text-decoration:none !important; color:#181818 !important; }
.content p, .content li { font-size: 14px; }
.article li { list-style-type:disc; margin-left:16px; }
.sidebar li { list-style-type:disc; margin-left:16px; }

.footer { width: 100%; height: auto; z-index: 10000; padding-top: 18px; }
.footer p, .footer p a { color: #fff; text-decoration: none; }
.footer-left { margin-left: 24px; }
.footer-right { float: right; margin-right: 24px; }

.y1{max-width:140px;}

body > div.container > div.bx-wrapper > div.bx-controls.bx-has-pager.bx-has-controls-direction > div.bx-pager.bx-default-pager{display:none;}

#footer { width: 100%; height: 100px; background-image: url(../images/footer.jpg); z-index: -10000; margin-top: -100px; }

#info { float:right; margin:64px 200px 0 0; }
/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.bx-wrapper { width: 748px !important; }
		.spacer { width: 100%; clear: both; margin-bottom: 	32px !important; }
		.navigation li { float: left; width: 23.8%; height: 60px; }
		.content { margin-top: 0; }
		#info { float:left !important; margin-left:0px !important; margin-top:-8px !important; }
		.myform1 { margin-top:375px !important; }
	}

	/* 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) {
		.logo { margin-top: 24px !important; }
		.topright, .logo { text-align: center; }
		.navigation li { float: left; height: 60px; }
		.navigation a li { text-decoration: none; font-size: 16px;  line-height: 60px; }
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.navigation { margin: -12px 0 !important;}
		.navigation li { width: 89px !important; padding-top:12px; height: 48px;}
		.home,.contact{line-height:38px!important;}
		.navigation a li { font-size: 16px;  line-height: 18px;}
		.logo h2 { line-height: 85%; }
		.horizontal { width: 372px; }
		.article p { width: 89%; }
		.footer { text-align: center !important; }
		.footer-left, .footer-right { float: left !important; width: 100% !important; }

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.logo h2 { line-height: 85%; }
		.navigation{border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
		.navigation ul{margin-left:0px;}
		.navigation li { width: 73px; height: 48px; margin: 0 !important; padding: 0 !important; padding-top: 12px !important;  }
		.navigation a li { line-height: 120%;  font-size:16px;}
		.article, .sidebar { margin-left: 12px !important; }
		.article h1 { font-size: 28px; }
		.horizontal { width: 278px; }
		.article p { width: 92%; }
		.sub-menu li { width:100px !important; }
		ul#menu li ul.sub-menu { left:-31px !important; top:56px !important; }
		.home{line-height:38px;}

		#info { width:200px !important;   }

	}


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