@charset "UTF-8";

/*** resets ***/

@import url(/normalize.css);
address,article,big,blockquote,body,button,canvas,caption,cite,dd,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,label,li,nav,ol,optgroup,option,p,section,select,small,span,table,tbody,td,textarea,tfoot,th,thead,time,tr,ul { margin: 0; padding: 0; border: none; outline: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } 

img, object, embed, video, iframe {
	margin: 0; 
	padding: 0; 
	border: none; 
	outline: none; 
	line-height: 0px;
	max-width: 100%; }
	

/*** globals ***/

body {
	background: #1e1f23;
	font-family: "freight-sans-pro", Helvetica, Arial, sans-serif; 
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.6em;
	color: #fff; }
	
a {
	color: #8a1e35;
	text-decoration: none; }
	
a:hover { text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { line-height: 1.1em; }

h1 {
	font-family: "adobe-caslon-pro", Georgia, serif;
	font-size: 180%;
	margin: 0 0 10px 0;
	font-weight: 300; }
	
h2 {
	font-family: "adobe-caslon-pro", Georgia, serif;
	font-size: 150%;
	margin: 0 0 10px 0;
	font-weight: 300; }
	
h3 {
	font-family: "adobe-caslon-pro", Georgia, serif;
	font-size: 130%;
	margin: 0 0 10px 0;
	font-weight: 300; }
	
h4 {
	font-family: "adobe-caslon-pro", Georgia, serif;
	font-size: 120%;
	margin: 0 0 6px 0;
	font-weight: 300; }
	
h5 { font-size: 110%; }
	
h6 { font-size: 105%; }
	
p, ul, ol, table, blockquote { margin: 0 0 20px 0; }

p:last-child { margin-bottom: 0; }

hr {
	display: block;
	margin: 10px 0 20px 0;
	height: 1px; 
	background: #ddd; }

li { margin: 0 0 10px 40px; }

li:last-child { margin-bottom: 0; }
	
dt {
	clear: left;
	float: left;
	width: 20%;
	margin: 0 0 10px 0; }
	
dd { margin: 0 0 10px 22%; }
	
address { font-style: normal; }

blockquote {
	font-family: "adobe-caslon-pro", Georgia, serif;
	font-size: 18px;
	text-align: justify;
	width: 80%;
	margin: 0 auto;
	margin-bottom: 20px;
	font-style: italic; }

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden; }
	
.clearfix { display:inline-block; }

/* Hide from IE Mac \*/ .clearfix { display:block; } /* End hide from IE Mac */


/*** text styles ***/

h1.lined, h2.lined { 
	background: url(/media/line.png) center center repeat-x;
	text-align: center; }
	
h1.lined span, h2.lined span {
	display: inline-block;
	width: auto;
	background: #fff;
	padding: 0 30px;
	text-transform: uppercase; }
	
a.more { 
	text-transform: uppercase;
	font-family: "freight-sans-pro", Helvetica, Arial, sans-serif; }


/*** containers ***/

.container { 
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative; }
	
.white { 
	background: #fff;
	color: #545861; }
	
.gray {
	background: #969aa2;
	color: #fff; }

.red {
	background: #c10000;
	color: #fff;
}

.red a {
	color: #fff;
}
	

/*** header ***/

header {
	position: relative;
	margin: 0;
	padding: 20px 20px 10px 20px; }
	
#logo { 
	max-width: 50%;
	max-height: 50px; }
	
ul.social {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0px;
	position: absolute;
	right: 20px;
	bottom: 14px; }
	
ul.social li {
	display: inline-block;
	font-size: 14px;
	margin: 0 0 0 15px; 
	padding: 0; }
	
ul.social li a.facebook {
	width: 10px;
	height: 20px;
	background: url(/media/facebook.png) 0 0 no-repeat; }
	
ul.social li a.twitter {
	width: 24px;
	height: 20px;
	background: url(/media/twitter.png) 0 0 no-repeat; }
	
ul.social li a.linkedin {
	width: 21px;
	height: 20px;
	background: url(/media/linkedin.png) 0 0 no-repeat; }
	
ul.social li a.report {
	width: 22px;
	height: 20px;
	background: url(/media/report.png) 0 0 no-repeat; }
	
ul.social li a {
	background-size: auto 40px !important;
	display: block;
	text-indent: -9999px;
	overflow: hidden; }
	
ul.social li a:hover { background-position: 0 -20px; }
	
	
/*** navigation ***/

#navcont {
	border-top: 1px solid #969aa2;
	border-bottom: 1px solid #969aa2;
	font-size: 20px;
	text-transform: uppercase; }

#menu { 
	display: block;
	background: url(/media/menu.png) 10px 8px no-repeat;
	background-size: 25px 25px;
	text-transform:  uppercase;
	padding:  10px 20px 10px 45px; }
	
nav {
	margin: 0;
	padding: 0;
	display: none; }

nav ul  { 
	list-style: none;
	margin: 0;
	padding: 0; }
	
nav ul li {
	margin: 0;
	padding: 0; }

nav li a {
	display: block;
	padding: 10px 20px;
	text-decoration: none;
	color: #545861; }
	
nav li a:hover { text-decoration: none; }

nav li ul {
	text-transform: none;
	font-size: 18px; }
	
nav li li a { padding-left: 40px; }

ul.subnav {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #ddd; }
	
ul.subnav li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ddd; }
	
ul.subnav li a {
	display: block;
	padding: 10px 20px; }
	
ul.subnav li a:hover {
	text-decoration: none;
	background: #8A1E35;
	color: #fff; }
	
ul.subnav li a.active, ul.subnav li a.active:hover {
	background: #969AA2 url(/media/arrow-rt.png) 10px 50% no-repeat;
	background-size: 12px auto;
	color: #fff;
	padding-left: 32px }


/*** footer ***/

footer { 
	text-align: left;
	font-size: 80%;
	padding: 20px; }

footer #copyright { 
	clear: both;
	text-align: center; }

footer a { 
	color: #fff;
	text-decoration: underline; }
	
ul.sitemap {
	list-style: none;
	margin: 0;
	padding: 0;
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px; }
	
ul.sitemap li {
	margin: 0;
	padding: 0; }
	
ul.sitemap li a, a[itemprop='url'], #copyright a { text-decoration: none; }


/*** main content ***/

section { padding: 20px 0; }

.main, .main2 { padding: 20px; }

.mainpic, .date { margin: 0 0 10px 0; }

.date { color: #777; }

.main hr, .main2 hr {
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 80%; }

section.text-banner {
	padding: 5px 20px;
	text-align: center;
	font-size: 18px;
	line-height: 1.2;
	font-weight: bold;
}

.gray .text-banner a {
	color: #fff;
}


/*** sidebars ***/

.sidebar { padding: 20px; }

.sidebarpic { margin: 0 0 10px 0; }


/*** columns ***/

.onethird, .twothirds, .half, .onefourth, .threefourths { padding: 20px; }


/*** breadcrumbs ***/

ul.breadcrumbs {
	list-style: none;
	margin: 0;
	padding: 0; }

ul.breadcrumbs li { 
	display: inline-block;
	margin: 0 20px 20px 0;
	padding: 0; }


/*** forms ***/

fieldset { position: relative; }

label, legend, .label-placeholder { 
	display: block;
	margin: 0 0 10px 0; }
	
.input-placeholder {
	display: block;
	margin: 0 0 10px 0; }

legend { font-weight: bold; }
	
span.hidden-placeholder { 
	display: inline-block;
	margin: 0 0 10px 0; }
	
input[type='text'], textarea, input[type='password'], select {
	margin: 0 0 15px 0;
	padding: 0.3em;
	border: 1px solid #ddd;
	-webkit-box-shadow: inset 0 0 2px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 0 2px 0px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 0 2px 0px rgba(0, 0, 0, 0.15);
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	max-width: 100%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family: 'Lato', Helvetica, Arial, sans-serif; }
	
input[type='text']:focus, textarea:focus { background: #eee; }
	
textarea { 
	width: 95%;
	height: 4.5em;
	line-height: 1.6em; }
	
input[type='file'] { margin: 0 0 15px 0; }
	
input[type='radio'], #adminmain input[type='checkbox'] { 
	display: inline-block;
	width: auto;
	margin: 0 0 15px 0; }
	
#adminmain input[type='checkbox'], input[type='radio'] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-indent: 0.01px;
 	text-overflow: "";
	border: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	float: none;
	position: absolute;
	left: -9999px; }
	
#adminmain label.checkbox {
	background: url(/media/checkbox.png) left no-repeat;
	background-size: auto 30px;
	padding: 5px 0 5px 70px;
	margin-bottom: 15px; }
	
label.checkbox:hover { cursor: pointer; }
	
#adminmain input[type='checkbox']:checked + label.checkbox {
	background: url(/media/checkbox-on.png) left no-repeat;
	background-size: auto 30px; }
	
