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

body {font-family:Arial, Helvetica, sans-serif;font-size:18px;}
strong {font-weight:bold;}
em {font-style:italic;}
small {font-size:10px;}

/*Reusable Classes*/
.no-bkg {background:none;}
.container {width:960px;margin:0 auto;clear:both;position:relative;}
.clear {clear:both;}
.bold {font-weight:bold;}
.left {float:left;margin-right:20px;}
.center {margin:0 auto;display:block;}
img.last {margin-right:0;}
.required {color:red;}

#mainnav {width:100%;height:35px;background:url(http://www.clearvisionis.com/images/bg_gray.png);}
	
#nav {width:960px;margin:0 auto;}
#nav li {float:left;padding:5px 10px;background:url(http://www.clearvisionis.com/images/pipe.gif) right 8px no-repeat;position:relative;}
#nav li.no-bkg {background:none;}
#nav li.icon {padding:5px 5px;}
#nav a {text-decoration:none;color:#45e5fd;font-size:.85em;font-family:Arial, Helvetica, sans-serif;}
#nav a:hover, #nav li#currentpage a {color:#f6ca48;}
/*Drop Down Menu*/
#nav li.web ul {display:none;position:absolute;top:25px;left:-140px;width:960px;}
#nav li.marketing ul {display:none;position:absolute;top:25px;left:-110px;width:960px;}
#nav ul li {float:left;background:none;padding:10px;}
#nav ul li a {font-size:.8em;color:#fdd045;}
#nav ul li a:hover {color:white;}
#nav li:hover ul {display:block;}

#header {width:100%;height:358px;background:url(http://www.clearvisionis.com/images/bg_gradient.png) repeat-x;}

#header_int {width:100%;height:150px;background:url(http://www.clearvisionis.com/images/bg_gradient_int.png) repeat-x;}

/*Home Page Styles*/
#clearvision {width:739px;margin-top:100px;margin-left:auto;margin-right:auto;}
#clearvision_int {width:960px;margin-top:10px;margin-left:auto;margin-right:auto;}
#clearvision_int img {margin-top:15px;}
/*Black Header*/
#content1 {width:100%;background:url(../images/bg_dark.png);float:left;color:white;}
#blackline {width:100%;background:url(../images/bg_dark.png);}
#content1 h2, #content2 h2 {font-size:1.1em;letter-spacing:1px;line-height:1em;padding-bottom:10px;font-weight:bold;}
#content1 p, #content2 p {font-size:.9em;line-height:1.2em;padding-bottom:10px;}

#content1 a.read-more, #content2 a.read-more {background:#45e5fd;color:black;padding:5px;font-size:.9em;float:right;font-weight:bold;text-decoration:none;}
#content1 a.read-more:hover, #content2 a.read-more:hover {color:white;background:#f6ca48;}

/*Smaller Box styles*/
.box1, .box2, .box3 {width:270px;float:left;padding:25px 10px;height:270px;margin-right:10px;}
#content1 .box1, #content1 .box2 {background:url(../images/pipe_lg.gif) right center no-repeat;}
/*White Header*/
#content2 {width:100%;background: #FFFFFF;float:left;color:black;}
#content2 .box1, #content2 .box2 {background:url(../images/pipe_lg_gray.gif) right center no-repeat;}


/*General Interior Page Styling*/
#content .box0, #support-content {width:710px;float:left;padding-right:20px;margin-top:20px;border-right:1px solid #c5c5c6;}
#content .inside-box1, #content .inside-box2 {width:334px;float:left;padding:0;}
#content .inside-box1 {padding-right:10px;border-right:1px solid #c5c5c6;}
/*Left Box Links*/
#content .inside-box1 li {width:167px;float:left;margin-bottom:10px;padding:5px 0 25px 0;}
#content .inside-box1 a {font-size:.85em;display:block;text-decoration:none;color:#676666;padding-left:45px;padding-top:2px;}
#content .inside-box1 a:hover {text-decoration:underline;}
#content .inside-box1 li.email {background:url(../images/sm-icon-email.gif) top left no-repeat;}
#content .inside-box1 li.video {background:url(../images/sm-icon-video.gif) top left no-repeat;}
#content .inside-box1 li.maintenance {background:url(../images/sm-icon-maint.gif) top left no-repeat;}
#content .inside-box1 li.e-commerce {background:url(../images/sm-icon-ecommerce.gif) top left no-repeat;}
#content .inside-box1 li.design {background:url(../images/sm-icon-design.gif) left top no-repeat;}
#content .inside-box1 li.hosting {background:url(../images/sm-icon-hosting.gif) top left no-repeat;}
#content .inside-box1 li.seo {background:url(../images/sm-icon-seo.gif) top left no-repeat;}
#content .inside-box1 li.geo {background:url(../images/sm-icon-geo.gif) top left no-repeat;}
#content .inside-box1 li.social {background:url(../images/sm-icon-social.gif) top left no-repeat;}


