/*
Theme Name: Aspire
Author: Ranko P. Milanovich
Author URI: http://rpetrusic.elance.com/
Description: PSD to WordPress theme, layout responsive, 3 pages design.
Text Domain: aspire

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@charset "utf-8";
/* CSS Document */

body{
	 background:#ffffff;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:black;
}
#wraper{
	max-width: 960px;
	width:100%;
	position:relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0%;
	margin-bottom:0%;
	background:#FFF;
	/* background:url(images/bg_wrap.png) repeat-y; */
 background:url(images/bgwrap.jpg) repeat-y;
	background-size:100% 30%;
}
#wraper_left{
	
}
#container{
	width:85%;
	position:relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0%;
	margin-bottom:0%;
	background:#FFF;
}
#container{
	background:#FFF;
}
.clear {
	clear:both
}
/*###################################### HEADER ######################################*/
/*####################################################################################*/
#header{
	/* background-image:url(images/bg_header-small.jpg); */
	background-repeat:no-repeat;
	background-position:top right;
	margin:0%;
	padding:0%;
	padding-top:0%;
	background-size: 100% auto;
}
#logo {
	width:100%;
}
#logo-small {
float: left;
	padding-top:6%;
	width:50%;	
}
.naw-menu{
	clear:both;
	position: relative;
	float: left;	
	background: url("images/bg-menu_03.jpg") repeat-x scroll 0 0 #FFFF00;
	background-repeat:repeat-x;
	width: 100%;
}
.naw-menu ul{

}
.naw-menu > ul > li {
    float: left;
    list-style: none outside none;
    margin: 7px 0 4px 0;
    padding-top: 75px;
    position: relative;
    text-align: center;
    width: 11%;
}
#header-home > img#baterfly {
    // float: left;
    z-index: 10;
padding-top:2%;
padding-right:1%;
padding-left:3%;
max-width: 43%;
}
#header-home {
	/ *background-image:url(images/bg_header.jpg); */
background: url("images/bg_page.png") repeat-x scroll left center transparent;
	padding:0% 0 0 0;
	background-size: 100% auto;
	margin-bottom:2%;
	
	background-repeat:no-repeat;
	background-position:top center;
background: url("images/bg_page.png") repeat-x scroll left center transparent;
}
.naw-menu ul li.menu_home{
	background:url(images/menu_home.png) top no-repeat;
width: 10%;
}
.naw-menu ul li.menu_about_us{
	background:url(images/menu_about_us.png) top no-repeat;
width: 8%;
}
.naw-menu ul li.menu_pathology{
	background:url(images/menu_pathology.png) top no-repeat;
width: 10%;
}
.naw-menu ul li.menu_therapy{
	background:url(images/menu_therapy.png) top no-repeat;
width: 11%;
}

.naw-menu ul li.menu_multiteam{
	background:url(images/menu_multiteam.png) top no-repeat;
width: 11%;
}

.naw-menu ul li.menu_forms-documents{
	background:url(images/menu_adult.png) top no-repeat;
width: 10%;
}

