@charset "UTF-8";
/* CSS Document */

html, body {
	height:100%;
	min-height:100%;
	margin:0;
	padding:0;
}
body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	font-size:14px;
	line-height:19px;
	color:#666666;
	margin-left:-10px;
	background:repeat-x #ffffff;
}
body.home {
	background-image:url(images/mainbkghome.jpg);
}
body.identity {
	background-image:url(images/mainbkgid.jpg);
}
body.inoffice {
	background-image:url(images/mainbkgio.jpg);
}
body.outreach {
	background-image:url(images/mainbkgor.jpg);
}
body.standard {
	background-image:url(images/mainbkgstd.jpg);
}

/* 
	Header / splash
*/

#header {
	width:1000px;
	height:77px;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
}
#header img {
	padding:0;
	margin:0;
}
div#top_menu {
	position:absolute;
	right: 0;
	top:20px;
	margin:0px;
	padding:0px;
}
div#main_menu {
	position:absolute;
	right:-20px;
	bottom:0;
	margin:0px;
	padding:0px;
	z-index:99;
}

#footer {
	width: auto;
	height:57px;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	background:url(images/footerbkg.jpg) repeat-x;
	padding-top:20px;
	clear:both;
}
#footer a {
	color:#FFFFFF;
}
#footer a:hover {
	color:#D64029;
}
ul.plainul {
	margin:0;
	padding:0;
}
ul.plainul li {
	list-style:none;
	display:block;
}
ul.plainul li a {
	text-decoration:none;
	color:#FFFFFF;
}
ul.plainul li a:hover, ul.plainul li a.active {
	color:#999999;
}

ul.submenuul {
	margin:0;
	padding:0;
}
ul.submenuul li {
	list-style:none;
	display:block;
}
ul.submenuul li a {
	text-decoration:none;
	color:#FFFFFF;
    padding:5px 15px 4px 6px;
}
ul.submenuul li a:hover, ul.submenuul li a.active {
	color:#999999;
}

#splash_holder {
	margin:0;
	padding:0;
	width:1000px;
	height:400px;
}
#splash {
	margin:0;
	padding:0;
	/*width:880px;*/
	position:relative;
}
.splash_home {
	background-image:url(images/headerhome.jpg);
}
.splash_identity {
	background-image:url(images/headeridentity.jpg);
}
.splash_inoffice {
	background-image:url(images/headercurrent.jpg);
}
.splash_outreach {
	background-image:url(images/headernew.jpg);
}
.splash_about {
	background-image:url(images/headerabout.jpg);
}

#splash a#find_out {
	position:absolute;
	text-decoration:none;
	color:#aae48c;
	left:278px;
	top:151px;
	font-size:15px;
}
#splash a#find_out:hover { color:#ffffff; }
#splash #icon_identity {
	/*background:transparent url(images/icon_identity.jpg) no-repeat top left;*/
	display:block;
	position:absolute;
	left:700px;
	top:-30px;
	text-align:center;
	width:90px;
	height:90px;
	z-index:500;
}
#splash #icon_inoffice {
	/*background:transparent url(images/icon_inoffice.jpg) no-repeat top left;*/
	position:absolute;
	left:800px;
	top:-30px;
	text-align:center;
	width:90px;
	height:90px;
	z-index:501;
}
#splash #icon_outreach {
	/*background:transparent url(images/icon_outreach.jpg) no-repeat top left;*/
	position:absolute;
	left:900px;
	top:-30px;
	text-align:center;
	width:90px;
	height:90px;
	z-index:502;
}
#home_blog {
	margin-left:43px;
	margin-top:50px;
}
#home_blog img { display:block; }
#home_blog div { margin-top:20px; margin-bottom:20px; border:0px; border-bottom:1px solid #c9c9c9; width:967px; padding:0px; }


.splash {
	width:880px;
	height:226px;
	position:relative;
	/*margin-bottom:30px;*/
}
.splash img {
	position:absolute;
	right:0px;
	top:78px;
}


