/*-------------------------------------------------
	GENERAL STYLES
--------------------------------------------------*/

html, body {
	margin:				0px;
	padding:			0px;
	font-family:		Open Sans;
	font-size:			14px;
	font-weight:		400;
	background:			#dfdfdf;
}

.clearfix {
	clear:					both;
	height:					0px;
	overflow:				hidden;
	margin-top:				-1px;
}


/* --------------- WRAPPERS ----------------------*/

.wrapper {
	margin:				0px;
	padding:			0px;
	width:				990px;
	background:			#fff;
	margin:				0px auto;
}

.innerWrapper {
	width:				960px;
	margin:				0px 0px 0px 15px;
	padding:			0px 0px 25px 0px;
}

/* --------------- A STYELS ----------------------*/

a, a:visited, a:active {
	color:				#ff9000;
	text-decoration:	none;
}

a:hover {
	text-decoration:	underline;
}

/* --------------- H TAGS ------------------------*/

h1, h2, h3, h4, h5  {
	margin				0px;
	padding:			0px;
}

h1 {
	font-size:			34px;
	font-weight:		300;
}

h2 {
	font-size:			24px;
	font-weight:		300;
}

p {
	margin:				0px;
	padding:			0px;
}

/*-------------------------------------------------
	HEADER
--------------------------------------------------*/

#header {
	width:				100%;
	height:				150px;
}

#header img {
	margin-top:			25px;
	margin-left:		5px;
}

/*-------------------------------------------------
	NAVIGATION
--------------------------------------------------*/

#navigation {
	width:				100%;
	height:				45px;
	background:			#363636;
}

#navigation ul {
	list-style:			none;
	margin:				0px 0px 0px 25px;
	padding:			0px;
}

#navigation li {
	float:				left;
	padding:			9px 0px 0px 0px;
	margin:				0px 25px 0px 0px;
}

#navigation a {
	font-family:		Open Sans;
	font-size:			16px;
	font-weight:		700;
	color:				#fff;
	text-decoration:	none;
	text-transform:		uppercase;
}

#navigation a:hover, #navigation li.selected a {
	color:				#ff9000;
}

/*-------------------------------------------------
	IMAGES
--------------------------------------------------*/

#images {
	width:				100%;
	height:				519px;
}

/*-------------------------------------------------
	CONTENT CONTAINER
--------------------------------------------------*/

#content {
	margin:				10px 0 0 0;
	padding:			0px;
}

#content h1 {
	line-height:		38px;
	padding:			10px 0px 10px 20px;
	border-left:		5px solid #ff9000;
}

#content p {
	margin-bottom:		18px;
	text-align:			justify;
	padding:			5px;
	font-weight:		300;
	line-height:		25px;
}

#content p:last-of-type {
	margin:				0px;
}

#content img { 
	margin-right: 		5px;
}

/*-------------------------------------------------
	LOWER GRID
--------------------------------------------------*/

#lower-grid {
	width:				100%;
	margin:				30px 0px 0px 0px;
	padding:			0px;
	height:				300px;
}

#lower-grid .item {
	width:				290px;
	border-left:		5px solid #ff9000;
	padding:			10px 10px 10px 15px;
	float:				left;
	height:				265px;
}

.item h2 {
	margin:				0px;
	padding:			0px;
	font-size:			24px;
	line-height:		24px;
	font-weight:		400;
}


.item p {
	font-size:			16px;
	line-height:		20px;
	text-align:			left;
	margin-top:			15px;
	font-weight:		300;
}


/*-------------------------------------------------
	FOOTER
--------------------------------------------------*/

#footer {
	float:				left;
	clear:				both;
	width:				100%;
	background:			#363636;
	color:				#fff;
	font-weight:		300;
	margin:				0px 0px 5px 0px;
	padding:			15px 0px 30px 0px;
}

#footer p {
	font-size:			12px;
	margin-top:			15px;
	margin-left:		5px;
}

#footer .inner {
	width:				960px;
	margin:				0px auto;
}

#footer .left {
	float:				left;
	clear:				both;
	width:				800px;			
}

#footer .right {
	float:				right;
	padding-top:		65px;
	font-size:			14px;
}

/*-------------------------------------------------
	Buttons
--------------------------------------------------*/