/*Right Box*/
#content .inside-box2 p.quote {display:block;font-size:.8em;color:#5b5b5b;padding-left:40px;}
#content .inside-box2 p.attribute {text-align:right;width:100%;clear:both;color:#5b5b5b;font-size:.8em;}
#content .inside-box2 p.attribute a {color:#5b5b5b;}
#content .inside-box1 h3, #content .inside-box2 h3 {font-size:1em;font-weight:bold;padding-bottom:15px;color:#45e5fd;}
#content .inside-box2 {padding-left:10px;}
#content p.quote {background:url(../images/quote-blue.gif) left top no-repeat;}

/*General Text Styles*/
#content h2 {font-size:1.5em;font-weight:bold;color:#45e5fd;margin-bottom:10px;}
#content .box0 h3 {font-size:1.2em;font-weight:bold;padding-bottom:15px;}
#content h3 a {color:black;}
#content h4 {font-size:1.1em;font-weight:bold;padding:20px 0;}
#content p {line-height:1.5em;padding-bottom:15px;font-size:.9em;}
#content p.last {border-bottom:1px solid #c5c5c6; margin-bottom:20px;}
#content p.no-pad {padding:0;}
#content ol {list-style:decimal;padding-left:40px;width:95%;padding-bottom:15px;font-size:.9em;}
#content small {font-size:.6em;}
#content p.breadcrumb {font-size:.7em;color:red;}
#content p.breadcrumb a {color:#999;}

/*Form Styles*/
#content form {width:300px;}
#content label {width:100%;float:left;padding-bottom:10px;color:#666;font-weight:bold;}
#content input,#content textarea {width:250px;float:left;margin-bottom:10px;padding:5px;border:1px solid #ccc;}
#content select {width:100px;border:solid 1px #ccc;margin-bottom:10px;float:left;}
#content input#custom_comments {height:75px;}
#content input.btn {width:75px;background:white;}
#content form img {float:left;margin-bottom:10px;}
#content form p {color:#666;}
#content select {margin-bottom:10px;}
/*Proposal Page*/
#content .box h2 {padding:10px 0;}
#content .box form {width:100%;}
#content .box form .left {width:47%;float:left;}
#content .box form .right {width:50%;float:left;}
#content .box form p {float:left;margin-right:10px;}
#content .box input {width:300px;margin-bottom:30px;}
#content .box input.radio {width:20px;margin-bottom:30px;}
#content .box input.btn {width:100px;}
#content .box select {width:200px;margin-bottom:30px;}
#content .box textarea {width:90%;margin-bottom:30px;height:150px;}

/*Packages*/
#content .package {width:28%;float:left;margin-right:10px;border:1px solid #ccc;padding:0 10px;text-align:center;}
#content .package h4 {color:#fc3838;font-weight:bold;}
#content .package p {font-size:.85em;}
#content .package .price {color:#45e5fd;font-weight:bold;}

/*Client Page*/
.Clients #content .box0 {width:100%;border:none;padding-right:0;}
.Clients #content .box0 .project {width:300px;float:left;margin:0 20px 20px 0;}
.Clients #content .box0 .project p {font-size:.8em;text-align:center;line-height:1.2em;}
.Clients #content .box0 img {margin-right:3px;border:1px solid #ccc;margin-bottom:5px;}
.Clients #contnet .box0 img.last {margin-right:0;}
.Clients #content .box0 .clients .client-left {width:50%;float:left;}
.Clients #content .box0 .clients .client-right {width:50%;float:left;}
.Clients #content .box0 .clients a {display:block;color:#666;padding:5px 0;}

