/* @override 
	http://www.clearviewsoftware.net/cv/wp-content/themes/clearview_theme/style.css */

/*
Theme Name: Clearview Software
Theme URI: http://clearviewsoftware.com
Description: Theme developed and designed for Clearview Software
Version: 1.0
Author: Out:think Group
Author URI: http://outthinkgroup.com
*/

/* 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;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1em;text-align:center;background:#e7f0f6 url(images/bg-content-blue-gradient.jpg) top left repeat-x;font-family:arial,helvetica,sans-serif;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
em {text-decoration: italic;}
a {color: #0075b4;text-decoration: none;}
a:hover {
	text-decoration: underline;
}
.clr {clear:both;}
/* END RESET */
p, li, div {color: #444;}
.blue {color: #0064A3;}
.grey {color: #666;}
/* General Styles */
.alignleft{float:left;margin-right:8px;margin-bottom:2px;}
.alignright{float:right;margin-left:8px;margin-bottom:2px;}
.float-left {
	float: left;
}
/* General Styles */
sup{font-size:60%;vertical-align:top;}
.entry ul, .entry ol{list-style-image:none;list-style-position:outside;margin-left:30px;margin-bottom:10px;}
.entry ul li {list-style:disc;}
.entry ol li {list-style:decimal;}
.entry li {padding-bottom:10px;line-height:1.2em;}
/* end General Styles */
body.home {
	background: #f7f7f7;
}
.float-right {
	float:right;
}
#header-wrap, #content-wrap, #footer-wrap {
	width: 100%;
}
#header-wrap {
	background: transparent url(images/bg-header.jpg) repeat-x left top;
	height:42px ;
}
#header, #content, #footer, .software-info, .popout-home-wrap {
	width: 962px;
	margin: 0 auto;
	text-align: left;
}
#nav li {
	float: left;
}
#nav li a {
	background:none repeat scroll 0 0 transparent;
	color:#FFFFFF;
	font-size:16px;
	height:42px;
	line-height:42px;
	margin:0 17px;
	padding:12px 0;
	text-decoration:none;
	text-shadow:1px 1px #000000;
}
#header .login {
	height: 40px;
	line-height: 40px;
	float: right;
	text-shadow:1px 1px #000000;
}
#header .login a {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	padding: 12px 4px;
}
#header .login a:hover {
	text-decoration: underline;
}
#nav li.current_page_item a, #nav li a:hover {
	background: url(images/bg-nav-hover.jpg) top center no-repeat;
}
#content {

	position: relative;
}
.home #content-wrap {
	background: #fff url(images/bg-content-gradient.jpg) top left repeat-x;
	height: 450px;
	border-bottom: 1px solid #ddd;
}
#content-wrap {
	background:none;
	overflow: hidden;
}
#content h1 a {
	display: block;
	width: 161px;
	height: 68px;
	background: url('images/logo-clearview.png') no-repeat left top;
	line-height: 0;
	font-size: 0;
	text-indent: -9999em;
	margin-top: 15px;
	margin-bottom: 20px;
}
#content.home h1 a {
	margin-bottom: 55px;
}
#content.home {
	background:url("images/bg-screenshot.jpg") no-repeat scroll right 95px transparent;
	min-height:450px;
}
#content .info {
	width: 450px;
}
#content .info a img {
	margin-right: 15px;
}
#content .info h2 {
	background:url("images/home-h2-proj-management.png") no-repeat scroll left top transparent;
	display:block;
	font-size:0px;
	height:91px;
	line-height:0px;
	margin-bottom:20px;
	text-indent:-999em;
	width:368px;
}
#content .info p {
	background:url("images/home-p-tagline.png") no-repeat scroll left top transparent;
	color:#666666;
	display:block;
	font-family:georgia;
	font-size:0;
	height:79px;
	line-height:0;
	margin-bottom:28px;
	text-indent:-9999em;
	width:367px;
}
.info p em {
	font-weight: bold;
	text-decoration: italic;
}
.software-info {
	border-bottom:1px solid #DDDDDD;
	margin-bottom:15px;
	overflow:hidden;
	padding-bottom:25px;
	font-size: 13px;
	
}
.feature-blocks {
	border-right:1px solid #DDDDDD;
	width:640px;
}

