/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */
	
/* #Site Styles
================================================== */
span#version { display:inline;color:#999; }
span#version:after { content:"Wide"; }

/*--------------------------------
      Accordion
--------------------------------*/

div.main_container .box  ul.content_accordion li:last-child h3.bar{
	
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
	
div.main_container .box  ul.content_accordion li:last-child .content{
	border-bottom:none;
	}


.content_accordion h3.bar{
	background-color: #dfe2e4;
	display:block;
	*display:inline-block;
	margin:0;
	line-height:30px;
	
	
	padding:0 20px;
	
	font-size: 13px;
    font-weight: normal;
    color:#333;
	text-shadow:0px 1px 0px #fff;
	
	border-bottom: 1px solid #bbb;
	border-top: 1px solid #fff;
	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
	
	filter:none !important;
	
}


.content_accordion .content{
	padding:20px 20px 0;
	margin:0 0px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #aaa;
	background-color: #fff;
}



ul.content_accordion li{
	position:relative;
	padding:0;
	margin:0;
	width:100%;
	display:block;
	border:none;
}

ul.content_accordion li a.handle{
	background: url(/images/grabber-trans.png) no-repeat;
	
	line-height:22px;
	height:22px;
	width:22px;
	position: absolute;
	right:6px;
	top:6px;
	z-index:10;
	cursor:move;
	zoom:1;
}


/*----- End of Accordion -------*/


/* =======================================
SECTION MOBILE TOP BAR 
========================================= */
#mobile-top-bar{
	position:fixed;
	z-index:10000;
	}
.main-mobile-bar, .mobile-top-bar{
	font-size:12px;}

/* =======================================
SECTION 1 
========================================= */


/* header and logo*/
#header{
	margin: 0;
	overflow:hidden;
	display:block;
	width:100%;
	min-height:129px;
}
#main_header{
	/*height: 150px;
	background: #3399cc url(/images/old-browsers-bg/main-nav-bg.png) repeat-x top;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(top, #014a7d, #3399cc);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#014a7d), to(#3399cc));
	-moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);	*/
	min-height:129px;
	margin-top: 10px;
	padding-top: 10px;
}
#main_menu {
	cclear: both; height: 35px; 
}
#main_menu_ul {
	height: 35px;
	margin: 0px;
	padding: 0px;
}
#main_menu ul li {
	float: right;height: 35px; width: 20%; font-size: 20px; padding-top: 13px; background-image: url("/images/seperator.png"); background-repeat: no-repeat;
}
#main_menu ul li.upper_menu_item5 {
	background: none;
}
#main_menu ul li a, #main_menu ul li a:visited, #main_menu ul li a:active {
	color: #6C6C6C;
}
#footer_menu {
	width: 100%;
	color: #FFFFFF;
}
#footer_menu_ul {
	padding: 0px; 
	margin: 0px;
}
#footer_menu_ul li {
	display: inline;
	height: 13px; 
}
#footer_slogan, #footer_all_right {
	clear:both;
	color: #FFFFFF;
	width: 100%;
}
#main_content	{
	float: right;
}
/*.upper_menu_item1, .upper_menu_item1 a, .upper_menu_item1 a:visited, .upper_menu_item1 a:active {color: #FFFEFF;background-color: #1A750E;}
.upper_menu_item2, .upper_menu_item2 a, .upper_menu_item2 a:visited, .upper_menu_item2 a:active {color: #FFFEFF;background-color: #6EBA10;}
.upper_menu_item3, .upper_menu_item3 a, .upper_menu_item3 a:visited, .upper_menu_item3 a:active {color: #FFFEFF;background-color: #AACC53;}
.upper_menu_item4, .upper_menu_item4 a, .upper_menu_item4 a:visited, .upper_menu_item4 a:active{color: #FFFFFF; background-color: #686E7C;}
.upper_menu_item5, .upper_menu_item5 a, .upper_menu_item5 a:visited, .upper_menu_item5 a:active {color: #1F222B; background-color: #FFFFFF;}*/
#logo{
	/*display: table-cell;
	padding: 10px 20px;*/
	text-align:center;
}
#logo a{}
#logoDiv{
	/*height: 110px;
	margin-top:13px;
	text-align:center;
	display: table-row;*/
}
#slogan{
	font-size: 60px;
	color: orangeRed;
	display: table-cell;
	vertical-align: middle;
}
#slogan p{
	margin:0;
	color:#ffffff;
	font-size:18pt;
	padding-top:30px;
}

