@media (min-width: 640px) {
  html {
  	background-color:#222;
  	background:linear-gradient(#444,#222);
  	min-height:100%;   
  }
}
@media (max-width: 640px) {

  html {
  	background-color:#ccc;
  	background:linear-gradient(#eee,#ccc);
  	min-height:100%;	
  }
}

body {
	margin:0;
	font:1em Helvetica,Geneva,Verdana,Arial,sans-serif;
	color:#333;
}

h1 {
	font-family:Helvetica,'Lucida Grande',Geneva,Verdana,Arial,sans-serif;
	margin-bottom:.4em;
	font-weight:400;
}

h2 {
	font-size:1.6em;
	font-family:Helvetica,Geneva,Verdana,Arial,sans-serif;
	margin-bottom:.3em;
	font-weight:400;
}

h3 {
	font-size:1.4em;
	font-family:Helvetica,Geneva,Verdana,Arial ,sans-serif;
	margin-bottom:.35em;
	font-weight:400;
}

h4 {
	font-size:1.2em;
	font-family:Helvetica,Geneva,Verdana,Arial ,sans-serif;
	margin-bottom:0;
	font-weight:400;
}

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

.format_title {
	text-align:left;
}

img {
	border:0;
}

a.rrbutton:link {	
	color:#333;
}

.rrbutton{
	background-color:#eee;
	background:linear-gradient(#fff,#eee,#ddd,#fff);
	border:solid 1px #aaa;
	color:#333;
	padding:3px 30px;
	text-align: center;
	display: inline-block;
	border-radius:6px;
	box-shadow:1px 1px 1px rgba(0,0,0,0.2);
	text-decoration:none;
}

.rrbuttonzot{
	background-color:#eee;
	background:linear-gradient(#fff,#bCe831,#9CD821,#fff);
	border:solid 1px #aaa;
	color:#333;
	padding:3px 30px;
	text-align: center;
	display: inline-block;
	border-radius:6px;
	box-shadow:1px 1px 1px rgba(0,0,0,0.2);
	text-decoration:none;
}

.segment {
	font-family:Helvetica;
	font-size:18px;
	border-top:solid 1px gray;
	border-bottom:solid 1px gray;
	padding-top:2px;
	padding-bottom:1px;
	text-align:left;
}

.selected_segment {
	display:inline;
	text-align:center;
	color:#fff;
	width:150px;
	border-left:solid 1px gray;
	border-right:solid 1px gray;
	margin-left:-1px;
	padding-left:10px;
	padding-right:10px;
	padding-top:inherit;
	padding-bottom:inherit;
	background-color:#58a0f9;
	background:linear-gradient(#58a0f9,#1267ff);
/* Standard syntax */
}

.unselected_segment {
	display:inline;
	text-align:center;
	width:150px;
	border-left:solid 1px gray;
	border-right:solid 1px gray;
	margin-left:-1px;
	padding-left:10px;
	padding-right:10px;
	padding-top:inherit;
	padding-bottom:inherit;
}

.selected_first_segment {
	display:inline;
	text-align:center;
	color:#fff;
	width:150px;
	border-left:solid 1px gray;
	border-right:solid 1px gray;
/*	margin-left:185px; */
	padding-left:10px;
	padding-right:10px;
	padding-top:inherit;
	padding-bottom:inherit;
	background-color:#58a0f9;
	background:linear-gradient(#58a0f9,#1267ff);
}

.unselected_first_segment {
	display:inline;
	text-align:center;
	width:150px;
	border-left:solid 1px gray;
	border-right:solid 1px gray;
	padding-left:10px;
	padding-right:10px;
	margin-left:185px;
	padding-top:inherit;
	padding-bottom:inherit;
}


#page2 {
	width:760px;
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	background-color:#fff;
	border:solid 1px #000;
	border-radius:12px;
	padding:12px;
	box-shadow:2px 4px 6px rgba(0,0,0,0.5);
}

#page .hd .c {
	font-size:1px;
/* ensure minimum height */
	height:16px;
}

#page .ft .c {
	font-size:1px;
/* ensure minimum height */
	height:21px;
}

.pagepadding {
}

.hd {
	background:url(tl2.png) no-repeat 0 0;
	margin-right:19px;
/* space for right corner */
}

#page .hd .c {
	background:transparent url(tr2.png) no-repeat right 0;
	margin-right:-19px;
/* pull right corner back over "empty" space (from above margin) */
}

#page .bd {
	background:url(ml2.png) repeat-y 0 0;
}

#page .bd .c {
	background:transparent url(mr2.png) repeat-y right 0;
}

#page .bd .c .s {
	margin:0 19px 0 14px;
	background-color:#fff;
	padding-left:10px;
	padding-right:5px;
}

#page .ft {
	background:transparent url(bl2.png) no-repeat 0 0;
	margin-right:19px;
}

#page .ft .c {
	background:transparent url(br2.png) no-repeat right 0;
	margin-right:-19px;
}


dt {
	font-weight:700;
}

dd {
	position:relative;
	margin-left:0;
}

.indent {
	margin-left:30px;
}

a:link {
	color:#2F2FAF;
}

a:hover {
	color:#BA2121;
}

a:visited {
	color:#2F4F4F;
}

#languageflag 
{
	display:none;
	margin-right:10px;margin-top:3px;padding-left:5px;
	align:right;
}

/*	------------------------------------ D E S K T O P ----------------------------------- */