.testimonials {
	float: right;
}
.testimonials img {
	padding-bottom: 20px;
}
.feature-blocks .feature {
	background-position:left top;
	background-repeat:no-repeat;
	margin-right:5px;
	padding-left:40px;
	width:270px;
	margin-bottom: 35px;
}
.feature h3 {
	color:#333333;
	font-size:15px;
	margin-bottom:6px;
	text-transform:uppercase;
}
.feature.advantage {background-image: url(images/icon-door.png);}
.feature.charts {background-image: url(images/icon-charts.png);}
.feature.gear {background-image: url(images/icon-gear.png);}
.feature.support{background-image:url(images/icon-support.png);}
.feature p {
	color:#4C5252;
	font-size:13px;
	line-height:20px;;
}
.software-info a {
	font-weight: bold;
	text-decoration: none;
}
.leftside {
	border-right:1px solid #DDDDDD;
	padding-right:14px;
	width:464px;
}
.leftside p {
	color:#555555;
	font-size:13px;
	line-height:1.4em;
}
.rightside {
	width: 460px;
	padding-left: 20px;
}
.rightside h4 {
	font-size: 14px;
	text-transform: uppercase;
	color: #444;
	font-weight: normal;
	padding-bottom:4px;
}
.rightside li {
	font-size: 14px;
	padding-bottom: 4px;
}
.rightside li a {
	font-size:13px;
	font-weight:bold;
}
#footer-wrap {
	overflow: hidden;
}
#footer {
	height: 120px;
}
#footer.inside {
	padding-top: 20px;
}
.home .contact-info {
	width:163px;
	top:15px;
}
.contact-info {
	height:30px;
	position:absolute;
	right:0;
	top:25px;
}
.contact-info .quote-request {
	margin-right: 14px;
}
/* ==========================================
=====!  PAGE Styling  =====
============================================*/
.content-top, .content-bottom {
	width: 962px;
	text-align: left;
	height: 15px;
}

.content-top {
	background: url(images/bg-content-top.png) no-repeat left top;
}
.content-bottom {
	background: url(images/bg-content-bottom.png) no-repeat left bottom;
	margin-bottom: 60px;
}
.content-middle {
	background: url(images/bg-content-middle.png) repeat-y left top;
	line-height: 1.2em;
	padding-bottom: 10px;
	min-height: 480px;

}
.content-middle .entry {
	padding: 15px 40px;
}
.entry h2 {
	font-size:30px;
	line-height:1.25em;
	margin-bottom: 40px;
}
.entry h3 {
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 
	10px;
}
.entry .services-block h3 {
	margin-top: 40px;

}
.entry h2 span {
	color: #0064A3;
}
.entry h5 {
	font-size: 13px;
	margin-bottom: 8px;
}
.entry blockquote {
	border-left:3px solid #DDDDDD;
	color:#777777;
	font-size:13px;
	margin-bottom:20px;
	margin-left:10px;
	padding-left:10px;
}
.entry p.story, .blog .entry p {
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: 20px;
}
.entry p.big {
	font-size: 20px;
	line-height: 1.5;
}
.blog .entry h2 {
	margin-bottom: 24px;
}
.blog .entry p {
margin-bottom: 25px;

}
.entry h4 {
	font-size: 16px;
	margin: 16px 0 8px 0;
}
.entry h4 em {
	font-weight: normal;
	text-decoration: italic;
}
.officer-info td {
	padding-bottom: 25px;
	padding-right: 15px;
	vertical-align: top;
}
.entry p {
	font-size: 13px;
	line-height: 1.25em;
	margin-bottom: 10px;
}
/* ==========================================
=====!  Support Page Styles  =====
============================================*/
.three-item .marg-right {
	margin-right: 37px;
}
.three-item {
	margin-bottom: 40px;
}
.support-left {
	padding-right:35px;
	width:250px;
}
.support-right {
	border-left:1px solid #ddd;
	padding-left:25px;
	width:565px;
}
/* ==========================================
=====!  Why Infocus Page Styles  =====
============================================*/
.reason {
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	height:221px;
	padding-left:25px;
	padding-right:25px;
	padding-top:70px;
	width:216px;
}
.reason p {
	font-size: 14px;
	line-height: 20px;
}
.reason-1 {
	background-image: url(images/bg-features-1.jpg);
}