#sub-nav {
	border-top: 1px solid #ff6500;
	height: 70px;
	line-height: 2.667em;
	background: black url(/images/old-browsers-bg/subnav-bg.png) repeat-x;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(top, #303135, #3c3d42 6%, #404447 18%, #34383b 50%, #25292c 50%, #1a1b1f 63%, black);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#303135), to(black), color-stop(.06, #3c3d42), color-stop(.18, #404447), color-stop(.5, #34383b), color-stop(.5, #25292c), color-stop(.63, #1a1b1f));
	text-align: right;
	color: white;
	}
	#sub-nav a.nav-button {
		float: right;
		margin: 0.417em 0 0 1em;
	}
	/* IE class */
	.ie7 #sub-nav a.nav-button {
		margin-top: 0.333em;
	}

#status-bar {
	height: 3.25em;
	line-height: 3.167em;
	background: white url(/images/old-browsers-bg/status-bar-bg.png) repeat-x;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(top, white, #dadada 6%, white 92%, #cfcfcf);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#cfcfcf), color-stop(.05, #dadada), color-stop(.92, white));
	border-bottom: 1px solid #969696;
	text-align: right;
	color: #7b7b7b;
	}
	#status-infos {
		float: right;
		margin-bottom: 0;
		}
		#status-infos > li {
			float: left;
			margin-left: 0.5em;
			position: relative;
			z-index: 88;
			}
			#status-infos > li.spaced {
				padding-right: 0.5em;
			}
	.breadcrumb {
		float: left;
		border: 1px solid;
		border-color: #0099cc #006699 #003366;
		-moz-border-radius: 0.417em;
		-webkit-border-radius: 0.417em;
		border-radius: 0.417em;
		-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
		height: 1.75em;
		line-height: 1.5em;
		margin: 0.667em 1em 0 0;
		background: #0c5fa5 url(/images/old-browsers-bg/breadcrumb-bg.png) repeat-x;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		background: -moz-linear-gradient(top,white,#72c6e4 5%,#0c5fa5);
		background: -webkit-gradient(linear,left top, left bottom,from(white),to(#0c5fa5),color-stop(0.05, #72c6e4));
		}
		.breadcrumb li {
			float: left;
			color: white;
			height: 1.75em;
			padding: 0.083em 1em 0 0;
			background: url(/images/breadcrumb-sep.png) no-repeat right center;
			}
			.breadcrumb li:last-child {
				padding-right: 0;
				background: none;
			}
			/* IE class */
			.breadcrumb li.last-child {
				padding-right: 0;
				background: none;
			}
			.breadcrumb li a,
			.breadcrumb li span {
				display: block;
				height: 1.667em;
				color: white;
				text-decoration: none;
				padding: 0 0.75em 0 0.667em;
				-moz-transition-duration: 1s;
				-webkit-transition-duration: 1s;
				transition-duration: 1s;
			}
			.breadcrumb li a:hover {
				background: -moz-linear-gradient(left, rgba(109, 192, 229, 0), rgba(109, 192, 229, 0.8) 25%, rgba(109, 192, 229, 1) 50%, rgba(109, 192, 229, 0.8) 75%, rgba(109, 192, 229, 0));
				background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(109, 192, 229, 0)), to(rgba(109, 192, 229, 0)), color-stop(.25, rgba(109, 192, 229, 0.8)), color-stop(.5, rgba(109, 192, 229, 1)), color-stop(.75, rgba(109, 192, 229, 0.8)));
				-moz-transition-duration: 100ms;
				-webkit-transition-duration: 100ms;
				transition-duration: 100ms;
			}
			.breadcrumb li img {
				margin-bottom: -4px;
			}


/* responsive navigation */
	.mobile-only{display:none;}



/* #Page Styles

/* ================================================== */

