@charset "UTF-8";
/* CSS Document */
@import url(prettyPhoto.css);
/* Reset Styles
----------------------------------------*/
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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size:100%;
	vertical-align: baseline;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
}
a img {border:none;}
table {border-collapse: collapse; border-spacing: 0;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}


h2 {font-size: 1.571em}	/* 22px */
h3 {font-size: 1.429em}	/* 20px */
h4 {font-size: 1.286em}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}		/* 14px */

h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: .8em;
}

@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot');
  src: local('Graublau Web Regular'), local('Graublau Web'), 
         url('GraublauWeb.otf') format('opentype');
}
/* Basics
----------------------------------------*/
body {
font-family: "Graublau Web", arial, "Times New Roman", serif;
	font-size: 12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height: 1.7em;
	color:#333;
	letter-spacing:.07em;
}
a, a:visited{color:#336973; text-decoration:underline;}
a:hover{color:#54a7b6; text-decoration:none;}
p{margin-bottom:2em;}
strong{font-weight:bold;}
/*Typography*/
.box_1 h3, h1, h3, #news h4, #footer h2, .box_1 legend{font-family:"Trebuchet MS", Arial; text-transform:uppercase; font-weight:bold;}
#news h4{line-height:2em;}
.box_1 h3, .box_1 legend{font-size:16px; border-bottom:1px solid #e5e2e2; padding-bottom:15px; margin-bottom:15px;}
.hp_section h1{font-size:16px; margin-bottom:.5em;}
#news h4{font-size:1em;}
h1{font-size:1.75em; margin-bottom:10px;}
.right_col_600 h3{font-size:1em; text-transform:none; font-weight:bold; color:#000;}

/*Forms*/
form ul{list-style:none;}
input{padding:5px;}
#login_form input{margin-bottom:10px;}
#login_form legend span { width:250px; display:block;}
label.overlabel {float: none; width: 0; margin: 0; overflow: hidden; padding: 0; display: block; position: absolute;}
label.overlabel-apply {padding: 0 0 0 5px; position:absolute; top:3px; left:0; z-index:1; float: none; overflow: visible; display: block; width: 70px; text-align: left;}
div#username, div#password {position:relative;}
input#login-username, input#login-password {width:140px !Important; font-weight: normal;}


/* Classes
----------------------------------------*/
.clear_both{clear:both;}
.box_1{background:#f8f8f8; border:1px solid #e5e2e2; padding:20px; margin-bottom:20px;} 
.content_divider{background: url(../images/dotted_divide_white_hor.gif) left bottom repeat-x; display:block; height:5px; margin-bottom:20px;}
.hidden{display:none;}


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

#colorfx_logo{float:left; width:265px; margin-bottom:20px;}
#rock_logo{float:right; width:240px;}
#banner_container{background:#aebcbe url(../images/banner_bg.jpg) top center no-repeat; padding:20px 0 15px 0;}
#content_container{background:#fff url(../images/content_bg.png) left top repeat-x; padding:50px 0 0 0;}
#footer_container{background:#1b1b1b url(../images/footer_top_bg.png) top left repeat-x; padding: 115px 0 30px 0;}
#masthead, #widget, #content, #footer, #copyright{width:960px; margin:0 auto;}

/*Masthead*/
#masthead_container{background:url(../images/masthead_bg.png) left bottom repeat-x; padding-top:15px;}

/*Widget*/
#main_banner{background:url(../images/banner_frame.jpg) bottom left no-repeat; width:940px; margin:0 auto; padding:10px 12px 17px 12px;}

/*Columns*/
.left_col_290{width:290px; float:left; margin:0 35px 0 0;}
.left_col_190{width:240px; float:left; margin:0 35px 0 0;}
.right_col_600{background:url(../images/dotted_divide_white.gif) top left repeat-y; padding: 0 0 0 35px; width:600px; float:left;
}

/* for understanding browsers */
.right_col_600{
min-height:400px; 
height:auto;
}
/* for Internet Explorer */
/*\*/
* html .right_col_600{
height: 400px;
}
/**/






.right_col_600 ul{margin:15px;}
.right_col_700{background:url(../images/dotted_divide_white.gif) top left repeat-y; padding: 0 0 0 35px; width:650px; float:left;}
.right_col_700 ul{margin:15px;}
.left_col_420{width:420px; float:left; margin:65px 0;}
.right_col_530{width:530px; float:left; margin-left:10px;}

/*Content*/
#section_printing{background:url(../images/hp_section_bg_printing.gif) top left no-repeat;}
#section_mailing{background:url(../images/hp_section_bg_mailing.gif) top left no-repeat;}
#section_technology{background:url(../images/hp_section_technology.gif) top left no-repeat;}
.news_date{margin:0 0 10px 0;}
.hp_section{padding:0 0 20px 100px;}
.right_col_600 img {margin: 10px 0 20px 20px; border:5px solid #CCCCCC;}

/*Footer*/
.footer_col{width:150px; float:left; padding-right:15px; font-size:10px;}
.footer_col2{width:140px; float:left; padding-left:15px; font-size:10px;}
.footer_col, .footer_col2 ul{list-style:none; margin-bottom:10px;}
#footer p{margin-bottom:20px; line-height:1.5em; color:#ccc;}
#footer h2{color:#fff; font-size:11px;}
#footer a, #footer a:visited{text-decoration:none; color:#8eaaa7;}
#footer a:hover{text-decoration:underline;}
#utility_links{border-top: 1px solid #222; border-bottom: 1px solid #222; padding:10px 0;}
#utility_links ul{list-style:none;}
#utility_links ul li{display:inline; padding-right:1.5em;}
#util_left{width:60%; float:left;}
#util_right{width:40%; float:right; text-align:right; margin-right:-20px; color:#444;}
#backlink{width:100%; text-align:right; margin:10px 0; color:#444;}
#backlink a, #backlink a:visited{color:#444;}



/* Navigation
----------------------------------------*/
#top_nav {
	float: left;
	text-transform: uppercase;
	font: 12px "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	float: left;
}

#top_nav  li {
	display: inline;
	float: left;
}

#top_nav  li a {
	padding: 5px 0 20px 0;
	margin: 0 15px;
	float: left;
	text-decoration: none;
	letter-spacing: 1px;
	text-shadow: #f0fedb 1px 1px 0;
	font-weight:bold;
}


#top_nav  li.selected a {
	background:url(../images/selected_bg.png) bottom center no-repeat;
	color:#333;
}

h3.left_nav{text-transform:uppercase; font-size:14px; border-bottom:1px solid #333; padding-bottom:10px}
ul.left_nav{list-style:none;}
ul.left_nav li{padding:10px 10px 10px 0; background:url(../images/dotted_divide_white_hor.gif) bottom left repeat-x; text-transform:uppercase;}
ul.left_nav li a{text-decoration:none;}
ul.left_nav li.selected a{color:#000;}
#first_left_nav{padding-top:0;}



/*Main Menu*/



#menu-wrapper {
	width: 972px;
	height: 45px;
	margin: auto;
	position:relative;
	left:-5px;
	top:-1px;
	background: url(../images/main-menu.png) no-repeat;
}


/*** ESSENTIAL STYLES ***/
#menu, #menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
#menu {
	line-height:	1.0;
	position: relative;
	z-index: 2;
}
#menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
#menu ul li {
	width:			100%;
}
#menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#menu li {
	float:			left;
	position:		relative;
}
#menu a {
	display:		block;
	position:		relative;
	cursor: 		pointer;
}
#menu li:hover ul,
#menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul#menu li:hover li ul,
ul#menu li.sfHover li ul {
	top:			-999em;
}
ul#menu li li:hover ul,
ul#menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul#menu li li:hover li ul,
ul#menu li li.sfHover li ul {
	top:			-999em;
}
ul#menu li li li:hover ul,
ul#menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/

	/* Top Level Buttons */

