/*
      Created by Ibrar Hussain
	  
	  E-Mail: ibrar@freemanholland.com	  
*/

* { padding: 0; 	
    margin: 0;
}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background:url('images/gradient.jpg') repeat-x;
}

#wrapper { 
 margin: 20px auto;
 width: 1034px;
 background-color:#fff;
 border: 1px solid #9b9b9b;
}
#inner { 
 margin: 20px;
 margin-top:10px;
}
#header {
 color: #333;
 width: 971px;
 float: left;
 padding: 10px;
 height: 398px;
 margin: 10px 0px 5px 0px;
 margin-bottom:-5px
}
#search
{
float:right;
background-image:url('images/find.png'); 
width: 275px; 
height: 61px;
padding-left:20px;
padding:15px;
font-size:16px;
}
.search
{
color:#7a7a7a;
font-size:16px;
}
.go
{
background-image:url('images/go.jpg');
width: 28px;
height: 21px;
float:right;
border:0;
margin-top:3px;
}
.find_go
{
border-style: none;
border-color: inherit;
border-width: 0;
background-image:url('images/find_go.png');
width:65px;
height:23px;	
margin-top:-10px;
cursor:pointer
}
#upper-div
{
	clear:both; width:979px;
}
#lower-div
{
margin-left:-7px; height: 313px; clear:both
}
#shadow
{
width:343px; 
height: 139px;
background:url('images/shadow.png');
padding-left:20px;
margin-top:122px;
color:#fff;
line-height:18px;
position:absolute;
z-index:100;
padding-right: 12px;
padding-top: 12px;
padding-bottom: 12px;
}
#navigation {
 float: left;
 width: 987px;
 color: #333;
 padding-bottom:10px;
 height: 64px;
 margin-left:3px;
}

ul.menu {
    list-style:none;
    padding:0;
    margin:0;
    width:109%;
    clear:both;
	height: 66px;
}
ul.menu li {
    float:left;
}
ul.menu li a {
    height:64px;
    display:block;
    text-indent:-20000px;
    float:left;
}
ul.menu li.home {
    width:134px;
    background:url(nav_images/01_home_on.png) 0 0 no-repeat;
}
ul.menu li.home a {
    width:129px;
    background:url(nav_images/01_home_off.png) 0 0 no-repeat;
}

ul.menu li.about {
    width:116px;
    background:url(nav_images/02_about_us_on.png) 0 0 no-repeat;
}
ul.menu li.about a {
    width:113px;
    background:url(nav_images/02_about_us_off.png) 0 0 no-repeat;
}

ul.menu li.services {
    width:154px;
    background:url(nav_images/03_find_a_nursery_on.png) 0 0 no-repeat;
}
ul.menu li.services a {
    width:151px;
    background:url(nav_images/03_find_a_nursery_off.png) 0 0 no-repeat;
}

ul.menu li.therapies {
    width:148px;
    background:url(nav_images/04_in_the_nursery_on.png) 0 0 no-repeat;
	height: 64px;
}
ul.menu li.therapies a {
    width:153px;
    background:url(nav_images/04_in_the_nursery_off.png) 0 0 no-repeat;
}

ul.menu li.staff {
    width:99px;
    background:url(nav_images/05_ku_fun_on.png) 0 0 no-repeat;
	height: 65px;
}
ul.menu li.staff a {
    width:103px;
    background:url(nav_images/05_ku_fun_off.png) 0 0 no-repeat;
}

ul.menu li.reviews {
    width:76px;
    background:url(nav_images/06_parent_info_on.png) 0 0 no-repeat;
}
ul.menu li.reviews a {
    width:186px;
    background:url(nav_images/06_parent_info_off.png) 0 0 no-repeat;
}

ul.menu li.contact {
    width:150px;
    background:url(nav_images/07_get_in_touch_on.png) 0 0 no-repeat;
	height: 66px;
}
ul.menu li.contact a {
    width:136px;
    background:url(nav_images/07_get_in_touch_off.png) 0 0 no-repeat;
}

ul.menu li a:hover{background:transparent!important}
.templatemo_domain a{
text-decoration:underline;
}

#leftcolumn { 
 color: #333;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 padding-top:0px;
 height: 235px;
 width: 298px;
 float: left;
}

#leftcolumn h4{ 
 color: #34a180;
 font-size:16px;
 font-weight:bold;
}

#content { 
color:#333333;
display:inline;
float:left;
height:220px;
margin:8px 5px 5px 0;
padding:0 10px 10px;
width:330px;
margin-left:-15px;
}


.image{float:left;margin-right:8px;margin-bottom:0px;}

#find-school{background:url(images/find.jpg);padding:15px; width: 272px; height: 79px; float:right}
#find-school h4{color:#fff;}
#find-school p{margin-bottom:7px;margin-top:5px;}

#find-school a{color:#000; text-decoration:underline}
#find-school a:hover{text-decoration:none}

#speech{background:url(images/bubble2.jpg); height:163px;
margin-top:10px;
padding:15px;
width:250px;}

.p-left{margin-top:-10px; float:left}
.p-right{margin-top:-10px; float:right}
.p-right a{margin-top:3px; float:right;font-size:11px; color:#34a180; text-decoration:underline;}
.p-right a:hover{text-decoration:none;}

#middle-content{}
#middle-content h5{margin-top:-14px;font-weight:normal; line-height:17px;font-size:11px;}
#middle-content a{margin-top:3px; float:right;font-size:11px; color:#34a180;text-decoration:undelrine;}
#middle-content a:hover{text-decoration:none;}

#content h4{ 
 color: #34a180;
 font-size:16px;
 font-weight:normal;
}
.submit
{
background-image:url('images/submit.jpg');
border:0;
height:28px; 
width:67px;
cursor:pointer
}
#rightcolumn 
{
 float:right;
 background-image:url('images/right.jpg');
 margin-top:-1px;
 color: #fff;
 margin-right: 5px;
 padding: 15px;
 height: 206px;
 width: 269px;
}
#rightcolumn h4{ 
font-size:16px;
font-weight:bold;
}
#rightcolumn a{ 
 color: #fff;
 text-decoration:none;
}
#rightcolumn a:hover{ 
 text-decoration:underline;
}
#footer { 
 width: 960px;
 clear: both;
 color: #333;
 background: #cccccc;
 margin: 0px 0px 10px 0px;
 padding: 15px;
 height: 21px;
 padding-top:20px;
}
.left a 
{
margin-right:7px;
margin-left:7px;
color:#333;
text-decoration:none:
}
.left a:hover 
{
color:#000;
text-decoration:underline;
}

.left { 
float:left;
}

.right { 
float:right;
margin-top:-10px;
text-align:right;
line-height:18px;
}

.right a{ 
text-decoration:underline;
}

.right a:hover 
{
	text-decoration:none;
}

#declaration{font-size:11px;margin-top:15px; clear:both; width:1033px; height: 13px; margin:auto; text-align:right}
.chromestyle{
 float: left;
 width: 986px;
 color: #333;
 padding-bottom:10px;
	height: 61px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
    list-style:none;
    padding:0;
    margin:0;
    width:109%;
    clear:both;
	height: 60px;
	border:0;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #009966; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
margin-top:-11px;
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
padding: 2px 0;
text-decoration: none;
color: #333;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}