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

body{
	margin:0;
	color:#232323;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background:#4fa807;
	width:100%;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0;
	padding:0;
	text-align: left;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}


.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
.blue{color:#005aff;}
.green{color:#178900;}
.red{color:#ff2310;}
.orange{color:#ee9400;}
.violet{color:#7626ae;}
.lblue{color:#4ea1ff;}
.rose{color:#ff04c1;}
.black{color:#000000;}
.more{font:bold 15px/18px comic Sans MS; float:right;}

/*********** body *************/
#header
{
margin:0 auto;
background:url(images/elementary-school_02.gif) 0 0 repeat-x;
height:340px;
width:100%;
}
#logo
{
margin:0 auto;
width:994px;
height:282px;
background:url(images/elementary-school_01.gif) 0 0 no-repeat;
}
#logo h1
{
font:bold 35px/18px comic Sans MS;
padding-top:30px;
}
#logo h2
{
font:bold 15px/5px comic Sans MS;
padding-left:20px;
}

#navigation
{
list-style:none;
}
#navigation .active
{
color:#1d85d4;
}
#navigation ul
{
margin:0 auto;
width:970px;
}
#navigation ul li
{
display:block;
padding:0 15px;
float:left;
height:45px;
}
#navigation ul li a
{
display:block;
height:45px;
font:bold 12px/45px Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
padding-left:50px;
}
#navigation ul li a:hover
{
color:#3a8200;
}
#navigation .home
{
background:url(images/elementary-school_04.gif) 0 0 no-repeat;
width:97px;
}
#navigation .about
{
background:url(images/elementary-school_06.gif) 0 0 no-repeat;
width:119px;
}
#navigation .services
{
background:url(images/elementary-school_08.gif) 0 0 no-repeat;
width:117px;
}
#navigation .clients
{
background:url(images/elementary-school_10.gif) 0 0 no-repeat;
width:108px;
}
#navigation .contacts
{
background:url(images/elementary-school_12.gif) 0 0 no-repeat;
width:116px;
}

#content
{
margin:0 auto;
width:1000px;
background:#FFFFFF;
}
h1
{
	font:bold 15px/45px "comic Sans MS";
	padding-left:15px;
	text-align: left;
}
p
{
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	color:#2a6fc2;
	padding-left:15px;
	text-align: left;
}
#content-left
{
float:left;
padding-right:25px;
width:620px;
border-right:#CCCCCC 1px solid;
}
#content-right
{
float:right;
padding:0px;
width:330px;
}
#image
{
width:164px;
height:135px;
float:left;
padding-left:15px;
padding-right:10px;
}
#image2
{
width:202px;
height:202px;
float:right;
padding-left:15px;
}
#image3
{
background:url(images/elementary-school_28.gif) 20px 0 no-repeat;
width:315px;
height:134px;
font:bold 20px/30px "comic Sans MS";
color:#ffca76;
padding-left:40px;
}

#footer_top
{
margin:0 auto;
padding:0px;
width:1000px;
height:50px;
}
#footer_navigation
{
width:500px;
margin:0 auto;
}
#footer_navigation ul li
{
width:80px;
font: normal 12px/30px Arial, Helvetica, sans-serif;
float:left;
}
#footer_navigation ul li a
{
text-decoration:none;
color:#ffffff;
}
#footer_navigation ul li a:hover
{
text-decoration:none;
color:#000000;
}
#footer_design
{
color: #ffffff;
font: normal 11px/25px Arial, Helvetica, sans-serif;
margin:0 auto;
text-align:center;
width:100%;
background:#181818;
}
#footer_design a
{
color: #b6ff06;
text-decoration:none;
}
#footer_design a:hover
{
color: #b6ff06;
text-decoration:underline;
}