@charset "utf-8";
/* CSS Document */
html { 
	background: url(images/bg-lily-pad.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
body {
	line-height:140%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	margin-top: 10px;
}
p {padding:0; margin:0 0 .25em 0; line-height:140%;}
h1 {font-size:28px; margin:7px 0 6px 0; color:#ff5e2a; text-shadow:1px 1px 1px #666;}
h3 {font-size:42px; margin:0; color:#B2D470; font-weight:bold; text-shadow: 1px 1px 1px #666;}
.txt1 {
font-size:24px;
font-weight:bold;
color:#ffffff;
text-shadow: 1px 1px 1px #666;
}
.txt1 a:hover {
text-decoration:none;
text-shadow:1px 1px 1px #666;
}
.txt2 {
font-size:28px;
font-weight:bold;
color:#ffffff;
}
.txt3 {
font-size:1.2em;
text-align:center;
line-height:120%;
font-weight:bold;
}
.txt4 {
font-size:16px;
color:#333333;
text-align:center;
line-height:120%;
font-weight:bold;
}
.txt5 {
font-size:14px;
}
.txt6 {
font-size:14px;
font-weight:bold;
}
.txt7 {
font-size:16px;
font-weight:bold;
color:#ffffff;
text-shadow: 1px 1px 1px #666;
}
.txt7 a:hover {
text-decoration:none;
text-shadow:1px 1px 1px #666;
}
.txt7 a:link, .txt7 a:link, .txt7 a:link {
color:#ffffff;
text-shadow:none;
}
.txt8 {
font-size:20px;
font-weight:bold;
line-height:20px;
text-align:center;
margin-top:60px;
}
.txt9 {
font-size:16px;
font-weight:bold;
text-shadow:1px 1px 1px #666;
text-align:center;
margin-top:5px;
}
.txt10 {
font-size:16px;
font-weight:bold;
}
#wrapper {
width:980px;
margin:0 auto;
background-image:url(images/frog-lft.gif);
background-repeat:no-repeat;
background-position:0 7px;
}
#cont-wrap {
width:874px;
float:right;
background-image:url(images/trans-bg.png);
background-repeat:repeat;
border-radius: 12px;
-moz-border-radius: 12px;
}
#header {
height:110px;
background-image:url(images/frog-rt-t.gif);
background-repeat:no-repeat;
}
#rht {
width:90%;
float:right;
}
.hdr-grp-l {
width:80%;
margin-top:15px;
float:left;
text-align:center;
}
.hdr-grp-r {
width:20%;
margin-top:20px;
float:right;
}
.hdr-grp-r img {padding-right:8px;}
#content {
padding:16px 8px 16px 16px;
background-image:url(images/frog-rt-b.gif);
background-repeat:no-repeat;
}
#bord-top {margin:8px auto 0 auto; width:88%; border-bottom: 2px groove #669966;}
#cont-top {
padding: 0;
text-align:center;
}
#cont-top p {font-size:18px;}
#cricket-txt {
background-image:url(images/cricket-top.png);
background-position:right;
background-repeat:no-repeat;
}
#cont-lft {
width:67%;
float:left;
background-image:url(images/separator-gray.png);
background-repeat:repeat-y;
background-position: 99%;
}
#cont-rt {
width:33%;
float:left;
font-size:12px;
line-height:120%;
background-image:url(images/cricket-bottom.png);
background-position:right top;
background-repeat:no-repeat;
}
#cont-rt ul {
padding-left:16px;
margin: 12px 0;
line-height:140%;
font-size:110%;
}
#cont-rt li {
font-size:12px;
font-weight:bold;
line-height:140%;
margin-top:8px;
}
.prod {
float:left;
width:67%;
padding-left:5px;
font-size:11px;
}
#prod-cr {
padding:0 6px 0 0;
}
#prod-cr h4 {
font-size:22px;
color:#89b039;
margin:0 0 5px 0;
}
#cr-txt {
padding:8px 10px 0 9px;
font-size:14px;
text-align:justify;
}
#cont-btm {
border-top:1px solid #dadada;
padding:8px 0;
text-align:center;
}
#footer {
width:864px;
float:right;
text-align:center;
font-size:14px;
padding-top:10px;
color:#fff;
}
#footer a:link, #footer a:visited, #footer a:active {
color:#fff;
}
#footer a:hover {
text-decoration:none;
color:#fff;
} 

.pricing { text-align:center; margin:14px auto; width:100%; color:#000; border-collapse: collapse;}
.pricing, .pricing td {border:1px rgba(255,255,255,.80) solid; vertical-align:top; text-shadow: 1px 1px 1px #999;}
.pricing h3 { font-size:20px; }

/*beging arrow list menu*/

.arrowlistmenu{
width: 30%; /*width of menu*/
float:left;
}
.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
color: #cf1919;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 80%;
}
.arrowlistmenu ul li a:visited{
color: #cf1919;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #cf1919;
background-color: #F3F3F3;
}