.reason-2 {
	background-image: url(images/bg-features-2.jpg);
}
.reason-3 {
	background-image: url(images/bg-features-3.jpg);
}
/* ==========================================
=====!  Features page.  =====
============================================*/

#content.features .content-top {
	background:url("images/bg-content-features-top.png") no-repeat scroll left top transparent;
}
#content.features .content-middle {
	background:url("images/bg-content-features-middle.png") repeat-y scroll left bottom transparent;
}
#content.features .content-bottom {
	background:url("images/bg-content-features-bottom.png") no-repeat scroll left bottom transparent;
}
.nav-left {
	width: 200px;
	float: left;
}
.nav-left ul {
}
.nav-left li {
}
.nav-left li a {
	padding: 15px 15px 15px 20px;
	display: block;
	text-transform: uppercase;
}
.nav-left li a:hover {
	text-decoration: none;
	color: #343434;
}
.nav-left li.current a {
	padding: 0;
	left:-13px;
	padding-bottom: 0;
	position:relative;
	width:182px;
	padding-left: 0px;
	font-weight: 700;
}
.nav-left li.current a .shad-top {
	background:url("images/bg-feat-tab-shad-top.png") no-repeat scroll left top transparent;
	padding-bottom: 0;
	width:182px;
	height: 13px;
	display:block;
	
}
.nav-left li.current a span {
	padding-left: 20px;
	padding-right: 20px;
}
.nav-left li.current a .shad-bottom {
	background:url("images/bg-feat-tab-shad-bot.png") no-repeat scroll left bottom transparent;
	padding-top: 0;
	width:182px;
	height: 13px;
	display:block;
}
.nav-left li.current a .shad-middle {
	background:url("images/bg-feat-tab-shad-mid.png") repeat-y scroll left top transparent;
	color:#343434;
	display:block;
	padding:7px 8px 7px 33px;
	position:relative;
	width:182px;
}
#content.features .entry {
	float: right;
	width: 680px;
}
#content.features .feature-excerpt {
	width: 300px;
	float: left;
}
#content.features .feature-excerpt.first {
	margin-right: 50px;
}
/* ==========================================
=====!  Services Page  =====
============================================*/
div.icon-block {
	width: 230px;
	background-position: left top;
	background-repeat: no-repeat;
	text-align: center;
	float: left;
}
div.icon-block img {
	padding-top: 18px;
}
div.services-block-content {
	margin-right: 40px;
	margin-left: 250px;
}
/* ==========================================
=====!  Other pages  =====
============================================*/
iframe.refer {
	margin-top: 10px;
	padding-top: 10px;
	width: 650px;
	height: 800px;
	margin: 0 auto;
	display: block;
	
}

