html {
  background: #fff;
  background-image: -webkit-gradient(linear, left top, left 40%, from(rgba(0,0,0,.2)), to(rgba(0,0,0,0)));
  background-repeat: repeat-x;
  height: 100%;
  color: black; text-shadow: #efefef 0 1px 1px;
}
header
{
background-image:url('new_banner_4.jpg');
margin-bottom:10px;
}
body {
  font: small/1.6 "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
  width: 940px; margin: 0 auto;
}
h1 {
  padding-top: 0px;
  font: normal 2.5em/1.2 Futura, "Myriad Pro", Verdana, Arial, sans-serif;
  letter-spacing: -.08em;
  text-align: center;
	color:white;
}

.h1_new
{
	padding-top: 7px;
  font: normal 2.5em/1.2 Futura, "Myriad Pro", Verdana, Arial, sans-serif;
  letter-spacing: -.08em;
  text-align: center;
	color:white;
}

h1 small {color: white;}
 h2, #more, #disclaimer, h1 + p {
  font-family: Georgia, "Times New Roman", serif;
  color: #666;
}

h3
{
	font-family: Georgia, "Times New Roman", serif;
	font-size:12px;
	text-align:center;
	color:white;
	padding-bottom:6px;
}
h1 small {
  display: block; font-size: 31%; font-weight: normal;
  letter-spacing: .1em;
}
h1 .amp {
  /* http://edward.oconnor.cx/2007/03/ampersands */
  font-family: 'Goudy Old Style', 'OFL Sorts Mill Goudy', 'Fertigo Pro', Baskerville, 'Goudy Bookletter 1911', Palatino, 'Book Antiqua', serif;
  color: gray;
  margin: 0 -.2em;
}
h1 + p {
  position: relative;
	top: -1em;
  text-align: center;
  /*text-indent: 12.5em;
  font-style: italic;*/
}
h2 { margin: .8em 0 .3em 0; display: none }
.main h2 {
	margin-top: 0;
  display: block;
  font-weight: bold; 
	font-size: 1.5em;
	color:#000066;
  margin-bottom: 1px; 
	padding: .5em 1em; 
	background: #dadada;
  border-top: 2px solid #000066;
	border-right: 2px solid #000066;
  border-radius: 6px 6px 6px 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
}

.main, .detailed {
  width: 780px;
}
.menu {
	width:146px;
	 text-align: left;
	 float:left;
}
/*.iphone { float: left; }*/
.droid  { float: right; }

.image { 
	float:left;
	text-align:center;
	padding-left:3em;}

img {
width:150px;
height:100px;
}

input{width:231px;}

textarea{
width:231px;
height:150px;
}

.image_security{
width:75px;
height:28px;
}

/*#iphone-main { text-align: left; }*/

.clearing { clear: both; }
#more, #disclaimer { padding: 3em 0 2em 0; text-align: center; font-size: 1em; font-style: italic; }

ul { margin: 0; padding: 0; list-style: none; }
ul > li { border-top: 2px groove #000099; padding: 0em 0; }
.main li { min-height: 1.2em; font-size: 1.1em; }
.menu li {min-height: 1.2em; font-size: 1.1em;}
ol { list-style: disc; margin: 1em 0 0 0; padding-left: 1.5em; }

p { margin: 0; }
p + p { margin-top: .5em; }
q { color: firebrick; }

a:link, a:active, a:visited { 
	color: #000066; 
	font-weight:bold; 
	text-decoration:none;}
	
ul li a:hover { color: crimson; }

iframe
{
width:520px;
height:550px; 
}

@media handheld {
  body { width: auto; padding: 0 }
	iframe {width:auto;}
	input{width:auto;}
	textarea{width:auto;}
}
@media only screen and (max-width: 979px) {
  body { width: auto; }
	iframe {width:auto;}
	input{width:auto;}
	textarea{width:auto;}
  .detailed { width: auto; float: none; }
  h2 { display: block; }
}
@media only screen and (max-width: 480px) {
  body { padding: 7px }
	.image { 
	float:left;
	text-align:center;
	padding-left:1em;}
	iframe {width:auto;}
	input{width:auto;}
	textarea{width:auto;}
  .main { width: auto; float: none; }
	.menu { width: auto; float: none; }
  h1 { font-size: 3em; padding-top: 0; margin: .2em 0 .5em 0; line-height: 1.1; }
  h1 + p { top: -1.5em; text-indent: 5em; margin-bottom: -1em; }
  .main h2 { font-size: 1em; padding: .2em .4em; }
  #iphone-main { text-align: left; }
  ul > li { padding: .3em 0; }
  .main li { font-size: 1em; min-height: 0; }
	.menu li { font-size: 1em; min-height: 0; }
}
@media only screen and (min-width: 481px) and (max-width: 979px) {
  body { padding: 1em 4%; }
	iframe {width:auto;}
	input{width:auto;}
	textarea{width:auto;}
  .main li { font-size: 1em; min-height: 0; }
  .main { width: 47% }
  .main h2 { font-size: 1.1em; padding: .3em .6em; }
	.menu li { font-size: 1em; min-height: 0; }
  .menu { width: 47% }
}
@media only screen and (device-width: 768px) {
iframe {width:auto;}
input{width:auto;}
textarea{width:auto;}
  .main, .detailed { font-size: medium; }
	.menu{ font-size: medium; }
}