/*
* 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
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
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
{
	margin: 0;
	padding: 0;
	border: 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;
}
A *
{
	cursor: pointer;
}
*:focus, *:active
{
	outline: none;
	outline-width: 0;
}
/*#Typography
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
H1, H2, H3, H4, H5, H6
{
	color: #6E6E6E;
	font-family: Georgia, "Times New Roman", Helvetica, Arial, sans-serif;
	font-weight: normal;
}
A
{
	font-weight: inherit;
	color: #0098D8;
}
H1
{
	font: 400 27px / 36px Dosis, "Trebuchet MS", sans-serif;
	margin-bottom: 8px;
	text-transform: uppercase;
}
H2
{
	font: 600 18px / 1.2em Dosis, "Trebuchet MS", sans-serif;
	margin-bottom: 11px;
	text-transform: uppercase;
}
H3
{
	font: 600 16px / 1.3em Dosis, "Trebuchet MS", sans-serif;
	margin-bottom: 11px;
	text-transform: uppercase;
}
H4
{
	font: 600 14px / 1.4em Dosis, "Trebuchet MS", sans-serif;
	margin-bottom: 10px;
}
H5
{
	font: 700 13px / 1.4em "Pt Sans", sans-serif;
	margin-bottom: 10px;
}
H6
{
	font: 700 12px / 1.4em "Pt Sans", sans-serif;
	margin-bottom: 11px;
}
P
{
	margin: 0 0 18px;
}
P IMG
{
	margin: 0;
}
P.lead
{
	font-size: 21px;
	line-height: 27px;
	color: #777;
}
EM
{
	font-style: italic;
}
STRONG
{
	font-weight: 700;
}
SMALL
{
	font-size: 80%;
}
/*Blockquotes*/
BLOCKQUOTE
{
	font: italic 11px / 17px Georgia, "Times New Roman", Times, serif;
	color: #B2B2B2;
}
BLOCKQUOTE P
{
	margin: 0;
}
BLOCKQUOTE
{
	padding: 9px 0 9px 33px;
	background: url(images/backgrounds/ico/grey-blo.png) no-repeat 0 10px;
}
BLOCKQUOTE.grey-blo
{
	background-image: url(images/backgrounds/ico/grey-blo.png);
	margin-top: -13px;
	margin-bottom: 5px;
}
BLOCKQUOTE CITE
{
	display: block;
	font-size: 12px;
	color: #555;
}
BLOCKQUOTE CITE:before
{
	content: "\2014 \0020";
}
BLOCKQUOTE CITE A, BLOCKQUOTE CITE A:visited, BLOCKQUOTE CITE A:visited
{
	color: #0098D8;
}
HR
{
	border: solid #DDD;
	border-width: 1px 0 0;
	clear: both;
	margin: 10px 0 30px;
	height: 0;
}
/*#Links
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
A
{
	color: #F58220;
}
A:hover
{
	text-decoration: none;
}
P A, P A:visited
{
	line-height: inherit;
}
A MARK
{
	background: none;
}
/*#Lists
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
UL, OL
{
	margin-bottom: 20px;
}
UL
{
	list-style: none outside;
}
OL
{
	list-style: decimal;
}
OL, UL.square, UL.circle, UL.disc
{
	margin-left: 30px;
}
UL.square
{
	list-style: square outside;
}
UL.circle
{
	list-style: circle outside;
}
UL.disc
{
	list-style: disc outside;
}
UL UL, UL OL, OL OL, OL UL
{
	margin: 4px 0 5px 30px;
	font-size: 90%;
}
UL UL LI, UL OL LI, OL OL LI, OL UL LI
{
	margin-bottom: 6px;
}
LI
{
	line-height: 18px;
	margin-bottom: 12px;
}
UL.large LI
{
	line-height: 21px;
}
UL.large LI P
{
	line-height: 21px;
}
/*#Images
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

img.scale-with-grid {
max-width: 100%;
height: auto; }
*/
IMG
{
	max-width: 100%;
	height: auto;
}
/*#Buttons
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
.button, button, input[type~"submit"], input[type~"reset"], input[type~"button"]*/
#INVALID-RULE
{
	background: #EEE;
	/*Old browsers*/
	background: #EEE -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);
	/*FF3.6+*/
	background: #EEE -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: #EEE -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/*Chrome10+,Safari5.1+*/
	background: #EEE -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/*Opera11.10+*/
	background: #EEE -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/*IE10+*/
	background: #EEE linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/*W3C*/
	border: 1px solid #AAA;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding: 4px 12px;
	color: #444;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px rgba(255, 255, 255, 0.75);
	cursor: pointer;
	margin-bottom: 20px;
	line-height: normal;
	padding: 8px 10px;
}
/*.button:hover, button:hover, input[type~"submit"]:hover, input[type~"reset"]:hover, input[type~"button"]:hover*/
#INVALID-RULE
{
	color: #222;
	background: #DDD;
	/*Old browsers*/
	background: #DDD -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
	/*FF3.6+*/
	background: #DDD -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: #DDD -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
	/*Chrome10+,Safari5.1+*/
	background: #DDD -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
	/*Opera11.10+*/
	background: #DDD -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
	/*IE10+*/
	background: #DDD linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
	/*W3C*/
	border: 1px solid #888;
	border-top: 1px solid #AAA;
	border-left: 1px solid #AAA;
}
/*.button:active, button:active, input[type~"submit"]:active, input[type~"reset"]:active, input[type~"button"]:active*/
#INVALID-RULE
{
	border: 1px solid #666;
	background: #CCC;
	/*Old browsers*/
	background: #CCC -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%);
	/*FF3.6+*/
	background: #CCC -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: #CCC -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);
	/*Chrome10+,Safari5.1+*/
	background: #CCC -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);
	/*Opera11.10+*/
	background: #CCC -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);
	/*IE10+*/
	background: #CCC 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*/
#INVALID-RULE
{
	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;
}
/*#Tabs (activate in tabs.js)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
UL.tabs
{
	display: block;
	margin: 0 0 20px;
	padding: 0;
	border-bottom: 1px solid #DDD;
}
UL.tabs LI
{
	display: block;
	width: auto;
	height: 30px;
	padding: 0;
	float: left;
	margin-bottom: 0;
}
UL.tabs LI A
{
	display: block;
	text-decoration: none;
	width: auto;
	height: 29px;
	padding: 0px 20px;
	line-height: 30px;
	border: 1px solid #DDD;
	border-width: 1px 1px 0 0;
	margin: 0;
	background: #F5F5F5;
	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: #111;
	-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;
	-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;
}
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;
}
/*#Forms
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
FORM
{
	margin-bottom: 20px;
}
FIELDSET
{
	margin-bottom: 20px;
}
INPUT[type="text"], INPUT[type="password"], INPUT[type="email"], TEXTAREA, SELECT
{
	border: 1px solid #F0F0F0;
	padding: 5px 4px;
	outline: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #888888;
	margin: 0;
	width: 210px;
	max-width: 100%;
	display: block;
	margin-bottom: 20px;
	background: #FFF;
	position: relative;
	-webkit-box-shadow: 0 1px 0 0 #fff;
	box-shadow: 0 1px 0 0 #FFF;
}
SELECT
{
	padding: 0;
}
INPUT[type="text"]:focus, INPUT[type="password"]:focus, INPUT[type="email"]:focus, TEXTAREA:focus
{
	border: 1px solid #E3E3E3;
	color: #888888;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
TEXTAREA
{
	overflow: auto;
	min-height: 60px;
}
LABEL, LEGEND
{
	display: block;
	font-weight: bold;
	font-size: 13px;
}
SELECT
{
	width: 220px;
}
INPUT[type="checkbox"]
{
	display: inline;
}
LABEL SPAN, LEGEND SPAN
{
	font-weight: normal;
	font-size: 13px;
	color: #444;
}
MARK
{
	background: none;
}
.phone STRONG MARK
{
	background: none;
}
/*#Misc
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.remove-bottom
{
	margin-bottom: 0 !important;
}
.half-bottom
{
	margin-bottom: 10px !important;
}
.add-bottom
{
	margin-bottom: 20px !important;
}