/* ==========================================
=====!  Popout form  =====
============================================*/
.popout-home-wrap {
	position:relative;
}
.popout-home-wrap .popout-form {
	left:118px;
	top:-58px;
}
.popout-form {
	position:absolute;
	right:74px;
	top:65px;
	width:410px;
	z-index:10;
}
.popout-top {
	height: 111px;
	background: url(images/bg-popout-top.png) no-repeat left top;
}
.popout-top p {
	color:#FFFFFF;
	font-size:14px;
	padding:47px 44px 10px 25px;
}
.popout-middle {
	background: url(images/bg-popout-body.png) no-repeat left bottom;
	padding-bottom: 5px;
	overflow:hidden;
}
.popout-middle form {
	padding: 0 25px;
}
.popout-middle form select {
	border:1px solid #829FBA;
	color:#666666;
	font-size:14px;
	margin-bottom:10px;
	padding:4px;
	width:173px;
}
.popout-middle form input {
	color:#333;
	display:block;
	font-size:14px;
	margin-bottom:10px;
	padding:3px;
	width:338px;
}
.popout-middle form textarea {
	color:#333;
	font-family:arial,sans-serif;
	font-size:14px;
	padding:3px;
	width:342px;
	margin-bottom: 10px;
}
.placeholder {
	color: #999;
}
::-webkit-input-placeholder {
	color: #999;
}
:-moz-placeholder {
	color: #999;
}
.popout-middle form #submit-button {
	width: auto;
	float: right;
}
.popout-form .X {
	font-size:18px;
	font-weight:bold;
	position:absolute;
	right:18px;
	top:44px;
}
.popout-form .X a {
	color: #fff;
	text-decoration: none;
}
.popout-bottom {
	height: 20px;
	background: url(images/bg-popout-bottom.png) no-repeat left bottom;
}
#content td {
	vertical-align: top;
	padding-bottom: 15px;
}
#content table {
	margin-bottom: 20px;
}
.features .entry p {
	margin-bottom: 20px;
}
/* ==========================================
=====!  Blog Page  =====
============================================*/
#contentblog {
	
}
#content.blog .entry {
	float:right;
	padding-left:0;
	width:630px;
}
.cat-menu {
	font-size:14px;
	margin:0 32px 4px 35px;
	padding-top:15px;
}
.cat-menu li {
	display:inline;
}
.cat-menu li a {
	margin-right:15px;
	padding:0 2px 5px;
	text-decoration: none;
	line-height:18px;
}
.cat-menu li a:hover, .cat-menu li.current a {
	border-bottom:3px solid #0075B4;
	color:#222222;
	text-decoration:none;
}
#content.blog .meta-data {
	float:left;
	padding-left:30px;
	padding-top:15px;
	width:225px;
	font-size: 12px;
}
#content.blog .meta-data .meta-date {
	font-size: 16px;
	color: #666;
	margin-bottom: 4px;
}
#content.blog .meta-data h3 {
	border-bottom:1px solid #DDDDDD;
	font-size:16px;
	line-height: 24px;
	margin-bottom:6px;
	padding-bottom:7px;
}
#content.blog .meta-data h3 a {
	color: #222;
}
#content.blog .meta-data h3 a:hover {
	text-decoration: none;
}
#content { 
}
.blog .content-middle-grey {
	background: url(images/bg-content-blog-middle.png) repeat-y left top;
	min-height: 20px;
	overflow: hidden;
}
.blog .content-bottom {
	background-image: url(images/bg-content-blog-bottom.png);
}
.greyline {
	border-top:3px solid #DDDDDD;
	margin:0 35px 0 30px;
	padding-top:0px;
}
#featured-block {
font-size:1.3em;
height:270px;
padding-bottom:5px;
text-align:center;
}
#featured-block h2 {
margin-bottom:10px;
}
#featured-block img {
border:1px solid #4F4F4F;
height:180px;
margin:0 0 5px;
width:180px;
}
#featured-block p {
padding:8px 0;
}
#featured-block span {
font-size:1.1em;
}
#featured-block ul li {
list-style:none;
display:none;
}
#featured-bloc ul li a {
	background: none !important;
	padding: 0;
}
#featured-block ul li.innerfade {
display:list-item;
}
div.navigation {
	padding: 20px;
}
/* ==========================================
=====!  Comments Area  =====
============================================*/
#commentform {
	font-size: 14px;
}
.commentlist li {
	font-size:14px;
	line-height:18px;
	padding:15px 0;
}
.comment-container {
	margin: 10px 35px;
}
.left-comments, .comment-meta {
	float: left;
	width: 275px;
}
.right-comments, .comment-text {
	margin-left: 340px;
}
#commentform input, #commentform textarea {
	border: 1px solid #ccc;
	padding: 3px;
}
#respond {
	border-top:1px solid #CCCCCC;
	margin-top:15px;
	padding-top:14px;
}
#commentform p {
	margin-bottom: 8px;
}
.left-comments input {
	border:1px solid #CCCCCC;
	color:#999999;
	padding:3px;
	width:250px;
}
.
.left-comments label {
	
}
.right-comments .form {
	
}
#commentform #submit {
	float:right;
}
#commentform textarea {
	color:#777777;
	font-family:arial;
	font-size:13px;
	height:100px;
	width:98%;
}
.comment-date {
	color:#999999;
	font-size:12px;
}
.rss-right a {
	background:url("images/icon-rss.jpg") no-repeat scroll left center transparent;
	color:#454545;
	display:block;
	float:right;
	font-size:12px;
	margin-right:10px;
	padding-left:20px;
}
.wpcf7-response-output {
	color:#ffffff !important;
}