/* =======================================
SECTION 3
========================================= */
/*  Footer  */
#footer
{
	font-size: 12px;
	text-align: center;
}
#footer .columns {
	margin: 0px;
	width: 100%;
	background-image: url(/images/bg_footer.png);	
	color: #FFFFFF;
	font-weight: bold;
	/*padding: 10px;
	border-top: 1px solid #C9E0ED;*/
}
#footer .columns a, #footer .columns a:visited, #footer .columns a:active, #footer .columns li {
	color: #FFFFFF;
	font-weight: bold;
}
/*  End Footer  */

     span#version:after { content:"Wide"; }

/* #Media Queries
================================================== */
     @media only screen and (min-width:960px) and (max-width:1139px) { 
		span#version:after { content:"Desktop"; }
	 }


	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.section2{ background-position:left -80px; }
		.section2.detail{background-position:center -260px}
		h4{ font-size:18px;	}
		h3{ font-size:22px; }
		h2{ font-size:30px; }
		#welcome_section a.big{ font-size:14px; padding:10px 0; margin-top:20px; }
		.section2{ background-position:left -80px; }
		#sidebar{padding:50px 10px 0 10px;}

	}
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.section2{ background-position:left -80px; }
		.section2.detail{background-position:center -260px}
		h4{ font-size:18px;	}
		h3{ font-size:22px; }
		h2{ font-size:30px; }
		#welcome_section a.big{ font-size:14px; padding:10px 0; margin-top:20px; }
		.section2{ background-position:left -80px; }
		#sidebar{padding:50px 10px 0 10px;}
		span#version:after { content:"iPad"; } 
		#logo_image{width: 750px;}

	}
	
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 640px) and (max-width: 767px) {
		body.darkk{background: url(/images/bg-mobile.png) no-repeat scroll center top #70828F;
    font-family: HelveticaNeue,Verdana,Arial,Helvetica,sans-serif;}
	#mmain_header{background: #3399cc url(/images/old-browsers-bg/main-nav-bg.png) repeat-x top;
}
		/*#logo{margin-top:5px;}*/
		.section2{ background-position:left -180px; }
		.section2.detail{background-position:center -260px}
		#welcome_section a.big{font-size:16px;margin-top:0;padding:10px 0}
		#main_content{padding:10px;}
		#mobile-top-bar h1{ font-size:18px;}
		.mobile-only{display:block;}
		.desktop-only{display:none;}	
		span#version:after { content:"Mobile Alt";}
		#header{padding-top:53px;}
	}
	
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 639px) {
		body.darkk{background: url(/images/bg-mobile.png) no-repeat scroll center top #70828F;
    font-family: HelveticaNeue,Verdana,Arial,Helvetica,sans-serif;}
	    /*#main_header{background: #3399cc url(/images/old-browsers-bg/main-nav-bg.png) repeat-x top;}*/
		/*#logo{margin-top:5px;}*/
		.section2{ background-position:left -180px; }
		.section2.detail{background-position:center -260px}
		#welcome_section a.big{font-size:16px;margin-top:0;padding:10px 0}
		#mmain_content{padding:10px;}
		span#version:after { content:"Mobile Wide"; } 
		#mobile-top-bar h1{ font-size:18px;}
		.mobile-only{display:block;}
		.desktop-only{display:none;}
		#header{padding-top:53px;}

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		 
		body.darkk{background: url(/images/bg-mobile.png) no-repeat scroll center top #70828F;
    font-family: HelveticaNeue,Verdana,Arial,Helvetica,sans-serif;}
		.section2{ background-position:left -240px; }
		.section2.detail{background-position:center -260px}
		#main_content .columns, .main_content .column{ margin-left:0; margin-right:0;}
		/*#main_header{background: #3399cc url(/images/old-browsers-bg/main-nav-bg.png) repeat-x top;}*/
		/*#logo{margin-top:5px;}*/
		#welcome_section a.big{font-size:16px;margin-top:0;padding:10px 0}
		#main_content{padding:10px;}
		#mobile-top-bar h1{ font-size:18px;}
		span#version:after { content:"Mobile"; } 
		.mobile-only{display:block;}
		.desktop-only{display:none;}
		#header{padding-top:53px;}

	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/