/*
Theme Name: Graphics.MS Customized Theme
Theme URI: http://www.graphics.ms
Description: Your custom-designed theme.
Author: Jean-Patrick Smith
Author URI: http://www.xpansion-productions.com
Version: 1.0
*/

/* @group Reset */
html,body,div,span,applet,button/*,input*/,textarea,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,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;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}body{line-height:1;color:black;background:white;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}
/* @end */

/* @group Page defaults */
body {
	font: 12px Tahoma, sans-serif;
	background: #5b9bc3 url(../style_images/bg.jpg) repeat-x 0px 138px;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	color: #333;
	padding: 2px 0 5px 0;
	margin: 2px 0;
}
h3 { font-size: 14px; }
a img {
	border:0;
}
strong { font-weight: bold; }
em { font-style: italic; }
sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}
sup {	bottom: 1ex; }
sub { top: .5ex; }
td { vertical-align: top; }
.spacer-5  { height: 5px; }
.spacer-10 { height: 10px; }
.spacer-15 { height: 15px; }
.spacer-25 { height: 25px; }
.spacer-50 { height: 50px; }
.spacer-5, .spacer-10, .spacer-15, 
.spacer-25, .spacer-50 { clear: both; display: block; 	font-size: 0px; line-height: 0px;}
/* @end Page Defaults */
/* default post/content style */
.feature {
}
/* login - register pages - contact - input boxes */
span#disclaimer { clear: both; display: block; margin-bottom: 5px; }
input#firstname, input#lastname, input#pass1, input#pass2,
input#first_name, input#last_name, input#pass1, input#pass2,
input.single, input.secinput, .module input#s, input#captcha,
.module input.MailPressFormEmail, input.input, .inputbox {
	padding: 4px;
	margin-bottom: 5px;
	height: 16px;
	width: 150px;
	border: 1px solid #333;
}
textarea,
textarea.inputbox {
	border: 1px solid #333;
	padding: 4px;
	width: 325px;
	height: 150px;
}
/* input submit buttons */
.module button, .module .MailPressFormSubmit, input.button, input#wp-submit,
input #submit, input.sendbutton {
	background: #C9C9C9 url(../style_images/button_bg.png) repeat-x;
	height: 26px;
	padding: 4px 5px 4px 5px;
	color: #4a4a4a;
	border: 1px solid #787878;
	line-height: 100%;
}
/* images within posts/content */
.alignleft { float: left; margin: 0 15px 15px 0; }
.alignright { float: right; margin: 0 0 15px 15px; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.alignright {float:right; margin:0 0 15px 15px}
img.alignleft {float:left; margin:0 15px 15px 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 15px 15px}
a img.alignleft {float:left; margin:0 15px 15px 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
/* headers */
/* post body */
.feature td, .feature p {
	font: 12px Tahoma, sans-serif;
	color: #565656;
	line-height: 175%;
	/*letter-spacing: 1%;*/
	margin-bottom: 15px;
}
.feature td { padding: 3px; }
.feature h1, .contentheading, .componentheading  {
	display: block;
	width: 100%;
	position: relative;
	font: 22pt 'Lucida Sans Unicode',Verdana, sans-serif;
	margin: 10px 0 15px 0;
	color: #66a3c8;
	border-bottom: 1px solid #66a3c8;
}
.feature h2 {
	display: block;
	width: 100%;
	font: 12pt 'Lucida Sans Unicode',Verdana, sans-serif;
	margin: 10px 0 15px 0;
	color: #66a3c8;
//	border-bottom: 1px solid #66a3c8;
}
.feature h2 a, .feature h1 a {
	color: #6e6e6e !important;
	text-decoration: none;
}
td.contentheading {
	font-size: 16px;
	font-weight: bold;
	border: 0;
	margin: 5px 0 10px 0;
	letter-spacing: 0.1px;
}
.feature a {
	color: #666;
	text-decoration: underline;
}
.feature a:hover {
	color: #999;
}

.feature ul, .feature ul li {
	list-style:none !important;
	list-style-type:none !important;
	color: #565656;
}
.feature ul { margin: 0 0 20px 10px; }
.feature ul li {
	padding: 2px 0 2px 14px !important;
	background: url(../style_images/blue_bull.png) no-repeat 0px 7px;
}
.feature ol { margin: 0 0 20px 25px; }
.feature ol, .feature ol li {	list-style: decimal; list-style-type: decimal; }
.feature ul li, .feature ol li { margin-bottom: 5px; float: none; width: auto !important; height: auto !important; }

/* read more link */
a.more-link {
	clear: both;
/*	float: left; */
	display: block;
	margin: 10px 0 0 0;
	text-decoration: none;
	color: #787878;
}
/* @group Site Specific Styles */
/* @end Site Specific Styles */

/* @group Header */
#header {
	background: #fff;
	height: 73px;
}
#top_header {
	width: 960px;
}
#logo,
#top_contact {
	display: block;
	float: left;
	height: 73px;
	position: relative;
}
#logo {
	width:306px;
}
#logo a {
	display: block;
	position: absolute;
	bottom: 0px;
}
#top_contact {
	width: 310px;
	float: right;
}

