/* REQUIRED BODY ELEMENT STYLES */

body { font-family: Helvetica, Arial, sans-serif; }

footer {
	background: rgb(54, 54, 54) none repeat scroll 0 0;
	color: #fff;
	margin-top: 50px;
	padding: 25px;
	text-align: center;
}

.ui-body {
	width: 100%;
	color: #4e5f71;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
}

#int-wrp {
	background: #dfdfe7;
	border: 1px solid #e7e7e7;
	display: block;
	height: 750px;
	margin: 75px auto;
	width: 750px;
	overflow: hidden;
	position: relative;
}

/* clearfix */
.group:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

* html .group { zoom: 1; }

/* IE6 */
*:first-child + html .group { zoom: 1; }

/* IE7 */


/*------- Select --------*/

select {
	border: 1px solid #dfdfe7;
	padding-right: 38px;
	border-radius: 3px;
	text-align: right;
	transition: border 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
	width: 65%;
	float: left;
	cursor: pointer;
	height: 28px;
	clear: left;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url('../img/dropdown_arrow.png') no-repeat center right;
	direction: rtl;
}

/* removes dotted border in firefox */
select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}

option {
	padding: 6px 38px 6px 10px;
	-webkit-appearance: none;
}


.row hr { margin: 12px 0 2px !important; }

/*----------------------------------
|			GRID SYSTEM
-----------------------------------*/
/*
  Simple Grid
  Project Page - http://thisisdallas.github.com/Simple-Grid/
  Author - Dallas Bass
  Site - http://ninenineteen.co
*/

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body { margin: 0; }

[class*='col-'] {
	float: left;
	min-height: 1px;
	padding-right: 20px; /* column-space */
}

.row {
	width: 100%;
	max-width: 1140px;
	/* min-width: 748px;*/ /* when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 10px;
	padding-left: 20px; /* grid-space to left */
	padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}

.row:after {
	content: "";
	display: table;
	clear: both;
}

.push-right { float: right; }

/* Content Columns */

.col-1-1 { width: 100%; }

.col-2-3, .col-8-12 { width: 66.66%; }

.col-1-2, .col-6-12 { width: 50%; }

.col-1-3, .col-4-12 { width: 33.33%; }

.col-1-4, .col-3-12 { width: 25%; }

.col-1-5 { width: 20%; }

.col-1-6, .col-2-12 { width: 16.667%; }

.col-1-7 { width: 14.28%; }

.col-1-8 { width: 12.5%; }

.col-1-9 { width: 11.1%; }

.col-1-10 { width: 10%; }

.col-1-11 { width: 9.09%; }

.col-1-12 { width: 8.33% }

/* Layout Columns */

.col-11-12 { width: 91.66% }

.col-10-12 { width: 83.333%; }

.col-9-12 { width: 75%; }

.col-5-12 { width: 41.66%; }

.col-7-12 { width: 58.33% }

/* Pushing blocks */

.push-2-3, .push-8-12 { margin-left: 66.66%; }

.push-1-2, .push-6-12 { margin-left: 50%; }

.push-1-3, .push-4-12 { margin-left: 33.33%; }

.push-1-4, .push-3-12 { margin-left: 25%; }

.push-1-5 { margin-left: 20%; }

.push-1-6, .push-2-12 { margin-left: 16.667%; }

.push-1-7 { margin-left: 14.28%; }

.push-1-8 { margin-left: 12.5%; }

.push-1-9 { margin-left: 11.1%; }

.push-1-10 { margin-left: 10%; }

.push-1-11 { margin-left: 9.09%; }

.push-1-12 { margin-left: 8.33% }

/*	REMOVED MOBILE AND TABLET RESPONSIVE LAYOUT
	
	
@media handheld, only screen and (max-width: 767px) {
	.row {
		width: 100%;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		padding-left: 20px; 
		padding-right: 10px; 
	}

	[class*='col-'] {
		width: auto;
		float: none;
		margin: 10px 0;
		padding-left: 0;
		padding-right: 10px; 
	}
*/
/* Mobile Layout */
/*
	[class*='mobile-col-'] {
		float: left;
		margin: 0 0 10px;
		padding-left: 0;
		padding-right: 10px; 
		padding-bottom: 0;
	}

	.mobile-col-1-1 {
		width: 100%;
	}
	.mobile-col-2-3, .mobile-col-8-12 {
		width: 66.66%;
	}

	.mobile-col-1-2, .mobile-col-6-12 {
		width: 50%;
	}

	.mobile-col-1-3, .mobile-col-4-12 {
		width: 33.33%;
	}

	.mobile-col-1-4, .mobile-col-3-12 {
		width: 25%;
	}

	.mobile-col-1-5 {
		width: 20%;
	}

	.mobile-col-1-6, .mobile-col-2-12 {
		width: 16.667%;
	}

	.mobile-col-1-7 {
		width: 14.28%;
	}

	.mobile-col-1-8 {
		width: 12.5%;
	}

	.mobile-col-1-9 {
		width: 11.1%;
	}

	.mobile-col-1-10 {
		width: 10%;
	}

	.mobile-col-1-11 {
		width: 9.09%;
	}

	.mobile-col-1-12 {
		width: 8.33%
	}
/*
	/* Layout Columns */
/*
	.mobile-col-11-12 {
		width: 91.66%
	}

	.mobile-col-10-12 {
		width: 83.333%;
	}

	.mobile-col-9-12 {
		width: 75%;
	}

	.mobile-col-5-12 {
		width: 41.66%;
	}

	.mobile-col-7-12 {
		width: 58.33%
	}

	.hide-on-mobile {
		display: none !important;
		width: 0;
		height: 0;
	}
}*/