/*
	Content / Blog
*/

.content {
	margin:0 0 0 30px;
	padding-top: 90px;
	width:1000px;
	overflow:hidden;
}

#right_column {
	width:300px;
	float:left;
	min-height:200px;
	margin-bottom:10px;
	padding:0 10px 10px 10px;
}
#left_column {
	width:630px;
	float:left;
	margin-right:15px;
	margin-bottom:10px;
	padding:0 5px 10px 5px;
}

a h2, h2 {
	font-weight:normal;
	font-size:28px;
	color:#D64029;
	margin-top:0px;
	margin-bottom:6px;
	line-height:40px;
	text-decoration:none;
	border-bottom:1px solid #CCCCCC;
}
h2.short_h2 {
	width:430px;
}
span.post_details {
	font-size:9px;
	font-family:Verdana,  Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#3A93B7;
}
div.post {
	margin-bottom:10px;
	z-index:100;
}
div.text {
	margin-top:20px;
}


/* 
	Categories
*/

/*#categories {
	background-color:#FFFFFF;
	width:310px;
	padding:10px;	
	margin:0px;
	margin-bottom:10px;
	padding-top:9px;
}*/

#categories img {
	margin: 6px;
}

.cat_samples {
	/*background-color:#ffffff;
	text-align:center;*/
	font-size:12px;
	/*border:1px solid #bcbcbc;	*/
	padding: 0;
	width:280px;
	height:180px;
	position:relative;
	z-index:1;
}
.cat_info {
	background-color:#ffffff;
	font-size:12px;
	border:3px solid #CCCCCC;
	padding: 5px 10px;
	margin: 5px;
	width:280px;
}
.cat_contact {
	background:transparent url(images/phone.jpg) no-repeat bottom right;
	font-size:12px;
	border:3px none #CCCCCC;	
	/*padding: 5px 10px;*/
	margin: 5px 10px;
	width:280px;
	text-align:center;
}
.cat_contact p {
	margin:0;
	padding:5px;
}
.cat_info ul li {
	list-style:none;
}
.cat_info ul {margin:0px; padding:0px;}
.cat_info ul li {
	margin:0px; 
	padding:2px;
	padding-left:20px;
	list-style:none;
	font-size:11px;
}
.cat_info ul ul li{
	list-style:square;
	margin-left:30px;
	padding:0;
	padding-right:10px;
}
.cat_info ul li a{
	color:#403f3f;
	text-decoration:none;
	border-bottom:1px solid #ebe9e3;
	display:block;	
	padding-top:5px;
	padding-bottom:5px;	
}
.cat_info ul li a:hover { color:#3A93B7 }
#categories a small {
	font-style:normal;
	font-size:9px;
	text-transform:uppercase;
	color:#b3a37b;
	padding-left:2px;
}
.cat_samples h4 {
	color: #D64029;
	padding: 0;
	margin: 0;
	padding-top:14px;
	font-size:18px;
}
.cat_content h4, .cat_info h4, .cat_testimonial h4 {
	color: #D64029;
	padding: 0 0 6px 0;
	margin: 0;
	font-size:18px;
}
div.viewbutton {
	/*margin:0;
	padding:0;
	padding-top:96px;
	padding-left:219px;*/
	position:absolute;
	left:219px;
	top:129px;
	width:60px;
	height:50px;
	z-index:505;
}