label.radio {
	background: url(/media/radio.png) left no-repeat;
	background-size: auto 32px;
	padding: 5px 0 5px 37px;
	margin-bottom: 15px; }
	
label.radio:hover { cursor: pointer; }
	
input[type='radio']:checked + label.radio {
	background: url(/media/radio-on.png) left no-repeat;
	background-size: auto 32px; }
	
	
/*** buttons***/
	
button, a.button, input[type='submit'] {
	background: #6a6f7a;
	color: #fff;
	text-align: center;
	width: auto;
	padding: 7px 15px;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow:  0 0 2px 0 rgba(0, 0, 0, 0.4);
	-moz-box-shadow:  0 0 2px 0 rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:  0 0 2px 0 rgba(0, 0, 0, 0.4);
	text-transform: uppercase;
	line-height: normal;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box; }
	
button:hover, a.button:hover, input[type='submit']:hover { 
	text-decoration: none;
	background: #8A1E35;
	cursor: pointer; }
	
.filter button { padding: 3px 10px; }


/*** faq ***/
	
h1.faqtitle { margin-bottom: 20px; }
	
a.toplink {
	font-size: 80%;
	float: right; }
	
div.faqs {
	margin: 10px 0;
	padding: 20px 0 30px;
	border-bottom: 1px solid #eee; }
	
div.faqs:last-child { 
	margin-bottom: 0;
	padding-bottom: 0;
	border: none; }
	
	
/*** archive ***/

#years { font-size: 90%; }

#years h2, #years h3, #years h4 { 
	outline: none;
	cursor: pointer;
	padding: 10px 20px 10px 10px;
	margin: 0;
	border-top: 1px solid #e6e4df;
	background: url(/media/tab-closed.png) 100% 50% no-repeat;
	background-size: 11px auto; }
	
