/* ---- Reset ---- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0;	border: 0;	outline: 0;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup -- */
table {border-collapse: collapse; border-spacing: 0;}
.skipToContent {display: none;}

.mainContent ul li {list-style:disc; margin-left:5em; padding:.1em;}

/* ---- End Reset ---- */

.clearboth {clear: both;}
.clearright {clear: right;}

/* ---- Layout ---- */

body {text-align: center}

.wrapper {margin: 10px auto; width: 82em; text-align: left;}

.pageHeader {position: relative; padding-top: 0; width: 100%; overflow: hidden;}

.logo {position: absolute; left: 50px; top: 27px;}

.rss {position: absolute; top: 15px; right: 20px; background: url(../images/rss-bg.jpg) no-repeat left top; width: 204px; height: 61px; text-indent: -9999px;}

.level1nav {padding: 0 0 0 30%; overflow: auto; margin-top: 92px; width: 100%;}
.level1nav li {float: left; margin-right: 8px; zoom: 1;}
.level1nav a {padding: 15px 15px; display: block;}

.level2nav {clear: left; overflow: hidden; padding: 10px 30px;}
.level2nav li {float: left; margin-right: 0px;}

#pageContent {clear: left; overflow: hidden; padding: 0 25px 15px; zoom: 1;}

.mainContent p {margin: 0.5em 0;}