input[type="button"].teal, input[type="submit"].teal, input[type="reset"].teal, a.btn.teal, a[data-tab].teal {
	  
	  background: #008698; color: #ffffff !important; border-color: #006573;
	  /* Old browsers */
	  background: -moz-linear-gradient(top, #008698 0%, #006573 100%);
	  /* FF3.6+ */
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #008698), color-stop(100%, #006573));
	  /* Chrome,Safari4+ */
	  background: -webkit-linear-gradient(top, #008698 0%, #006573 100%);
	  /* Chrome10+,Safari5.1+ */
	  background: -o-linear-gradient(top, #008698 0%, #006573 100%);
	  /* Opera 11.10+ */
	  background: -ms-linear-gradient(top, #008698 0%, #006573 100%);
	  /* IE10+ */
	  background: linear-gradient(top, #008698 0%, #006573 100%);
	  /* W3C */
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008698',endColorstr='#006573',GradientType=0);
	  /* IE6-9 */
	  cursor: pointer;
	  -webkit-border-radius: 5px; 
		-moz-border-radius   : 5px; 
		border-radius        : 5px; 
		overflow             : visible; 
		height               : 30px; 
		padding              : 0 10px; 
		border               : 1px solid #CCCCCC; 
	}
	
	.grey {
		  -webkit-border-radius: 5px; 
		-moz-border-radius   : 5px; 
		border-radius        : 5px; 
		overflow             : visible; 
		height               : 30px; 
		padding              : 0 10px; 
		border               : 1px solid #CCCCCC; 
	  background: #FEFEFE; color: #383838 !important; border-color: #CBCBCB;
	  /* Old browsers */
	  background: -moz-linear-gradient(top, #FEFEFE 0%, #E5E5E5 100%);
	  /* FF3.6+ */
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FEFEFE), color-stop(100%, #E5E5E5));
	  /* Chrome,Safari4+ */
	  background: -webkit-linear-gradient(top, #FEFEFE 0%, #E5E5E5 100%);
	  /* Chrome10+,Safari5.1+ */
	  background: -o-linear-gradient(top, #FEFEFE 0%, #E5E5E5 100%);
	  /* Opera 11.10+ */
	  background: -ms-linear-gradient(top, #FEFEFE 0%, #E5E5E5 100%);
	  /* IE10+ */
	  background: linear-gradient(top, #FEFEFE 0%, #E5E5E5 100%);
	  /* W3C */
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE',endColorstr='#E5E5E5',GradientType=0);
	  /* IE6-9 */
	  cursor: pointer;
	}
	
	
	
	input[type="button"].dark, input[type="submit"].dark, input[type="reset"].dark, a.btn.dark, a[data-tab].dark {
		  -webkit-border-radius: 5px; 
		-moz-border-radius   : 5px; 
		border-radius        : 5px; 
		overflow             : visible; 
		height               : 30px; 
		padding              : 0 10px; 
		border               : 1px solid #CCCCCC;
	  background: #383838; color: #FFFFFF !important; border-color: #1C1C1C;
	  /* Old browsers */
	  background: -moz-linear-gradient(top, #383838 0%, #1E1E1E 100%);
	  /* FF3.6+ */
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #383838), color-stop(100%, #1E1E1E));
	  /* Chrome,Safari4+ */
	  background: -webkit-linear-gradient(top, #383838 0%, #1E1E1E 100%);
	  /* Chrome10+,Safari5.1+ */
	  background: -o-linear-gradient(top, #383838 0%, #1E1E1E 100%);
	  /* Opera 11.10+ */
	  background: -ms-linear-gradient(top, #383838 0%, #1E1E1E 100%);
	  /* IE10+ */
	  background: linear-gradient(top, #383838 0%, #1E1E1E 100%);
	  /* W3C */
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#383838',endColorstr='#1E1E1E',GradientType=0);
	  /* IE6-9 */
	  cursor: pointer;
	}

	input[type="button"].dark:hover:not(:disabled):not(.disabled), input[type="submit"].dark:hover:not(:disabled):not(.disabled),
	input[type="reset"].dark:hover:not(:disabled):not(.disabled), a.btn.dark:hover:not(:disabled):not(.disabled),
	a[data-tab].dark:hover:not(:disabled):not(.disabled) {
		  -webkit-border-radius: 5px; 
		-moz-border-radius   : 5px; 
		border-radius        : 5px; 
		overflow             : visible; 
		height               : 30px; 
		padding              : 0 10px; 
		border               : 1px solid #CCCCCC;
	  background: #1E1E1E; color: #FFFFFF !important; border-color: #1C1C1C;
	  /* Old browsers */
	  background: -moz-linear-gradient(top, #1E1E1E 0%, #383838 100%);
	  /* FF3.6+ */
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1E1E1E), color-stop(100%, #383838));
	  /* Chrome,Safari4+ */
	  background: -webkit-linear-gradient(top, #1E1E1E 0%, #383838 100%);
	  /* Chrome10+,Safari5.1+ */
	  background: -o-linear-gradient(top, #1E1E1E 0%, #383838 100%);
	  /* Opera 11.10+ */
	  background: -ms-linear-gradient(top, #1E1E1E 0%, #383838 100%);
	  /* IE10+ */
	  background: linear-gradient(top, #1E1E1E 0%, #383838 100%);
	  /* W3C */
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E1E1E',endColorstr='#383838',GradientType=0);
	  /* IE6-9 */
	  cursor: pointer;
	}