@charset "utf-8";
/*-----------------------------------------------------------------------------
Base CSS file
------------------------------------------------------------------------------- */

*{
	margin:0;
	padding:0;
	border:0;
}

a{
	text-decoration:none;
	border:none;
}

body{
  	font:62.5%/1.5 "Segoe UI", Verdana, "Helvetica Neue", Arial, Tahoma, sans-serif;
	background: #fff;
}

#bodypat{
	 /* background:url(../images/css/bg_pattern.png) repeat; */
}
#container{
	max-width:960px;
	text-align:center;
	margin:auto;
	overflow:hidden;
}

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

.centered{
	margin:0 auto;
}

h1,
h2,
h3,
h4,
h5{
	font-weight:normal;
	padding:5px 0;
}
h1{
    font-size:2.8em;
}
h2{
    font-size:2.6em;
}
h3{
    font-size:2.4em;
}
h4{
    font-size:2.2em;
}
h5{
    font-size:2.0em;
}
p{
    font-size:1.5em; /* was 1.3 */
	line-height:1.7em; /* was 1.5 */
	padding-bottom:20px;
	font-family:"Segoe UI", Verdana, "Helvetica Neue", Arial, Tahoma, sans-serif; /* added Segoe UI and Verdana */
}

/*----------------------------------------------------------------------------
Content - Universal
----------------------------------------------------------------------------*/
#content a:hover{
	text-decoration:underline;
}
#content{
	color:#bfbfbf;
	margin-top:40px;
}
#content-title{
	/*font-size:5.8em;*/
	font-size:3.2em;
	/*font-weight:200;*/
	font-weight: 900;
	/*color:#fff;*/
	color:#404040;
	line-height:2px;
	border-bottom:3px solid;
	margin:0 5px 10px 5px;
	padding-left:30px;
	padding-bottom: 30px;
	text-align:left;
	text-transform:uppercase;
}
.content-sub-title{
	color:#f7f7f7;
}
.content-img{
	padding-bottom:20px;
	max-width:100%;
}
#sidebar a:hover{
	text-decoration:none;
}
.break{
	width:100%;
	height:1px;
	display:block;
	clear:both;
	margin:10px 0;
}
.one-half,
.one-third,
.two-thirds,
.one-fourth,
.three-fourths,
.one-fifth,
.two-fifths,
.three-fifths,
.four-fifths{
	/*margin:0 4% 20px 0;*/
	margin:0 2% 20px 0; /*----- CHANGE THIS BACK TO 2% AFTER TESTING -----*/	
	float:left;
	position:relative;
	/*border:1px solid #000; /*------- REMOVE THIS LINE AFTER TESTING --------*/
}
.one-half h2,
.one-third h2,
.two-thirds h2,
.one-fourth h2,
.three-fourths h2,
.one-half h3,
.one-third h3,
.two-thirds h3,
.one-fourth h3,
.three-fourths h3,
.one-fifth h2,
.two-fifths h2,
.three-fifths h2,
.four-fifths h2,
.one-fifth h3,
.two-fifths h3,
.three-fifths h3,
.four-fifths h3{
	color:#404040;
}
.one-half{
	width:49%;
}
.one-third{
	width:32%;
}
.two-thirds{
	width:64%;
}
.one-fourth{
	width:23.5%;
}
.three-fourths{
	width:70.5%;
}
.one-fifth{
    width:18.4%;
}
.two-fifths{
    width:36.8%;
}
.three-fifths{
    width:55.2.%;
}
.four-fifths{
    width:73.6%;
}


/*--------------- Not used ---------------------*/
.lb-quote{
	background:url(../images/css/quote.png) no-repeat top left;
	padding:10px 0 30px 50px;
	font-size:1.8em;
	font-style:italic;
}