#menu a {
	padding: 13px 10px 11px 10px;
	text-decoration:none;
	font-size: 14px;
}

#menu a:focus, #menu a:hover, #menu a:active {
	background: url("/images/main-bg-buttons.png") 0 -38px repeat-x;
}

#menu li {
	margin-top: 7px;
	padding-right: 2px;
	background: url("/images/main-menu-divider.png") right top no-repeat; 
}

	/* Home Button */
	
#menu li#menu-home a {
	padding:0;
	margin-left: 7px;
	display: block;
	width: 36px;
	height: 38px;
	text-indent: -9999px;
}

#menu li#menu-home a:focus, #menu li#menu-home a:hover, #menu li#menu-home a:active {
	background: url('/images/main-bg-buttons.png') 0 0 no-repeat;
}

	/* Second Level Buttons */

#menu li ul {
	margin-top: 9px;
	border-top: none;
	width: 175px;
	cursor: pointer;
}

#menu li li {
	margin-top: 0;
	padding-right: 0;
	background-image: none;
	cursor: pointer;
	border-bottom: 1px dotted #ccc;
}

#menu li li a {
	text-align: left;
	font-size: 11px;
	padding: 10px;
	cursor: pointer;
}

#menu li li a:focus, #menu li li a:hover, #menu li li a:active {
	background: #FFFFFF;
}

#menu li li li {}
#menu li:hover, #menu li.sfHover {
	outline:		0;
}

