/* 
Author: Vintedge UI

Base CSS Style
DO NOT EDIT. THIS IS A TEMPLATE!!!!!


Table of Contents:
==================
normalize.css					- v2.0.1
	- http://necolas.github.com/normalize.css/

HTML5 Boilerplate				- v4.0.0
	- http://html5boilerplate.com/
	
Structure
	Global
	Form
	Buttons
	Typography
	List
	Tables
	Links
	Breadcrumbs
	Misc

Header

Nav

Footer

Mobile Screen Hack
	Tablet (Portrait)	- (min-width: 768px) and (max-width: 959px)
	Mobile (Portrait)	- (max-width: 767px)
	Mobile (Landscape)	- (min-width: 480px) and (max-width: 767px)

Tools:
======
Compressor
	- http://www.refresh-sf.com/yui/
Generator
	- http://lab.xms.pl/css-generator/
PX to EM Convertor
	- http://pxtoem.com/
*/


/*	==============================================================================
	normalize.css
	==========================================================================	*/
	/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
	article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


/*	==============================================================================
	HTML5 Boilerplate
	==========================================================================	*/
	/*
	 * HTML5 Boilerplate
	 *
	 * What follows is the result of much research on cross-browser styling.
	 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
	 * Kroc Camen, and the H5BP dev community and team.
	 */
	html,button,input,select,textarea{color:#222}body{font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:100%}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}


/*	==============================================================================
	Structure
	==========================================================================	*/
	
	/*	--------------------------------------------------
		:: Global
		-------------------------------------------------- */
		body { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }
		
	/*	--------------------------------------------------
		:: Form
		-------------------------------------------------- */
		form { margin-bottom: 20px; }
			fieldset { margin-bottom: 20px; }
				label,
				legend { display: block; font-weight: bold; line-height: 30px; }
				
				form dl { margin-top: 0!important; }
				.lt-ie8 form dl { margin-bottom: 10px; }
					form dl dt,
					form dl dd { margin: 0; }
						input[type="text"],
						input[type="password"],
						input[type="email"],
						textarea,
						select,
						.customfile {
							background: #fff;
							background: #fff -moz-linear-gradient(bottom, rgba(255,255,255,.2) 85%, rgba(153,153,153,.2) 100%);
							background: #fff -webkit-gradient(linear, left bottom, left top, color-stop(85%, rgba(255,255,255,.2)), color-stop(100%, rgba(153,153,153,.2)));
							background: #fff -webkit-linear-gradient(bottom, rgba(255,255,255,.2) 85%, rgba(153,153,153,.2) 100%);
							background: #fff -o-linear-gradient(bottom, rgba(255,255,255,.2) 85%, rgba(153,153,153,.2) 100%);
							background: #fff -ms-linear-gradient(bottom, rgba(255,255,255,.2) 85%, rgba(153,153,153,.2) 100%);
							filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#20ffffff',endColorstr='#20999999',GradientType=0);
							background: #fff linear-gradient(bottom, rgba(255,255,255,.2) 85%, rgba(153,153,153,.2) 100%);
							border: 1px solid #ccc;
							-moz-border-radius: 2px;
							-webkit-border-radius: 2px;
							border-radius: 2px;
							color: #777;
							display: block;
							outline: none;
							padding: 6px 4px;
							width: 97%;
							-moz-background-clip: padding;
							-webkit-background-clip: padding-box;
							background-clip: padding-box;
						}
						input[type="text"]:focus,
						input[type="password"]:focus,
						input[type="email"]:focus,
						textarea:focus {
							border: 1px solid #aaa;
							color: #444;
							-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,.2);
						}
						input[type="radio"],
						input[type="checkbox"],
						form ul label { display: inline; }
						textarea { min-height: 60px; height: auto !important; height: 60px; }
						label span,
						legend span { color: #444; }
						form ul { margin: 0; padding: 0; }
						form ul.radio,
						form ul.checkbox { list-style-type: none; }
							form ul.radio li,
							form ul.checkbox li { margin-bottom: 5px; }
							form ul.radio-inline li,
							form ul.checkbox-inline li { float: left; width: 120px; }
							form ul label { font-weight: normal; margin-left: 10px; }
						
	/*	--------------------------------------------------
		:: Buttons
		-------------------------------------------------- */
		.button,
		button,
		input[type="submit"],
		input[type="reset"],
		input[type="button"],
		.customfile-button {
			background: #eee;
			background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);
			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)));
			background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);
			background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);
			background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#50ffffff',endColorstr='#50000000',GradientType=0);
			background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);
			border: 1px solid #aaa;
			border-top: 1px solid #ccc;
			border-left: 1px solid #ccc;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			color: #444;
			display: inline-block;
			font-size: 11px;
			font-weight: bold;
			padding: 8px 10px;
			text-decoration: none;
			text-shadow: 0 1px rgba(255, 255, 255, .75);
			-moz-background-clip: padding;
			-webkit-background-clip: padding-box;
			background-clip: padding-box;
		}
		
		.button:hover,
		button:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		.customfile-hover .customfile-button {
			background: #ddd;
			background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
			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)));
			background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
			background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
			background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#80000000',GradientType=0);
			background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
			border: 1px solid #888;
			border-top: 1px solid #aaa;
			border-left: 1px solid #aaa;
			color: #222;
		}
		
		.button:active,
		button:active,
		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active {
			background: #ccc;
			background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%);
			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)));
			background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%);
			background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%);
			background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A0ffffff',endColorstr='#A0000000',GradientType=0);
			background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%);
			border: 1px solid #666;
		}
		
		.button.full-width,
		button.full-width,
		input[type="submit"].full-width,
		input[type="reset"].full-width,
		input[type="button"].full-width {
			padding-left: 0 !important;
			padding-right: 0 !important;
			text-align: center;
			width: 100%;
		}
		
		button::-moz-focus-inner,
		input::-moz-focus-inner {
			border: 0;
			padding: 0;
		}
		
	/*	--------------------------------------------------
		:: Typography
		-------------------------------------------------- */
		h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px; }
		h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px;  }
		h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px;  }
		h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
		h5 { font-size: 17px; line-height: 24px; }
		h6 { font-size: 14px; line-height: 21px; }
		
		.small { font-size: 70%; }
		
		blockquote {
			color: #454545; 
			font-size: 18px;
			line-height: 150%;
			overflow: hidden;
			padding-top: 20px;
		}
		blockquote:before {
			color: #bababa;
			content: open-quote; /* here we define our :before as a smart quote. It could be any content, even the HTML entity alternative to this opening quote, that is “ */
			display: block;
			float: left;
			font-size: 100px;
			margin: 10px 15px 0 0;
			text-shadow: 0 1px 1px #909090;
		}
		blockquote:after {
			content: none;
			/* could be content:close-quote; but lets keep it clean*/
		}
			.cite {
				font-size: 0.75em;
				margin: 0;
				text-align: right;
			}
		
		p { margin: 0 0 20px 0; }
		
		.bold    { font-weight: bold;   }
		.no-bold { font-weight: normal; }
		
		.font-size-0 { font-size: 0; };
		
		.required { color: #f00; }
		
		.highlight { background-color: #ff0; }
	
	/*	--------------------------------------------------
		:: List
		-------------------------------------------------- */
		ol,ul {  } /*word-spacing:-1em;letter-spacing:-1em;font-size:0*/
		ol { list-style: decimal; margin:10px 0; padding-left:20px; }
		.list-style-none { list-style: none; margin: 0; padding: 0; }
		.list-style { margin-left: 30px; }
		.square { list-style: square outside; }
		.circle { list-style: circle outside; }
		.disc { list-style: disc outside; }
			ol li { display: list-item; vertical-align: top; }
	
	/*	--------------------------------------------------
		:: Tables
		-------------------------------------------------- */
		table { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 0 18px; border: 1px solid #ddd; width: 100%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
	
			table thead, table tfoot { background: #f5f5f5; }
				table thead tr th,
				table tfoot tr th,
				table tbody tr td,
				table tr td,
				table tfoot tr td { font-size: 12px; line-height: 18px; text-align: left; }
				table thead tr th,
				table tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; }
				table tbody tr:nth-child(even) { background: #f9f9f9; }
				table tbody tr td { color: #333; padding: 9px 10px; border: none; }
	
	/*	--------------------------------------------------
		:: Links
		-------------------------------------------------- */
		a,
		a:visited { color: #000; text-decoration: none; }
		a:focus { outline: 0; }
		a:hover { color: #000; text-decoration: underline; }
	
	/*	--------------------------------------------------
		:: Breadcrumbs
		-------------------------------------------------- */
		.breadcrumbs { border-top: 1px solid #000; border-bottom: 1px solid #000; line-height: 30px; }
			.breadcrumbs li { margin: 0 5px; }
			.breadcrumbs li.first-child { margin-left: 0; }
			.breadcrumbs li:before { color: #999; content: "\00bb"; padding-right: 7px; }
			.lt-ie8 .breadcrumbs li { before: "\00bb"; }
			.lt-ie8 .breadcrumbs li .before { color: #999; padding-right: 7px; }
			.breadcrumbs li.first-child:before { content: " "; padding: 0; }
			.lt-ie8 .breadcrumbs li.first-child { before: ; }
				.breadcrumbs li a,
				.breadcrumbs li a:visited { color: #f60; }
				.breadcrumbs li a:hover { color: #000; }
	
	/*	--------------------------------------------------
		:: Misc
		-------------------------------------------------- */
		.alertframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; text-align: center; }
		
		.position-absolute { position: absolute !important; }
		.position-relative { position: relative !important; }
		
		.left { float: left; }
		.right { float: right; }
		.float-none { float: none !important; }
		
		.text-left   { text-align: left;   }
		.text-center { text-align: center; }
		.text-right  { text-align: right;  }
		
		.block { display: block !important; }
		.inline { display: inline !important; }
		.inline-block li { display: inline-block; *display: inline; *zoom: 1; }
		
		.hide { display: none; }
		
		.margin-0 { margin: 0 !important; }
		.margin-0-auto { margin: 0 auto !important; }
		.margin-top-0 { margin-top: 0 !important; }
		.margin-bottom-0 { margin-bottom: 0 !important; }
		
		.padding-0 { padding: 0 !important; }
		
		.fluid-image { height: auto; max-width: 100%; }
		
		.border-none { border:none !important; }
		
		.height-0 { height: 0; }

/*	==============================================================================
	Header
	==========================================================================	*/
	


/*	==============================================================================
	Nav
	==========================================================================	*/
	nav{}
		nav ol,
		nav ul,
		nav .inline-nav { margin: 0; padding: 0; }
			nav li { float: left; }
			nav .inline-nav li { border-left: 1px solid #999; margin-left: 6px; padding-left: 6px; }
			nav .inline-nav li.first-child { border-left: none; margin-left: 0; padding-left: 0; }


/*	==============================================================================
	Footer
	==========================================================================	*/
	footer { font-size: 10px; }


/*	==============================================================================
	Mobile Screen Hack
	==========================================================================	*/
	
	/*	--------------------------------------------------
	:: #Tablet (Portrait) - Design for a width of 768px
	-------------------------------------------------- */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		/* Debug */
		body.debug::before{
			background: rgba(255,255,0, 0.9);
			content: "Media query (959) fired";
			display: block;
			font-weight: bold;
			left: 0;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			z-index: 99;
		}
		
		.container { width: 98%; }
	}
	
	/*	--------------------------------------------------
	:: #Mobile (Portrait) - Design for a width of 320px
	-------------------------------------------------- */
	@media only screen and (max-width: 767px) {
		/* Debug */
		body.debug::before{
			background: rgba(255,255,0, 0.9);
			content: "Media query (320) fired";
			display: block;
			font-weight: bold;
			left: 0;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			z-index: 99;
		}
		
		.container { width: 90%; }
			.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {
				margin-left: 0;
				margin-right: 0;
				width:100%;
			}
	}
	
	
	/*	--------------------------------------------------
	:: #Mobile (Landscape) - Design for a width of 480px
	-------------------------------------------------- */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		/* Debug */
		body.debug::before{
			background: rgba(255,255,0, 0.9);
			content: "Media query (767) fired";
			display: block;
			font-weight: bold;
			left: 0;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			z-index: 99;
		}
		
		.container { width: 90%; }
			.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {
				margin-left: 0.83333333333333%;
				margin-right: 0.83333333333333%;
				width: 48.333333333333%;
			}
	}