/* mainlevel-nav */
#top_contact ul#mainlevel-nav {
	text-align: right;
	display: block;
	position: absolute;
	top: 10px;
	right: 0px;
	width: 170px;	
}
ul#mainlevel-nav li { display: inline; }
ul#mainlevel-nav li a {
	color: #ccc;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	float: right;
	background: url(../style_images/list_bull.gif) no-repeat right center;
	display: block;
	width: 65px;
	text-align: right;
	height: 13px;
	border-bottom: 1px dotted #ccc;
	margin: 2px 2px;
	padding-right: 8px;
}
ul#mainlevel-nav li a:hover {
	color: #5d9ecc;
}
#top_contact a#contact_info {
	display: block;
	position: absolute;
	bottom: 5px;
	right: 0px;
}
#navigation {
	z-index: 20;
	position: relative;
}
#navigation {
	background: #83c8f1 url(../style_images/top_nav.jpg) repeat-x;
	height: 34px;
	font: bold 12px Arial;
}
#navigation ul {
 list-style: none; list-style-type: none;
 margin: 0px;
 padding: 0px;
}
#navigation li {
	display: block;
	float: left;
}
#navigation li a {
	color: #fff;
	text-decoration: none;
	padding: 12px 10px 0 10px;
	height: 22px;
	float: left;
	margin-left: 5px;
}
#navigation li a.first {
	margin-left: 0px;
	padding-left: 0px;
}
#navigation li a:hover,
#navigation li.active a {
 color: #fff;
 background: url(../style_images/top_hover.jpg) no-repeat bottom center;
}
#navigation ul ul {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	font: 11px Arial;
	border: 1px solid #1c477c;
	padding: 5px 8px 10px;
	background: url(../style_images/menu_bg.png);
	/*
	display: block;
	zoom: 1;
	-moz-opacity:0.88;
	-khtml-opacity: 0.88;
	opacity: 0.88;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=88)";
	filter:alpha(opacity=88);
	*/
}
#navigation li.active li a {
	background: transparent;
	color: #fff;
}
#navigation li li {
	/*background: #83c8f1 url(../style_images/bread_crumb_bg2.jpg) repeat-x;*/
	height: 25px;
	border-bottom: 1px solid #999;
}
#navigation li li a {
	background: transparent;
	display: block;
	color: #fff;
	padding: 7px 10px 0 0px;
	height: 20px;
}
#navigation li li a:hover,
#navigation li li.active a  {
	color:	#fff;
	padding-left: 10px;
	background: url('../style_images/nav_bull.gif') no-repeat 0px center; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

/* @group Breadcrumb */
#bread_crumb {
	background: #66a3c8 url(../style_images/bread_crumb_bg.jpg) repeat-x top;
	height: 31px;
	z-index: 10;
}
.bread_crumb {
	padding: 9px 0 0 16px;
	color: #fff;
	font-size: 11px;
	/*background: url(../style_images/nav_bull.gif) no-repeat 6px 14px;*/
	height: 23px
}
.bread_crumb a {
	color: #fff;
	text-decoration: none;
}
/* ul#mainlevel-nav */

