@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
a {text-decoration:none;color:#000;border:none;}
a img {border:none;}
.changer0, .changer1, .changer2, .changer3 {
	width:10px;
	float:left;
	padding:5px;
	margin:5px;
	color:#000;
	border-radius:15px;
}
.slide_button_area
{
	bottom:20%;
	right:0%;
	position:absolute;
}
.slide_button_group
{
	width:150px;
	margin:0 auto;
/*	position:relative;*/
}
.slide_buttons
{
/*	margin:0 0 0 300px;*/
	width:150px;
/*	float:right;*/
}
.slide_buttons input
{
	padding:4px;
	font-size:0.7em;
	line-height:0.8em;
	border-radius:12px;
	border:none;
	cursor:pointer;
}
.slide_buttons *:hover {background-color:#fffe8b;}
.changer0 {
	background-color:#FFF;
}
.changer1 {
	background-color:#FFF;
}
.changer2 {
	background-color:#FFF;
}
.changer3 {
	background-color:#FFF;
}
.changer_area {
	width:150px;
	margin:0 auto;
	top:500px;
	left:300px;
	position:relative;
}
a.activeSlide {
	background-color: #C5DBEE;
	color: #FFF;
}
.header
{
	margin:0 auto;
	z-index:1;
	top:10px;
	width:960px;
}
.logo_area
{
	width:220px;
	margin:0;
/*	background:url(../graphics/bull-frog-web-logo2.png) center no-repeat;*/
/*	top:10px;
	left:0px;*/
	height:180px;
/*	position:relative;*/
	z-index:1;
	float:left;
}
#craftysyntax_1
{
	width:150px;
	margin:30px 0 0 40px;
	height:100px;
	z-index:1;
	float:left;
}
a img { opacity:.9;}
a:hover img {opacity:1;}
.top_menu
{
/*	width:623px;*/
	margin:50px 0px 0px 30px;
/*	background:url(../graphics/Home_Nav_Bar.png) center no-repeat;*/
/*	top:25px;
	left:0px;*/
/*	height:70px;*/
/*	position:relative;*/
	z-index:1;
	float:left;
}
.content 
{
	width:960px;
	margin:0 auto;
}
.content_main_area 
{
	float:left;
	width:670px;
}
.content_main, .content_main2, .content_main3
{
	background: #FFF;
/*    background: -webkit-radial-gradient(circle, #BEB227 90%,#322e2f 100%);
    background: -moz-radial-gradient(circle, #BEB227 90%,#322e2f 100%);
    background: -o-radial-gradient(circle, #BEB227 90%,#322e2f 100%);
    background: -ms-radial-gradient(circle, #BEB227 90%,#322e2f 100%);
    background: radial-gradient(circle, #BEB227 90%,#322e2f 100%);*/

  -moz-box-shadow:    5px 7px 10px 5px #322e2f;
  -webkit-box-shadow: 5px 7px 10px 5px #322e2f;
  box-shadow:         5px 7px 10px 5px #322e2f;

    background: -webkit-linear-gradient(top, #FFF 0%,#CCC 100%);
    background: -moz-linear-gradient(top, #FFF 0%,#CCC 100%);
    background: -o-linear-gradient(top, #FFF 0%,#CCC 100%);
    background: -ms-linear-gradient(top, #FFF 0%,#CCC 100%);
    background: linear-gradient(top, #FFF 0%,#CCC 100%);  
  
  border-top:#fff 1px solid;
  border-left:#fff 1px solid;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
		
	border-radius:15px;
	padding:10px 20px 15px 20px;
	width:600px;
	float:left;
	margin-right:30px;
}
.content_main2 {margin-top:20px;}
.content_main3 {width:255px;}
.content_main h1, .content_main h2, .content_main2 h2 .content_main3 h2 {color:#322e2f;text-shadow: 1px 1px 1px #56651e;}
.content_main p, .content_main2 p, .content_main3 p {color:#322e2f;padding:5px 0px;}
.content_right
{
/*	background:#BEB227;*/
	background:#CCC;	
	border-radius:15px;
	padding:10px 20px 15px 20px;
	width:240px;
    float:left;
  border-top:#fff 1px solid;
  border-left:#fff 1px solid;
/*  border-top:#fffe8b 1px solid;
  border-left:#fffe8b 1px solid;*/  	
  -moz-box-shadow:    5px 7px 10px 5px #322e2f;
  -webkit-box-shadow: 5px 7px 10px 5px #322e2f;
  box-shadow:         5px 7px 10px 5px #322e2f;
    background: -webkit-linear-gradient(top, #FFF 0%,#CCC 100%);
    background: -moz-linear-gradient(top, #FFF 0%,#CCC 100%);
    background: -o-linear-gradient(top, #FFF 0%,#CCC 100%);
    background: -ms-linear-gradient(top, #FFF 0%,#CCC 100%);
    background: linear-gradient(top, #FFF 0%,#CCC 100%);  
}
.content_right h2 {color:#322e2f;text-shadow: 1px 1px 1px #56651e;}
.content_right p {color:#322e2f;padding:5px 0px;}
.lillypad_area {padding:50px 0 50px 0;width:960px;margin:0 auto;}
.lillypad {
	background:url(../graphics/lillypad.png) no-repeat center;
	width:300px;
	height:220px;
	float:left;
}
.lillypad h2 {padding:15px 0px 5px 0px;text-align:center;text-shadow: 1px 1px 1px #56651e;}
.lillypad h3 {padding:2px 0px 0px 0px;text-align:center;text-shadow: 1px 1px 1px #56651e;}
.lillypad span {font-size:80%;font-weight:normal;}
.lillypad h4 {padding:20px 0px 0px 0px;text-align:center;font-size:110%;text-shadow: 1px 1px 1px #56651e;}
.lillypad h4 a {color:#7c5293;}
.lillypad h4 a img {
  -moz-box-shadow:    5px 4px 5px 0px #322e2f;
  -webkit-box-shadow: 5px 4px 5px 0px #322e2f;
  box-shadow:         5px 4px 5px 0px #322e2f;
  }
.lillypad h4 a:hover {color:#8760af;text-shadow: 1px 1px 1px #000000;}
.lillypad p {
	padding:0 0px 0 70px;
	color:#322e2f;font-weight:bold; 
    font:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif 14px;
}
.lillypad2 {
    background:#BEB227;
/*	width:500px;*/
/*	height:220px;*/
/*	float:left;*/
    margin:10px 0px 0px 60px;
	padding:2px 5px;
	border-radius:15px;
	min-width:10px;
	overflow:hidden;
	display:block;
	float:left;
  -moz-box-shadow:    5px 7px 10px 5px #322e2f;
  -webkit-box-shadow: 5px 7px 10px 5px #322e2f;
  box-shadow:         5px 7px 10px 5px #322e2f;
      border-top:#e1dc9d 1px solid;
    border-left:#e1dc9d 1px solid;
    border-bottom:#322e2f 1px solid;
    border-right:#322e2f 1px solid;
	opacity:.70;		
}
.lillypad2 p {
	padding:0px;
	color:#000;font-weight:bold;
	display:block; 
    font:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif 14px;
	opacity:1;
}
img {
	border: currentColor; -ms-interpolation-mode: bicubic;
}
a img {
	border: currentColor; -ms-interpolation-mode: bicubic;
}
/*.footer_area
{
	position:absolute;
	bottom:5px;
	width:100%; 
}
.footer 
{	width:960px;
	margin:0 auto;
	background:url(../graphics/Footer_Nav_Bar.png);
	z-index:1;
	height:108px;
	position:relative;
	border-radius:15px;
}*/
.footer_area {
    clear: both;
    bottom: 0;
    position: fixed;
    width: 100%;
	height:120px;
}
.footer {
    width: 960px;
    margin: 0 auto;
/*    background: #ffffff;*/
    z-index: 1;
    height: 120px;
    position: relative;
    border-radius: 15px;
    display: none;
}
.footer_link_area {
    position: absolute;
    bottom: 0px;
    width: 960px;
    margin: 0 auto;
    border-radius: 15px;
/*    color: #5d245a;*/
    z-index: 100;
}
.footer_link_area a {
    text-decoration: none;
/*    color: #5d245a;*/
}
.footer_link_area a:hover {
}
#footer_hidden {
}
.more {
    display: none;
    width: 960px;
    margin: 0 auto 15px auto;
    z-index: 1;
	bottom:0;
    position: fixed;
    border-radius: 15px;
    color: #000000;
	background:#FFF;
	opacity:.9;
    overflow: hidden;
    height: 120px;
	    background: -webkit-linear-gradient(top, #FFF 0%,#CCC 100%);
    background: -moz-linear-gradient(top, #FFF 0%,#CCC 100%);
    background: -o-linear-gradient(top, #FFF 0%,#CCC 100%);
    background: -ms-linear-gradient(top, #FFF 0%,#CCC 100%);
    background: linear-gradient(top, #FFF 0%,#CCC 100%); 
  -moz-box-shadow:    5px 7px 10px 5px #322e2f;
  -webkit-box-shadow: 5px 7px 10px 5px #322e2f;
  box-shadow:         5px 7px 10px 5px #322e2f;	 
}
.footer_container {padding:10px;}
.footer_col
{
	float:left;
	width:220px;
}
.footer_col p a {color:56651e;}
.footer_col p a:hover {text-decoration:underline;}
.footer_col p {color:#666;}
.footer_col h3 {padding-bottom:10px;}
a.showLink,
a.hideLink {
    text-decoration: none;
/*    color: #5d245a;*/
    opacity: .7;
	border:none;
	float:left;
}
a.hideLink {
}
a.showLink:hover,
a.hideLink:hover {
    opacity: 1;
}
#sitemap {
}
#container 
{
background:none;
height:99%;
width:99%;
margin:0px auto;
position:absolute;
overflow:hidden;
min-height:850px;
min-width:1024px;
/*cursor:pointer;*/
}
.clear {clear:both;}
/********** contact form **********/
.form {
	float:left; 
	padding:10px 20px 10px 20px; 
	width:270px; 
	margin:0px 30px 10px 0px; 
	/*margin:5px auto;*/ 
	background:#80952b; 
	border:3px solid #ececec;
	background: -webkit-linear-gradient(top, #80952b 0%,#56651e 100%);
    background: -moz-linear-gradient(top, #80952b 0%,#56651e 100%);
    background: -o-linear-gradient(top, #80952b 0%,#56651e 100%);
    background: -ms-linear-gradient(top, #80952b 0%,#56651e 100%);
    background: linear-gradient(top, #80952b 0%,#56651e 100%); 
  -moz-box-shadow:    5px 7px 10px 5px #322e2f;
  -webkit-box-shadow: 5px 7px 10px 5px #322e2f;
  box-shadow:         5px 7px 10px 5px #322e2f;
  border-radius:15px;	 
}
#rs-form-area h2 {padding:10px 10px 20px -80px; }
/********** contact form **********/
#contactform { margin:0; padding:0px 10px;}
#contactform * { color:#7a7a7a;}
#contactform ul { margin:10px 0 0 0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:70px; padding:8px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#FFF;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:150px; border:1px solid #ececec; margin:2px 0; padding:5px 2px; height:14px; background:#FFF; float:right; }
#contactform input { color:#00F; }
#contactform textarea { width:150px; border:1px solid #ececec; margin:2px 0; padding:2px; background:#FFF; height:70px; float:right; color:#00F;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 10px; border:0; color:#FFF; float:right;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}
#contactform floatleft {float:left;}
.thin-line {
	height:3px;
	width:150px;
	margin:10px auto;
	padding:0px 0px;
	background:#80952b; 
	background: -webkit-linear-gradient(top, #80952b 0%,#56651e 100%);
    background: -moz-linear-gradient(top, #80952b 0%,#56651e 100%);
    background: -o-linear-gradient(top, #80952b 0%,#56651e 100%);
    background: -ms-linear-gradient(top, #80952b 0%,#56651e 100%);
    background: linear-gradient(top, #80952b 0%,#56651e 100%); 	
}
.spacer200 {height:200px;width:400px;}