/*

Theme Name: Frogmo Theme

-------------------------------------------------------------- */

*{margin:0; padding:0;}
img, fieldset{border:none;}
.curv{float:left; width:100%;}
.curv img{float:left;}
:focus{outline:none}
.left{float:left;}
.right{float:right;}
.left_shadow{ position:absolute; top:0px;left:0}
.right_shadow{ position:absolute; top:0px;right:0px}
body{ font:normal 12px/16px Arial, Helvetica, sans-serif; background: #fff url(images/body_bg.jpg) repeat-x 0 0; color:#484747 }
#main_container{float:left; width:100%; background:url(images/main_container_bg.jpg) no-repeat top center;}
#wrapper{margin:0 auto; width:923px}

#outer_container{float:left; width:923px; margin-top:28px}
#main{float:left; width:923px; background:url(images/top_border.jpg) no-repeat 0 0; position:relative; padding:1px 0 0 0}
#main_bg{float:left; width:891px; padding:7px 15px 6px 17px;background:url(images/main_repeat_bg.jpg) repeat-y 11px 0;}

#sfstest-page .quote{float:left; width:24px; height:19px; background: url(images/quote.jpg) no-repeat right bottom;}
#sfstest-page .quote2{float:right; width:24px; height:19px; margin-top:-29px; background: url(images/quote2.png) no-repeat right bottom;}
#sfstest-page p{padding:0px 30px 10px 30px;}

#sfstest-sidebar {padding:40px 0px 0px 0px;}
#sfstest-sidebar .quote{float:left; width:24px; height:19px; background: url(images/quote.png) no-repeat right bottom;}
#sfstest-sidebar .quote2{float:right; width:24px; height:19px; margin-top:-29px; background: url(images/quote2.png) no-repeat right bottom;}
#sfstest-sidebar p{padding:0px 20px 10px 28px;}
.right_container .common_box .common_details .testimonial_box .link{float:right; width:auto; padding:0px 8px 10px 0}
.right_container .common_box .common_details .testimonial_box .link a{text-decoration:none; color:#55b91f;}
.right_container .common_box .common_details .testimonial_box .link a:hover{text-decoration:underline;}
.right_container .common_box .common_details .testimonial_box blockquote a{text-decoration:none; color:#55b91f;}
.right_container .common_box .common_details .testimonial_box blockquote a:hover{text-decoration:underline;}
	
/*	
	.common_details .testimonial_box p {
float: left;
width: 100%;
text-align: center;
color: dimGray;
line-height: 20px;
background: url(images/comma2.png) no-repeat right bottom;
}
*/

/* header starts */

header{float:left; width:891px; z-index:99999; position:relative}
header .header_top{float:left; width:889px; background:url(images/header_top_bg.jpg) no-repeat 0 0; height:113px; padding:1px; position:relative}
header .header_top .logo{float:left; width:auto; margin:20px 0 0 15px; display:inline; z-index:999; position:relative}
header .header_top .frog_pic{width:98px; height:103px; position:absolute; top:-6px; left:-74px; z-index:9}
header .header_top .call_box{float:right; width:267px; height:60px; background:url(images/call_box_bg.jpg) no-repeat 0 0; margin:12px 13px 0 0; padding:12px 11px}
header .header_top .call_box .phone_icon{float:left; width:55px; height:57px;}
header .header_top .call_box .phone_icon img{float:left}
header .header_top .call_box .number{float:right; width:212px; padding-top:7px}
header .header_top .call_box .number small{float:left; width:100%; text-align:center; font-size:12px; line-height:15px; color:#4f4f4f; font-weight:bold; text-shadow:1px 1px 1px #fff}
header .header_top .call_box .number strong{float:left; width:100%; text-align:center; font-size:21px; line-height:21px; color:#595959; font-weight:bold; text-shadow:1px 1px 1px #fff}

nav{float:left; width:889px; border: solid 1px #b8b8b8; height:41px; background:url(images/nav_bg.jpg) repeat-x 0 0; margin-top:2px}
nav ul{float:left; width:100%; list-style:none;}
nav ul li{float:left; width:auto; font-size:15px; font-family:Arial, Helvetica, sans-serif; line-height:18px; text-shadow:1px 1px 1px #fff; font-weight:bold; background:url(images/sep.jpg) no-repeat right 0; height:41px; padding:0 0px 0 0px; position:relative}
nav ul li.last{background:none; padding-right:0px; }
nav ul li.first{padding-left:0px}
nav ul li a{float:left; text-decoration:none; color:#3d3d3d; height:41px; padding-left:20px; }
nav ul li a span{float:left; padding:11px 31px 8px 21px; height:23px; cursor:pointer;}
nav ul li a:hover{ background:url(images/nav_a_bg.jpg) no-repeat 0 0}
nav ul li a:hover span{ background:url(images/nav_span_bg.jpg) no-repeat right 0;}
nav ul li.last a span{padding:11px 41px 8px 12px;  padding:11px 43px 8px 10px;}

nav  li ul{position:absolute; top:41px; left:0px; display:none;margin:0;width:99%; background:#f9f9f9 url(images/dropdown_bg.jpg) repeat-x 0 0 !important; border:1px solid #c9c9c9; border-top:none; padding:12px 0 9px;}
nav  ul.sub-menu li{float:left;height:auto!important; margin:0!important; font-weight:normal; background: url(images/dropdown_sep_line.jpg) repeat-x bottom left;font-size:12px; width:100%; padding:0px;}
nav ul.sub-menu li a{float:left;height:auto!important;text-decoration:none;padding:0px!important; color:#3f3f3f!important;background:none!important; width:100%;}
nav ul.sub-menu li a span{background:none!important; padding:3px 0 4px 3%!important; width:97%; text-shadow:1px 1px 1px #fff;}
nav ul.sub-menu li a:hover{background:none!important; color:#000}
nav ul.sub-menu li.last{ background:none;}
nav ul.sub-menu li a:hover span{background:none!important; color:#000}
nav li:hover ul, nav li.over ul{display:block;}

/* header ends */


/* banner container starts */

#banner_container{float:left; width:871px; height:240px; margin-top:16px; position:relative; z-index:9; padding-left:20px;}
#banner_container .slider{float:left; width:851px; height:240px; overflow:hidden!important;}
#banner_container .slider .textwidget{border:7px solid; color:#929292;}
#banner_container .slider .textwidget .theme-oik .nivoSlider {margin-bottom:0px;}
#banner_container .slider .slider_image{float:left;}
#banner_container .slider .slider_details{width:500px; position:absolute; top:0px; left:0; padding:55px 0 0 20px}
#banner_container .slider .slider_details p{float:left; width:100%; font:bold 20px/20px "Arial Black", Gadget, sans-serif; text-shadow:1px 1px 1px #000; color:#fff}
#banner_container .slider .slider_details strong{float:left; width:100%; font:bold 30px/33px "Arial Black", Gadget, sans-serif; text-shadow:1px 1px 1px #000; color:#5fc727; text-transform:uppercase; padding-top:8px}

/* banner container ends */


/* body container starts */

#body_container{float:left; width:871px; padding-top:3px; padding-left:20px;}

/* left container starts */

.left_container{float:left; width:572px;}
.left_container a{color:#94b439; text-decoration:none;}
.left_container a:hover{color:#94b439; text-decoration:underline;}
.left_container .content {width:100%;}
.left_container .heading_row{width:599px;}
.left_container .heading_row h1{position:absolute; width:auto; font-size:15px; line-height:19px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; color:#000000; text-shadow:1px 1px 1px #fff;  padding:12px 0px 0px 18px;}

.left_container .left_details{width:599px; padding-top:8px;}
.left_container .left_details p{float:none; padding:8px 0px 0px 0px; text-align:justify; font-size:12px; line-height:15px; color:#484747;}
.left_container .left_details .pic1{width:154px; margin:4px 6px 0 0; display:inline}
.left_container .left_details .pic1 img{float:left;}
.left_container .left_details .pic2{float:right; width:171px; margin:7px 0px 0 15px; display:inline}
.left_container .left_details .pic2 img{float:left;}

.left_container .top_box{width:572px; padding-bottom:8px;}	  
.left_container .top_box .top_details{float:left; width:528px; background:url(images/content_top_body.jpg) repeat-y 0 0; padding:0px 22px 10px 22px}	  
.left_container .top_box .top_details h2{color:#94b439; font-size:22px; font-weight:normal; line-height:24px; padding-top:6px; padding-bottom:6px;}
.left_container .top_box .top_details img{float:left; padding-right: 6px; padding-bottom: 6px;}


.left_container .top_box_contact{width:572px; padding-bottom:8px; padding-top:53px;}	  
.left_container .top_box_contact .top_details{float:left; width:528px; background:url(images/content_top_body.jpg) repeat-y 0 0; padding:0px 22px 10px 22px}	  
.left_container .top_box_contact .top_details h2{color:#94b439; font-size:16px; font-weight:normal; line-height:20px; padding-top:6px; padding-bottom:6px;}
.left_container .top_box_contact .top_details img{ padding-right: 6px; padding-bottom: 20px;}
.left_container .top_box_contact .top_details .right{float:none;}
.left_container .top_box_contact .top_details .right .contact{float:left; width:242px; padding:15px 10px 0px 20px}

.left_container .top_box_contact .top_details .form_box{float:left; width:211px; padding:0px 10px 10px 20px}
.left_container .top_box_contact .top_details .form_box form{float:left; width:100%;}
.left_container .top_box_contact .top_details .form_box .row{float:left; width:100%; padding-bottom:0px}
.left_container .top_box_contact .top_details .form_box .row span.wpcf7-not-valid-tip {display:inline;}
.left_container .top_box_contact .top_details .form_box .row .code{float:left; width:201px; padding:26px 0px 0px}
.left_container .top_box_contact .top_details .form_box .row .code img{padding:12px 0px 0px 0px;}
.left_container .top_box_contact .top_details .form_box .row .input_bg{float:left; width:201px; background:url(images/input_bg.jpg) no-repeat 0 0; padding:1px 5px 6px}
.left_container .top_box_contact .top_details .form_box .row .input_bg .input{float:left; width:201px; background:none; border:none; font-size:11px; line-height:17px; font-style:italic; color:#979797; margin:6px 0px 12px 0px;}
.left_container .top_box_contact .top_details .form_box .row .textarea_bg{float:left; width:201px; background:url(images/textarea_bg.jpg) no-repeat 0 0; padding:7px 5px 0px; height:127px}
.left_container .top_box_contact .top_details .form_box .row .textarea_bg textarea{float:left; width:201px; background:none; border:none; font-size:11px; line-height:17px; font-style:italic; color:#979797; height:127px; font-family:Verdana, Geneva, sans-serif; resize:none; overflow:auto; margin:6px 0px 0px 0px; }
.left_container .top_box_contact .top_details .form_box .submit_btn{float:left; width:94px; height:28px; border:none; background:url(images/send_btn.jpg) no-repeat 0 0; cursor:pointer; margin:0px 0 0 74px; display:inline}
.left_container .top_box_contact .top_details .form_box .submit_btn_over{float:left; width:94px; height:26px; border:none; background:url(images/send_btn.jpg) no-repeat 0 -36px; cursor:pointer;margin:0px 0 0 74px; display:inline}




.left_container .top_box_no_icon{width:572px; padding-bottom:8px; padding-top:52px;}	  
.left_container .top_box_no_icon .top_details{float:left; width:528px; background:url(images/content_top_body.jpg) repeat-y 0 0; padding:0px 22px 10px 22px}	  
.left_container .top_box_no_icon .top_details h2{color:#94b439; font-size:16px; font-weight:normal; line-height:24px; padding-top:6px;}
.left_container .top_box_no_icon .top_details ul{margin:14px 0px 0px 30px;}
.left_container .top_box_no_icon .top_details ul li{margin-top:1px;}


.left_container .middle_box{float:left; width:280px; padding-top:10px;}	  
.left_container .middle_box .middle_details{float:left; width:236px; background:url(images/content_middle_body.jpg) repeat-y 0 0; padding:10px 22px 10px 22px}
.left_container .middle_box .middle_details h3{font-size:16px; font-weight:normal; line-height:18px; font-weight:bold; padding-top:10px;}
.left_container .middle_box .middle_details ul{margin:14px 0px 0px 30px;}
.left_container .middle_box .middle_details ul li{margin-top:1px;}
.left_container #middle_box_right{float:right; width:280px; padding-right:26px;}

.left_container .bottom_box{float:left; width:572px; padding-top: 11px;}	  
.left_container .bottom_box .bottom_details{float:left; width:528px; background:url(images/content_top_body.jpg) repeat-y 0 0; padding:10px 22px 10px 22px}	  
.left_container .bottom_box .bottom_details h3{font-size:16px; font-weight:normal; line-height:18px; font-weight:bold;}
.left_container .bottom_box .bottom_details .left{position:absolute; width:280px;}
.left_container .bottom_box .bottom_details .right{padding-left:232px;}

.left_container .bottom_box .bottom_details_done{float:left; width:528px; background:url(images/content_top_body.jpg) repeat-y 0 0; padding:10px 22px 10px 22px}	  
.left_container .bottom_box .bottom_details_done h3{font-size:16px; font-weight:normal; line-height:18px; font-weight:bold;}
.left_container .bottom_box .bottom_details_done a {display:block; padding-bottom:40px;}

.left_container .middle_box_do{float:left; width:572px; padding-top: 12px;}	  
.left_container .middle_box_do .middle_details{float:left; width:528px; background:url(images/content_top_body.jpg) repeat-y 0 0; padding:0px 22px 10px 22px}	  
.left_container .middle_box_do .middle_details h2{color:#94b439; font-size:22px; font-weight:normal; line-height:24px; padding-top:6px; padding-bottom:6px;}
.left_container .middle_box_do .middle_details img{float:left; padding-right: 6px; padding-bottom: 6px;}

.left_container .middle_box_who{float:left; width:572px; padding-top: 12px;}	  
.left_container .middle_box_who .middle_details{float:left; width:528px; background:url(images/content_top_body.jpg) repeat-y 0 0; padding:0px 22px 10px 22px}	  
.left_container .middle_box_who .middle_details h2{color:#94b439; font-size:22px; font-weight:normal; line-height:24px; padding-top:6px; padding-bottom:6px;}
.left_container .middle_box_who .middle_details img{float:left; padding-right: 6px; padding-bottom: 6px;}

.left_container .middle_box_blog{float:left; width:572px; padding-top: 12px;}
.left_container .middle_box_blog .breadcrumb {margin:0px 0px 10px 6px;}
.left_container .middle_box_blog .middle_details{float:left; width:528px; background:url(images/content_top_body.jpg) repeat-y 0 0; padding:0px 22px 10px 22px}	  
.left_container .middle_box_blog .middle_details h1{color:#94b439; font-size:22px; font-weight:normal; line-height:24px; padding-top:6px; padding-bottom:6px;}
.left_container .middle_box_blog .middle_details h2{color:#94b439; font-size:18px; font-weight:normal; line-height:20px; padding-top:6px; padding-bottom:6px;}
.left_container .middle_box_blog .middle_details img{float:right; padding: 8px; 0px 6px 6px;}
.left_container .middle_box_blog .middle_details #comments label {display:block;}
.left_container .middle_box_blog .middle_details #comments #submit {padding:4px;}
.left_container .middle_box_blog .middle_details .blog_posted {font-style: italic;}
.left_container .middle_box_blog .middle_details .social {margin:10px 0px 0px 0px;}
.left_container .middle_box_blog .middle_details hr {background: url(images/border.jpg) repeat-x top left; height:10px; border-width:0;}
.left_container .middle_box_blog .middle_details .author img{float:left; padding-right: 6px; padding-bottom: 6px;}
.left_container .middle_box_blog .middle_details .next {float: left;}
.left_container .middle_box_blog .middle_details .prev {float: right;}
.left_container .middle_box_blog .middle_details .next a {background:url(images/next-left.png) no-repeat left 3px; padding-left:16px;}
.left_container .middle_box_blog .middle_details .prev a {background:url(images/next-right.png) no-repeat right 3px; padding-right:16px;}

.left_container .middle_box_blog_posts .middle_details{float:left; width:528px; background:url(images/content_top_body.jpg) repeat-y 0 0; padding:0px 22px 10px 22px}	  
.left_container .middle_box_blog_posts .middle_details h2{color:#94b439; font-size:18px; font-weight:normal; line-height:20px; padding-top:6px; padding-bottom:6px;}
.left_container .middle_box_blog_posts .middle_details img{float:right; padding: 8px; 0px 6px 6px;}
.left_container .middle_box_blog_posts .middle_details ul {list-style:none;}


/* left container ends */


/* right container starts */

.right_container{float:right; width:264px; padding-right:20px; padding-top:8px;}
.right_container .common_box{float:left; width:264px;}
.right_container .common_box .common_details{float:left; width:254px; background:url(images/right_box_bg.png) repeat-y 0 0; padding:0 5px}
.right_container .common_box .common_details h3{float:left; width:100%; text-align:center; font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#484747; font-size:16px; line-height:19px; text-shadow:1px 1px 1px #fff; padding-top:2px}

.right_container .common_box .common_details .form_box{float:left; width:211px; padding:15px 21px 10px 22px}
.right_container .common_box .common_details .form_box form{float:left; width:100%;}
.right_container .common_box .common_details .form_box .row{float:left; width:100%; padding-bottom:0px}
.right_container .common_box .common_details .form_box .row span.wpcf7-not-valid-tip {display:inline;}
.right_container .common_box .common_details .form_box .row .input_bg{float:left; width:201px; background:url(images/input_bg.jpg) no-repeat 0 0; padding:1px 5px 6px}
.right_container .common_box .common_details .form_box .row .input_bg .input{float:left; width:201px; background:none; border:none; font-size:13px; line-height:17px; font-style:italic; color:#979797; margin:6px 0px 12px 0px;}
.right_container .common_box .common_details .form_box .row .textarea_bg{float:left; width:201px; background:url(images/textarea_bg.jpg) no-repeat 0 0; padding:7px 5px 6px; height:127px;}
.right_container .common_box .common_details .form_box .row .textarea_bg textarea{float:left; width:201px; background:none; border:none; font-size:13px; line-height:17px; font-style:italic; color:#979797; height:127px; font-family:Verdana, Geneva, sans-serif; resize:none; overflow:auto; margin:6px 0px 4px 0px; }
.right_container .common_box .common_details .form_box .row .code{ width:201px;}
.right_container .common_box .common_details .form_box .row .code img{margin:26px 0px 0px 0px; }
.right_container .common_box .common_details .form_box .submit_btn{float:left; width:131px; height:38px; border:none; background:url(images/submit_btn.jpg) no-repeat 0 0; cursor:pointer; margin:6px 0 0 42px; display:inline; color: transparent;}
.right_container .common_box .common_details .form_box .submit_btn_over{float:left; width:128px; height:36px; border:none; background:url(images/submit_btn.jpg) no-repeat 0 -36px; cursor:pointer;margin:6px 0 0 42px; display:inline}

.right_container .common_box .common_details .social_box{float:left; width:238px; padding:0 7px 0 9px}
.right_container .common_box .common_details .social_box ul{float:left; width:100%; list-style:none;}
.right_container .common_box .common_details .social_box ul li{float:left; width:100%; font-size:12px; line-height:17px;padding:11px 0 8px; background:url(images/border.jpg) repeat-x top left;}
.right_container .common_box .common_details .social_box ul li:first-child{background:none;}
.right_container .common_box .common_details .social_box ul li img{float:none; vertical-align:middle; margin:0 12px 0 -3px; position:relative; z-index:9; display:inline;}
.right_container .common_box .common_details .social_box ul li a{text-decoration:none; color:#606060}
.right_container .common_box .common_details .social_box ul li a span{float:none;}
.right_container .common_box .common_details .social_box ul li a:hover span{text-decoration:underline;}


/*
.right_container .common_box .common_details .testimonial_box{float:left; width:100%; padding-top:36px;}
.right_container .common_box .common_details .testimonial_box .text{width:100%; float:left; background:url(images/comma1.png) no-repeat 0 5px;}
.right_container .common_box .common_details .testimonial_box p{float:left; width:100%; text-align:center; color:#696969; line-height:20px; background:url(images/comma2.png) no-repeat right bottom;}
.right_container .common_box .common_details .testimonial_box p img{float:none; vertical-align:middle; margin:2px 2px 0 0; display:inline}
.right_container .common_box .common_details .testimonial_box p .comma2{float:right; margin:-3px 8px 0 0; display:inline; position:relative; z-index:9}
.right_container .common_box .common_details .testimonial_box .link{float:right; width:auto; padding:25px 8px 4px 0}
.right_container .common_box .common_details .testimonial_box .link a{text-decoration:none; color:#55b91f;}
.right_container .common_box .common_details .testimonial_box .link a:hover{text-decoration:underline;}
*/
/* right container ends */


/* body container ends */

footer{float:left; width:100%; padding:10px 0 20px}
footer ul.footer_link{float:left; width:100%; text-align:center; list-style:none}
footer ul.footer_link li{float:none; display:inline; font-size:12px; line-height:17px; background:url(images/sep1.jpg) no-repeat right 2px; padding:0 8px 0 3px} 
footer ul.footer_link li.last{background:none}
footer ul.footer_link li a{text-decoration:none; color:#807f7f;}
footer ul.footer_link li a:hover{ color:#55b91f;}
footer .copy_right{float:left; width:100%; font-size:11px; line-height:15px; color:#807f7f; text-align:center; padding-top:9px}
