@charset "utf-8";
/* CSS Document for Cravenplan */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0; border: 0;}
	
body {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #000; background-color:#D6E2D6; }

.cravennoline                      {text-decoration: none;
                                font-weight: normal;}



.bold {font-weight: bold;}
.boldpadbot {line-height: 22px; font-weight: bold;}
.orangebold {font-weight: bold; color: #FFF; background: #F60; padding: 1px 3px; margin-right: 3px;}
.lgebold {font: bold 110%  Verdana, Arial, Helvetica, sans-serif;}
.italic {font-style: italic;}
p {margin-bottom: 15px}
/* h1 {font: bold 14px Arial, Helvetica, sans-serif; color: #296629; position: relative; top: 40px; left: 50px; width: 450px; float: left;} */
h1 {font: 200% Arial, Helvetica, sans-serif; color: #000; border-bottom: 1px solid #F60; margin-bottom: 10px; padding-bottom: 10px;}
h2 {font: 200% Arial, Helvetica, sans-serif; color: #000; border-bottom: 1px solid #F60; margin-bottom: 10px; padding-bottom: 10px;}
h3 {font: bold 14px Arial, Helvetica, sans-serif; color: #333; padding-bottom: 5px; border-bottom: 1px solid #3C3; margin-bottom: 5px;}
h3.clear {clear: right; margin-top: 30px;}

.wrapper {width: 994px; margin: auto auto; background-color:#FFFFFF; }

.hmtitlenon {font: 200% Arial, Helvetica, sans-serif; color: #000; margin-bottom: 15px; padding-bottom: 15px;}

.header {width: 994px; height: 100px;}
.logo {float: left; border: none;}
.sentence {font: bold 14px Arial, Helvetica, sans-serif; color: #296629; position: relative; top: 64px; left: 30px; width: 500px; float: left;}
.poppy {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #296629;
	position: relative;
	top: -200px;
	left: -0px;
	width: 140px;
	float: right;
}
.headerright {float: right; width: 330px; position: relative; top: 30px; right: 10px; }
.headerright p {text-align: right; font-weight: bold; color: #296629; margin-bottom: 10px;}
.headerright p a:link, .headerright p a:visited {color: #296629;}
.headerright p a:hover {text-decoration: none;}
.headerright form {margin-top: 5px; float: right;}
.headerright .search {border: 1px solid #296629; background: #E4E4E4; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #296629; padding: 2px 2px 3px 2px; position: relative; top: -4px; margin-top: 0px;}
.headerright .submit {border: 0px; background: none; position: relative; top: 0px;}

.nav {clear: both; height: 22px; background: #0A890A url(images/nav-main-bkg.jpg) repeat-x; padding-top: 1px;}
.nav ul {width: 994px;}
.nav ul li {list-style-image: none; display: inline; position: relative;}
.nav ul li a:link, .nav ul li a:visited {background: #0A890A url(images/nav-bkg.jpg) repeat-x; border: 1px solid #1A991A; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-align: center; text-decoration: none; padding: 5px 20px 5px 19px; line-height: 22px;}
.nav ul li a.last:link, .nav ul li a.last:visited {padding: 5px 12px;}
.nav ul li a:hover {color: #F60;}
.nav li ul {position: absolute; left: 0px; top: 22px; display: none; width: 120px;}
.nav li:hover ul, .nav li.over ul {display: block;}

.nav ul li ul a:link, .nav ul li ul a:visited {text-decoration: none; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333; padding: 3px 20px; text-decoration: none; display: block; background: #FFF; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; text-align: left; margin-bottom: -1px; width: 120px;}
.nav ul li ul a:hover {background-color: #333; color: #FFF;}
.nav ul li ul#what a:link, .nav ul li ul#what a:visited {width: 173px;}
.nav ul li ul#support a:link, .nav ul li ul#support a:visited {width: 195px;}
.nav ul li ul#about a:link, .nav ul li ul#about a:visited {width: 175px;}
.nav ul li ul#jobs a:link, .nav ul li ul#jobs a:visited {width: 140px;}
.nav ul li ul#contact a:link, .nav ul li ul#contact a:visited {width: 80px;}

/* Fix IE. Hide from IE Mac \*/
* .nav ul li {float: left;}
* .nav ul li a {height: 1%;}
/* End */


img.left {float: left;}

.hmcontent {
	padding: 30px;
	background-image: url(images/hm-staff.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.hmcontent ul {margin-bottom: 15px;}
.hmcontent ul li {list-style-position: outside; list-style-image: url(images/list-orangesq.gif); list-style-type: none; margin-bottom: 2px; margin-left: 15px;}
.hmcontent a:link, .content a:visited {color: #000;}
.hmcontent a:hover {text-decoration: none; color: #F60;}
.hmcontent .rightsection {float: right; margin-left: 30px;}
.hmcontent span.lgetext {font: bold 16px Arial, Helvetica, sans-serif; color: #F60;}
.hmcontent .featurebox {background: #FFF url(images/emailsetup-bkg.jpg) repeat-x; padding: 3px 10px 0px 10px; margin-bottom: 15px; border: 1px solid #3C3}
.hmcontent .featurebox h3 {font: bold 12px Arial, Helvetica, sans-serif; color: #FFF; border-bottom: none;}
.hmcontent .featurebox ul {margin-bottom: 15px; margin-top: 0px;}
.hmcontent .featurebox ul li {list-style-position: outside; list-style-image: none; list-style-type: square; margin-bottom: 2px; margin-left: 17px;}
.hmcontent p.noagencies {text-align: right; font-weight: bold; color: #2C6F2C;}
.hmcontent img.left {float: left; margin-right: 30px;}
.hmcontent p.boldnopad {font-weight: bold; margin-bottom: 0px;}




.content {padding: 30px;}
.content ul {margin-bottom: 15px;}
.content ul li {list-style-position: outside; list-style-image: url(images/list-orangesq.gif); list-style-type: none; margin-bottom: 2px; margin-left: 15px;}
.content a:link, .content a:visited {color: #000;}
.content a:hover {text-decoration: none; color: #F60;}
.content .rightsection {float: right; margin-left: 30px;}
.content span.lgetext {font: bold 16px Arial, Helvetica, sans-serif; color: #F60;}
.content .featurebox {background: #FFF url(images/emailsetup-bkg.jpg) repeat-x; padding: 3px 10px 0px 10px; margin-bottom: 15px; border: 1px solid #3C3}
.content .featurebox h3 {font: bold 12px Arial, Helvetica, sans-serif; color: #FFF; border-bottom: none;}
.content .featurebox ul {margin-bottom: 15px; margin-top: 0px;}
.content .featurebox ul li {list-style-position: outside; list-style-image: none; list-style-type: square; margin-bottom: 2px; margin-left: 17px;}
.content p.noagencies {text-align: right; font-weight: bold; color: #2C6F2C;}
.content img.left {float: left; margin-right: 30px;}
.content p.boldnopad {font-weight: bold; margin-bottom: 0px;}

.featuredsitewh {float: right; width: 317px; margin-left: 30px; background: #FFFFFF; margin-bottom: 10px;}
.featuredsite {float: right; width: 317px; margin-left: 30px; background: #D6E2D6 url(images/featured-bkg.jpg) repeat-x bottom; margin-bottom: 30px;}
.featuredsite p.featuredheader {background: url(images/featured-header-bkg.jpg) no-repeat; text-align: right; padding: 5px 30px 5px 5px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #FFF; margin-bottom: 0px; width: 282px;}
.featuredsite .midsection {padding: 10px 15px; text-align: right;}
.featuredsite .midsection a.top:link, .featuredsite .midsection a.top:visited {color: #000;}
.featuredsite .midsection a.top:hover {text-decoration: none;}
.featuredsite .midsection p.bottom, .featuredsite .midsection a.bottom:link, .featuredsite .midsection a.bottom:visited {color: #FFF;}
.featuredsite .midsection a.bottom:hover {text-decoration: none;}
.featuredsite img {border: 10px solid #FFF; margin: 12px 0px;}
.featuredsite .botsection {background: url(images/featured-bottom-bkg.gif) no-repeat; height: 6px; overflow: hidden;}
.featuredsite p.white {color: #FFF;}

.nextseminar {width: 557px; background: #D6E2D6; margin-top: 30px;}
.nextseminar p.seminarheader {background: url(images/seminar-header-bkg.jpg) no-repeat; text-align: right; padding: 5px 30px 5px 5px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #FFF; margin-bottom: 0px; width: 522px;}
.nextseminar .midsection {padding: 10px 15px;}
.nextseminar .midsection p {color: #000; margin-bottom: 0px;}
.nextseminar a.book:link, .nextseminar a.book:visited {width: 76px; height: 13px; background: #5BCE5B url(images/book-bkg.gif) no-repeat right; border-left: 1px solid #99E099; border-top: 1px solid #99E099; border-right: 1px solid #459D45; border-bottom: 1px solid #459D45; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; padding: 3px 23px; margin-left: 407px; display: block;}
.nextseminar a.book:hover {background: #F60 url(images/book-bkg-o.gif) no-repeat right; border-left: 1px solid #FFA060; border-top: 1px solid #FFA060; border-right: 1px solid #C24E00; border-bottom: 1px solid #C24E00;}

.semlist a.book:link, .semlist a.book:visited {width: 76px; height: 13px; background: #5BCE5B url(images/book-bkg.gif) no-repeat right; border-left: 1px solid #99E099; border-top: 1px solid #99E099; border-right: 1px solid #459D45; border-bottom: 1px solid #459D45; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; padding: 3px 23px; margin-left: 0px; display: block;}
.semlist a.book:hover {background: #F60 url(images/book-bkg-o.gif) no-repeat right; border-left: 1px solid #FFA060; border-top: 1px solid #FFA060; border-right: 1px solid #C24E00; border-bottom: 1px solid #C24E00;}


.nextseminar .botsection {background: url(images/seminar-bottom-bkg.gif) no-repeat; height: 5px; overflow: hidden;}

.footer {
	clear: both;
	border-top: 1px solid #2C712C;
	color: #2C712C;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px;
}
.footer p.left {
	float: left;
	width: 50%;
	margin-top: 5px;
}
.footer p.right {
	float: right;
	width: 50%;
	text-align: right;
	margin-top: 5px;
}
.footer p.right a:link, .footer p.right a:visited {color: #2C712C;}
.footer p.right a:hover {text-decoration: none;}
.footer p.links {color: #6A9F6A; text-align: center;}
.footer p.links a:link, .footer p.links a:visited {color: #6A9F6A;}
.footer p.links a:hover {text-decoration: none;}

.subnav {float: left; margin-right: 30px; width: 215px;}
.subnav ul li {list-style-type: none; list-style-image: none; border-left: 0px; margin-left: 0px; margin-bottom: 1px; padding-left: 0px;}
.subnav ul li a:link, .subnav ul li a:visited {background: #2C6F2C; width: 210px; padding-left: 5px; color: #FFF; text-decoration: none; display: block; margin-left: 0px; line-height: 22px;}
.subnav ul li a:hover {background: #3C3; color: #FFF;}
.subnav ul li.active {background: #3C3; width: 210px; padding-left: 5px; color: #FFF; text-decoration: none; display: block; margin-left: 0px; line-height: 22px; font-weight: bold;}
.subnav ul li.active a:link, .subnav ul li.active a:visited {background: none; font-weight: normal; text-indent: -5px;}
.subnav ul li.active a:hover {font-weight: bold;}
.subnav ul li a.subsection:link, .subnav ul li a.subsection:visited {background: #3C3 url(images/subsection.gif) no-repeat; border: none; padding: 0px; text-decoration: none; text-indent: 17px; font-weight: normal;}
.subnav ul li a.subsection:hover {font-weight: bold;}
.subnav ul li span.bold {background: #3C3 url(images/subsection.gif) no-repeat; border: none; padding: 0px 0px 0px 17px; text-decoration: none; text-indent: 0px; font-weight: bold; display: block; height: 22px;}

.contentright {float: left; width: 689px; padding-bottom: 30px;}
.contentright-0800 {float: left; width: 100%; padding-bottom: 30px;}
img.left {float: left;}

.contentleft {
	float: right;
	width: 344.5px;
	font-size: 11px;
	padding: 10px;
	font-weight: bold;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	margin-left: 10px;
}


.directionsmap {display: none;}
img.noborder {border: 0px;}

.seoholder {width: 152px; margin-right: 22px; float: left; margin-bottom: 15px;}
.seoholder#last {margin-right: 0px;}
.seoholder img {padding-bottom: 15px; border-bottom: 1px dotted #3C3; margin-bottom: 15px;}
.seoholder a.visit:link, .seoholder a.visit:visited {color: #2C6F2C; background: url(images/visitwebsite-arrow.gif) no-repeat; text-indent: 15px; width: 150px; display: block;}

p.question {border-bottom: 1px dotted #F60; font-weight: bold; padding: 7px; margin-bottom: 0px;}
p.answer {padding: 7px;}

p.bronzehdg {background: #F3EFDE url(images/bronze-bkg.jpg) repeat-x; line-height: 24px; font-weight: bold; padding-left: 5px; margin-bottom: 0px;}
ul.bronze {background: #F3EFDE; padding: 5px;}
ul.bronze li {list-style-image: none; list-style-type: square; position: outside;}
p.silverhdg {background: #E7E7E7 url(images/silver-bkg.jpg) repeat-x; line-height: 24px; font-weight: bold; padding-left: 5px; margin-bottom: 0px;}
ul.silver {background: #E7E7E7; padding: 5px;}
ul.silver li {list-style-image: none; list-style-type: square; position: outside;}
p.goldhdg {background: #FDFAEC url(images/gold-bkg.jpg) repeat-x; line-height: 24px; font-weight: bold; padding-left: 5px; margin-bottom: 0px;}
ul.gold {background: #FDFAEC; padding: 5px;}
ul.gold li {list-style-image: none; list-style-type: square; position: outside;}
p.platinumhdg {background: #F6F6F6 url(images/platinum-bkg.jpg) repeat-x; line-height: 24px; font-weight: bold; padding-left: 5px; margin-bottom: 0px;}
ul.platinum {background: #F6F6F6; padding: 5px;}
ul.platinum li {list-style-image: none; list-style-type: square; position: outside;}

.emailsetup {float: left; width: 300px; border: 1px solid #3C3; padding: 3px 5px; background: url(images/emailsetup-bkg.jpg) repeat-x; text-align: center; height: 200px; margin: 0px 15px 30px 15px}
.emailsetup p.hdg {color: #FFF; font-weight: bold; margin-bottom: 15px;}
.emailsetup p {text-align: left; margin-bottom: 0px;}
.emailsetup img {margin-bottom: 10px;}

.section {background: #F4F4F4; border-bottom: 1px solid #CCC; padding: 10px;}

.portfoliofs {margin-bottom: 30px; margin-top: 15px;}
.portfoliofs ul {margin-top: 15px; margin-bottom: 15px;}
.portfoliofs ul li, .portfoliocolumns .text ul li {list-style-image: none; list-style-type: square;}
.portfoliofs img {border: 1px solid #E4E4E4; padding: 10px;}
.portfoliofs .left {float: left; width: 422px; margin-bottom: 30px;}
.portfoliofs .right {background: #F4F4F4; padding: 20px; color: #666; width: 226px; float: left; height: 294px; margin-bottom: 30px; border-top: 1px solid #E4E4E4; border-right: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4;}
.portfoliofs .right a:link, .portfoliofs .right a:visited, .portfoliocolumns .text a:link, .portfoliocolumns .text a:visited {color: #2C712C; background: url(images/green-arrow.gif) no-repeat; padding-left: 15px; line-height: 18px;}
img.rightfeatured {border: 1px solid #E4E4E4; padding: 10px; float: right; margin-left: 30px; margin-bottom: 30px; width: 222px;}
img.leftfeatured {
	border: 1px solid #E4E4E4;
	padding: 5px;
	float: left;
	margin-left: 10px;
	margin-bottom: 30px;
	width: 100px;
	margin-right: 10px;
}
img.rightportfoliomore {border: 1px solid #E4E4E4; padding: 10px; float: right; margin-left: 30px; margin-bottom: 30px;}

.portfoliocolumns {float: left;  width: 195px; border-right: 1px dotted #3C3;}
.portfoliocolumns#static {padding-left: 0px; padding-right: 24px;}
.portfoliocolumns#ecommerce {padding-left: 24px; padding-right: 24px;}
.portfoliocolumns#database {padding-left: 24px; padding-right: 0px; border-right: none;}
.portfoliocolumns img {border: 1px solid #E4E4E4; padding: 10px; margin-top: 5px;}
.portfoliocolumns .text {background: #F4F4F4; padding: 10px 10px 1px 10px; color: #666; width: 177px; margin-bottom: 15px; font: 10px Verdana, Arial, Helvetica, sans-serif;}

.portfoliodetailed {border-top: 1px solid #2C6F2C; clear: left; padding-top: 15px;}
.portfoliodetailed img {border: 1px solid #E4E4E4; padding: 10px; float: left; margin-right: 30px; background: #FFF;}
.portfoliodetailed .right {padding: 20px; color: #666; border-left: 30px solid #FFF;}
.portfoliodetailed ul {margin-top: 15px; margin-bottom: 15px;}
.portfoliodetailed ul li {list-style-image: none; list-style-type: square;  list-style-position: inside;}
.portfoliodetailed .right a:link, .portfoliodetailed .right a:visited {color: #2C712C; background: url(images/green-arrow-white-bkg.gif) no-repeat; padding-left: 15px;}
.portfoliodetailed h3 {font: bold 130% Arial, Helvetica, sans-serif; color: #333; border: none; padding-bottom: 5px; margin-bottom: 5px; border-left: 170px solid #FFF;}

.team {padding: 6px 0px 6px 6px; float: left; width: 222px; margin-bottom: 15px;}
.teamholder {padding: 6px 0px 6px 6px; float: left; width: 222px; height: 235px;}
.teamflholder {padding: 6px 0px 6px 6px; float: left; width: 222px; height: 195px;}
.team#chris {float: none;}
.team img {border: 1px solid #E4E4E4; padding: 10px; margin-bottom: 10px;}
.team p {color: #666;}
.team span.email {border: 1px solid #3C3; padding: 1px 3px; background: #2C712C; color: #FFF; font-weight: bold; margin-right: 5px;}
.team h3 {border-bottom: none; margin-bottom: 0px;}

.content form, .contentright form {background: #F9F9F9; border: 1px solid #E4E4E4; padding: 5px; margin-bottom: 15px;}
.content select, .content input, .content textarea, .contentright select, .contentright input, .contentright textarea {border: 1px solid #E4E4E4; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #000; padding: 3px;}
select {margin-bottom: 0px;}
td.grey {background: #E4E4E4; font-weight: bold; padding: 5px;}
td.searchport {background: #E4E4E4; font-weight: bold; padding: 3px;}
td.submitbutton {text-align: right;}
input.submitform {background: #DFDFDF url(images/platinum-bkg.jpg) repeat-x; border: 1px solid #CCC; color: #000; font: bold 11px Verdana, Arial, Helvetica, sans-serif; padding: 3px 7px; margin-bottom: 3px;}

p.backtotop {margin-bottom: 5px; text-align: right;}
p.backtotop a:link, p.backtotop a:visited {color: #666; background: url(images/backtotop.gif) no-repeat; padding-left: 15px;}
p.backtotop a:hover {text-decoration: none;}
p.reserve {margin-bottom: 0px;}
p.reserve a:link, p.reserve a:visited {border: 1px solid #2C712C; color: #FFF; background: #2C712C url(images/emailsetup-bkg.jpg) repeat-x; text-decoration: none; padding: 3px 7px 5px 7px;}
p.reserve a:hover {text-decoration: underline; background: #2C712C url(images/emailsetup-bkg.jpg) repeat-x;}

.testimonial {border: 1px solid #E4E4E4; padding: 10px; margin-bottom: 15px;}
.testimonial h3 {font: bold 14px Arial, Helvetica, sans-serif; color: #333; padding-bottom: 5px; border-bottom: 1px solid #3C3; margin-bottom: 5px;}
.testimonial img {float: left;}
.testimonial img#dw {margin-bottom: 150px;}
.testimonial p.by {font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-align: right; margin-bottom: 0px;}

p.clear {clear: left; font-weight: bold;}
img.newspaperclipping {border: 1px solid #E4E4E4; float: right; margin-left: 30px; margin-bottom: 30px;}

#portfolio-list-footer {
	clear: both;
	background-color: #2C6F2C;
	height: 1px;
	width: 100%;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 5px;
}

#webstats {
	float: right;
	border: medium solid #CCCCCC;
	margin: 5px;
	padding: 5px;

}
.sembanner {
	width: 650px;
	height:125px; 
/*	border:solid;
	border-color:#0A890A;
	border-width:1px; */
	margin-bottom:10px;
	padding: 10px;
}
.sembanner a.book:link, .sembanner a.book:visited {width: 76px; height: 13px; background: #5BCE5B url(images/book-bkg.gif) no-repeat right; border-left: 1px solid #99E099; border-top: 1px solid #99E099; border-right: 1px solid #459D45; border-bottom: 1px solid #459D45; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; padding: 3px 23px; margin-left: 0px; display: block;}

.pdfbanner {
	width: 650px;
	height:125px; 
/*	border:solid;
	border-color:#0A890A;
	border-width:1px; */
	margin-bottom:10px;
	padding: 10px;
}
.pdfbanner a.book:link, .pdfbanner a.book:visited {width: 76px; height: 13px; background: #5BCE5B url(images/book-bkg.gif) no-repeat right; border-left: 1px solid #99E099; border-top: 1px solid #99E099; border-right: 1px solid #459D45; border-bottom: 1px solid #459D45; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; padding: 3px 23px; margin-left: 0px; display: block;}

#notice-pdf1 {
	color: #296629;
	background-color: #def5de;
	width:31%;
	height: 110px;
	float:left;
	margin-left: 4px;
	padding: 5px;
}
#notice-pdf2 {
	color: #296629;
	background-color: #def5de;
	width:31%;
	height: 110px;
	float:left;
	margin-left: 4px;
	padding: 5px;
}

#notice-hm1 {
	color: #296629;
	background-color: #def5de;
	width:31%;
	height: 110px;
	float:left;
	margin-left: 4px;
	padding: 5px;
}
#notice-hm2 {
	color: #cf2828;
	background-color: #f2dcdc;
	width:31%;
	height: 110px;
	float:left;
	margin-left: 4px;
	padding: 5px;
}
#notice-hm3 {
	color: #6b638c;
	background-color: #e6e6ff;
	width:31%;
	height: 110px;
	float:left;
	margin-left: 4px;
	padding: 5px;
}
.tel-mob {
	text-decoration:none;
}