@charset "UTF-8";
/* HSS ALL */

/* BACKGROUND COLORS */
#backgroundcontainer {
	border:none;
	height:1000px;
}
#h1bar {
	height:10px;
	width:500px;
	background-color:#27376c;
	margin-left:500px;
	}
#bluebackground {
	background: rgb(45,137,199); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(45,137,199,1) 0%, rgba(45,137,199,1) 90%, rgba(0,79,119,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,137,199,1)), color-stop(90%,rgba(45,137,199,1)), color-stop(100%,rgba(0,79,119,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(45,137,199,1) 0%,rgba(45,137,199,1) 90%,rgba(0,79,119,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(45,137,199,1) 0%,rgba(45,137,199,1) 90%,rgba(0,79,119,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(45,137,199,1) 0%,rgba(45,137,199,1) 90%,rgba(0,79,119,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(45,137,199,1) 0%,rgba(45,137,199,1) 90%,rgba(0,79,119,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d89c7', endColorstr='#004f77',GradientType=0 ); /* IE6-9 */
	height:753px;
}
#lobackground {
	background-image:url(img/main_family_image_full.png);
	height:700px;
	background-repeat:repeat-x;
	background-position:center top;
}
#graybackground {
	background: rgb(76,76,76);
 	/* Old browsers */
	background: -moz-linear-gradient(top,  rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(71,71,71,1) 39%, rgba(19,19,19,1) 100%);
 	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(100%,rgba(19,19,19,1))); 
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(71,71,71,1) 39%,rgba(19,19,19,1) 100%);
 	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(71,71,71,1) 39%,rgba(19,19,19,1) 100%); 	/* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(71,71,71,1) 39%,rgba(19,19,19,1) 100%);
 	/* IE10+ */
	background: linear-gradient(to bottom,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(71,71,71,1) 39%,rgba(19,19,19,1) 100%);
 	/* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 );
 	/* IE6-9 */
	height:800px;
}
#footer {
	height:900px;
	background-color:#015a87;
}
#bluebackgroundwoman {
	background: rgb(255,255,255); /* Old browsers */