.naw-menu ul li.menu_psihology{
	background:url(images/menu_psihology.png) top no-repeat;
}
.naw-menu ul li.menu_program{
	background:url(images/menu_program.png) top no-repeat;
width: 9%;
}
.naw-menu ul li.menu_financial{
	background:url(images/menu_financial.png) top no-repeat;
}
.naw-menu ul li.menu_contact_us{
	background:url(images/menu_contact_us.png) top no-repeat;
width: 8%;
}
.naw-menu ul li img {
    clear: both;
    padding-left: 1%;
}
.naw-menu p {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 80%;
}
.naw-menu li img {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.naw-menu > ul > li > a{
	text-decoration:none;
	font-weight:normal;
    font-size:85%;
}
.naw-menu > ul > a:hover{
	text-decoration:none;
	font-weight:normal;
    font-size:90%;
}
.naw-menu ul a:visited{
	text-decoration:none;
	font-weight:normal;
    font-size:90%;
}
div.naw-menu ul.sub-menu {
	color:#fff;
	text-decoration:none;
	float:left;
	padding:1%;	
	visibility:hidden;
	display:block;	
	z-index:10;
	position:absolute;
	margin-top: 3%;
}
div.naw-menu ul li:hover ul.sub-menu {
background: url("images/bg_drop_down_menu.png") repeat scroll 0 0 transparent;
    border-radius: 0 0 10px 10px;
    position: absolute;
    z-index: 10;
	font-size: 90%;
	visibility:visible
}
div.naw-menu ul li ul.sub-menu li a{
	color: #FFFFFF;
    float: left;
    font-size: 90%;
    padding: 7%;
    text-decoration: none;
}

/*###################################### CONTENT ######################################*/
/*####################################################################################*/

.full_with {
	clear:both;
    color: #FFFFFF;
    float: left;
    line-height: 140%;
    position: relative;
    width: 100%;
	font-size: 90%;
}
.half_with {
	clear:both;
    color: #FFFFFF;
    float: left;
    line-height: 140%;
    position: relative;
    width: 50%;
	font-size: 90%;
}
.blue{
	background:#09aae8;
}
.orange{
	background:#FF8400;
}
.full_with h1 {
    color: #FFD500;
    float: left;
    font-size: 130%;
    margin: 20px  0% 2% 2%;
    width: 36%;
	
}

.full_with h2 {
    color: #FFD500;

    font-size: 110%;
    margin: 20px  0% 2% 2%;
    width: 36%;
font-style:italic;
	
}
.full_with p {
    color: #fff;
	margin:2%;
	font-size: 90%;
	text-align:justify;
}

.full_with ul{
	list-style:disc;
	margin-left:7%;	
	}
.full_with  ul li {
	font-size:100%;
	line-height:101%;
	padding:0.5%;
	font-family:Arial, Helvetica, sans-serif;
	}


img#page_about_us_img {
    float: right;
    position: relative;
    width: 60%;
	padding-left:2%;
}
.quarter{
	background: none repeat scroll 0 0 #FEC008;
    border: 2px solid #FEC008;
    float: left;
    margin: 1.1%;
    position: relative;
    text-align: center;
    width: 22%;
}
.quarter img{
	width:100%;
}
.caption{
font-weight:bold; 
color:black; 
font-size:110%	
}
/*###################################### FOOTER ######################################*/
/*####################################################################################*/
#footer{
	background: url("images/bg_footer.png") repeat-x scroll center bottom transparent;
    float: left;
    position: relative;
    width: 100%;
}
#footer p{
	position:relative;
	float:left;
	color: black;
    font-size: 140%;
    font-weight: bold;
    margin-top: 7%;
    width: 25%;
}
#footer .shere img{
	margin: 2% 7%;
	padding-bottom:5%;
    width: 80%;
}
#footer .shere{
	width: 40%;
	border-right:3px groove #FFF;
	position:relative;
	float:left;
	margin: 0% 0% 0% 2%;
	padding-top: 3.5%;

}
.menu_footer{
	clear:both;
	width:100%;
	position: relative;
	float: left;	
	background:#00aeef;
	background-repeat:repeat-x;
	background-position: center;
}
.menu_footer ul{
	list-style:none;
	position:relative;
	float:left;
	margin: 0%;
	width:100%;
	padding-left: 0.5%;
	height:100%;
}
.menu_footer ul li{
	float: left;
    list-style: none outside none;
    margin-top: 0;
    padding-bottom: 8px;
    padding-left: 2%;
    padding-top: 8px;
    position: relative;
	text-align:center;
}
.menu_footer a{
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
    font-size:75%;
}
.menu_footer a:visit{
	text-decoration:none;
	font-weight:normal;
    font-size:75%;
	color: #FFF;
}
.menu_footer a:hover{
	text-decoration:none;
	font-weight:normal;
    font-size:75%;
	color: #FFF;
}
#newsletter{
	position: relative;
	float: right;
	width:50%;
	margin-right:1%
	
}
#newsletter p{
	position: relative;
	float: right;
	width:60%;
	color:#000;
	font-size:120%;
	padding:2%;
}
#newsletter img{
	position:relative;
	float:left;
	margin-top:5%;
}
/*#join_newsletter{
	background:url(images/join_newsletter.png) no-repeat center;
	width:56.9%;
	height:27px;
	position:relative;
	float:right;
	color:#FFF;
	margin-bottom: 5%;
	margin-right: 5%;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
}
#type_email{
	background:url(images/type_email.png) no-repeat center;
	width:56.9%;
	height:27px;
	position:relative;
	float:right;
	color:#999;
	margin-bottom:5%;
	margin-right: 5%;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
}*/
#mailchimp {
	float: right;
    margin-top: 3%;