.no-text-dec{
	text-decoration:none;
}
article ul{
	padding:0 0 20px 20px;
	font-size:1.4em;
}
article ul li{
	padding:5px 0;
}
.section-title{
	font-size:4.8em;
	letter-spacing:-0.03em;
	color:#f7f7f7;
	padding:10px 0 !important;
	margin-left:30px;
	text-transform:uppercase;
	font-weight:200;
}
.enlarge{
	width:100%;
	height:100%;
	background:url(../images/css/bloglistbg.png) repeat; /* UNSURE WHAT THIS IMAGE DOES - NEED TO DOUBLE-CHECK LATER */
	position:absolute;
	top:0;
	left:0;
	transition:opacity 0.3s;
	-moz-transition:opacity 0.3s;
	-webkit-transition:opacity 0.3s;
	-o-transition:opacity 0.3s;
	opacity:0;
	filter:alpha(opacity=0);	
}
.enlargeicon{
	background:url(../images/css/enlarge.png) no-repeat center;
	width:100%;
	height:100%;
}
.enlarge:hover{
	opacity:1;
	filter:alpha(opacity=100);
}


/*--------------------------Toggle and Accordion------------------------*/
.toggle-button,
.ac-tab{
	width:100%;
	display:block;
	color:#fff;
	font-size:1.4em;
	line-height:50px;
	text-indent:20px;
	transition:background 0.3s;
	-moz-transition:background 0.3s;
	-webkit-transition:background 0.3s;
	-o-transition:background 0.3s;
	margin-top:10px;
}
.toggle-button:hover,
.ac-tab:hover{
	background-color:#fff;
	cursor:pointer;
}
.mainpage .toggle-button{
	height:20px;
	line-height:normal;
	text-align:center;
	margin-top:0;
	margin-bottom:10px;
}
.toggle-content{
	display:block;
}
.mainpage .toggle-content{
	margin-top:10px;
}
#content .toggle-content{
	border:1px solid;
	border-top:0;
	padding:20px 20px 0 20px;
}
.toggle-indicator{
	float:right;
	margin-right:20px;
}
.mainpage .toggle-indicator{
	float:none;
}
.close{
	display:none;
}
.table-details{
	display:none;
	padding:20px 40px;
	font-size:0.857em;
}

/*---------------------------------Buttons------------------------------*/
span.button-met{
	padding:2px 10px;
	font-weight:bold;
	text-transform:lowercase;
	font-size:12px;
	transition:background-color 0.5s, color 0.5s;
	-moz-transition:background-color 0.5s, color 0.5s;
	-webkit-transition:background-color 0.5s, color 0.5s;
	-o-transition:background-color 0.5s, color 0.5s;
	text-decoration:none;
	display:inline-block;
}
span.button-met:hover{
	text-decoration:none;
}
span.dark{
	background:#000;
	color:#fff;
	border:3px solid #fff;
}
span.dark:hover{
	background:#fff;
	color:#000;
}
span.light{
	background:#fff;
	color:#000;
	border:3px solid #000;
}
span.light:hover{
	background:#000;
	color:#fff;
}
span.dark-blue{
	background:#19a2de;
	color:#fff;
	border:3px solid #fff;
}
span.dark-blue:hover{
	background:#fff;
	color:#19a2de;
}
span.dark-red{
	background:#e61400;
	color:#fff;
	border:3px solid #fff;
}
span.dark-red:hover{
	background:#fff;
	color:#e61400;
}
span.dark-green{
	background:#319a31;
	color:#fff;
	border:3px solid #fff;
}
span.dark-green:hover{
	background:#fff;
	color:#319a31;
}
span.dark-magenta{
	background:#ff0094;
	color:#fff;
	border:3px solid #fff;
}
span.dark-magenta:hover{
	background:#fff;
	color:#ff0094;
}
span.dark-purple{
	background:#a500ff;
	color:#fff;
	border:3px solid #fff;
}
span.dark-purple:hover{
	background:#fff;
	color:#a500ff;
}
span.dark-teal{
	background:#00aaad;
	color:#fff;
	border:3px solid #fff;
}
span.dark-teal:hover{
	background:#fff;
	color:#00aaad;
}
span.dark-lime{
	background:#8cbe29;
	color:#fff;
	border:3px solid #fff;
}
span.dark-lime:hover{
	background:#fff;
	color:#8cbe29;
}
span.dark-brown{
	background:#9c5100;
	color:#fff;
	border:3px solid #fff;
}
span.dark-brown:hover{
	background:#fff;
	color:#9c5100;
}
span.dark-pink{
	background:#e671b5;
	color:#fff;
	border:3px solid #fff;
}
span.dark-pink:hover{
	background:#fff;
	color:#e671b5;
}
span.dark-mango{
	background:#ef9608;
	color:#fff;
	border:3px solid #fff;
}
span.dark-mango:hover{
	background:#fff;
	color:#ef9608;
}
span.light-blue{
	background:#19a2de;
	color:#000;
	border:3px solid #000;
}
span.light-blue:hover{
	background:#000;
	color:#19a2de;
}
span.light-red{
	background:#e61400;
	color:#000;
	border:3px solid #000;
}
span.light-red:hover{
	background:#000;
	color:#e61400;
}
span.light-green{
	background:#319a31;
	color:#000;
	border:3px solid #000;
}
span.light-green:hover{
	background:#000;
	color:#319a31;
}
span.light-magenta{
	background:#ff0094;
	color:#000;
	border:3px solid #000;
}
span.light-magenta:hover{
	background:#000;
	color:#ff0094;
}
span.light-purple{
	background:#a500ff;
	color:#000;
	border:3px solid #000;
}
span.light-purple:hover{
	background:#000;
	color:#a500ff;
}
span.light-teal{
	background:#00aaad;
	color:#000;
	border:3px solid #000;
}
span.light-teal:hover{
	background:#000;
	color:#00aaad;
}
span.light-lime{
	background:#8cbe29;
	color:#000;
	border:3px solid #000;
}
span.light-lime:hover{
	background:#000;
	color:#8cbe29;
}
span.light-brown{
	background:#9c5100;
	color:#000;
	border:3px solid #000;
}
span.light-brown:hover{
	background:#000;
	color:#9c5100;
}
span.light-pink{
	background:#e671b5;
	color:#000;
	border:3px solid #000;
}
span.light-pink:hover{
	background:#000;
	color:#e671b5;
}
span.light-mango{
	background:#ef9608;
	color:#000;
	border:3px solid #000;
}
span.light-mango:hover{
	background:#000;
	color:#ef9608;
}