@media (min-width: 640px) {

 /*.selected_first_segment { 
    margin-left:185px;
  } */

  .content,#content {
  	padding:0;
  }

  #page {
  	width:760px;
  	margin-top:25px;
  	margin-left:auto;
  	margin-right:auto;
  	margin-bottom:20px;
  	background-color:#fff;
  	padding:24px;
  	border-radius:8px;
  	box-shadow:2px 4px 6px rgba(0,0,0,0.5);
  }
  .page {
  	width:760px;
  	margin-top:25px;
  	margin-left:auto;
  	margin-right:auto;
  	margin-bottom:20px;
  	background-color:#fff;
  	padding:24px;
  	border-radius:8px;
  	box-shadow:2px 4px 6px rgba(0,0,0,0.5);
  }

  .sidebar,#sidebar {
  	float:right;
  	width:250px;
  }

  .header {
  	color:#222;
  	background-color:white;
  	text-align:center;
  }

  .headertitle {
  	letter-spacing:-1px;
  	text-align:left;
  	text-shadow:#696969 2px 2px 3px;
  	margin:0 0 10px;
    margin-left: 0px;
    font-size: 75px;
    font-family: Futura,Geneva,Verdana,Arial,Helvetica,sans-serif ;
    height: 65px;
    padding-top: 0px;
    margin-bottom: 0.2em;
    color: #333;
    display: inline;
  }

  .headersubtitle {
  	font-family:Futura,Geneva,Verdana,Arial,Helvetica,sans-serif;
  	letter-spacing:-1px;
  	text-shadow:#696969 2px 2px 3px;
  	margin-left:4px;
  	display:inline;
    font-size: 18px;
    display: inline;
  }

  #main-contact {
  	width:180px;
  	float:right;
  } 

  .headercontent {height:100px; width:710px; margin:auto;text-align: left;}
  #fjheadertitle {margin-left:0px;font-size:75px; font-family:Futura,Geneva,Verdana,Arial,Helvetica,sans-serif ;height: 95px;padding-top:00px;margin-bottom:0.2em;color:#333;}
  #dtheadertitle {margin-left:0px;font-size:65px; font-family:Futura,Geneva,Verdana,Arial,Helvetica,sans-serif ;height: 95px;padding-top:00px;margin-bottom:0.2em;color:#333;}
  .leftcolumn {width: 500px;}
  .appicon {border: 0px solid ; width: 96px; height: 96px;margin:10px;float:left}
  .appdescription {margin-left:116px;}
  .footer {font-size:14px;color:gray;border-top:1px solid gray;padding-top:8px;}
  #fjcontent {width:540px;margin-left:0px;margin-right:20px;}
  #fjwidecontent {margin-left:20px;margin-right:20px;}
  #dtcontent {width: 426px;margin-top:10px;}
  #dtwidecontent {width: 720px;margin-left:0px;margin-right:20px;margin-top:10px;}
  #dtpage {width:872px;background-color:#fff;}
  #filejuicericon {width:90px; height:90px;padding-top:0px;margin-left:0px;margin-right:20px;float:left;}
  #doubletakeicon {width:90px; height:90px;padding-top:0px;margin-left:0px;margin-right:20px;float:left;}
  .pagetitles {margin-left:117px;}


}

 /*	------------------------------------ M O B I L E ----------------------------------- */
 
 
@media (max-width: 640px) {


  .content,#content {
  	padding:0;
  	margin:5px;
  }

  #page {
  	width:100%;
  	margin-left:auto;
  	margin-right:auto;
  	background-color:#fff;
  }

  .sidebar {
  	float:right;
  	width:250px;
  }
  #sidebar {
  	visibility: hidden;
  	display: none;
  }

  .header {
  	color:#222;
  	background-color:#ccc;
  }

  .headertitle {
  	letter-spacing:-1px;
  	text-align:left;
  	text-shadow:#696969 2px 2px 3px;
  	margin:0 0 10px;

    line-height: 1.9;
    margin-left: 5px;
    font-size: 38px;
    font-family: Futura,Geneva,Verdana,Arial,Helvetica,sans-serif ;
    color: #333;
    margin-bottom: 0.0em;
    display: inline;
  }
  .headersubtitle {
  	margin-left:4px;
    font-size: 16px;
    display: inline;
  }

  #navigation {visibility: hidden;display: none;}
  .mobilehidden {visibility: hidden;display: none;}

  #main-contact {
  	visibility: hidden;
  	display: none;
  } 

  .headercontent {margin:auto;text-align: left;background-color:#eee;}

   .leftcolumn {width: 100%}
  .appicon {background-color:#eee; ; border-radius:8px; width: 96px; height: 96px;margin:10px;float:right}
  .footer {font-size:14px;color:gray;border-top:1px solid gray;padding-top:8px;text-align:center;}
  #fjcontent {margin-left:5px;margin-right:20px;}
  #fjwidecontent {margin-left:5px;margin-right:5px;}
  #dtcontent {margin-top:10px;background-color:#fff;}
  #dtwidecontent {margin-left:5px;margin-right:20px;margin-top:10px;}
  #dtpage {background-color:#fff;}

  #filejuicericon {width:60px; height:60px;padding-top:10px;margin-left:10px;margin-right:10px;float:left;}
  #doubletakeicon {width:60px; height:60px;padding-top:10px;margin-left:10px;margin-right:10px;float:left;}

  .pagetitles {margin-left:77px;}
}