#years h2.last, #years h3.last, #years h4.last { border-bottom: 1px solid #e6e4df; } 

#years h2.ui-state-active, #years h3.ui-state-active, #years h4.ui-state-active { 
	background: url(/media/tab-open.png) right no-repeat;
	background-size: 11px auto; }

#years h2.last.ui-state-active, #years h3.last.ui-state-active, #years h4.last.ui-state-active {
	padding-bottom: 0;
	border-bottom: none; }
	
#years ul, .months ul {
	margin: 0;
	padding: 0;
	list-style: none; }
	
#years li { 
	padding: 0 0 10px 0;
	font-size: 110%; }

#years h4 { padding: 10px 20px 10px 10px; }
	
.months, .months .archive { margin: 0 0 0 20px; }

.months ul { border-bottom: 1px solid #e6e4df; }

.months li { background: none; }

.months li:last-child { margin-bottom: 10px; }

.months ul:last-child { border-bottom: none; }

.months .archive { font-size: 95%; }
	
.months h4 {
	outline: none;
	cursor: pointer;
	padding: 10px 20px 10px 10px;
	background: url(/media/tab-closed.png) 100% 50% no-repeat;
	background-size: 11px auto; }

.months h4.ui-state-active { 
	background: url(/media/tab-open.png) right no-repeat;
	background-size: 11px auto; }
	
ul.srlist {
	list-style: square;
	margin: 0 0 35px 20px;
	padding: 0; }
	
ul.srlist li {
	margin: 0;
	padding: 5px 0; }
	
#ccoptin { 
	background: #969AA2;
	color: #fff;
	padding: 20px;
	margin: 0 0 40px 0; }
	
#ccoptin .rightpic { 
	display: inline;
	float: right; }
	
