
/* content section */
a img {border: none;}

#content {text-align: left; padding: 20px 0; margin: 30px 0px 0px 0px; background: #f4f0d5; margin: 0 auto; width: 95%;}

#content p {line-height: 1.3em;}

/* Resource Div */

#resource {background: #f4f8e5; margin: 20px auto; width: 90%;}

#resource p {padding: 8px 25px; margin: 10px; font-size: .9em; clear: both;}
#resource a {font-weight: bold}

#resource ul {margin: 10px 30px 20px 30px; font-size: .9em; border: 1px dotted black; background: #f9fcf3; padding: 5px;}
#resource ul li {margin: 5px 10px 5px 20px; padding: 3px 5px 3px 20px; background: url(../web-packages/images/bullet-red.jpg) no-repeat 0% 5px; list-style-type: none;}

#resource2 div.price {text-align: left; font-size: 24px; font-family: Georgia, serif; color: #990000; margin: 10px 0 20px 20px; padding: 5px 0 10px 12px; width: 300px;}

/* End Resource Div */

h2 {font-size: 1.1em; font-family: "trebuchet ms", verdana, sans-serif;
padding: 8px 10px; margin: 15px 2px 14px 4px; color: #1a2457;}

div.packageTop {padding: 0 0 60px; margin: 0 0 14px 0;
border-bottom: 3px double #b4c8bd; width: 100%; color: #1a2457; background: #f9fdea url(../web-packages/images/bg-stripesGreen.jpg) bottom left repeat-x; }

#resource2 h2.starter, #resource2 h2.business, #resource2 h2.premium {padding: 40px 8px 46px; margin: 2px 0 0 20px; width: 100px; border: 1px solid #eee; float: left;  clear: left; text-align: center; border: none;}

#resource2 h2.starter {background: #f9fde9 url(../web-packages/images/starter-button.jpg) 12px 12px no-repeat;  }
#resource2 h2.business {background: #f9fde9 url(../web-packages/images/business-button.jpg) 12px 12px no-repeat;}
#resource2 h2.premium {background: #f9fde9 url(../web-packages/images/premium-button.jpg) 12px 12px no-repeat;}

div.packageWrap h3, #resource h4 {height: 1.2em; border-bottom: 3px solid #f3e0b2; padding: 10px 6px 3px 50px; margin: 15px 35px 5px 35px;}

#resource h4.add {background: #f3efd4; padding: 6px;}

#resource p.find {padding: 15px 50px 35px 100px; background: #f4f8e4 url(../images-new/arrow2.gif) 40px 0px no-repeat; margin: 10px ; width: 360px;}

#resource2 p.marginLeft {margin: 10px 0 0; float: right; width: 75%; clear: right; text-align: justify; padding-left: 0;}

.clear {clear: both;}

#resource h2.center {text-align: center; margin: 6px; padding: 4px; clear: both;}

/* images */

img.right {float: right; margin: 5px 0 10px 5px; border: none;}
img.rightside {float: right; margin: 4px 5px 10px 10px; border: 1px solid black;}
img.rightside2 {float: right; margin: 16px 0px 10px 10px; border: 1px solid black;}
img.left {float: left; margin: 0px 10px 15px 0px;}
img.borderBlack {border: 1px solid black; margin: 10px;}

#nav img {margin-left: 3px; border: 1px solid black;}

.strongtext {color: #1a2450; font-weight: bold;}

.special {color: #770000; font-weight: bold;}

.extra h5 {padding: 8px 4px; margin: 0px; text-align: center; background: #505f5a; border-bottom: 2px solid #bda385; color: #f4f8e4; font-size: .8em;}