margin-left:10%;
    padding-bottom: 3%;
    width: 55%;
}
.mc_custom_border_hdr {
    font-weight: bold;
    padding-bottom: 8%;
}
#mc_display_rewards {
    font-size: 8px;
}
.mc_success_msg {
    font-size: 11px;
}
.mc_error_msg {
    font-size: 11px;
}
#mc_signup_form .mc_input {
	width: 90%;
}
.mc_signup_submit input {
    background: none repeat scroll 0 0 black;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: white;
    margin: 3%;
    padding: 3%;
}
/*###################################### PAGE MENU ######################################*/
/*####################################################################################*/
#content{
/* background: url("images/bg_page.jpg") repeat-x scroll left center transparent; */
}
#content_menu{
	background: url("images/bg_page.jpg") repeat-x scroll left center transparent;
    margin-top: -10%;
    padding: 0;
    width: 100%;
}
#content_menu img{
	position:relative;
	float:left;
	margin:0%;
	padding: 0%;

}
#content_menu ul{
	background: url("images/bg_menu_2_aspire.png") no-repeat scroll left center   transparent;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
#content_menu ul li{
	/* color:#6D278B; */
	color: #ffffff;
	font-weight:bold;
	font-size:150%;
	margin:4.5% 6% 4% 4%;
}
#content_menu ul li a:link{
	/* color:#6D278B; */
color: #ffffff;
	text-decoration:none;
	background:url(images/bulet.png) no-repeat left;
	padding-left:8%;
}
#content_menu ul li a:visited{
	color:#6D278B;
	text-decoration:none;
	background:url(images/bulet.png) no-repeat left;
	padding-left:8%;
}
#content_menu ul li a:hover{
	color:#E40395;
	text-decoration:none;
	background:url(images/bulet_hover.png) no-repeat left;
	padding-left:8%;
}
#content_menu_about{
	padding-left:25%;
}
#content_menu_speech{
	padding-left:33%;
}
#content_menu_psychology{
	padding-left:39%;
}
#content_menu_occupational{
	padding-left:42%;
}
#content_menu_programs{
	padding-left:43%;
}

#content_menu_star-kids-australia{
	padding-left:42%;
}

#content_menu_forms-documents{
	padding-left:39%;
}
#content_menu_financial{
	padding-left:33%;
}