.srarticle {
	padding: 30px 0;
	border-top: 1px solid #ddd; }
	
	
/*** share ***/

ul.share {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 0px;
	line-height: normal; }
	
ul.share li {
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0; }
	
ul.share li a {
	display: block;
	padding: 3px 5px 1px 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #6a6f7a;
	font-size: 12px; }
	
ul.share li a:hover { background: #8A1E35; }

ul.share li a img { height: 15px; }
	
	
/*** search ***/

input#searchkeys { 
	color: #999;
	background: #fff url(/media/magnifying_glass.png) right center no-repeat;
	padding-right: 22px; }
	
ul.searchresults { 
	margin: 0;
	padding: 0;
	list-style: none; }
	
ul.searchresults li {
	margin: 0;
	padding: 0 0 10px 0; }
	
	
/*** photos ***/

.rightpic, .leftpic {
	display: block;
	margin: 0 0 20px 0; }

ul.gallery { font-size: 0px; }

ul.gallery li {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 14px;
	line-height:1.6em;
	width: 50%; }
	
ul.gallery li:nth-child(odd) { padding: 0 10px 20px 0; }

ul.gallery li:nth-child(even) { padding: 0 0 20px 10px; }


/*** video ***/

.video { margin: 0 0 20px 0; }


/*** home ***/

#latest h3 { font-size: 26px; }

#latest h3 a { color: #545861; }

#latest h3 a:hover {
	color: #8A1E35;
	text-decoration: none; }
	
#latest a.more {
	display: block;
	text-align: right; }
	
#report-cta { 
	font-family: "adobe-caslon-pro", Georgia, serif;
	font-size: 18px;
	line-height: 1.4em;
	text-align: center; }
	
#testimonial { 
	font-family: "adobe-caslon-pro", Georgia, serif;
	font-size: 24px;
	line-height: 1.4em;
	text-align: center; }
	
#testimonial a.more { font-size: 16px; }

ul.top-products {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0px; }
	
ul.top-products li {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	width: 50%;
	margin: 20px 0 0 0;
	padding: 10px; }
	