/*Real Estate Calculator*/
#calculator {margin:0 auto;width:50%;border:1px #ccc solid;padding:20px;margin-bottom:20px;}
#calculator h3 {color:#45e5fd;}
.gray {font-weight:bold;color:#616161;}
.red {color:red;}
#fees label {font-weight:bold;width:150px;}
#fees input {width:150px;padding:3px;margin-bottom:5px;border:1px solid #ccc;}
#fees select {width:156px;padding:3px;margin-bottom:5px;border:1px solid #ccc;}
#fees input.btn {width:75px;font-family:Arial, Helvetica, sans-serif;font-size:.8em;margin-top:5px;float:right;}
#fees {margin-bottom:20px;}
#results {border:1px dashed #ccc;text-align:center;padding:10px;width:60%;margin:0 auto;}

/*Video Page*/
.video {float:left;width:50%;text-align:center;}
.caption {font-weight:bold;}

/*Web Services, Internet Marketing*/
.web-services #content .box0, .marketing #content .box0 {width:100%;border:none;padding-right:0;}
.web-services #content .box0 div {width:170px;padding:0 10px;float:left;border-right:1px solid #ccc;height:250px;margin-top:20px;}
.marketing #content .box0 div {width:220px;padding:0 10px;float:left;border-right:1px solid #ccc;height:200px;margin-top:20px;}
.web-services #content .box0 div.first, .marketing #content .box0 div.first {padding-left:0px;}
.web-services #content .box0 div.last, .marketing #content .box0 div.last {padding-right:0px;border-right:0;}
.web-services #content .box0 div p, .marketing #content .box0 div p {font-size:.85em;line-height:1.2em;color:#666;}
.web-services #content .box0 div a, .marketing #content .box0 div a {font-size:.85em;line-height:1.2em;font-weight:bold;display:block;text-align:right;color:#45e5fd;padding:10px;text-decoration:none;}
.web-services #content .box0 h3, .marketing #content .box0 h3 {font-size:1.1em;font-weight:bold;line-height:1.2em;color:#666;}
.web-services #content .box0 div a.web-design {background:url(../images/sm-icon-design.gif) 35px top no-repeat;}
.web-services #content .box0 div a.hosting {background:url(../images/sm-icon-hosting.gif) 35px top no-repeat;}
.web-services #content .box0 div a.maintenance {background:url(../images/sm-icon-maint.gif) 35px top no-repeat;}
.web-services #content .box0 div a.e-commerce {background:url(../images/sm-icon-ecommerce.gif) 35px top no-repeat;}
.web-services #content .box0 div a.video {background:url(../images/sm-icon-video.gif) 65px top no-repeat;display:block;width:100%;}
.marketing #content .box0 div a.geo {background:url(../images/sm-icon-geo.gif) 90px top no-repeat;}
.marketing #content .box0 div a.seo {background:url(../images/sm-icon-seo.gif) 85px top no-repeat;}
.marketing #content .box0 div a.email {background:url(../images/sm-icon-email.gif) 85px top no-repeat;}
.marketing #content .box0 div a.social {background:url(../images/sm-icon-social.gif) 85px top no-repeat;}

/*Resources Page*/
.Resources #content .box0 div {width:48%;float:left;padding-bottom:10px;}
.Resources #content .box0 div p {font-size:.9em;}
.Resources #content .box0 div img {margin-bottom:5px;}

/*News Page*/
p.read-more {text-align:right;}
p.read-more a {text-decoration:none;color:#fc3838;font-weight:bold;}

/*Web Design Page*/
.Web-Design h2 {background:url(../images/icon-web-design.gif) left top no-repeat;padding:15px 0 25px 80px;}

/*Hosting Page*/
.hosting h2 {background:url(../images/icon-hosting.gif) left top no-repeat;padding:15px 0 15px 70px;}

/*Maintenance Page*/
.maintenance h2 {background:url(../images/icon-maint.gif) left top no-repeat;padding:8px 0 15px 60px;}

/*Ecommerce Page*/
.e-commerce h2 {background:url(../images/icon-ecommerce.gif) left top no-repeat;padding:15px 0 15px 70px;}

/*Video Production*/
.video-production h2 {background:url(../images/icon-video.gif) left top no-repeat;padding:15px 0 15px 60px;}

/*Geo Targeting*/
.Geo-Targeting h2 {background:url(../images/icon-geo.gif) left top no-repeat;padding:15px 0 15px 50px;}

/*SEO*/
.seo h2 {background:url(../images/icon-seo.gif) left top no-repeat;padding:15px 0 15px 70px;}

/*Email Marketing*/
.email-marketing h2 {background:url(../images/icon-email.gif) left top no-repeat;padding:10px 0 15px 65px;}

/*Social Media*/
.social-media h2 {background:url(../images/icon-social.gif) left top no-repeat;padding:10px 0 15px 65px;}

/*Thank You Page*/
#content a.marketing {color:#45e5fd;background:url(../images/icon-email.gif) left center no-repeat;padding:15px 0px 15px 60px;display:block;width:40%;float:left;}
#content a.web {color:#45e5fd;background:url(../images/icon-web-design.gif) left center no-repeat;padding:15px 0px 15px 70px;display:block;width:40%;float:left;margin-top:-15px;}

/*Right Sidebar*/
#rt-sidebar {width:200px;float:left;padding-left:20px;padding-top:20px;}
#rt-sidebar h3 {font-size:1em;font-weight:bold;padding-bottom:15px;color:#45e5fd;}
#rt-sidebar label {width:100%;float:left;font-size:.8em;font-weight:bold;color:#616161;padding-bottom:10px;letter-spacing:1px;}
#rt-sidebar input, #rt-sidebar textarea {width:100%;margin-bottom:10px;padding:3px;background:#f8f8f9;border:1px solid #c5c5c6;}
#rt-sidebar input.btn {width:75px;}
#rt-sidebar p {color:#727277;font-size:.8em;padding-bottom:10px;line-height:1.4em;}
#rt-sidebar a {color:black;text-align:right;display:block;font-size:.8em;}
#rt-sidebar h3.user {background:url(../images/sm-icon-user.gif) left top no-repeat;padding:5px 0 15px 30px;}
#rt-sidebar h3.resources {background:url(../images/sm-icon-resources.gif) left top no-repeat;padding:5px 0 15px 40px;}
	
#footer {width:100%;background: url(../images/bg_light.png);padding:20px 0 50px;float:left;color:#666;margin-top:20px;height:100%;font-size:.7em;}
#footer a {color:#666;}
#footer .footer-block {width:170px;float:left;margin-right:10px;padding-left:10px;border-left:1px solid #aaa;margin-bottom:20px;line-height:1.5em;font-size:1em;}
#footer .footer-block a {font-weight:bold;text-decoration:none;font-size:1em;color:#666;}
#footer .footer-block ul a {font-weight:normal;font-size:.8em;}
#footer .footer-block ul a:hover{text-decoration:underline;}
#footer ul.last {padding-right:0;margin-right:0;}

/*OSTicket Support Styles*/
/*Header*/
#support-header {width:50%;padding:20px 0;float:left;}
#support-header h2, #support-header a {font-size:1.3em;font-weight:bold;color:#45e5fd;margin-bottom:10px;text-decoration:none;}
#support-header p {font-size:.9em;text-transform:uppercase;}
/*Header Navigation*/
#support-nav {width:50%;float:right;padding:10px 0 0 0;}
#support-nav li {float:right;padding:20px;}
#support-nav a {font-size:.9em;color:#666;text-decoration:none;}
#support-nav a:hover {color:#45e5fd;}
/*Content*/
#support-content {line-height:1.5em;}
#support-content h1 {font-weight:bold;font-size:1.2em;text-transform:uppercase;padding-bottom:5px;}
#support-content .lcol, #support-content .rcol {width:47%;float:left;font-size:1em;}
#support-content .lcol {padding-right:40px;}
#support-content h3 {font-weight:bold;color:#45e5fd;}
#support-content .error {color:red;}
#support-content p#infomessage {font-weight:bold;}
/*Forms*/
#support-content form table td {background:white;}
#support-content label {float:left;padding:5px 0;width:80px;font-weight:bold;color:#666;}
#support-content input, #support-content select {float:left;margin:8px 8px 8px 0;padding:3px;width:200px;border:1px solid #ccc;}
#support-content textarea {border:1px solid #ccc;}
#support-content input.button2, #support-content input.button {padding:10px;display:block;border:none;background:#666;color:white;font-weight:bold;width:120px;}
#support-content input.button2:hover, #support-content input.button:hover {color:white;background:#f6ca48;}

/*Ebook Pop Up*/
#ebook-content {padding:10px;color:#666;}
#ebook-content h2 {background-image:none;line-height:1.2em;padding:0 0 20px 0;font-size:1em;color:#666;text-align:center;}
#ebook-content form {margin:0 auto;width:350px;}
#ebook-content input {width:200px;margin:5px 0;padding:4px;border:1px solid #ccc;background:white;}
#ebook-content input.btn {width:75px;margin:0 auto;background:#666;color:white;}
#ebook-content label {width:100px;float:left;margin:5px 0;font-weight:bold;color:#666;}