/* search module */
#bread_crumb .grid_2 {
	float: right !important;
}
#bread_crumb .search form {
	padding: 3px 2px 0px 20px;
}
#bread_crumb .search .inputbox {
	width: 150px;
	height: 20px;
	padding: 2px;
	background: url(../style_images/srch_left.gif) no-repeat -10px -3px;
	float: right;
	border: 1px solid #fff;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	color: #5d9e33;
}
/* End Breadcrumb */
/* @end */

/* @group Area above content */
#above_content {
	z-index: 5;
}
/* @group Product box module area - this will normally have its own CSS */

#carousel_maestro,
#carousel_trapeze,
#carousel_compress,
#carousel_container {
	display: block;
	height: 233px;
	width: 960px;
	overflow: hidden;
	position: relative;
}
#carousel_trapeze { background: url(../style_images/carousel_sprite.png) no-repeat; }
#carousel_maestro { background: url(../style_images/carousel_sprite.png) no-repeat -960px 0px; }
#carousel_compress { background: url(../style_images/carousel_sprite.png) no-repeat -1920px 0px; }
.carousel_buttons {
	display: block;
	height: 233px;
	padding-left: 20px;
}
.carousel_buttons a {
	position: relative;
	top: 210px;
	background: url(../style_images/cbut_sprite.png) no-repeat top left;
	height: 23px;
	float: left;
	margin-right: 1px;
}
.carousel_buttons a.online_ocr { background-position: 0px 0px; width: 152px; }
.carousel_buttons a.see_demo { background-position: -152px 0px; width: 99px; }
.carousel_buttons a.learn_more { background-position: -251px 0px; width: 113px; }
.carousel_buttons a.online_compression { background-position: -364px 0px; width: 215px; }
.carousel_buttons a.download { background-position: -579px 0px; width: 103px; }
/* @end */

.left_corner,
.mid,
.right_corner {
	display: block;
	float: left;
	width: 11px;
	height: 11px;
	overflow: hidden;
	font-size: 4px;
}
.mid {
	width: 938px;
	background: #fff;
}
.top_corners .left_corner { background: url(../style_images/corner_tl.gif) no-repeat; }
.top_corners .right_corner { background: url(../style_images/corner_tr.gif) no-repeat; }
.bot_corners .left_corner { background: url(../style_images/corner_bl.gif) no-repeat; }
.bot_corners .right_corner { background: url(../style_images/corner_br.gif) no-repeat; }
.mid_content {
	background: #fff;
	border-bottom: 1px solid #fff;
	/* font-size: 1px; */
}
#action_column {
	/*overflow: hidden;*/
}


/* @group Main content block */
#content {
	/*background: #fff;*/
	z-index: 5;
	position: relative;
	text-align: left;
}

/* home */
#home_buttons,
#home_buttons li,
#home_buttons_wrapper {
	z-index: 10;
}
#home_buttons_wrapper {
	display: block;
	width: 960px;
	margin: 0px;
}	
ul#home_buttons {
	display: inline;
	margin: 0px;
	padding: 0px;
}
ul#home_buttons li {
	/*float: left;*/
	display: inline;	
	list-style: none;
}
ul#home_buttons li#bbut_industries { margin-left: 0px; }
ul#home_buttons li#bbut_product_downloads { margin: 0 1px; }
ul#home_buttons li a.bbut {
	display: block;
	height: 62px;
	background: url(../style_images/bbut_sprite.png) no-repeat top left;
}
ul#home_buttons li#bbut_industries a.bbut { width: 318px; }
ul#home_buttons li#bbut_product_downloads a.bbut { width: 323px; background-position: -319px 0px; }
ul#home_buttons li#bbut_solutions a.bbut{ width: 317px; background-position: -643px 0px; }

#home_buttons ul {
	width: 135px;
	z-index: 99;
	margin-left: 120px;
}
#home_buttons ul#product_downloads {
	width: 165px;
}
#home_buttons ul li {
	padding: 4px 0;
}
#home_buttons ul li a {
	display: block;
	padding: 4px 0;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}