background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(201,201,201,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(201,201,201,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(201,201,201,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(201,201,201,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(201,201,201,1) 100%); /* IE10+ */

background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(201,201,201,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c9c9c9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	height:510px;
}
#bluebackgroundabout{
	background: rgb(255,255,255); /* Old browsers */

background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(201,201,201,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(201,201,201,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(201,201,201,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(201,201,201,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(201,201,201,1) 100%); /* IE10+ */

background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(201,201,201,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c9c9c9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	height:280px;
}
#flatblueabout {
	background-color:#2D89C7;
	height:310px;
}
#contact_background{
	background: rgb(45,137,199); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(45,137,199,1) 0%, rgba(31,93,135,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,137,199,1)), color-stop(100%,rgba(31,93,135,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(45,137,199,1) 0%,rgba(31,93,135,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(45,137,199,1) 0%,rgba(31,93,135,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(45,137,199,1) 0%,rgba(31,93,135,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(45,137,199,1) 0%,rgba(31,93,135,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d89c7', endColorstr='#1f5d87',GradientType=0 ); /* IE6-9 */


	height:1280px;
	}
#orangebarwoman {
	background: rgb(45,137,199); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(45,137,199,1) 0%, rgba(45,137,199,1) 90%, rgba(0,79,119,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,137,199,1)), color-stop(90%,rgba(45,137,199,1)), color-stop(100%,rgba(0,79,119,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(45,137,199,1) 0%,rgba(45,137,199,1) 90%,rgba(0,79,119,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(45,137,199,1) 0%,rgba(45,137,199,1) 90%,rgba(0,79,119,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(45,137,199,1) 0%,rgba(45,137,199,1) 90%,rgba(0,79,119,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(45,137,199,1) 0%,rgba(45,137,199,1) 90%,rgba(0,79,119,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d89c7', endColorstr='#004f77',GradientType=0 ); /* IE6-9 */
	height:310px;
	padding:30px 0px 0px 0px;
}
#graybottomwomen {
	background: rgb(186,186,186); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(186,186,186,1) 27%, rgba(255,255,255,1) 84%, rgba(255,255,255,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgba(186,186,186,1)), color-stop(84%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(186,186,186,1) 27%,rgba(255,255,255,1) 84%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(186,186,186,1) 27%,rgba(255,255,255,1) 84%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(186,186,186,1) 27%,rgba(255,255,255,1) 84%,rgba(255,255,255,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(186,186,186,1) 27%,rgba(255,255,255,1) 84%,rgba(255,255,255,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	height:2800px;
}
/* BACKGROUND COLORS END */



/* START MOM SMART */
.margin_box {
	margin: 160px 0px 60px 0px;
	font:"Helvetica Neue Light", "Helvetica Neue", Helvetica, "Monotype Sorts";
}
img.align-left {
	background-position:center;
	float:left;
	margin: 0px 40px 0px 0px;
}
#martstatbaby{
	height:312px;
	background-repeat:no-repeat;
	margin-bottom:-50px;
	padding-left:100px;
}
#smartstatmale {
	height:312px;
	background-position:center;
	background-repeat:no-repeat;
}
#womansimsale {
	background-image:url(img/mother.png);
	background-position:center;
	background-repeat:no-repeat;
	height:286px;
	margin:20px 0px 0px 0px;
}
#ipadimagehome {
	background-image:url(img/ipad_hss.png);
	height: 360px;
	background-position:center;
	background-repeat:no-repeat;
	margin:150px 0px 0px 0px;
}
#hsscontactlogo{
	background-image:url(img/hss_contact_logo.png);
	background-repeat:no-repeat;
	background-position:center right;
}
#services {
	margin: 10px 0px 10px 0px;
}
footer{
	background: #231E16;
	border-top: 3px solid #333;
	border-bottom: 8px solid #000;
	height: 30px;
	font-size: 12px;
	text-align:center;
	padding: 0px 0;
	color: #FFF;
	margin: 0px 0 0;
}
/*TEXT CSS*/
#header1 {
	font-family:"Helvetica Neue", "Helvetica Light", Arial;
	font-size:30px;
	color:#FFF;
	text-shadow: 2px 2px #000;
	text-align:center;
	margin:20px 0px 0px 0px;
	padding: 0px 0px 24px 0px;	
	
}
#header2 {
	font-family:"Helvetica Neue", "Helvetica Light", Arial;
	font-size:30px;
	color:#CCC;
	text-align:center;
	margin:20px 0px 0px 0px;
	padding: 0px 0px 24px 0px;	
}
#header4 {
	font-family:"Helvetica Neue", "Helvetica Light", Arial;
	font-size:30px;
	color:#666;
	text-align:left;
	margin:20px 0px 0px 0px;
	padding: 0px 0px 24px 0px;
}
#header5 {
	font-family:"Helvetica Neue", "Helvetica Light", Arial;
	font-size:18px;
	color:#999;
	float:right;
	margin: -50px 0px 0px 0px;
	padding: 0px 0px 24px 0px;
}
#header6 {
	font-family:"Helvetica Neue", "Helvetica Light", Arial;
	font-size:30px;
	color:#333;
	margin:20px 0px 0px 0px;
	padding: 0px 0px 24px 0px;
}
#header7 {
	font-family:"Helvetica Neue", "Helvetica Light", Arial;
	font-size:30px;
	color:#FFF;
	text-align:left;
	margin:10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#header9 {font-family:"Helvetica Neue", "Helvetica Light", Arial;
	font-size:30px;
	color:#999;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 24px 0px;
}
	

/*boxes start */

#boxsetcontainter {
	width:440px;
	display:inline;
	}
	
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: center;
	color:#FFF;
	margin: 5px 0px 15px 0px;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color:#666;
	margin-top:-20px;
}
h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	color:#FFF;
	margin: 5px 0px 15px 0px;
}
h6 {
	font-family:"Helvetica Neue", "Helvetica Light", Arial;
	font-size:16px;
}
p2 {
	color:#303030;
}
p3 {
	color:#FFF;
}
	
#box_1 {
	display:inline;
	float:left;
	margin: 0px 0px 0px 20px; 
}
#box_2 {
	display:block;
	margin-top:300;
}
ul {
	list-style-type:none;
	background-position:center;
}
#container_top {
	background-position:center;
	width:900px;
	height:700px;
	border: 0px 0px 0px 0px;
	padding:0px 0px 0px 50px;
}

/* REQUEST FORM CSS */
#comment{
	width:400px;
	height:150px;
}
#header8{
	#header7 {
	font-family:"Helvetica Neue", "Helvetica Light", Arial;
	font-size:30px;
	color:#FFF;
	text-align:left;
	margin:10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/* STYLES FOR FORMS */
label {
    display:block;
    margin-top:20px;
    letter-spacing:2px;
}

textarea {
	width:439px;
	height:27px;
	background:#efefef;
	border:1px solid #dedede;
	padding:10px;
	margin-top:3px;
	font-size:0.9em;
	color:#3a3a3a;
    width:439px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
input:focus, textarea:focus {
    border:1px solid #97d6eb;
}
#submit {
    width:195px;
    height:31px;
    background-image:url(../HSS_REDESIGN/img/submit_button.png);
    text-indent:-9999px;
    border:none;
    margin-top:20px;
    cursor:pointer;
}

	#submit:hover {
	    opacity:.9;
	}