/* CSS Document */



/*colours

ultralight- eee8f6

lightest- e2dcea)  d4cddd

light purple - 8b8199

darker purple - (5c5662) 56505d

darkest - 2f2f31*/

/*-------------------------------------



           Reset Styles



--------------------------------------*/







html, body, div, span, applet, object, iframe,



h1, h2, h3, h4, h5, h6, p, blockquote, pre,



a, abbr, acronym, address, big, cite, code,



del, dfn, em, font, img, ins, kbd, q, s, samp,



small, strike, strong, sub, sup, tt, var,



dl, dt, dd, ol, ul, li,



fieldset, form, label, legend,



table, caption, tbody, tfoot, thead, tr, th, td {



	margin: 0%;



	padding: 0%;



	border: 0%;



	outline: 0%;



	font-weight: inherit;



	font-style: inherit;



	font-size: 1em;



	font-family: inherit;

	

	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;



	vertical-align: baseline;

}





a{text-decoration:none; color: #2f2f31;}



em {font-style:italic;}



strong{font-weight:bold;

	letter-spacing:0.05em;}



ol, ul {



	list-style: none;

	vertical-align:bottom;

	



}

td:focus{

	border:none;

}





/*-------------------------------------



           End Reset Styles



--------------------------------------*/







.clear{

	clear:both;

}



.border{

	border:solid 0.5em;

	-webkit-border-radius: 2em;

	-moz-border-radius: 2em;

	border-radius: 2em;

}





body{

	margin:0px auto;

	color:#2f2f31;

	background-color:#56505d;

	background-color:rgba(86, 80, 93, 0.9);
	
	background-color:#eee8f6;

	min-height:auto;

	width:100%;
	
	background-image:url(images/bgtexture17.png);


}





.wrapper{

	margin:0% auto;

	width:80em;

	background-color:#d8cfe3;

	background-image:url(images/lizardbg.png);

	padding-bottom:1em;
	
	/*padding:0 5em 1em 5em;

	border-left:.5em solid #56505D;

	border-right:.5em solid #56505D;

	*/

}



.leftpane{

	width:25em;

	padding:2em; padding-bottom:0em; padding-right:1em;

	float:left;

}



.rightpane{

	width:51em;

	float:right;

}



.bsd{

	position:fixed;

	top:0em; right:0em;

	color:#eee8f6;

}



.logo{

	width:25em; height:17em;

	float:left;	

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;

}



.logo:hover{

	-webkit-transform: scale(1.1) skew(-10deg);

	-moz-transform: scale(1.05) skew(-10deg);

	-o-transform: scale(1.1) skew(-10deg);

	transform: scale(1.1) skew(-10deg);

	background-color:rgba(238, 232, 246, 0.4);

	-webkit-box-shadow: 0 0 6em rgba(238, 232, 246, 0.8);

	-moz-box-shadow: 0 0 6em rgba(238, 232, 246, 0.8);

	box-shadow: 0 0 6em rgba(238, 232, 246, 0.8);

}

	

.logotext{

	width:21em; height:15em;	

	margin-top:-7.5em;

	margin-left: 7em;

}



.nav:hover .construction, .nav:hover .construction p{

	display:block;

}







.nav {

	width:30em;

	padding:0em 8em;

	float:right;

	margin:0em;

}





.tab{

	width:5em;

	height:8em;

	margin-left:2em;

	background-color:#eee8f6;

	float:left;

}



.tab a{

	display:block;

	height:auto;

	width: 4em;

	text-align:center;	

}



.navlink{

	display:block;

	width:5em;

	height:auto;

	padding-top:6.5em;

	text-align:center;

	background-color:#eee8f6;

	float:left;

	-webkit-transition: all 0.1s;

	-moz-transition: all 0.1s;

	-o-transition: all 0.1s;

	transition: all 0.1s;

}



.navlink:hover, .navlink:focus{

	background-color:#8b8199;

    -webkit-box-shadow: .5em .5em 1em rgba(238, 232, 246, 0.5);

	-moz-box-shadow: .5em .5em 1em rgba(238, 232, 246, 0.5);

	box-shadow: .5em .5em 1em rgba(238, 232, 246, 0.5);

	-webkit-transform: scale(1.05) skew(-3deg) translate(-0.5em,0);

	-moz-transform: scale(1.05) skew(-3deg) translate(-0.5em,0);

	-o-transform: scale(1.05) skew(-3deg) translate(-0.5em,0);

	-ms-transform: scale(1.05) skew(-3deg) translate(-0.5em,0);

	transform: scale(1.05) skew(-3deg) translate(-0.5em,0);

	color:#eee8f6;

	text-shadow: 0.02em 0.02em 0.1em rgba(0, 0, 0, 0.3);

	-webkit-border-radius:0em 0em .7em .7em;

	-moz-border-radius:0em 0em .7em .7em;

	border-radius:0em 0em .5em .5em;

	/* -webkit-border-bottom-right-radius: 1em / 2em;

	 -webkit-border-bottom-left-radius: 1em / 2em;

	 -moz-border-bottom-right-radius: 1em 2em;

	 -moz-border-bottom-left-radius: 1em 2em;*/

	  border-bottom-right-radius: 1em 2em;

	  border-bottom-left-radius: 1em 2em;

	padding-bottom:.3em;

	border:#56505d 0.1em solid;

	border-top:none;

}

.navlink:active, .navlink:visited{

	-webkit-transform: skew(-0.25deg) translate(-0.1em,0);

	-moz-transform:   skew(-0.25deg) translate(-0.1em,0);

	-o-transform:   skew(-0.25deg) translate(-0.1em,0);

	-ms-transform:   skew(-0.25deg) translate(-0.1em,0);

	transform:   skew(-0.25deg) translate(-0.1em,0);

}

.tab:hover, .tab:focus{

	background-color:#56505d;

	height:9em;

}

	

.currentpage{

	width:5em;

	height:9em;

	margin-left:2em;

	background-color:#56505d;

	float:left;

}



.currentpage a{

	display:block;

	height:auto;

	width:5em;

	text-align:center;	

	}



.currentpage .navlink{

	background-color:#56505d;

	color:#eee8f6;

}

.currentpage .navlink:hover{

	-webkit-transform: scale(1.05) skew(0deg);

	-moz-transform: scale(1.05) skew(0deg);

	-ms-transform: scale(1.05) skew(0deg);

	-o-transform: scale(1.05) skew(0deg);

	transform: scale(1.05) skew(0deg);

	padding-bottom:1.5em;

	border:none;

}



/*---------end of nav --------------------- home page----------*/

.contenthome{

	width:44em;

	padding-bottom:1em;

	margin-right:4em;

	margin-left:5em;

	margin-bottom:2em;

	float:right;

	background-color:#eee8f6;

	border:#56505d solid 0.5em;

	-webkit-border-radius: 2em;

	-moz-border-radius: 2em;

	border-radius: 2em;

	/* was supposed to work in ie9!

	border-top-right-radius: 2em;

	border-top-left-radius: 2em;

	border-bottom-right-radius: 2em;

	border-bottom-left-radius: 2em;*/

	min-height:25em;

	-webkit-box-shadow: 1em 1em 3em rgba(0, 0, 0, 0.5);

	-moz-box-shadow: 1em 1em 3em rgba(0, 0, 0, 0.5);

	box-shadow: 1em 1em 3em rgba(0, 0, 0, 0.5);

}



.content{

	width:71em;

	margin:0em 4em;

	margin-bottom:2em;

	font-size:1em;

	position:relative;

	-webkit-box-shadow: 1em 1em 3em rgba(0, 0, 0, 0.5);

	-moz-box-shadow: 1em 1em 3em rgba(0, 0, 0, 0.5);

	box-shadow: 1em 1em 3em rgba(0, 0, 0, 0.5);

}



.contenthome h1{

	margin:.8em auto;margin-bottom:-.1em;

	text-align:center;

	font-size:1.7em;

	/*text-shadow:0.1em;*/

	width:20em;
	
	font-family:Georgia, "Times New Roman", Times, serif;
	
	letter-spacing:0.01em;
	
	

}

.contenthome h1 span{
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.55em; 
	letter-spacing:.1em;
	line-height:2em;
	text-transform:uppercase;
	font-weight:bold;}

.contenthome p{

	margin:1em auto;

	text-align:justify;

	font-size:1.2em;

	width:30em;

}



.happyfamily{

	width:25em;

	height:20em;

	float:left;

	background-color:#8b8199;

	-webkit-box-shadow: 0.8em 1em 3em rgba(0, 0, 0, 0.4);

	-moz-box-shadow: 0.8em 1em 3em rgba(0, 0, 0, 0.4);

	box-shadow: 0.8em 1em 3em rgba(0, 0, 0, 0.4);

	-webkit-border-radius: 1em;

	-moz-border-radius: 1em;

	border-radius: 1em;

	margin-top:3em; margin-bottom:2em; margin-left:.5em;

	}



.happyfamily p{

	text-align:center;

	font-size:1.5em;

	color:#e2dcea;

}



.happyfamilyimage{

	width:23em;

	height:16em;

	margin:1em; margin-bottom:0.5em;

	float:left;



}



/*  ----------services-------------  */



.divbg{

	background-color: #eee8f6; 

  background-image: -moz-linear-gradient(top, #eee8f6, #e2daeb); 

  background-image: -o-linear-gradient(top, #eee8f6, #e2daeb); 

  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eee8f6),color-stop(1, #e2daeb)); 

  background-image: -webkit-linear-gradient(#eee8f6, #e2daeb); 

  background-image: linear-gradient(top, #eee8f6, #e2daeb);

            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eee8f6', EndColorStr='#e2daeb');

	

	border:solid .2em #e2daeb;	

	-webkit-border-radius: 2em;

	-moz-border-radius: 2em;

	border-radius: 2em; 

	-webkit-box-shadow: 0.8em 1em 3em rgba(50, 50, 50, 0.2);

	-moz-box-shadow: 0.8em 1em 3em rgba(50, 50, 50, 0.2);

	box-shadow: 0.8em 1em 3em rgba(50, 50, 50, 0.2);	

}



.services{

	width:22em; min-height:23em;

	margin:2em; margin-top:1em;

	border:#56505d solid 0.3em;

	background-color: #eee8f6; 

  background-image: -moz-linear-gradient(top, #eee8f6, #e2daeb); 

  background-image: -o-linear-gradient(top, #eee8f6, #e2daeb); 

  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eee8f6),color-stop(1, #e2daeb)); 

  background-image: -webkit-linear-gradient(#eee8f6, #e2daeb); 

  background-image: linear-gradient(top, #eee8f6, #e2daeb);

    -webkit-border-radius: 2em;

	-moz-border-radius: 2em;

	border-radius: 2em; 	

	-webkit-box-shadow: 0.8em 1em 3em rgba(0, 0, 0, 0.4);

	-moz-box-shadow: 0.8em 1em 3em rgba(0, 0, 0, 0.4);

	box-shadow: 0.8em 1em 3em rgba(0, 0, 0, 0.4);

}

.services h3{

	font-size:2em;

	margin:1em;

	text-align:center;

	text-shadow: 0.1em 0.1em 0.5em rgba(50, 50, 50, 0.3);
	
	/*margin:1em auto -.5em auto;*/
	font-size:1em;
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing:.1em;
	text-transform:uppercase;
	

}

.hrule{color:#D8D1E3; width:80%}

.services p{

	width:15em;

	font-size:1.2em;

	margin:1em auto;

}

.services table{

	width:15em;

	margin:1em auto 1.5em auto;

	border:none;

	

}

.services table img{

	width:3em; height:3em;

	border:none;

}

.services td{

	vertical-align:middle;

	padding:0 0.5em;

	font-size:1.1em;

	white-space:nowrap;	

	border:none;
	
	
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing:.1em;

	
	
		

}

.services tr{

	-webkit-transition: all .1s;

	-moz-transition: all .1s;

	-o-transition: all .1s;

	transition: all .1s;

}

.services tr:hover{

	-webkit-transform: scale(1.2) translate(.5em, 0);

	-moz-transform: scale(1.2) translate(.5em, 0);

	-ms-transform: scale(1.2) translate(.5em, 0);

	-o-transform: scale(1.2) translate(.5em, 0);

	transform: scale(1.2) translate(.5em, 0);

	-webkit-text-shadow:0.1em 0.1em 0.5em rgba(50, 0, 0, 0.4);

	-moz-text-shadow:0.1em 0.1em 0.5em rgba(50, 0, 0, 0.4);

	text-shadow:0.1em 0.1em 0.5em rgba(50, 0, 0, 0.4);

	

}



.schools{

	width:22em;

	margin:2em; padding:0.3em; margin-top:3em;

	padding-top:1em;

	}

.content .schools p{

	width:16em;

	font-size:1.1em;

}

.schools img{

	width:10em; height:8em;

	margin-right:0.5em; margin-left:-0.5em;

	margin-top:0em;

	float:left;

	-webkit-transition: all 1s ease-in-out;

	-moz-transition: all 1s ease-in-out;

	-o-transition: all 1s ease-in-out;

	transition: all 1s ease-in-out;

}

.schools img:hover{

	    -moz-transform: scaleX(-1) scale(1.2);

        -o-transform: scaleX(-1) scale(1.2);

        -webkit-transform: scaleX(-1) scale(1.2) ;

		-ms-transform: scaleX(-1) scale(1.2) ;

        transform: scaleX(-1) scale(1.2);

        

        

}



.content .schools ul{

	width:16em;

	margin:0em auto;

	text-align:justify;

}

.content .schools li{

	margin:1.5em auto;

	list-style-type:none;

	text-indent:0em;

	list-style-image:url(images/list.png);

	list-style-position:inside;

}





.parenting{

	width:22em;

	margin:2em; padding:0.3em; margin-top:3em;

	padding-top:1em;

	

}

.parenting p{

	max-width:16em;

	font-size:1.1em;

}



.communication{

	width:8em; height:4em;

	padding:0;

	padding-left:1em;

	float:right;

	-webkit-transition: all 1s ease-in-out;

	-moz-transition: all 1s ease-in-out;

	-o-transition: all 1s ease-in-out;

	transition: all 1s ease-in-out;

}



.communication:hover{

	-webkit-transform:  translate(1em,0em) skew(-5deg);

	-moz-transform:  translate(1em,0em) skew(-5deg);

	-o-transform:  translate(1em,0em) skew(-5deg);

	-ms-transform:  translate(1em,0em) skew(-5deg);

	transform: translate(1em,0em) skew(-5deg);

}



/*--------------------end left pane-----*/



.header{

	width:10em;

	text-align:center;

	margin:0em auto 1em auto;

	font-size:1.4em;
	font-size:1.1em;
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing:.1em;
	text-transform:uppercase;

}


.consultation{

	width:36em;

	margin:3em;

	margin-bottom:2em;

	padding:2em 0em;
	
	padding-top:1em;

	float:right;

}



.consultation img{

	width:10em; height:10em;

	margin-right:1em;

	margin-top:-1em;

	float:right;

	-webkit-transition: all 1s ease-in-out;

	-moz-transition: all 1s ease-in-out;

	-o-transition: all 1s ease-in-out;

	transition: all 1s ease-in-out;

}

.consultation img:hover{

	-webkit-transform: scale(.9) rotate(-385deg) skew(35deg);

	-moz-transform:  scale(.9) rotate(-385deg) skew(35deg);

	-ms-transform:  scale(.9) rotate(-385deg) skew(35deg);

	-o-transform:  scale(.9) rotate(-385deg) skew(35deg);

	transform:  scale(.9) rotate(-385deg) skew(35deg);

}	

	

.content .consultation p{

	margin-left:2.5em;

}



.content .consultation ul{

	width:36em;

	margin:0em auto;

	text-align:justify;

	margin-left:3em;

}

.content .consultation li{

	margin:1.5em auto;

	list-style-type:none;

	text-indent:0em;

	list-style-image:url(images/list.png);

	list-style-position:inside;

	}





.assessment{

	width:36em;

	margin:2em 3em;

	padding:2em 0em;
	
	padding-top:1em;
	
	float:right;



}



.assessmentimg{

	width:10em; height:10em;

	margin-right:1em;

	margin-top:-1em;

	float:left;

	-webkit-transition: all 1.5s ease-in-out;

	-moz-transition: all 1.5s ease-in-out;

	-o-transition: all 1.5s ease-in-out;

	transition: all 1.5s ease-in-out;

}

.assessmentimg:hover{

	-webkit-transform: scale(1.1) rotate(-5deg) translate(2em,.5em);

	-moz-transform:  scale(1.1) rotate(-5deg) translate(2em,.5em);

	-ms-transform:  scale(1.1) rotate(-5deg) translate(2em,.5em);

	-o-transform:  scale(1.1) rotate(-5deg) translate(2em,.5em);

	transform: scale(1.1) rotate(-5deg) translate(2em,.5em);

}

.assessmentimg2{

	width:10em; height:12em;

	float:right;

	padding-left:1em;

	margin-top:-2em;

	-webkit-transition: all 1s ease-in-out;

	-moz-transition: all 1s ease-in-out;

	-o-transition: all 1s ease-in-out;

	transition: all 1s ease-in-out;

}



.assessmentimg2:hover{

	-webkit-transform: rotate(365deg);

	-moz-transform: rotate(365deg);

	-o-transform: rotate(365deg);

	transform: rotate(365deg);}

.content .assessment ul{

	width:32em;

	margin:0em auto;

	text-align:justify;

}



.content .assessment li{

	margin:1.5em auto;

	list-style-image:url(images/list.png);

	list-style-position:inside;}





.intervention{

	width:36em;

	margin:2em 3em;

	padding:2em 0em;
	
	padding-top:1em;

	float:right;

}



.intervention img{

	width:10em; height:10em;

	margin-right:1em;

	margin-top:-1em;

	float:left;

	-webkit-transition: all 1s ease-in-out;

	-moz-transition: all 1s ease-in-out;

	-o-transition: all 1s ease-in-out;

	transition: all 1s ease-in-out;

}

.intervention img:hover{

-webkit-transform:  translate(1em,0em) skew(-5deg);

	-moz-transform:  translate(1em,0em) skew(-5deg);

	-ms-transform:  translate(1em,0em) skew(-5deg);

	-o-transform:  translate(1em,0em) skew(-5deg);

	transform: translate(1em,0em) skew(-5deg);

}

.content .intervention p{

	width:28em;

	font-size:1.1em;

	margin:0em auto;

}

.content .intervention ul{

	width:32em;

	margin:0em auto;

	text-align:justify;

	

}



.intervention li{

	margin:1.5em auto;

	list-style-image:url(images/list.png);

	list-style-position:inside;	 

}



/*--contact ----------------*/



.address{

	width:25em;

	margin:2em;

	padding:2em 0em 2em 0em;

	float:left;

	text-align:center;

	background-color: #eee8f6; 

  background-image: -moz-linear-gradient(top, #eee8f6, #e2daeb); 

  background-image: -o-linear-gradient(top, #eee8f6, #e2daeb); 

  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eee8f6),color-stop(1, #e2daeb)); 

  background-image: -webkit-linear-gradient(#eee8f6, #e2daeb); 

  background-image: linear-gradient(top, #eee8f6, #e2daeb);

            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eee8f6', EndColorStr='#e2daeb');

	

	border:solid .2em #e2daeb;	

	-webkit-border-radius: 2em;

	-moz-border-radius: 2em;

	border-radius: 2em; 

}



.address p, .address address{

	width:20em;

	font-size:1.2em;

	text-align:center;

	}

	

.address h2{

	width:20.5em;


	font-size:1.5em;

	text-align:center;

	text-shadow: 0.1em 0.1em 0.5em rgba(0, 0, 0, 0.35);
	
	font-size:1.2em;
	line-height:2em;
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing:.1em;
	text-transform:uppercase;

	

}

	.address address{

	font-style:italic;

	}



.harleystreet{

	width:25em;

	float:left;

	

}

.harleystreetimg{

	width:12em;

	height:12em;

	margin:1em auto;

}



.division{

	position:absolute;

	top:5em;

	left:30em;

	width:0.2em; height:30em;

}



.form{

	width:35em;

	padding:2em;

	float:left;

}

.form p{

	width:35em;

	margin:0em 1em 0em 1em;

	text-align:center;

	font-size: 1em;

}



.form h3{

	width:20em;

	margin:2em auto 0em auto;

	text-align:center;

	font-size: 1.2em;

}



.contact_form{

	width:34em;

	margin:2em 0em 0em 2em;

	padding-top:1em;

	/*background-color:#8b8199; */

	background-color:#c0b5cf;

  background-image: -moz-linear-gradient(top, #c0b5cf, #8b8199); 

  background-image: -o-linear-gradient(top, #c0b5cf, #8b8199); 

  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #c0b5cf),color-stop(1, #8b8199)); 

  background-image: -webkit-linear-gradient(#c0b5cf, #8b8199); 

  background-image: linear-gradient(top, #c0b5cf, #8b8199);

           /* the filter added corners around ie border radius so droped it!

		    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#c0b5cf', EndColorStr='#8b8199');*/

	border:solid #8b8199 0.2em;

	-webkit-border-radius: 2em;

	-moz-border-radius: 2em;

	border-radius: 2em;

}



.contact_form td{

	padding:0.2em;

	font-size:1.2em;

}

.contact_form img{

	width:7em;height:9em;

	margin-top:2em; padding-left:2em;

}

.cellname{

	font-size:1.2em;

	width:7em;

	font-style:italic;

}



.input{padding-left:2em;

	font-size:1.2em;

	height:1.2em;

	width:15em;

}



.textfield{

	

	margin-left:1em;

	font-size:1.2em;

	width:11.5em;

	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

	font-weight:normal;

}

.textarea{

	height:10em;

}



.submit{

	margin:-1em 0em 1em 20em;

	padding:.1em 0.5em;

	width:5em;

	vertical-align:middle;

	font-size:.8em;

	text-transform:uppercase;

	color:inherit;

	border: none;

	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);

	background-image: -webkit-gradient(linear, »

	0% 0%, 0% 100%, from(#eee8f6), to(#ded5eb));

	background-image: -moz-linear-gradient(0% 100% »

	90deg, #ded5eb, #eee8f6);

	background-color: #eee8f6;

	-webkit-border-radius: 1em;

	-moz-border-radius: 1em;

	-o-border-radius: 1em;

	border-radius: 1em;

	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);

	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);

	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);  

}	

	





.intouch{

	width:34em;

	text-align:center;

	padding-top:3em;

}



.button{

margin-top:1em;

padding:0.5em 1em;

font-size:inherit;

color:inherit;

border: none;

text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);

background-image: -webkit-gradient(linear, »

0% 0%, 0% 100%, from(#eee8f6), to(#ded5eb));

background-image: -moz-linear-gradient(0% 100% »

90deg, #ded5eb, #eee8f6);

background-color: #eee8f6;

-webkit-border-radius: 1em;

-moz-border-radius: 1em;

-o-border-radius: 1em;

border-radius: 1em;

-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);

-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);

box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);  

}



@-webkit-keyframes pulse {

0% {

-webkit-box-shadow: 0 0 12px rgba(51, 204, 255, 0.2);

}

50% {

-webkit-box-shadow: 0 0 12px rgba(51, 204, 255, 0.9);

}

100% {

-webkit-box-shadow: 0 0 12px rgba(51, 204, 255, 0.2);

}

}

input[type="submit"]{

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



input[type="submit"]:hover,

input[type="submit"]:focus {

	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);

	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);

	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);  

	  -webkit-animation: pulse 1.5s infinite ease-in-out;

	  -webkit-transform: scale(1.3);

	  -moz-transform: scale(1.3);

	  -o-transform: scale(1.3);

	  transform: scale(1.3);

}



#backgroundPopup{

	display:none;

	position:fixed;

	_position:absolute; /* hack for internet explorer 6*/

	height:100%;

	width:100%;

	top:0;

	left:0;

	background:#000000;

	border:1px solid #cecece;

	z-index:1;

	}

	#popupContact{

	display:none;

	position:fixed;

	_position:absolute; /* hack for internet explorer 6*/

	margin:0em auto;

	padding-bottom:.5em;

	width:32em;

	background:#eee8f6;

	z-index:2;

	-webkit-box-shadow: 1em 1em 3em rgba(0, 0, 0, 0.5);

	-moz-box-shadow: 1em 1em 3em rgba(0, 0, 0, 0.5);

	box-shadow: 1em 1em 3em rgba(0, 0, 0, 0.5);

	-webkit-border-radius: 2em;

	-moz-border-radius: 2em;

	border-radius: 2em;



}

#popupContact img{

	float:left;

	margin:1em;

	width:12em; height:15em;

}



#popupContact h3{

	text-align:center;

	font-size:1.5em;

	letter-spacing:0.1em;

	text-transform:capitalize;

	margin:1em;

	color:inherit;

	-webkit-text-fill-color:#f8fee1;

	-webkit-text-stroke: 0.03em #56505d;

	text-shadow: 0.02em 0.02em 0.1em rgba(0, 0, 0, 0.5);

}

#popupContactClose{

	font-size:1.2em;

	position:absolute;

	right:1em;

	top:0.2em;

	color:#8b8199;

}

#popupContact ul{

	width:auto;

	margin:1em;

	text-align:justify;

}

#popupContact li{

	margin:1em;

}

#popupContact li:first-line{

	

	color: red;

	-webkit-text-fill-color:red;

	-webkit-text-stroke: 0.03em #56505d;

	letter-spacing:0.1em;

	}

	

/*  ----------about-------------  */

	

.testimonials{
	width:22em;
	min-height:30em;
	float:left;
	margin:0em 3em 3em 1.5em;
	background-color: #eee8f6;
	background-image: -moz-linear-gradient(top, #eee8f6, #e2daeb);
	background-image: -o-linear-gradient(top, #eee8f6, #e2daeb);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eee8f6),color-stop(1, #e2daeb));
	background-image: -webkit-linear-gradient(#eee8f6, #e2daeb);
	background-image: linear-gradient(top, #eee8f6, #e2daeb);


            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eee8f6', EndColorStr='#e2daeb');
	border:solid .2em #e2daeb;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	padding-bottom: .5em;

}

.note em{

	float:right;

	font-style:italic;

}



.about{

	width:68em;

	margin:1em auto;

}



.about h2{

	font-size:2em;

	margin:1.5em; margin-bottom:1em;

	text-align:center;

	text-shadow: 0.1em 0.1em 0.5em rgba(50, 50, 50, 0.3);
	
	font-size:1.2em;
	line-height:2em;
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing:.1em;
	text-transform:uppercase;

}

.testimonials h2{

	margin-top:0.5em; margin-bottom:1.5em;
	
	font-size:1.2em;
	line-height:2em;
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing:.1em;
	text-transform:uppercase;

}



.about p{

	width:auto;

	font-size:1.2em;

	margin:0em 2em;

	text-align:justify;

}

	

.about ol{

	list-style-image:url(images/list.png);

	list-style-position:inside;	 

	font-size:1.2em;

}



.blue{

	width:18em; min-height:3em;

	margin:1em auto;

	background-color:#a5c4ef;

	border:#a5c4df .2em double;

	-webkit-transition: all 1s ease-in-out;

	-moz-transition: all 1s ease-in-out;

	-o-transition: all 1s ease-in-out;

	transition: all 1s ease-in-out;

	-webkit-transform: rotate(2deg);

	-moz-transform: rotate(2deg);

	-o-transform: rotate(2deg);

	transform: rotate(2deg);

	-webkit-box-shadow: 0.5em 0.5em 2em rgba(50, 50, 50, 0.3);

	-moz-box-shadow: 0.5em 0.5em 2em rgba(50, 50, 50, 0.3);

	box-shadow: 0.5em 0.5em 2em rgba(50, 50, 50, 0.3);

	background-color:rgba(165, 196, 239, 0.6);

}

.blue:hover{

	-webkit-transform: scale(1.2) rotate(0deg);

	-moz-transform: scale(1.2) rotate(0deg);

	-o-transform: scale(1.2) rotate(0deg);

	-ms-transform: scale(1.2) rotate(0deg);

	transform: scale(1.2) rotate(0deg);

	background-color:rgba(165, 196, 239, 1);

}



.pink{

	width:18em; min-height:3em;

	margin:1em auto;

	background-color:#f6c3fb;

	border:#f5c2fa .2em double;

	-webkit-transition: all 1s ease-in-out;

	-moz-transition: all 1s ease-in-out;

	-o-transition: all 1s ease-in-out;

	transition: all 1s ease-in-out;

	-webkit-transform: rotate(2deg);

	-moz-transform: rotate(2deg);

	-o-transform: rotate(2deg);

	-ms-transform: rotate(2deg);

	transform: rotate(2deg);

	-webkit-box-shadow: 0.5em 0.5em 2em rgba(50, 50, 50, 0.3);

	-moz-box-shadow: 0.5em 0.5em 2em rgba(50, 50, 50, 0.3);

	box-shadow: 0.5em 0.5em 2em rgba(50, 50, 50, 0.3);

	background-color:rgba(246, 195, 251, 0.6);

}

.pink:hover{

	-webkit-transform: scale(1.2) rotate(0deg);

	-moz-transform: scale(1.2) rotate(0deg);

	-o-transform: scale(1.2) rotate(0deg);

	-ms-transform: scale(1.2) rotate(0deg);

	transform: scale(1.2) rotate(0deg);

	background-color:rgba(246, 195, 251, 1);

}



.yellow{

	width:19em; min-height:4em;

	margin:2em auto;

	background-color:#f6e9bc;

	border:#e6d9ac .2em double;

	-webkit-transition: all 1s ease-in-out;

	-moz-transition: all 1s ease-in-out;

	-o-transition: all 1s ease-in-out;

	transition: all 1s ease-in-out;

	-webkit-transform: rotate(-3deg);

	-moz-transform: rotate(-3deg);

	-o-transform: rotate(-3deg);

	-ms-transform: rotate(-3deg);

	transform: rotate(-3deg);

	-webkit-box-shadow: 0.5em 0.5em 2em rgba(50, 50, 50, 0.3);

	-moz-box-shadow: 0.5em 0.5em 2em rgba(50, 50, 50, 0.3);

	box-shadow: 0.5em 0.5em 2em rgba(50, 50, 50, 0.3);

	background-color:rgba(246, 233, 188, 0.7);

}

.yellow:hover{

	-webkit-transform: scale(1.2) rotate(0deg);

	-moz-transform: scale(1.2) rotate(0deg);

	-o-transform: scale(1.2) rotate(0deg);

	-ms-transform: scale(1.2) rotate(0deg);

	transform: scale(1.2) rotate(0deg);

	background-color:rgba(246, 233, 188, 1);	

}



.green{

	width:19em; min-height:8em;

	margin:2em auto;

	background-color:#deeac9;

	border:#dedac9 .2em double;

	-webkit-transition: all 1s ease-in-out;

	-moz-transition: all 1s ease-in-out;

	-o-transition: all 1s ease-in-out;

	transition: all 1s ease-in-out;

	-webkit-transform: rotate(-2deg);

	-moz-transform: rotate(-2deg);

	-o-transform: rotate(-2deg);

	transform: rotate(-2deg);

	-webkit-box-shadow: 0.5em 0.5em 2em rgba(50, 50, 50, 0.3);

	-moz-box-shadow: 0.5em 0.5em 2em rgba(50, 50, 50, 0.3);

	box-shadow: 0.5em 0.5em 2em rgba(50, 50, 50, 0.3);

	background-color:rgba(222, 234, 201, 0.6);

}

.green:hover{

	-webkit-transform: scale(1.2) rotate(0deg);

	-moz-transform: scale(1.2) rotate(0deg);

	-o-transform: scale(1.2) rotate(0deg);

	-ms-transform: scale(1.2) rotate(0deg);

	transform: scale(1.2) rotate(0deg);

	background-color:rgba(222, 234, 201, 1);	

}



.about .testimonials .note{

	width:90%;

	color:#af5316;

	font-size:0.8em;

	font-family:"Comic Sans MS", cursive;

	text-align:left;

	padding:0.1em; margin:0.5em auto;

	}



.footer{

	background-color:#56505d;

	background-color:rgba(86, 80, 93, 0.7)/*rgba(139, 129, 153, 0.7)*/;

	/*background-color:#eee8f6;*/

	

	background: rgb(86,80,93); /* Old browsers */

background: -moz-linear-gradient(top, rgba(86,80,93,.9) 0%, rgba(86,80,93,.5) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(86,80,93,.9)), color-stop(100%,rgba(86,80,93,.5))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(86,80,93,.9) 0%,rgba(86,80,93,.5) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(86,80,93,.0) 0%,rgba(86,80,93,.5) 100%); /* Opera11.10+ */

background: -ms-linear-gradient(top, rgba(86,80,93,.9) 0%,rgba(86,80,93,.5) 100%); /* IE10+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676a6e', endColorstr='#56505D',GradientType=0 ); /* IE6-9 */

background: linear-gradient(top, rgba(86,80,93,.9) 0%,rgba(86,80,93,.5) 100%); /* W3C */



	border-top:#56505d solid .2em;

	border-bottom:#56505d solid .2em;

	border-top:rgba(86, 80, 93, 0.6) solid .2em;

	border-bottom:rgba(86, 80, 93, 0.4) solid .2em;

	margin-top:3em;

	height:5em;

	-webkit-box-shadow:inset 0em 0em 1em rgba(0, 0, 0, 0.5), 0.3em 0.5em 2em rgba(0, 0, 0, 0.5);

	-moz-box-shadow:inset 0em 0em 1em rgba(0, 0, 0, 0.5), 0.3em 0.5em 2em rgba(0, 0, 0, 0.5);

	box-shadow:inset 0em 0em 1em rgba(0, 0, 0, 0.5), 0.3em 0.5em 2em rgba(0, 0, 0, 0.5);

	/*position:absolute;

	width:100%;

	left:0%;*/

}

.footer p{

	margin:1em auto;

	background-color:transparent;	

	text-align:center;

	font-size:1.5em;

	font-weight:bold;

	text-shadow: 0.1em 0.1em .3em rgba(0, 0, 0, .8);

	color:#eee8f6;

}



.webest{

	width:70em;

	font-size:1em;

	margin:1em auto;

	text-align:center;

}