.testisample {
	width:250px; 
	height:80px; 
	margin:0; 
	padding:5px; 
	text-align:left; 
	border-top:1px solid #AAAAAA;
}
.testisample p {
	padding:3px; 
	margin:3px 5px; 
	font-size:11px; 
	line-height:11px;
}
/*   
	table formatting
*/
table {
	border-collapse:separate;
	border-spacing:0;
	margin:0 0 1em;
	font-size: .9em;
	font-style: normal;
	line-height: 150%;
	font-weight: normal;
	font-variant: normal;
}
thead th,
thead td,
tfoot th,
tfoot td {
	border:1px solid #333333;
	background-color:#FFFFFF;
	border-width:1px;
}
th {
	font-weight:bold;
	font-size: 1.0em;
	line-height:normal;
	padding:0.25em 0.5em;
	text-align:left;
}
tbody th,
td {
	padding:0.15em 0.5em;
	text-align:left;
	vertical-align:top;
}
tbody td,
tbody th {
	border:solid #333333;
	border-width:0 1px 1px 1px;
}

/*
	General Styles
*/

p { margin:0px; margin-bottom:20px; }
a { text-decoration:underline; color:#D64029; }
a:hover { text-decoration:none;}
a img { border:0px; }

input.text, textarea, select {
	border:1px solid #c9c9c9;
	background-color:#f3f3f3;
	padding:2px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.input_button {
	background-color:#519330;
	color:#ffffff;
	font-size:9px;
	font-family:Verdana,  Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	border:0px;
	padding:4px;	
}
.input_button:hover {
	background-color:#333333;
}
.search {
	width:175px;
}
.hilightpoints {
	list-style:none; 
	margin:0; 
	padding:10px 10px 10px 20px;
}
.bulletcheck {
	background: url(images/bulletcheck.png) left 1px no-repeat;
	padding:0 10px 5px 20px;
}

/*** PHOTO STYLE ***/
div.photo {
  float:right;
  background-color:#f5f5f5;
  margin-left:10px;
  margin-bottom:10px;
  font-size:9px;
  padding:5px;
  border:1px solid #d8d8d8;
  text-align:center;
}
div.photo img {
  display:block;
  margin-bottom:10px;
  border:1px solid #d8d8d8;
}
div.photo_left {
  float:left;
  background-color:#f5f5f5;
  margin-right:10px;
  margin-bottom:10px;
  font-size:9px;
  padding:5px;
  border:1px solid #d8d8d8;
  text-align:center;
}
div.photo_left img {
  display:block;
  margin-bottom:10px;
  border:1px solid #d8d8d8;
}

div.photo_center {
  margin:auto;
  background-color:#f5f5f5;
  margin-bottom:20px;
  font-size:11px;
  padding:10px;
  border:1px solid #d8d8d8;
  text-align:center;
}
div.photo_center img {
  display:block;
  border:1px solid #d8d8d8;
  margin:auto;
}
/*strong { color:#454545; }*/

h3 {
	color: #D64029;
	padding: 0;
	margin: 0;
	margin:24px 0 8px 0;
	font-size:20px;
}
div.text p {
	margin-left: 10px;
}
.leadin {
	font-size: 15px;
	font-style:italic;
	font-weight: bold;
}
sup {
	font-size:9px;
}
.signature {
	padding:0;
	margin:-10px 0 5px 40px; 
	display:block;
	font-size:11px;
}
.totop {
	font-size:10px;
}
.totop a {
	color:#403f3f;
	text-decoration:none;
	border-bottom:1px solid #ebe9e3;
	display:block;	
	padding-top:5px;
	padding-bottom:5px;	
}
.totop a:hover { color:#3A93B7 }
.phone {
	font-size:28px;
	color:#D64029;
	line-height:28px;
}
/****************** boxes *************************/
.box300top{
	display:block;
	width:300px;
	height:50px;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(images/box300_top.jpg);
}
#ideas {
	background-image:url(images/box300ideas_top.jpg);
}
#info {
	background-image:url(images/box300info_top.jpg);
}
#plain {
	background-image:url(images/box300plain_top.jpg);
}
#link {
	background-image:url(images/box300arrow_top.jpg);
}
.box300topcontent{
	color:#FFFFFF;
	font-weight: bold;
	font-size:16px;
	padding-top:16px;
	padding-left:60px;
}
.box300bottom{
	display:block;
	width:300px;
	background-position:left bottom;
	background-repeat:no-repeat;
	background-image:url(images/box300_bot.jpg);
}
.box300content{
	display:block;
	padding: 10px 20px;
	font-size:12px;
}
.box300content img.photo {
	padding:6px 6px 14px 6px;
	background-color:#FFFFFF;
	border:1px solid #DDDDDD;
}
.box300content p {
	padding:0;
	margin-bottom:10px;
}
.box300content ul {
	list-style-type:none; 
	margin:0; 
	padding:0;
}
.box300content li {
	background: url(images/bulletplus.png) left 3px no-repeat; 
	padding:0 10px 5px 20px;
}
.box300topcontent a {
	color:#FFFFFF; 
	text-decoration:none; 
	cursor:pointer
}

