/* CSS Document */

body
{
	font-family:"Lucida Grande", Verdana, Arial;
	font-size:62.5%;
	line-height:2.5em;
	color:#4d4f44;
	background:#fbc12c;
}

header, content, sidebar, footer { display:block; }

h1, h2, h3, h4, h5, h6 { color:#436b99; font-weight:bold; font-style:italic; line-height:1.25em; margin-bottom:.5em; }  /* 218cf8 */

a { color:#218cf8; }
a:hover { color:#1e6fc0; text-decoration:underline; }

p { margin:0 0 1.5em; }

ul { margin:0 0 2em; line-height:1.4em; }
ul li { background:url(../images/list_item.png) no-repeat 0 3px; padding:0 0 0 21px; margin:0 0 1.4em; }

blockquote { color:#704105; font-style:italic; margin:2em 0 3em; line-height:1.5em; }

sup { position:relative; top:-14px; }

/*###################################################				HEADER				##############################################################################*/

header
{
	position:relative;
	width:100%;
	height:557px;
	background-color:#ffc733;
}

#grass_left
{
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-1189px;
	width:974px;
	height:433px;
	background:url(../images/header_grass.png) no-repeat;
}

#grass_right
{
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-88px;
	width:918px;
	height:433px;
	background:url(../images/header_grass.png) no-repeat;
}

#header_top
{
	position:absolute;
	top:0px;
	width:100%;
	height:165px;
	background:url(../images/header_bg.png) repeat-x;
}	

#main_pic
{
	position:absolute;
	top:51px;
	left:50%;
	margin-left:-416px;
	width:832px;
	height:391px;
	background:url(../images/main_pic_01.jpg) no-repeat 16px 0px;
}

#main_pic .shadow_left
{
	position:absolute;
	top:33px;
	left:0px;
	width:16px;
	height:248px;
	background:url(../images/main_pic_shdw_left.png) no-repeat;	
}

#main_pic .shadow_right
{
	position:absolute;
	top:33px;
	right:0px;
	width:16px;
	height:246px;
	background:url(../images/main_pic_shdw_rght.png) no-repeat;	
}

#flowers_left
{
	position:absolute;
	bottom:74px;
	left:50%;
	margin-left:-876px;
	width:590px;
	height:241px;
	background:url(../images/header_flowers_1.png) no-repeat;
}

#flowers_right
{
	position:absolute;
	bottom:74px;
	left:50%;
	margin-left:333px;
	width:152px;
	height:166px;
	background:url(../images/header_flowers_2.png) no-repeat;
}


#orange_wave
{
	position:absolute;
	bottom:0px;
	width:100%;
	height:135px;
	background:url(../images/orange_wave.png) repeat-x;	
}


/*###################################################				main_nav				##############################################################################*/


ul#main_nav { position:absolute; top:20px; left:50%; width:550px; height:58px; margin:0px 0px 0px -150px; text-align:right; line-height:2.5em; list-style:none; }
ul#main_nav li { display:inline-block; float:left; padding:0 0 0 24px; height:58px; width:auto; background:none; margin:0;  }
ul#main_nav li#current { background:url(../images/poppy_indicator.png) no-repeat 0 0;  }
ul#main_nav li:hover {  }
ul#main_nav li + li { margin-left:12px; }
ul#main_nav li a { display:inline-block; height:24px; text-indent:9000px; overflow:hidden; margin-bottom:0px; }
ul#main_nav li a#main_nav_1 { width:56px; background:url(../images/main_nav_01.png) no-repeat 0px 0px; }
ul#main_nav li a#main_nav_1:hover { background-position:0px -24px; }
ul#main_nav li a#main_nav_2 { width:73px; background:url(../images/main_nav_02.png) no-repeat 0px 0px; }
ul#main_nav li a#main_nav_2:hover { background-position:0px -24px; }
ul#main_nav li a#main_nav_3 { width:98px; background:url(../images/main_nav_03.png) no-repeat 0px 0px; }
ul#main_nav li a#main_nav_3:hover { background-position:0px -24px; }
ul#main_nav li a#main_nav_4 { width:76px; background:url(../images/main_nav_04.png) no-repeat 0px 0px; }
ul#main_nav li a#main_nav_4:hover { background-position:0px -24px; }
ul#main_nav li a#main_nav_5 { width:77px; background:url(../images/main_nav_05.png) no-repeat 0px 0px; }
ul#main_nav li a#main_nav_5:hover { background-position:0px -24px; }
ul#main_nav li#current a { background-position:0px -24px; }


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



#wrapper
{
	position:relative;
	top:-130px;
	left:50%;
	margin-left:-416px;
	margin-bottom:0px;
	width:832px;
	height:auto;
	padding:96px 0px;
}

h1#meadowlark
{
	position:absolute;
	top:16px;
	left:16px;
	width:541px;
	height:101px;
	background:url(../images/meadowlark_word.png) no-repeat;
	display:block;
	text-indent:-9000px;
	overflow:hidden;
	z-index:2;
}

#meadowlark_bird
{
	position:absolute;
	top:-3px;
	left:577px;
	width:75px;
	height:112px;
	background:url(../images/meadowlark.png) no-repeat;	
	display:block;
	text-indent:-9000px;
	overflow:hidden;	
	z-index:2;
}

#wrapper .shadow_left
{
	position:absolute;
	top:155px;
	left:0px;
	width:16px;
	height:248px;
	background:url(../images/main_pic_shdw_left.png) no-repeat;	
}

#wrapper .shadow_right
{
	position:absolute;
	top:155px;
	right:0px;
	width:16px;
	height:246px;
	background:url(../images/main_pic_shdw_rght.png) no-repeat;	
}



content
{
	position:relative;
	width:745px;
	min-height:600px;
	height:auto;
	padding:70px 20px 70px 35px;
	margin:0 16px;
	font-size:1.4em;
	background:#fff;
}

#textblock_1 { float:left; width:218px; height:auto; margin:0 24px 0 0; }
#textblock_2 { float:left; width:218px; height:auto; margin:0 24px 0 0; border-left:4px solid #f5f4f0; padding:0 0 0 24px; }
#textblock_3 { float:right; width:205px; height:auto; margin:0px 6px 35px 0px; }
#textblock_4 { float:right; width:475px; height:350px; margin-bottom:35px; }
#textblock_5 { float:right; width:460px; height:auto; margin:7px 15px 21px 0px; font-size:.9em; line-height:1.5em; }


#slogan h3
{
	width:290px;
	height:37px;
	background:url(../images/slogan_01.png) no-repeat right;
	display:block;
	text-indent:-9000px;
	overflow:hidden;
	margin:0px;
}

.image_sys 
{
	position:relative;
	width:474px;
	height:347px;
	margin:0px 0px 35px 0px;
}

.image_sys img
{
	position:absolute;
	top:1px;
	left:1px;
}


.image_frame_sys
{
	position:absolute;
	top:0;
	left:0;
	width:474px;
	height:347px;
	background:url(../images/image_frame_large.png) no-repeat;
}


.image_thm 
{
	position:relative;
	width:205px;
	height:182px;
	margin:0px 0px 0px;
}

.image_thm img
{
	position:absolute;
	top:1px;
	left:1px;
}


.image_frame_thm
{
	position:absolute;
	top:0;
	left:0;
	width:205px;
	height:182px;
	background:url(../images/image_frame_small.png) no-repeat;
}




/*sidebar
{
	float:left;
	width:192px;
	height:auto;
	padding:0 10px 0 21px;
	background:url(../images/shadow_image.png) no-repeat right 18px;
	margin:7px 0 0 12px;
}

sidebar img { position:relative; left:-21px; margin:0 0 35px; }*/


#footer_flowers
{
	position:absolute;
	bottom:96px;
	right:-30px;
	width:375px;
	height:130px;
	background:url(../images/footer_flowers.png) no-repeat;	
}

/*###################################################				FOOTER				##############################################################################*/



footer
{
	position:relative;
	top:-70px;
	clear:both;
	width:100%;
	height:110px;
	padding:25px 0 0;
	background:url(../images/orange_wave.png) repeat-x;
	font-size:1.1em;
	color:#c67e01;
	margin:-166px 0px -70px;
}


ul#footer_nav { margin:0px; line-height:1em; list-style:none;  height:48px; }
ul#footer_nav li { display:inline-block; margin:0; padding:0; background:none; }
ul#footer_nav li + li { margin-left:35px; }
ul#footer_nav li a { display:inline-block; height:24px; text-indent:-9000px; overflow:hidden; }
ul#footer_nav li a#footer_nav_1 { width:56px; background:url(../images/main_nav_01.png) no-repeat 0px 0px; }
ul#footer_nav li a#footer_nav_1:hover { background-position:0px -24px; }
ul#footer_nav li a#footer_nav_2 { width:73px; background:url(../images/main_nav_02.png) no-repeat 0px 0px; }
ul#footer_nav li a#footer_nav_2:hover { background-position:0px -24px; }
ul#footer_nav li a#footer_nav_3 { width:98px; background:url(../images/main_nav_03.png) no-repeat 0px 0px; }
ul#footer_nav li a#footer_nav_3:hover { background-position:0px -24px; }
ul#footer_nav li a#footer_nav_4 { width:76px; background:url(../images/main_nav_04.png) no-repeat 0px 0px; }
ul#footer_nav li a#footer_nav_4:hover { background-position:0px -24px; }
ul#footer_nav li a#footer_nav_5 { width:77px; background:url(../images/main_nav_05.png) no-repeat 0px 0px; }
ul#footer_nav li a#footer_nav_5:hover { background-position:0px -24px; }
ul#footer_nav li#current_page a { background-position:0px -24px; }




footer address { clear:both; position:relative; top:-14px; margin:0 0 -14px; }
footer  address span { margin-left:30px; }

a#pyfo { color:#c67e01; }
a#pyfo:hover { color:#704105; }

/*###################################################				UTILITIES				##############################################################################*/

.center_page { position:relative; width:800px;  margin:0 auto; }

.float_left { float:left; }
.float_right { float:right; }
.clear_float { clear:both; }
.clear_left { clear:left; }
.clear_right { clear:right; }

.clearfix:after 
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */