/*

* 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 {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

/*overflow-x: hidden;*/}

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;

}

/* #Basic Styles

================================================== */

body {

	font: 12px Arial, Helvetica, sans-serif;

	line-height: 20px;

	color: #000000;

	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */

	-webkit-text-size-adjust: 100%;

	overflow-x: hidden;

}

html {

	background:#f7f6f6;

/*overflow-x: hidden;*/ }

/* #Typography

================================================== */

h1, h2, h3, h4, h5, h6 {

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

	font-weight: inherit;

	color: #000000;

}

h1 {

	font-size: 48px;

	margin-bottom: 10px;

}

h2 {
	font-size: 32px;
	margin-bottom: 10px;
	font-weight: 600;
	text-transform: uppercase;
	color: #000000;

}

h3 {

	font-size: 14px;

	margin-bottom: 5px;

	text-transform:uppercase;

}

h4 {

	font-size: 14px;

	margin-bottom: 10px;

}

h5 {

	font-size: 12px;

	margin-bottom: 10px;

}

h6 {

	font-size: 11px;

	margin-bottom: 10px;

}

.subheader {

	color: #000000;

}

p {

	color: #000000;

	line-height: 1.5em;

	font-size: 14px;

	margin: 0 0 15px 0;

	font-family: 'PT Serif', serif;

	text-align: justify;

}

p.last {

	margin-bottom:0;

}

p img {

	margin: 0;

}

ul li, ul li a {

	font-family: 'PT Serif', serif;

	font-size:14px;

}

img.left {

	float: left;

	margin-bottom: 20px;

	margin-right: 20px;

}

img.right {

	float: right;

	margin-bottom: 20px;

	margin-left: 20px;

}

em {

	font-style: italic;

}

strong {

	font-weight: bold;

	color: #000000;

}

small {

	font-size: 80%;

}

/*	Blockquotes  */

blockquote, blockquote p {

	font-size: 14px;

	line-height: 24px;

	color: #cdcdcd;

	font-style: italic;

}

blockquote {

	margin: 0 0 0px;

	padding: 0;

	border-right: 1px solid #796172;

}

blockquote cite {

	display: block;

	font-size: 12px;

	color: #cdcdcd;

}

blockquote cite:before {

	content: "\2014 \0020";

}

blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {

	color: #cdcdcd;

}

hr {

	border: solid #ddd;

	border-width: 1px 0 0;

	clear: both;

	margin: 10px 0 30px;

	height: 0;

}

	

/* Text Selection */



::selection {

background: #000000;

color: #000000; /* Safari */

}

::-moz-selection {

background: #000000;

color: #000000; /* Firefox */

}

/* #Links

================================================== */

a, a:visited {
	color: #000000;
	text-decoration: none;
	outline: 0;
	font-size: 100%;

}

p a, p a:visited {
	line-height: inherit;
	color: #B00000;

}

/* #Images

================================================== */

img.scale-with-grid {

	max-width: 100%;

	height: auto;

}

/* #Tabs (activate in tabs.js)

================================================== */

ul.tabs {

	display: block;

	margin: 0 0 20px 0;

}

ul.tabs li {

	width: auto;

	height: 18px;

	padding: 0 20px 0 0px;

	float: left;

	margin-bottom: 0;

	font-family: Arial, Helvetica, sans-serif;

}

ul.tabs li a {

	text-decoration: none;

	width: auto;

	height: 18px;

	padding: 0px 15px 0 0px;

	border-right:1px solid #414550;

	line-height: 30px;

	margin: 0;

	color:#000000;

	font-size: 16px;

}

ul.tabs li a.active {

	height: 30px;

	position: relative;

	top: 0px;

	padding-top: 0px;

	margin: 0 0 0 0px;

	color: #fff;/*-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-content {

	margin: 0;

	display: block;

	color:#efefef;

}

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

================================================== */



/* General Forms */



form {

	margin-bottom: 0px;

}

fieldset {

	margin-bottom: 20px;

}

label, legend {

	display: block;

	font-weight: bold;

	font-size: 13px;

}

input[type="checkbox"] {

	display: inline;

}

label span, legend span {

	font-weight: normal;

	font-size: 13px;

	color: #444;

}

input[type="text"], input[type="password"], input[type="email"], textarea, select {

	padding: 10px 10px;

	outline: none;

	overflow: hidden;

	font: 12px Arial, Helvetica, sans-serif;

	color: #000000;

	margin: 0;

	width: 198px;

	max-width: 100%;

	display: block;

	margin-bottom: 10px;

	background: #eee;

}

select {

	padding: 0;

}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {

	border: 1px solid #bbb;

	color: #555;

}

textarea {

	min-height: 100px;

}

select {

	width: 220px;

}

/* Header Responsive Menu Form Style */

	

.header form {

	margin-bottom: 15px;

}

.header select {

	-webkit-appearance: none;

	padding: 10px;

	outline: none;

	border:none;

	overflow: hidden;

	font: 12px Arial, Helvetica, sans-serif;

	margin: 0;

	width: 100%;

	max-width: 100%;

	display: block;

	background:#fff url('../images/navselect.gif') no-repeat right center;

}

.header option {

	outline: none;

	border: 0;

	overflow: hidden;

	font: 12px Arial, Helvetica, sans-serif;

	color: #000000;

	margin: 0;

	width: 100%;

	max-width: 100%;

	display: block;

	padding-left: 15px;

}

/* #Misc

================================================== */

.remove-bottom {

	margin-bottom: 0 !important;

}

.half-bottom {

	margin-bottom: 10px !important;

}

.add-bottom {

	margin-bottom: 20px !important;

}

.left {

	float: left;

}

.right {

	float: right;

}

.container.portfolio4columns .tabs li .active {

	color: #000;

}

.container.portfolio4columns .tabs li a {

	color: #FFFFFF;

}

.container.portfolio4columns .tabs li a {

	color: #000000;

}		

.container .one_third.contactsidebar .first h3 a {



}

.container.boxthree .one_third .boxthreeleft a img {

	color: #000000;

}

.container.boxthree .one_third .boxthreeleft a img {

	color: #000000;

}