#welcome_header {
	display: block;
	background: url(../img/welcome_cvision.jpg) no-repeat top left;
	height: 33px;
	border-bottom: 1px solid #66a3c8;
}
#clients_border {
	display: block;
	height: 1px;
	font-size: 1px;
	border-top: 1px solid #66a3c8;
}
#client_flash,
#clients {
	display: block;
	height: 100px;
	background: #fff;
	z-index: -1;
}
#clients {
	background: url(../img/client_logos.jpg) no-repeat bottom center;
}
/* @group Footer */
#footer .feature {
	padding: 0px;
}
#footer { text-align: center; }
#footer ul#mainlevel {
	padding: 0px;
	margin: 0px;
	text-align: center;
}
#footer ul#mainlevel li {
	margin: 0 4px;
	display: inline;
}
#footer ul#mainlevel li a {
	color: #333;
	font-size: 11px;
	font-weight: bold;
}
#footer_bottom a {
	color: #ddd;
	text-decoration: none;
}
#footer_bottom a:hover {
	color: #eee;
}
#footer_bottom {
	display: block;
	padding-top: 6px;
	color: #fff;
	font-size: 12px;
	text-align: center;

}
#footer_bottom span {
	font-size: 11px;
}
/* @end */

/* sidebar */
#sidebar_buttons li a,
#sidebar_buttons li {
	background: transparent;
}

.sidebar_list ul {
	font-size: 11px;
	line-height: normal;
}
.sidebar_list ul ul {
	margin-left: 10px;
}
.sidebar_list ul li a {
	display: block;
	padding: 5px 0 5px 8px;
	border-bottom: 1px solid #eee;
	color: #666;
	background: url(../style_images/list_bull.gif) no-repeat center left;
	text-decoration: none;
	font-weight: normal;
}
.sidebar_list ul li a:hover {
	color: #999;
}
.sidebar_list .current_page_ancestor.current_page_parent a {
	padding-left: 20px;
	background: #fcfcfc url(../style_images/list_bull_down.gif) no-repeat 5px center;
	font-weight: normal;
	border-bottom: 1px solid #999;
}
.sidebar_list .current_page_ancestor.current_page_parent .page_item a {
	padding: 5px 0 5px 8px;
	background: url(../style_images/list_bull.gif) no-repeat center left;
	background-color: transparent;
	border-bottom: 1px solid #eee;
}
.sidebar_list .current_page_ancestor.current_page_parent .page_item.current_page_item a,
.sidebar_list .page_item.current_page_item a {
	font-weight: bold;
	background: #f0f0f0 url(../style_images/list_bull.gif) no-repeat 5px center;
	padding: 5px 0 5px 13px;
	border-bottom: 1px solid #999;
	color: #333;
}
.sidebar_list .current_page_item .page_item a {
	padding: 5px 0 5px 8px;
	background: url(../style_images/list_bull.gif) no-repeat center left;
	background-color: transparent;
	border-bottom: 1px solid #eee;
	color: #666;
	font-weight: normal;
}
/* end sidebar list */

/* @group modules */
.module {
	font-size: 11px;
	letter-spacing: 0.5pt;
	margin-bottom: 25px;
	line-height: 200%;
	color: #292929;
}
.module h3 {
	color: #444;	
}
.module a {
	color: #5d9ec5;
	font-weight: bold;
	text-decoration: none;
}
.module a:hover {
	color: #333;
}




/* #cforms2form = contact us page form */

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

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}

.sf-menu.bbut li:hover ul,
.sf-menu.bbut li.sfHover ul {
	left:			0;
	top:			88px; /* match top ul list item height */
	z-index:		99;
}

/** Right Box **/
/* Styling modules for rightBox*/
.moduletable-rightBox {
	width:210px;
	margin: 10px 0px 10px 0px;
	background: #d3e1f8;
	color: #2674a9;
	border: 1px solid #333;
	padding: 10px;
	float: right;
}

.moduletable-rightBox h3 {
	color: #1a5279;
	padding: 0px;
	margin: 2px 0px 2px 0px;
	text-align: center;
}

.moduletable-rightBox ul li {
	padding-left: 10px;
	padding-right: 10px;
}