#content_menu_contact{
	padding-left:25%;
}
/*###################################### PAGE FORM ######################################*/
/*####################################################################################*/
#news{
	clear:both;
	background:#6E288C;
	color:#FFF;
	padding-top:1.5%;
	padding-left:1.5%;
	padding-right:1.5%;
	padding-bottom:1.5%;
	font-weight:bold;
}
#news > p {
    line-height: 1.3;
}
#contact_wrap{
	margin-top:5%;
	position:relative;
	float:left;
	width: 100%;
	clear: both;	
	background:#00adef;
}
#contact img{
	position:relative;
	float:left;
}
#contact{
	width:49%;	
}
#contact p{
	position:relative;
	float:left;
	width: 48%;	
	background:#00adef;
	color:#FFF;
	font-size:80%;
	padding-top:2%;
	padding-left:2%;
}
.yellow{
	color:#FFDD03;	
}
#map{
	width:30%;	
	position:relative;
	float:right;
}
#map img{
	border:5px solid #FFF;
   border-radius:5px solid #FFF;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   -o-border-radius:5px;
   position:relative;
   float:right;
   margin:5%;
}
.wpcf7-form p {
    color: #B300FF;
    font-weight: bold;
    margin: 2%;
    padding-top: 1%;
    text-transform: uppercase;
    width: 100%;
}
.wpcf7-form label{
	font-weight:bold;
	text-transform:uppercase;
	color:#004900;
	clear:both;
	position:relative;
	float:left;
	width:20%;
	margin:2%;
}
.wpcf7-form input{
	width: 60%;
	margin: 1%;
	height:30px;
	border:2px solid #004900;
    border-radius:5px;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   -o-border-radius:5px;	
}
.wpcf7-form textarea{
	width: 60%;
	max-width:60%;
	min-width:60%;
	margin: 1%;
	height:80px;
	border:2px solid #004900;
    border-radius:5px;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   -o-border-radius:5px;
}
.wpcf7-submit{
	background:#F37520;
	clear:both;
	width: 20% !important;
	position:relative;
	float:right;
	border:2px solid #004900;
    border-radius:5px;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   -o-border-radius:5px;
   margin-right:14% !important;
   color:#FFF;
   font-weight:bold;
   text-transform:uppercase;

}
.wpcf7-form > p#form-question {
    margin-bottom: 0;
    margin-left: 4%;
    margin-right: 0;
    margin-top: 4% !important;
}


.redhand{
	width:40%;
	background-image:url(images/red_hand.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	
	}
.redbox h2{
	font-size:23px;
	color:#ffff00;
	line-height:27px;
	font-family:Arial, Helvetica, sans-serif;
	padding:1.5% 0%;
	} 
.redbox ul{
	list-style:disc;
	margin-left:10%;
	}
.redbox ul li {
	font-size:16px;
	color:#fff;
	line-height:22px;
	padding:1% 0%;
	font-family:Arial, Helvetica, sans-serif;
	}
	

.redbox p {
	font-size:16px;
	color:#fff;
	line-height:20px;
	padding:2%;
	font-family:Arial, Helvetica, sans-serif;
text-align: justify;
	}
	
td .redbox{
	width:90%;
	background-color:#ed145b;
	border-radius:10px;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   -o-border-radius:10px;
   margin:3%;
   padding:3%;
	}
	
	
.yellowhand{
	width:40%;
	background-image:url(images/yellow_hand.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	
	}
td .yellowbox{
	width:90%;
	background-color:#ffff00;
	border-radius:10px;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   -o-border-radius:10px;
   margin:3%;
    padding:3%;
	}
	
.yellowbox h2{
	font-size:23px;
	color:#00aeef;
	line-height:27px;
	font-family:Arial, Helvetica, sans-serif;
	padding:1.5% 0%;
	} 
.yellowbox ul{
	list-style:disc;
	margin-left:10%;
	}
.yellowbox ul li {
	font-size:16px;
	color:#ff00ff;
	line-height:22px;
	padding:1% 0%;
	font-family:Arial, Helvetica, sans-serif;
	}

.yellowbox p {
	font-size:16px;
	color:#ff00ff;
	line-height:20px;
	padding:2%;
	font-family:Arial, Helvetica, sans-serif;
text-align: justify;
	}	
	
.bluehand{
	width:40%;
	background-image:url(images/blue_hand.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	
	}
td .bluebox{
	width:90%;
	background-color:#00aeef;
	border-radius:10px;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   -o-border-radius:10px;
   margin:3%;
     padding:3%;
	}
.bluebox h2{
	font-size:23px;
	color:#ffff00;
	line-height:26px;
	font-family:Arial, Helvetica, sans-serif;
	padding:1% 0%;
	} 
.bluebox p{
	font-size:16px;
	color:#ffff00;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	padding:2%;
text-align: justify;
	} 
.bluebox ul{

	list-style:disc;
	margin-left:10%;
	
	}
.bluebox ul li {
	font-size:16px;
	color:#ffff00;
	line-height:22px;
	padding:1% 0%;
	font-family:Arial, Helvetica, sans-serif;
	}