ul.top-products li a { color: #545861; }

ul.top-products li a:hover {
	color: #8A1E35;
	text-decoration: none; }
	
ul.top-products .training .icon { background: url(/media/product-button_training.png) 0 0 no-repeat; }

ul.top-products .background .icon { background: url(/media/product-button_background.png) 0 0 no-repeat; }

ul.top-products .forms .icon { background: url(/media/product-button_forms.png) 0 0 no-repeat; }

ul.top-products .testing .icon { background: url(/media/product-button_testing.png) 0 0 no-repeat; }

ul.top-products .handbooks .icon { background: url(/media/product-button_handbooks.png) 0 0 no-repeat; }

ul.top-products .report .icon { background: url(/media/product-button_sr.png) 0 0 no-repeat; }

ul.top-products .videos .icon { background: url(/media/product-button_video.png) 0 0 no-repeat; }

ul.top-products .retainer .icon { background: url(/media/product-button_retainer.png) 0 0 no-repeat; }

ul.top-products .aa-eeo .icon { background: url(/media/product-button_aa-eeo.png) 0 0 no-repeat; }

ul.top-products .leadership .icon { background: url(/media/product-button_leadership.png) 0 0 no-repeat; }

ul.top-products .labor .icon { background: url(/media/product-button_labor.png) 0 0 no-repeat; }
	
ul.top-products .icon {
	background-size: 150px auto !important;
	display: inline-block;
	margin: 0 0 10px 0;
	padding: 0;
	width: 150px;
	height: 150px; }
	
ul.top-products a:hover .icon { background-position: 0 -150px; }


/*** testimonials ***/

blockquote.testimonial {
	margin: 30px 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #ddd; }
	
blockquote.testimonial p { 
	font-size: 18px;
	text-align: justify; }
	
blockquote.testimonial h3 {
	text-align: right;
	font-style: italic; }
	

/*** sesco report ***/



/*** timeline ***/

#timeline { margin-top: -1px; }
	
	
@media only screen and (min-width: 768px), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	
	/*** globals ***/
	
	header, footer, section, nav {
		width: 80%;
		max-width: 1200px;
		margin: 0 auto; }
		
	a.phone, a.phone:hover {
		color: #fff;
		text-decoration: none;
		cursor: default; }
		
	.white a.phone, .white a.phone:hover { color: #545861; }
		
		
	/*** header ***/
	
	ul.social { bottom: 0; }
	
	ul.social li a.facebook {
		width: 15px;
		height: 30px;
		background: url(/media/facebook.png) 0 0 no-repeat; }
		
	ul.social li a.twitter {
		width: 37px;
		height: 30px;
		background: url(/media/twitter.png) 0 0 no-repeat; }
		
	ul.social li a.linkedin {
		width: 31px;
		height: 30px;
		background: url(/media/linkedin.png) 0 0 no-repeat; }
		
	ul.social li a.report {
		width: 33px;
		height: 30px;
		background: url(/media/report.png) 0 0 no-repeat; }
		
	ul.social li a { background-size: auto 60px !important; }
		
	ul.social li a:hover { background-position: 0 -30px; }
		
	
	/*** navigation ***/
	
	#menu { display: none; }
	
	nav { display: block; }
	
	nav ul { 
		font-size: 0px;
		line-height: normal;
		text-align: center; }
		
	nav li {
		display: inline-block;
		font-size: 20px; }
		
	nav li:hover {
		background: url(/media/navhover.png) center bottom no-repeat;
		background-size: auto 6px; }
		
	nav li a { padding: 6px 20px; }
	
	nav li a:hover { color: #8a1e35; }

	nav li ul {
		position: absolute;
		z-index: 1000;
		display: none;
		margin: 0;
		background: #6a6f7a; }
	
	nav li li {
		display: block;
		background: none;
		text-align: left;
		font-size: 18px; }
	
	nav li li a { 
		color: #fff;
		padding-left: 20px; }
		
	nav li li a:hover {
		color: #fff;
		background: #8A1E35; }
		
	nav li ul li.last a { }
	
	nav li:hover ul ul, nav li:hover ul ul ul { display: none; }
	
	nav li:hover ul, nav li li:hover ul, nav li li li:hover ul { display: block; }
	
	
	/*** main content ***/
		
	.main {
		float: left;
		width: 61%;
		padding: 20px; }
		
		
	/*** sidebars ***/
		
	.sidebar {
		float: left;
		width: 39%;
		padding: 20px; }
		
	.main + .sidebar, .sidebar + .main { padding-left: 40px; }
	
	
	/*** columns ***/
		
	.onethird {
		float: left;
		width: 33.333%;
		padding: 20px; }
		
	.twothirds {
		float: left;
		width: 66.666%;
		padding: 20px; }
	
	.half {
		float: left;
		width: 50%; }
		
	.half:nth-of-type(odd) { 
		clear: left;
		padding: 0 20px 0 0; }
		
	.half:nth-of-type(even) { padding: 0 0 0 20px; }
	
	.onefourth {
		float: left;
		width: 25%;
		padding: 20px 20px 20px 0; }
		
	.threefourths {
		float: left;
		width: 75%;
		padding: 0 0 20px 20px; }
		
		
	/*** forms ***/
		
	label, .label-placeholder {
		display: block;
		float: left;
		width: 25%; }
		
	textarea { width: 70%; }
		
	#adminmain label.checkbox, label.radio {
		display: inline-block;
		float: none;
		width: auto;
		margin-bottom: 10px; }
		
	input[type='text'], input[type='checkbox'], input[type='radio'], input[type='file'], input[type='password'], select, textarea { margin-bottom: 10px; }
		
	button, a.button, input[type='submit'] { margin: 0 0 0 25%; }
	
	input + button, select + button, input + span + button, button + button, .button + button, input[type='text'] + input[type='checkbox'], label + button { margin: 0 0 10px 10px; }
	
	input[type='checkbox'], .reportradio { margin: 0 0 10px 25%; }
	
	label + input[type='checkbox'] { margin-left: 0; } 
	
	input[type='checkbox'] + label { margin-left: 25%; }
		
	input#securityq { margin: 0 0 10px 25%; }
	
	.feedback { 
		margin: 0 0 0 25%;
		width: 75%; }
		
	.cb.hidden-placeholder { margin: 0 0 10px 25%; }
	
	#adminmain label.checkbox {
		background: url(/media/checkbox.png) 0 0 no-repeat;
		background-size: auto 15px;
		padding: 0 0 0 35px; }
		
	#adminmain input[type='checkbox']:checked + label.checkbox {
		background: url(/media/checkbox-on.png) 0 0 no-repeat;
		background-size: auto 15px; }
		
	label.radio {
		background: url(/media/radio.png) left no-repeat;
		background-size: auto 16px;
		padding: 0 0 0 21px; }
		
	input[type='radio']:checked + label.radio {
		background: url(/media/radio-on.png) left no-repeat;
		background-size: auto 16px; }
		
	label.radio, label.checkbox { 
		display: inline-block;
		float: none; }
		
		
	/*** photos ***/
	
	.rightpic {
		float: right;
		margin: 0 0 10px 20px; }
		
	.leftpic {
		float: left;
		margin: 0 20px 10px 0; }
	
	ul.gallery li, ul.gallery li:nth-of-type(odd), ul.gallery li:nth-of-type(even) { 
		width: 25%;
		padding: 0 10px 20px 10px; }
		
		
	/*** home ***/
	
	#testimonial { 
		font-size: 30px;
		padding-top: 40px; }
	
	#testimonial .main2 {
		margin: 0 auto;
		width: 70%; }
		
	#testimonial p.clientname { font-size: 26px; }
	
	ul.top-products li { 
		display: table-cell;
		width: 16.666%; }
		
}

