/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/
/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Tabs
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{ border:0; font:inherit; font-size:100%; margin:0; padding:0; vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block;}
body{ line-height:1;}
ol,ul{ list-style:none;}
blockquote,q{ quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none;}
table{ border-collapse:collapse; border-spacing:0; width:100%;}

iframe{width:100%;}
/* #Basic Styles================================================== */
body{-webkit-font-smoothing:antialiased; -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; color:#555;font-family: Arial, Helvetica, sans-serif;font-size:12px;line-height:18px; background-color:#000; }

/* #Typography================================================== */
@font-face {
    font-family: 'MyriadProLightBold';
    src: url('myriadpro-semibold-webfont.eot');
    src: url('myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('myriadpro-semibold-webfont.woff') format('woff'),
         url('myriadpro-semibold-webfont.ttf') format('truetype'),
         url('myriadpro-semibold-webfont.svg#MyriadProLightBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'MyriadWebProRegular';
    src: url('myriadwebpro-webfont.eot');
    src: url('myriadwebpro-webfont.eot?#iefix') format('embedded-opentype'),
         url('myriadwebpro-webfont.woff') format('woff'),
         url('myriadwebpro-webfont.ttf') format('truetype'),
         url('myriadwebpro-webfont.svg#MyriadWebProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1,h2,h3,h4,h5,h6{ font-weight:500; color:#222; margin-bottom:10px; font-family: 'MyriadProLightBold'; letter-spacing:-1px}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{ font-weight:inherit;}
h2{ font-size:28px; line-height:26px;}
h3{ font-size:24px;}
h2 em{ font-size:18px; display:block; font-style:normal; font-weight:normal; color:#999;}
h4{ font-size:20px; }
h5{ font-size:16px;}
h6{ font-size:14px;}

.subheader{ color:#777;}
p{ margin:0 0 20px 0;}
p img{ margin:0;}
p.lead{ color:#777; font-size:21px; line-height:27px;}
em{ font-style:italic;}
strong{ color:#333; font-weight:700;}
small{ font-size:80%;}

blockquote,blockquote p{ color:#777; font-size:17px; font-style:italic; line-height:24px;}
blockquote{ border-left:1px solid #ddd; margin:0 0 20px; padding:9px 20px 0 19px;}
blockquote cite{ color:#555; display:block; font-size:12px;}
blockquote cite:before{ content:"\2014 \0020";}
blockquote cite a,blockquote cite a:visited,blockquote cite a:visited{ color:#555;}

hr{
	border:solid #e1e1e1;
	border-width:1px 0 0;
	clear:both;
	height:0;
	margin:30px 0 30px;
}

/* #Links================================================== */
a {color:#3cacba;text-decoration:none;  -webkit-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
a:hover {color: #00aeef;}
/* #Lists
================================================== */
ul.square{ list-style:square outside;}
ul.circle{ list-style:circle outside;}
ul.disc{ list-style:disc outside;}
ul.large li{ line-height:21px;}

/* #Images================================================== */
img.scale-with-grid {
	max-width:100%;
	height: auto;
}
/* #Buttons================================================== */
.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #8dc63f; /* Old browsers */
		background: #8dc63f -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #8dc63f -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #8dc63f -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #8dc63f -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #8dc63f -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #e8dc63f linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
		border:none;
	  padding: 4px 20px;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #fff;
	  display: inline-block;
	  font-size: 12px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(000, 000, 000, .4);
	  cursor: pointer;
	  margin-bottom: 10px;
	  line-height: normal;
	  padding: 8px 20px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #fff;
		border:none;
		background: #6dcff6; /* Old browsers */
		background: #6dcff6 -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #6dcff6-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #6dcff6 -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #6dcff6 -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #6dcff6 -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #6dcff6 linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	}

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		bborder:none;
		background: #8dc63f; /* Old browsers */
		background: #8dc63f -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #8dc63f -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: #8dc63f -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #8dc63f -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #8dc63f -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #8dc63f linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}

/* #Forms================================================== */
fieldset{ margin-bottom:10px;}
input[type="text"],input[type="password"],input[type="email"],textarea,select{ background:#f2f2f2; border: none; color:#111; display:block; font:13px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; margin-bottom:20px; border-radius:3px; -moz-border-radius:3px;  -webkit-border-radius:3px; outline:none; padding:8px 8px  8px 40px ;  width:260px; }
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus {box-shadow:0 0 8px rgba(109,207,246,1); color:#444; -moz-border-radius:3px; -moz-box-shadow:0 0 8px rgba(109,207,246,1); -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 0 8px rgba(109,207,246,1); background:#fff; }

input[type="text"].name{ background:#f2f2f2 url(../img/name.png) no-repeat -3px center; }
input[type="text"].name:focus{ background:#fff url(../img/name.png) no-repeat -3px center; }

input[type="email"].email{ background:#f2f2f2 url(../img/email.png) no-repeat -3px center; }
input[type="email"].email:focus{ background:#fff url(../img/email.png) no-repeat -3px center; }

input[type="text"].phone{ background:#f2f2f2 url(../img/phone.png) no-repeat -3px center; }
input[type="text"].phone:focus{ background:#fff url(../img/phone.png) no-repeat -3px center; }

select{ padding:7px;}


textarea{ min-height:90px; width:95%; padding:8px;}
label,legend{ display:block;}
.verify_txt {float:left; width:180px; margin-top:8px }
input.verify_form {width: 30px; float:left; padding:8px; }
label {color:#555; font-weight: bold; margin-bottom:3px}
span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

.error_message { display: block; height: 22px; line-height: 22px; background: #ed1c24 url(../img/allert.png) no-repeat 10px center; padding: 3px 10px 3px 35px; color:#fff;border: 1px solid #f26c4f; margin-bottom:10px; }
.loader { padding: 0 10px; }
#success_page h1 { background: url('../img/success.png') left no-repeat; padding-left:40px; color:#fff; line-height:30px; font-size:30px; }

/* #Misc================================================== */
.remove-bottom{ margin-bottom:0 !important;}
.half-bottom{ margin-bottom:10px !important;}
.add-bottom{ margin-bottom:20px !important;}
.add-bottom_2{ margin-bottom:35px !important;}
.add-bottom_3{ margin-bottom:40px !important;}
.add-top-bottom{ padding: 60px 0;}


/* #Tabs (activate in tabs.js)
================================================== */
	ul.tabs {
		display: block;
		margin: 0 0 20px 0;
		padding: 0;
		border-bottom: solid 1px #e1e1e1; }
	ul.tabs li {
		display: block;
		width: auto;
		height: 30px;
		padding: 0;
		float: left;
		margin-bottom: 0; margin-right:2px;}
	ul.tabs li a {
		display: block;
		text-decoration: none;
		width: auto;
		height: 29px;
		padding: 0px 20px;
		line-height: 30px;
		border: solid 1px #e1e1e1;
		border-width: 1px 1px 0 0;
		margin: 0;
		background: #444;
		color:#fff;
		font-size: 13px; }
	ul.tabs li a.active {
		background: #fff;
		height: 30px;
		position: relative;
		top: -4px;
		padding-top: 4px;
		border-left-width: 1px;
		margin: 0 0 0 -1px;
		color: #222;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px;
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }
	ul.tabs li:first-child a.active {
		margin-left: 0; }
	ul.tabs li:first-child a {
		border-width: 1px 1px 0 1px;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px; }
	ul.tabs li:last-child a {
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }

	ul.tabs-content { margin: 0; display: block; }
	ul.tabs-content > li { display:none;l}
	ul.tabs-content > li.active { display: block; }

	/* Clearfixing tabs for beautiful stacking */
	ul.tabs:before,
	ul.tabs:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0; }
	ul.tabs:after {
	  clear: both; }
	ul.tabs {
	  zoom: 1; }
	  
/* Acccordion */	  
#accordion-container {
	
}
.accordion-header {
	margin: 10px 0 0 0;
	padding: 5px 15px;
	cursor: pointer;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-shadow: 0 -1px 0 rgba(000,000,000,0.9);
}

.active-header {
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: url(../img/active-header.gif)  #444;
	background-repeat: no-repeat;
	background-position: right 50%;
}

.active-header:hover {
	background: url(../img/active-header.gif) #444;
	background-repeat: no-repeat;
	background-position: right 50%;
}

.inactive-header {
	background: url(../img/inactive-header.gif) #444;
	background-repeat: no-repeat;
	background-position: right 50%;
}

.inactive-header:hover {
	background: url(../img/inactive-header.gif)  #444;
	background-repeat: no-repeat;
	background-position: right 50%;
}

.accordion-content {
	display: none;
	padding: 15px 15px 5px 15px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	background-color:#f2f2f2;
	
}