article,footer { display: block; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html{ font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; background:#ffffff url('../img/bg-full.jpg') no-repeat; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #00e; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
strong { font-weight: bold; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

sup { top: -0.5em; }
sub { bottom: -0.25em; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

html,body { height:100%}

html,body { height:100%}

#floater	{float:left; height:50%; margin-bottom:-170px; width:100%;}
#main, footer { text-align:center; margin: 0 auto; clear:both; position:relative;
		-moz-box-shadow: 0px 0px 5px #333;
		-webkit-box-shadow: 0px 0px 5px #333;
		box-shadow: 0px 0px 5px #333;
		background-color:white; 
		background-color: rgba( 255, 255, 255, 0.8);
		}
	.lt-ie8 #main, .lt-ie8 footer { background-color:white; }
	#main{ width: 714px; height:340px;}
	h1#logo { background : url(../img/bizzdate-logo-big.png) no-repeat; width: 266px; height:129px; font-size:0; float:left; margin:100px 45px }
	#main-content { position:relative; border-left:2px solid #a4a5a6; float:left; width:355px; color:#999999; padding-bottom:85px;}
	#info { margin:100px 35px 30px; position:relative; }
		#info img { position:absolute; top:0; left:0}
		#info h2, #info h3 { margin: 0 0 0 120px; text-align:left; font-size:16px; line-height:20px; padding:0;}
		#info h2 { color:#006194; padding-top: 30px }
	#main-content input{ border:1px solid #7a9fb4; font-size:12px; color:#999999; background-color:white; line-height:24px; padding: 0 10px; margin:0
		-moz-box-shadow: inset 0px 0px 4px #777;
		-webkit-box-shadow: inset 0px 0px 4px #777;
		box-shadow: inset 0px 0px 4px #777;
		}
		#main-content input#text{ width:190px; height:24px;}
		#main-content input#submit{ background-color:#2784cd; color:white; margin:0; height:26px;}
	#main-content form { margin:0 35px 0; text-align:left;}
	#main-arrow{position:absolute; bottom:0; left:-5px;}
	#dnf{display:none}
	.thanks { background-color: #EEDD82; border: 1px solid #006194; color: black; margin: 0 40px; padding: 5px 20px }
		
footer { width: 145px; line-height:20px; border: 1px solid #006093; color:#006093; margin-top:20px; padding:10px}
	footer p{ background:url(../img/circle.png) no-repeat center right; margin:0 15px 0 0; padding:0}
	#footer-arrow { position:absolute; top: -5px; left: 78px}

@media only screen and (min-width: 35em) {
  

}

.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}




@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	
	#main{ width: 90%; height:auto; text-align:center; position:relative; margin:10px auto 30px; padding: 20px 0 }
	h1#logo { float:none; padding:0; margin:0 auto}
	h1#logo { background : url(../img/bizzdate-logo.png) no-repeat; width: 200px; height:97px; font-size:0}
	
	#floater{ display:none }
	#main-content { float:none; margin:30px auto 0; border:0; padding:0; position:relative; width:auto; position:relative; }
	#info { position:absolute; bottom:0; left:4%; padding:0; width:100%; margin:20px auto 0; display:none}
		#info img{width:80px; position:static; float:left}
		#info h2, #info h3 { margin: 0 0 0 85px; text-align:left; font-size:16px; line-height:20px; padding:0; width:200px}
		#info h2{padding-top:10px}
	footer { display:none }
	#main-arrow { display:none }
	#main-content form { margin:0 0 0 10px }
		#main-content input#text{ width:90%; line-height:25px}
		#main-content input#submit{ width:97.5%; margin-top:10px; height:30px}
		
		
}


@media only screen 
and (min-width : 321px) and (max-width : 420px) {

	#main-content {padding:0}
	#info{display:none}
}


@media only screen 
and (max-width : 320px) {
	
	.website {display:none}
	.mobile {display: block}
	#info{display:block}
	#main-content {padding:0 0 100px 0; }