/*** arrows **/
#menu a.sf-with-ul {
	padding-right: 	2.0em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			16px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#menu ul .sf-sub-indicator { background-position:  -10px 0; }
#menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#menu ul a:focus > .sf-sub-indicator,
#menu ul a:hover > .sf-sub-indicator,
#menu ul a:active > .sf-sub-indicator,
#menu ul li:hover > a > .sf-sub-indicator,
#menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


















/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	background:		#BDD2FF;
	height:			2.5em;
	padding-bottom:	2.5em;
	position:		relative;
}
.sf-navbar li {
	background:		#AABDE6;
	position:		static;
}
.sf-navbar a {
	border-top:		none;
}
.sf-navbar li ul {
	width:			44em; /*IE6 soils itself without this*/
}
.sf-navbar li li {
	background:		#BDD2FF;
	position:		relative;
}
.sf-navbar li li ul {
	width:			13em;
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}
.sf-navbar li.current {
	background:		#BDD2FF;
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
	background:		#BDD2FF;
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
	background:		#D1DFFF;
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
	background:		#E6EEFF;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}

.sf-navbar li li.current > a {
	font-weight:	bold;
}

/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}


/*** remove shadow on first submenu ***/
/*
.sf-navbar > li > ul {
	background: transparent;
	padding: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}
*/


/* MAIN MENU */

#menu li a, #menu a:visited  { /* visited pseudo selector so IE6 applies text color */
	color: #222;
}

#menu li ul {
	background: #f3f3f3;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	margin-left: -2px;
	/*-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px;*/
}

#menu li ul ul {
	border: 1px solid #b9b9b9;
}

#menu li li a, #menu li li a:visited {
	color: #222;
}

.sf-sub-indicator {
	background:		url('/images/arrows.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}









/*Blog*/


.author-box {
	font-size: 11px;
}

.comments-link {
	padding-left: 18px;
	background: url('/images/comment.gif') no-repeat;
}

.entry {
	margin: 0 0 20px 0;
	padding: 0;
}

.entry h3 {
	margin-top: 0;
	font-size: 25px;
}

.entry h3 a {
	text-decoration: none;	
}

.entry img.thumb {
	float: left;
	margin: 30px 10px 10px 0;
	display: inline;
}
.entry img{ margin:0;}

/* COMMENTS */

#comments-wrap {
	padding-top: 10px;
}

#comments-wrap a.name {
	text-decoration: none;	
}

#comments-wrap ol.commentlist {
	padding-left: 0;	
}

#comments-wrap ol ol {
	padding-left: 80px;
	padding-top: 10px;
}

#comments-wrap li {
	padding: 5px 0;
	list-style: none;
}

.comment-left {
	float: left;
	width: 12%;
	display: inline;
}

.comment-right {
	float: left;
	width: 88%;
	display: inline;
}

.comment-right-inner {
	padding: 10px;
}

.comment-right .name {
	font-size: 20px;	
}

.reply-link {
	padding-left: 18px;
	background: url('/images/reply.png') no-repeat;
}

#respond {
	margin-top: 20px;
	position: relative;
}

#respond .pad {
	padding: 20px;
}

#respond label.error {
	color: #990000;
	padding: 5px 0;
	margin-left: 100px;
	display: block;
	width: 300px;
	font-size: 11px;
}

#respond h3 {
	margin-bottom: 20px;	
}

#respond fieldset {
	margin-bottom: 10px;
}

#respond input, #respond textarea {
	padding: 5px;
}

#respond textarea {
	width: 350px;
	height: 200px;
}

#respond legend {
	padding: 0 2px;
	font-weight: bold;
}

#respond label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
}

#respond fieldset ol {
	margin: 0;
	padding: 0;
}

#respond fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
}

#respond label {
	width: 95px; /* Width of labels */
}

#respond #submit {
	cursor: pointer;
	padding: 5px 10px;
}


/* PAGE NAVI PLUGIN */

.wp-pagenavi {
	margin: 10px;
	margin-left: 0;
}

.single-column-page-navi {
	margin-left: 10px;
}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 5px 7px; 
	margin: 2px;
	text-decoration: none;
}

.wp-pagenavi a:hover {
	padding: 5px 7px; 
	margin: 2px;
	text-decoration: none;
}

.wp-pagenavi strong {
	padding: 5px 7px; 
	margin: 2px;
	font-weight: bold;
}

.wp-pagenavi a, .wp-pagenavi a:link {
	border: 1px solid #ffffff;
	color: #46768b;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #ffffff;
	background-color: #ffffff;
}
.wp-pagenavi strong {
	border: 1px solid #ffffff;
	color: #46768b;
	background-color: #ffffff;
}