/*-----------------------------------Tabs--------------------------------*/
.orgTab ul{
	list-style:none;
}
.orgTab .tab-nav{
	overflow: hidden; 
	margin:0;
	font-size:1.4em;
}
.orgTab .tab-nav li{
	width: auto;
	margin: 0 5px 0 0;
	padding:0;
	float:left;
	list-style:none;
}
.orgTab .tab-nav li.last{
	margin-right: 0;
}
.orgTab .tab-nav li a{
	display: block; 
	padding: 5px 20px; 
	text-align: center; 
	border: 0; 
}
.orgTab .tab-nav li a:hover{
	background-color: #707070;
	color:#fff;
}
#content .orgTab .tab-nav li a:hover{
	text-decoration:none;
}
.list-wrap{
	background-color:#000;
}
.list-wrap .p-tab p{
	padding:0 20px 20px 20px;
}
.list-wrap .p-tab p:first-child{
	padding:20px;
}
.list-wrap .list-item-tab ul li{
	list-style:square;
	margin-left:35px;
	padding-left:0;
}
.list-wrap .list-item-tab ul li:first-child{
	padding-top:20px;
}
.list-wrap .list-item-tab ul li:last-child{
	padding-bottom:20px;
}
.list-wrap .link-tab li:first-child{
	padding-top:20px;
}
.list-wrap .link-tab li:last-child{
	padding-bottom:20px;
}
.list-wrap ul li{
	font-size:1.2em;
	padding:5px 20px;
}
.list-wrap ul li a{
	color:#fff;
}
.orgTab .current{
	background-color:#202020;
	font-weight:bold;
}
.hide {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
/*-------------------------Paragraph Highlights-----------------------------*/
.hl1{
	border-left:3px solid;
	padding:0 0 0 20px;
	margin:20px 0;
}
.hl2{
	color:#fff;
	padding:20px;
}
.hl3{
	border-right:3px solid;
	padding:0 20px 0 0;
	margin:20px 0;
}
div.hl1{
	
}
div.hl2{
	padding:10px 20px 0 20px;
}
div.hl3{
	
}
/*---------------------------Information Boxes-------------------------------*/
.infobox-msg{
	padding-left:40px;
	font-size:1.2em;
}
.infobox-red{
	background:url(../images/css/info-red.png) no-repeat #cc0033;
}
.infobox-red .infobox-msg{
	color:#fff;
}
.infobox-yellow{
	background:url(../images/css/info-yellow.png) no-repeat #ffff66;
}
.infobox-yellow .infobox-msg{
	color:#505020;
}
.infobox-green{
	background:url(../images/css/info-green.png) no-repeat #c4fc1e;
}
.infobox-green .infobox-msg{
	color:#3d4f09;
}
.infobox-blue{
	background:url(../images/css/info-blue.png) no-repeat #1300cc;
}
.infobox-blue .infobox-msg{
	color:#fff;
}
.infobox-red,
.infobox-yellow,
.infobox-green,
.infobox-blue{
	background-position:5px 5px;
	padding:20px;
	margin:0 0 20px 0;
}
/*-----------------------------------Tables---------------------------------*/
.table{
	width:100%;
	display:block;
}
.table h2{
	padding-bottom:20px;
}
.table-content{
	margin-top:10px;
}
.one-half .table-content{
	width:80%;
	display:block;
	font-size:1.2em;
}
.one-half .table-content{
	float:right;
}
.last .table-content{
	float:left;
}
.one-third .table-content{
	width:100%;
	display:block;
	font-size:1.2em;
}
.table-title{
	font-size:1.6em;
	padding:20px 0;
	text-align:center;
	display:block;
	color:#fff;
}
.table-price{
	padding:60px 0;
	text-align:center;
	background:#303030;
}
.price-pre{
	font-size:24px;
	line-height:24px;
	position:absolute;
	left:-10px;
	top:6px;
}
.price{
	font-size:8.4em;
	line-height:80px;
	color:#fff;
	position:relative;
	display:inline-block;
	font-weight:100;
}
.price-post{
	font-size:16px;
	line-height:16px;
	position:absolute;
	bottom:0;
}
.table-info ul{
	list-style:none;
	font-size:1.4em;
	background:#000;
}
.table-info ul li{
	padding:10px 0 10px 20%;
	margin:0 5%;
	border-bottom:1px solid;
}
.table-info ul li:last-child{
	border:none;
	padding-bottom:20px;
}
.hl-txt2{
	font-weight:bold;
}
/*----------------------------Mobile Version--------------------------------*/
@media all and (max-width:768px) {
.mainpage .toggle-button{
	height:40px;
}
.mainpage .toggle-indicator{
	font-size:2em;
	line-height:40px;
}
.one-half,
.one-third,
.two-thirds,
.one-fourth,
.three-fourths,
.one-fifth,
.two-fifths,
.three-fifths,
.four-fifths{
	margin:0;
	float:none;
	display:block;
	width:100%;

}

}
@media all and (max-width:640px) {
#content-title{
	margin-left:0;
	margin-right:0;
}
.one-half,
.one-third,
.two-thirds,
.one-fourth,
.three-fourths,
.one-fifth,
.two-fifths,
.three-fifths,
.four-fifths{
	margin:0;
	float:none;
	display:block;
	width:100%;

}
.one-half .table-content{
	width:100%;
	margin-bottom:20px;
}
.one-third .table-content{
	margin-bottom:20px;
}
}

/*----------------------------------------------------------------------------
Position-dependent classes
----------------------------------------------------------------------------*/
.last{
	margin-right:0;
}
#fancybox-left-ico {
 left:0;
}
#fancybox-right-ico {
 left:0;
}
/*-------------------------Browser Specific CSS-----------------------------*/
noindex:-o-prefocus, #content-title, .page-sub-title h1, .section-title, .widget h5 {
  font-family:'Segoe UI' !important;
}
@media all and (-webkit-min-device-pixel-ratio:0) {
#content-title, .page-sub-title h1, .section-title, .widget h5 {
  font-family:'Segoe UI' !important;
}
}

/*----------------------------Mobile Version--------------------------------*/
@media all and (max-width:640px) {
.last{
	margin-right:auto;
}
}