@charset "UTF-8";
/*--------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------*/

/*###################################################
# STRUCTURE AND LAYOUT                              #
###################################################*/


/*--- Main Base ---*/

div#wrapper {
	
}

div#main_header_wrapper {
	
}

header#main_header {
	width: 940px;
	padding: 0px 10px;
	margin: 0px auto;
}

div#content {
	
}

div#main_footer_wrapper {
	
}

footer#main_footer {
	width: 940px;
	padding: 0px 10px;
	margin: 0px auto;
}

/*--- Main Helper Classes ---*/

.left {
	float: left;
	display: inline;
	margin-right: 20px;
}

.right {
	float: right;
	display: inline;
}

.mid{
	float: left;
	display: inline;
	margin-right: 20px;
}

/*-- Rows --*/

.row {
	margin-bottom: 30px;
	clear: both;
}

.row.last {
	margin-bottom: 0px;
}

/*###################################################
# SEGMENT AREAS                                     #
###################################################*/

div.segment.main {
	position: relative;
	overflow: hidden;
}

div.segment.main div.outerwrap {
}

div.segment.main div.innerwrap {
}

div.segment.main div.segment.body {
	width: 940px;
	padding: 30px 10px;
	margin: 0px auto;
}

.block {

}


/*###################################################
# GRID SYSTEM - EQUAL AREAS                         #
#                                                   #
# Pixel Based - for 960 grid system                 #
###################################################*/

.half {
	width: 460px;
}

.third {
	width: 300px;
}

.twothird {
	width: 620px;
}

.fourth {
	width: 220px;
}

.twofourth {
	width: 460px;
}

.threefourth {
	width: 700px
}

.fifth {
	width: 172px;
}

.twofifth {
	width: 364px;
}

.threefifth {
	width: 556px;
}

.fourfifth {
	width: 748px;
}

.sixth {
	width: 140px;
}

.twosixth {
	width: 300px;
}

.threesixth {
	width: 460px;
}

.foursixth {
	width: 620px;
}

.fivesixth {
	width: 780px;
}

/*###################################################
# GRID SYSTEM - EQUAL AREAS                         #
#                                                   #
# Percentage Based - Any layout context             #
###################################################*/


.half-percent.left,
.third-percent.left,
.third-percent.mid,
.fourth-percent.left,
.fourth-percent.mid,
.fifth-percent.left,
.fifth-percent.mid,
.sixth-percent.left,
.sixth-percent.mid {
	margin-right: 2.13%;
}



.half-percent {
	width: 48.9%;
}



.third-percent {
	width: 31.9%;
}

.twothird-percent {
	width: 65.9%;
}



.fourth-percent {
	width: 23.4%;
}

.twofourth-percent {
	width: 48.9%;
}

.threefourth-percent {
	width: 74.4%;
}



.fifth-percent {
	width: 18.2%;
}

.twofifth-percent {
	width: 38.7%;
}

.threefifth-percent {
	width: 59.13%;
}

.fourfifth-percent {
	width: 79.6%;
}



.sixth-percent {
	width: 14.89%;
}

.twosixth-percent {
	width: 31.93%;
}

.threesixth-percent {
	width: 48.95%;
}

.foursixth-percent {
	width: 65.96%;
}

.fivesixth-percent {
	width: 82.9%;
}

/*###################################################
# GRID SYSTEM - UNIT BASED                          #
#                                                   #
# Unit Based  - for 960 grid system                 #
###################################################*/

.field {
	clear: both;
	margin-bottom: 20px;
}

.region {
	
}

.column {
	margin-bottom: 20px;
}

/*--- UNITS ---*/

.unit-1 {
	width: 40px;
}

.unit-2 {
	width: 100px;
}

.unit-3 {
	width: 160px;
}

.unit-4 {
	width: 220px;
}

.unit-5 {
	width: 280px;
}

.unit-6 {
	width: 340px;
}

.unit-7 {
	width: 400px;
}

.unit-8 {
	width: 460px;
}

.unit-9 {
	width: 520px;
}

.unit-10 {
	width: 580px;
}

.unit-11 {
	width: 640px;
}

.unit-12 {
	width: 700px;
}

.unit-13{
	width: 760px;
}

.unit-14 {
	width: 820px;
}

.unit-15 {
	width: 880px;
}

.unit-16 {
	width: 940px;
}

/*--- PREFIXES - Space before region or unit element ---*/

.prefix-1 {
	margin-left: 60px;
}

.prefix-2 {
	margin-left: 120px;
}

.prefix-3 {
	margin-left: 180px;
}

.prefix-4 {
	margin-left: 240px;
}

.prefix-5 {
	margin-left: 300px;
}

.prefix-6 {
	margin-left: 360px;
}

.prefix-7 {
	margin-left: 420px;
}

.prefix-8 {
	margin-left: 480px;
}

.prefix-9 {
	margin-left: 540px;
}

.prefix-10 {
	margin-left: 600px;
}

.prefix-11 {
	margin-left: 660px;
}

.prefix-13 {
	margin-left: 780px;
}

.prefix-14 {
	margin-left: 840px;
}

.prefix-15 {
	margin-left: 900px;
}

.prefix-12 {
	margin-left: 720px;
}

/*--- SUFFIXES - Space after region or unit element ---*/
/*--- Usually applied to the element on the right edge ---*/

.suffix-1 {
	margin-right: 60px;
}

.suffix-2 {
	margin-right: 120px;
}

.suffix-3 {
	margin-right: 180px;
}

.suffix-4 {
	margin-right: 240px;
}

.suffix-5 {
	margin-right: 300px;
}

.suffix-6 {
	margin-right: 360px;
}

.suffix-7 {
	margin-right: 420px;
}

.suffix-8 {
	margin-right: 480px;
}

.suffix-9 {
	margin-right: 540px;
}

.suffix-10 {
	margin-right: 600px;
}

.suffix-11 {
	margin-right: 660px;
}

.suffix-13 {
	margin-right: 780px;
}

.suffix-14 {
	margin-right: 840px;
}

.suffix-15 {
	margin-right: 900px;
}

.suffix-12 {
	margin-right: 720px;
}