.box220top{
	display:block;
	width:220px;
	height:50px;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(images/box220_top.jpg);
}
.box220topcontent{
	color:#FFFFFF;
	font-weight: bold;
	font-size:14px;
	padding-top:16px;
	padding-left:20px;
}
.box220topcontent a {
	color:#FFFFFF; 
	text-decoration:none; 
	cursor:pointer
}
.box220bottom{
	display:block;
	width:220px;
	background-position:left bottom;
	background-repeat:no-repeat;
	background-image:url(images/box220_bot.jpg);
}
.box220content{
	display:block;
	padding:0 0 10px 15px;
	font-size:12px;
}

/****************** product display ********************/
.prodsamples {
	text-align:center;
	font-size:12px;
	border-bottom:1px solid #CCCCCC;
}
.prodsamples p {
	padding: 0 30px;
}
.prodthumb {
	width:auto; 
	float:left; 
	margin:0; 
	padding:0; 
	text-align:left;
}
.prodthumb p {
	padding:0 0 0 10px; 
	margin:-5px 0 5px 0; 
	font-size:10px; 
	color:#64B034;
}
.prodthumb a {
	color: #3A93B7;
}
/******************* calls to action ********************/
.logoaction {
	float:right; 
	width:160px; 
	margin:10px; 
	border-left:1px solid #CCCCCC; 
	padding:5px 35px 5px 5px; 
	font-size: 16px; 
	font-weight: bold; 
	color:#64B034;
	background: url(images/downarrow.jpg) right bottom no-repeat;
}
/******************* slideshow styles *******************/
.showpics { height: 400px; width: 400px; padding:0; margin:0; overflow: hidden }
.showpics img { height: 400px; width: 400px; padding: 0; background-color: #eee; top:0; left:0 }

/****************** feature area *************************/
.feature {
	width:920px; 
	height:400px; 
	background:url(images/homebanner.jpg) top left no-repeat; 
	margin:0 0 0 10px; 
	padding:0 0 0 30px; 
	color:#FFFFFF;
	float:left;
}
.featuretext {
	padding:50px 50px 10px 20px; 
	margin:0;
	width:430px;
	float:left;
}
/***************** contact form ********************/
.contactform {
	margin:0;
	padding:0 20px;
	font-size:10px;
}
.formlabel {
	font-size:11px;
	padding:2px;
}
input, textarea, select {
	border:1px solid #CCCCCC;
	background-color:#f3f3f3;
	padding:2px;
	margin:0 5px 0 0;
	line-height:12px;
}
input#email_button {
	background-color:#519330;
	color:#ffffff;
	font-size:12px;
	text-transform:uppercase;
	border:0px;
	padding:4px;	
}
input#email_button:hover {
	background-color:#333333;
}
.reqd {
	color:#CC0000;
}
div.errors {
	width:500px;
	border:3px solid #FF0000;
	padding:5px 20px;
	color:#FF0000;
	font-size:14px;
	text-align:center;
}
div.messages {
	width:500px;
	border:3px solid #339933;
	padding:5px 20px;
	color:#339933;
	font-size:14px;
	text-align:center;
}