.featurePic {float: left; margin: 0 10px 10px 0;}
img.left {float: left; margin: 0 10px 10px 0;}
img.right {float: right; margin: 0 0 10px 10px;}
img.photo {background: #fff; border: 1px solid #ccc; padding: 4px;}

/* .template-summary {background: #d8dce5 url(../images/panel-bg.jpg) repeat-x top; padding: 0 0 2em 0; margin: 1em 1em 2em 1em; overflow: hidden; position: relative;} */
.template-summary {background:#f6f6f6; border:3px solid #ddd; padding: 10px 0 2em 0; margin: 1em 1em 2em 1em; overflow: hidden; position: relative;}
.template-summary img.main, .template img.main {float: left; padding: 10px; background: #fff; margin-right: 20px; margin-left: 20px; border: 1px solid; border-color:#fff #ddd #ccc #ddd; border-bottom-width:2px; margin-top: -20px;}
.template img.main {margin-top: 0; margin-bottom: 1.5em}
.template-summary h3 a {color: #666; font-weight: normal; font-size: 1.8em; padding: 25px 0 5px 260px;}
.template-summary h3 a:hover {text-decoration: underline;}
.date {color: #777; clear: right;}

.mainContent .shots {clear: left; padding:20px; overflow: hidden;}
.mainContent .shots li {text-align: center; float: left; list-style:none; margin:10px;}
.shots span {display: block; width: 90px; color: #666; font-style: italic;}
.shots img {border: 1px solid; border-color:#fff #ddd #ccc #ddd; margin-right: 20px; margin-bottom: 5px; width: 85px;}

/* For right-hand col */
.otherContent1 h2 {padding-left:20px; margin-bottom:0;}
.otherContent1 .shots {padding:0 0 0 20px;}
.otherContent1 .shots li {text-align:left; float:none; clear:left; padding-top:5px;}
.otherContent1 .shots span {display:block; float:left; width:90px;}
.otherContent1 .shots img {float:left; margin-right:10px;}
.otherContent1 p {margin:0; padding:5px 0 15px 20px;}

.template-summary .buy {position: absolute; bottom: 4em; right: 3em; width: 168px;}
.template .buy {margin-right: 1em; margin-bottom: 10px; overflow: hidden;}
.price {color: #999; font-size:.65em; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.template-summary .buy .price {text-align: center; display: block; margin-bottom: 10px;}
.template .buy .price {float: left; margin-right: 0.5em; font-size: 2em; margin-top: 0.1em; width: 2.2em;}
a.download {width: 170px; height: 36px; text-indent: -9999px; display: block; background: url(../images/download-button-trans.png) no-repeat top left;}
.template-summary a.download {width: 168px; height: 34px; text-indent: -9999px; display: block; background: url(../images/download-button.jpg) no-repeat top left;}
.template a.download {float: left;}
.mainContent .template form {float:left; margin: 0 0 0.5em 0;}
.filesize {clear: right; color: #999; font-size: 0.9em; margin: 0.8em; float: left;}
.template h3 {margin: 15px 0 5px 0;}
.template h3 a {font-weight: normal; font-size: 0.8em; margin-left: 0.5em;}
.template h4 {margin-top: 2em;}

.template {margin-top: 2em;}
.mainContent .template h2 {clear: both; font-size: 1.5em; margin: 2em 0 0.7em 20px; padding: 0;}
.mainContent .template .cms-splash h2 {clear: both; font-size: 1.5em; margin: 1em 0 0.7em 20px; padding: 0;}
.template h2 em {font-size: 0.9em; color: #666;}
.template .shots {padding-top: 0;}
.template .shots img {border-color: #666;}

#contactForm {clear: both;}

.box {border: 1px solid #999; padding: 10px ; background: #f9f9f9; margin: 1em 0 1em 1em; -moz-border-radius: 8px; -webkit-border-radius: 8px; font-size: 0.8em;}
.box p {padding: 0 0 1em;}
.box td {padding: 2px;}

.pageFooter {text-align: center; padding: 1em 0;}
.pageFooter li {display: inline;}

.faq {border: 2px solid #CBF675; padding: 1em 1.5em; margin: 2em 40px; background: #fff;}
.faq li {padding-bottom: 6px;}

.answers dt, .answers dd {padding: 0 40px 0.3em 40px;}
.answers dt {color: #ff8400; font-weight: bold; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif;}
.answers dd {margin-bottom: 1em;}
.mainContent .answers p {padding: 0; margin: 0;}

/* ---- Sidebar navigation styles ---- */

.otherContent1 .level2nav {padding: 0; margin: 30px 0 0 0;}
.otherContent1 .level2nav li {float: none; padding:0; margin-bottom: 1px; border-bottom: 1px solid #dcd6b9;}
.otherContent1 .level2nav li a {background: #f7f4e4; display: block; padding: 0.5em 0.7em;}
.otherContent1 .level2nav li a:hover {background: #fff; text-decoration: none;}

/* ---- Form styles ---- */

form {margin: 1em 0;}
form fieldset {border: 1px solid #ccc; margin: 0 20px 1em 20px; padding: 1em 0; background: #eefccb;}
form legend {margin-left: 2em; padding: 0 5px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
form dt, form dd {float: left; margin-bottom: 6px;}
form dt {clear: left; width: 15%; text-align: right; margin-right: 3%; position: relative;}
form dd {width: 80%;}
.formButtons {padding: 0.5em 0 0 18%;}
form .single {margin: 0 6px 0 37%;}
span.required-field {position: absolute; right: -14px; top: 0.3em; color: #ff0000; font-weight: bold;}

.otherContent1 form, .otherContent2 form {margin: 1em 20px;}
.otherContent1 form dt, .otherContent2 form dt {margin-bottom: 6px; width: 25%;}
.otherContent1 form dd, .otherContent2 form dd {margin-bottom: 10px; width: 65%}
.otherContent1 span.required-field, .otherContent2 span.required-field {position: absolute; right: 35px; top: 0.3em; color: #ff0000; font-weight: bold;}
.otherContent1 .formButtons, .otherContent2 .formButtons {padding: 0.5em 0 0 28%;}

.statusMessage {padding: 10px 10px 10px 35px;}
.fail {background: #f5eceb url(../images/exclamation.png) no-repeat 10px 10px;}
.success {background: #eef7f1 url(../images/accept.png) no-repeat 10px 10px;}
.info {background: #ebecf5 url(../images/information.png) no-repeat 10px 10px;}
.warning {background: #fcffe1 url(../images/error.png) no-repeat 10px 10px;}

/* ---- Table styles ---- */

.mainContent table, .mainContent td, .mainContent th {border: 1px solid #ccc;}
.mainContent td, .mainContent th {padding: 5px;}
.mainContent thead th {background: #ddd;}
.mainContent tbody th {background: #eee;}

/* ---- Column layouts ---- */
.mainContent {float: left; width: 72%; padding: 9px 1%;}
.otherContent1 {float: left; width: 24%; margin-left: 1%; margin-top: 10px; overflow: hidden;}

/*
.mainContent {float: right; width: 72%; padding: 9px 1%;}
.otherContent1 {float: right; width: 24%; margin-right: 1%; margin-top: 10px; overflow: hidden;}
*/

.searchresults {padding: 1em 0;}
.searchresults dt {margin-bottom: 0.3em;}
.searchresults dd {margin-bottom: 1em;}

.paging {color: #fff; white-space: nowrap; text-align: center; padding: 20px 0 0 0; border-top: 1px solid #ccc;}
.paging li {display: inline; padding: 4px 3px; margin:0 2px 0 0; font-weight: bold; background: #f5eceb; zoom: 1;}
.paging a:link, .paging a:visited {text-decoration: none; color: #9F3931;}
.paging li.active {color: #FFFFFF; background: #9F3931;	padding: 4px 3px;}
.paging li.inactive {color: #BCBCBA; padding: 4px 3px;}
.paging a:hover {text-decoration: underline;}

/* ---- End Layout ---- */

/* ---- Font Styles ---- */

body {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 76%;}
a, a:visited {color: #0000ff;}

.level1nav a, .level1nav a:visited {color: #fff; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 1.5em;}


.level2nav a, .level2nav a:visited {color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 1.5em;}

#pageContent p, .statusMessage, q {line-height: 1.6em;}

h1, h2, h3, h4 {font-family: Arial, Helvetica, sans-serif; padding-left: 40px;}
h1 {font-weight: normal; font-size: 2.4em; background: #e4fa9a url(../images/h1-bg.gif) repeat-x bottom; padding: 15px 40px 15px;}
h2 {font-weight: normal; font-size: 2em; margin: 0.6em 0 0.3em 0;}

.intro {background: #eefccb; padding: 10px 40px;}

/* ---- End Font Styles ---- */

/* ---- Chrome ---- */

body {background: #c0c0c0;}

.wrapper {background: #fff;}

a, a:visited {text-decoration: none;}
a:hover, a:focus {text-decoration: underline;}

.pageHeader {background: #181818;}

.pageFooter {background: #403f39; color: #fff; border-top: 1px solid #a3a29b;}
.pageFooter a {color: #fff;}
.pageFooter li {padding: 0 15px;}

.level1nav {background: #403f39 url(../images/nav-bg.gif) repeat-x top;}
.level1nav li {background: transparent;}

.home .level1nav li.home,
.templates .level1nav li.templates,
.about .level1nav li.about,
.help .level1nav li.help,
.contact .level1nav li.contact {background: #fff;}

.home .level1nav li.home a, .home .level1nav li.home a:visited,
.templates .level1nav li.templates a, .templates .level1nav li.templates a:visited,
.about .level1nav li.about a, .about .level1nav li.about a:visited,
.help .level1nav li.help a, .help .level1nav li.help a:visited,
.contact .level1nav li.contact a, .contact .level1nav li.contact a:visited {color: #333;}

#pageContent {background: #eee8c9 url(../images/content-top.gif) repeat-x top;}

.mainContent {background: #fff; border-left: 1px solid #dcd7ba; border-right: 1px solid #dcd7ba; border-bottom: 2px solid #dcd7ba;}
.mainContent p, .mainContent h1, .mainContent h2, .mainContent h3 {padding-left: 40px; padding-right: 40px;}

.quote {margin: 1em 0;}
blockquote {font-style: italic; margin-bottom: 0.5em;}
cite {display: block; text-align: right; font-weight: bold;}

.testimonials {margin-top: 3em;}
.testimonials li {clear: left; margin-bottom: 1.5em; overflow: hidden; zoom: 1;}
.testimonials img.photo {border: 2px solid #f5f9e1; padding: 0; float: left; margin: 0 1em 1em 0;}
.testimonials q {display: block; font-size: 0.8em;}

/* ---- End Chrome ---- */

/* -- Lightbox -- */

 * #lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
        zoom: 1;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
 */
 
 * html body {margin: 0; padding: 0;}
 
.signup-box {border: 2px solid #A3CF4D; padding: 15px; overflow: hidden; margin: 20px 0 20px 10px; background: #fff;}
.signup-box h3 {font-size: 1.6em; color: #658F11; padding: 0 0 5px 0;}
.signup-text {padding: 0; font-size: 0.8em;}
.otherContent1 .signup-box form {margin: 10px 0;}
.otherContent1 .signup-box form dd input {width: 120px;}

.request h3 {font-size: 1.7em; margin-top: 1em; padding: 0 20px; color: #5F551D;}
.request {font-size: 0.8em; margin-bottom: 3em;}

.mainContent .cms-splash p, .mainContent .cms-splash h2 {padding: 0;}
.cms-splash {padding: 0 20px 20px 20px; border: 4px solid #A3CF4D; position: relative; width: 240px; float: right; margin: 0 0 20px 20px; font-size: 0.9em}
.cms-splash .browse {font-size: 1.4em; background: #A3CF4D; padding: 5px 10px; color: #fff; font-weight: bold; font-family: Arial, sans-serif; letter-spacing: -0.01em;}

ul.benefits {margin: 0 0 30px 0}
ul.benefits li {list-style: none; margin: 0 0 10px 40px;}
ul.benefits li strong {font-size: 1.4em; color: #597F0F; font-style: italic; font-family: Trebuchet MS;}