@media only screen and (min-width: 641px)and (max-width: 1330px) {
	
	ul.top-products .icon {
		background-size: 120px auto !important;
		width: 120px;
		height: 120px; }
		
	ul.top-products a:hover .icon { background-position: 0 -120px; }
	
}

@media only screen and (min-width: 641px)and (max-width: 1200px) {
	
	header, footer, section, nav { width: 95%; }
	
}

@media only screen and (min-width: 641px)and (max-width: 1000px) {
	
	header, footer, section, nav { width: 100%; }
	
	ul.top-products .icon {
		background-size: 100px auto !important;
		width: 100px;
		height: 100px; }
		
	ul.top-products a:hover .icon { background-position: 0 -100px; }
	
}

@media only screen and (min-width: 641px)and (max-width: 820px) {
	
	nav li a { padding: 6px 15px; }
	
}

/*** admin styles - DO NOT REMOVE! ***/

#login, #passreset, #verify, #reset-response { margin-bottom: 20px; }

#passreset, #recoveruser, #reset-response, #verify { display: none; }

#forgot-un, #forgot-pass { cursor: pointer; }

.button.edit, .button.add, .button.settings {
	margin: 0 0 0 10px;
	float: right;
	font-size: 100%;
	padding: 5px 10px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none; }
	
.button.cancel { background: #A9ABB0; }

a.add {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(/media/icon_add.png) 0 0 no-repeat;
	background-size: auto 35px;
	text-indent: -9999px;
	margin-left: 5px;
	position: relative;
	top: 0.3em; }
	
a.add:hover {
	background: url(/media/icon_add.png) 0 -18px no-repeat;
	background-size: auto 35px; }
	
a.edit {
	display: inline-block;
	width: 18px;
	height: 20px;
	background: url(/media/icon_edit.png) 0 0 no-repeat;
	background-size: auto 40px;
	text-indent: -9999px;
	margin-left: 5px;
	position: relative;
	top: 0.3em; }
	
a.edit:hover {
	background: url(/media/icon_edit.png) 0 -20px no-repeat;
	background-size: auto 40px; }
	
a.settings {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(/media/icon_gear.png) 0 0 no-repeat;
	background-size: auto 35px;
	text-indent: -9999px;
	margin-left: 5px;
	position: relative;
	top: 0.3em;
	border: none; }
	
a.settings:hover {
	background: url(/media/icon_gear.png) 0 -18px no-repeat;
	background-size: auto 35px;
	border: none; }
	
.nomargin { margin-left: 0 !important; }

button#uploadphoto { padding: 6px 15px 4px; }

#newpiclabel {
	display: none;
	clear: left; }

