@CHARSET "UTF-8";

/* GENERAL */
body{ 
	background: #c1dff2 url(futurebabypicture-back.gif) repeat-x left 40px;;
	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif; 
	font-size: 16px; 
	line-height: 1.6;
	margin:0px; 
	padding:0px;
	color: #333;
	text-align:center;
}

h1,h2,h3,h4,h5{padding: 0px; margin:20px 0px;}
p{padding: 0px; margin:20px 0px;}
h1{font-size: 160%; margin: 20px 0;}
h2{font-size: 140%;}
h3{font-size: 120%;}
h4,h5{font-size: 110%;}

a{color: #666;}
a:hover{text-decoration: none;}
img{border: none;max-width: 100%;}
.clear{clear: both;}
.hidden{display: none;}

.wrap{width:750px; margin:20px auto; text-align:left;}

.header{}
.header h1{margin:0; padding:0;background:url(futurebabypicture.gif) no-repeat center center; background-size: contain;}
.header h1 a{display:block;height:110px; overflow:hidden; text-indent:-9000px;}
.header p{text-align:center; color:#006599;}
.header p b{font-size:120%; font-weight:normal; }

.brd{border: solid 10px #fff; background-color:#e6f2fa;
	 -moz-border-radius: 10px;
	 -khtml-border-radius: 10px;
	 -webkit-border-radius: 10px;
	 border-radius: 10px;}
.ar1{margin:20px 0;}
.ar2{}

.content{}	
.demo{float:right; margin:0 0 20px 20px;}
.form{padding:20px;}
.form h2{margin-top:0px;}
.generate{font-size:140%;}

.share{ font-size:130%; text-align:center; margin:40px 0;}
.addthis_toolbox{text-align:center;}
.addthis_top{margin:0 150px;}
.addthis_bottom{margin:0 150px;}

.result{text-align:center;margin:40px 0 200px;}

.note{font-size:80%; margin:20px 0;}
.footer{font-size:80%; margin:20px 0;}

.testimonials{text-align: center;}
.quote{padding:0;background-color:#e6f2fa;  text-align: left;
	   -moz-border-radius: 10px;
	   -khtml-border-radius: 10px;
	   -webkit-border-radius: 10px;
	   border-radius: 10px;}
.quote p{padding: 20px; margin:0}
.quote .author{text-align:right; font-style:italic; font-size:80%;}


.row{}
.cell{display: inline-block; vertical-align: top; width:45%; margin:2%;}



.info_panel{background-color: #006599; border-radius: 5px; text-align: center; color: #fff;padding: 5px; line-height: 1.2;}
.info_panel a{text-decoration: none; text-transform: uppercase;}
.info_panel .button{background-color: #006599; border-radius: 5px; color: #fff; padding:10px 20px; border:solid 1px #fff;}
.info_panel .button:hover{background-color: rgba(256,256,256,0.2);}





/* max width of 960px pixels. netbook, tablet */
@media screen and (max-width: 960px) {
	.wrap{width: 96%;}	
}

/* max width of 600px. small netbook, tablet */
@media screen and (max-width: 600px) {
	.cell{display: block; width: auto; margin: 20px 0;}
	.demo{float: none; margin: 0;}
	.demo_link{display: block; text-align: center; margin: 20px 0;}
}



/* max width of 450px pixels. mobile phone */
@media screen and (max-width: 450px) {

}