.alert { color: #C00; }

.instructions { 
	font-size: 80%;
	font-style: italic; }
	
table.list { width: 100%; }

table.list tr {
	vertical-align: middle; }
	
table.list td, table.list th {
	padding: 10px;
	border-bottom: 1px solid #ccc; }
	
table.list tr:hover { background: #eee; }

th {
	font-weight: normal;
	text-align: left; }
	
ul.list, ul.sblist, ul.sublist, ul.subsublist, ul.photolist, ul.slidelist, ul.gallery {
	margin: 0;
	padding: 0;
	list-style: none; }
	
ul.sublist, ul.subsublist { margin: 0 0 0 40px; }
	
ul.list li, ul.sublist li, ul.subsublist li, ul.sblist li {
	margin: 0;
	padding: 0; }
	
ul.list li, ul.sblist li { border-bottom: 1px solid #ccc; }
	
ul.sublist li { border: none; }

ul.list li a, ul.sublist li a, ul.sblist li a, ul.list li .catname { 
	display: block;
	padding: 10px; }
	
ul.list li .catname { font-weight: bold; }
	
ul.list.pages li a, ul.sublist.pages li a, ul.list.pages li.unpub ul.sublist.pages li a, ul.subsublist.pages li a, ul.sublist.pages li.unpub ul.subsublist.pages li a { 
	background: none;
	padding: 10px 10px 10px 30px; }

ul.list.pages li.unpub a, ul.sublist.pages li.unpub a, ul.subsublist.pages li.unpub a {
	background: url(/media/icon_unpublished.png) left no-repeat;
	background-size: 20px auto; }

ul.list li a:hover, ul.sublist li a:hover, ul.sblist li a:hover, ul.list.pages li.unpub a:hover, ul.sublist.pages li.unpub a:hover, ul.subsublist.pages li.unpub a:hover, ul.list.pages li.unpub ul.sublist.pages li a:hover, ul.subsublist.pages li a:hover, ul.sublist.pages li.unpub ul.subsublist.pages li a { 
	background-color: #eee;
	text-decoration: none; }
	
ul.list li a.published, ul.list li a.unpublished {
	float: left;
	width: 80px;
	border: none;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-align: center;
	color: #fff;
	margin: 4px 10px 0 0;
	padding: 6px;
	border: none; }
	
ul.list li a.published { background: #d2d3da; }
	
ul.list li a.unpublished { background: #ccc; }
	
ul.photolist li {
	display: block;
	width: 200px;
	height: 200px;
	float: left;
	overflow: hidden;
	margin: 0 20px 20px 0; }
	
ul.photolist li img { width: 200px; }

ul.slidelist li {
	display: block;
	width: auto;
	height: 100px;
	float: left;
	overflow: hidden;
	margin: 0 20px 20px 0;
	text-align: center; }
	
ul.slidelist li img { height: 100px; }

ul.list li .date { float: right; }

table.list.filter thead, table.list tr.filters { display: none; }
	
.thumb, .dirthumb, .filethumb {
	float: left;
	width: 200px;
	height: 220px;
	margin: 0 1em 1em 0;
	text-align: center;
	overflow: hidden; }
	
.thumb img, .filethumb img { 
	max-width: 200px;
	max-height: 150px; }

.dirthumb { 
	background: url(/media/cammycms_folder.png) center no-repeat;
	background-size: 200px; }
	
.thumb button, .dirthumb button, .filethumb button { margin: 0; }
	
a>.dirthumb { color: #71747C; }

#currentmainpic { max-width: 500px; }

.slidethumb {
	float: left;
	max-height: 200px;
	margin: 0 20px 10px 0; }
	
#adminmain { padding: 20px; }

#pagelink, #prettyurlname, #aliaslink { text-transform: lowercase; }

#response {
	margin: 0 0 20px 0;
	padding: 10px;
	background: #C3D941;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color: #fff;
	font-style:italic;
	display: none; }
	
#logout {
	position: absolute;
	top: 43px;
	right: 0; }

#cammy { 
	position: absolute;
	right: 0;
	bottom: 20px; }
	
#cammy img { height: 30px; }

#cammy #version {
	font-size: 80%;
	font-style: italic; }
	
label.radio, label.checkbox { 
	display: inline;
	float: none; }
	
.cke_dialog_ui_labeled_label { float: none; }