@charset "utf-8";

/* HTML5 support for older browsers */

header, section, footer, aside, nav, article, figure { /* Treat new elements as block */
	display: block; }

/* Layout IDs */

#container { 
	min-width: 1200px;
	width: 100%; }

/* Header */

header { 
	width: 100%; }

	#horizontal-nav { 
		clear: right;
		margin-top: -40px; }
	
		#horizontal-nav li, #horizontal-nav ul { 
			display: inline; }
			
	#logos { }
		
		#logos #main_logo {
			margin-left: -50px; }
			
		#logos #copier {
			float: left; }
			
	#slogan {
		clear: left;
		margin-left: 20px;
		margin-bottom: 40px; }
		
	#slogan-text {
		clear: left;
		display: inline; 
		margin: auto; }

/* Footer Section */
		
footer { 
	clear: both;
	padding-top: 50px;
	width: 100%; }
	
	footer #copyright {
		font-size: 12px;
		margin: 0 auto;
		text-align: center;
		width: 700px; }

	/* For Cline's font in footer */

	footer ul, footer li {
		display: inline;
		list-style: none; }

	.rainbow-1 {
		color: #ff0000; }	
		
	.rainbow-2 {
		color: #ff9500; }	
		
	.rainbow-3 {
		color: #d9ff00; }	
		
	.rainbow-4 {
		color: #0bff00; }	

	.rainbow-5 {
		color: #00ffeb; }	

	.rainbow-6 {
		color: #007dff; }	
		
	.rainbow-7 {
		color: #0a00ff; }	
	
	footer #copyright .cities {
		color: #cccccc; }
		
/* Left Column */
		
#left-column {
	float: left; 
	margin: 0 auto;
	text-align: center;
	width: 220px; }

	#vertical-nav a {
		display: block; /* Allows user to click row instead of just the text in vertical-nav */
		text-decoration: none; }
	
		#vertical-nav a:link, #vertical-nav a:visited  {
			color: white; }
			
		#vertical-nav a:hover, #vertical-nav a:active:hover, #vertical-nav a:visited:hover  {
			color: #eba570; 
			text-decoration: none; }
		
		#vertical-nav ul li.on, #vertical-nav ul li.off, #vertical-nav ul li.off:hover {
			color: white;
			font-size: 18px;
			height: 33px;
			list-style: none;
			text-align: center;
			width: 200px; }
	
			#vertical-nav ul li.on, #vertical-nav ul li.on:hover, #vertical-nav ul li.off:hover { 
				background: url("images/vnav_on.png") no-repeat; }
				
			#vertical-nav ul li.off { 
				background: url("images/vnav_off.png") no-repeat; }
				
			#vertical-nav ul li.top { 
				background: url("images/vnav_top.png") no-repeat; 
				height: 5px;
				list-style: none; 
				width: 200px;}
			
			#vertical-nav ul li.bottom { 
				background: url("images/vnav_bottom.png") no-repeat;
				height: 16px;
				list-style: none;
				width: 200px; }
				
	#remote-support { 
		color: #009900;
		font-size: 16px;
		font-weight: bold;
		margin-left: 48px; }

	#partners { }
	
		#partners ul li {
			list-style: none; }
		
		#facebook-like-button {
			margin-top: 5px; 
			margin-left: 5px;
			position: fixed;
			z-index: 1;}
			
/* Main Content Column */			
	
#main-column { 
	float: left; 
	margin-left: 60px;
	margin-top: -40px;
	width: 70%; }
		
/* About */

	#main-column #about {
		background: url(images/backgrounds/about.png) no-repeat top center; }
		
		#main-column #aboutclines #testimonials {
			font-style: italic;
			margin: 15px; }
			
		#main-column #aboutclines #testimonials .testimonial-names {
			font-style: normal;
			font-weight: bold;
			text-indent: 30px; }
			
/* Article Comments */

	#article-comments-table {
		border-collapse: collapse;
			font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			margin: 0px 40px 0px 40px;
			width: 85%; }
		
		#article-comments-table th {
			border-bottom: 1px solid #ccc;
			color: #039;
			font-size: 14px;
			font-weight: normal;
			padding: 10px 8px;
			text-align: left;
			vertical-align: top; }
		
		#article-comments-table td {
			border-bottom: 1px solid #ccc;
			color: #669;
			font-size: 12px;
			padding: 6px 8px; 
			vertical-align: top; }
	
		#article-comments-table tr:hover {
			/* RGBa */
			background: rgba(238, 238, 238, 0.6);
			/* For IE 5.5 - 7*/
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
			/* For IE 8*/
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; }
					
/* Ask For Quote */

	#askforquote-table #supplies {
		background: url(images/backgrounds/service.png) no-repeat top center; }
		
		#askforquote-table {
			border-collapse: collapse;
			font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			margin: 0px 40px 0px 40px;
			text-align: left;
			width: 70%; }
		
		#askforquote-table th {
			border-bottom: 1px solid #ccc;
			color: #039;
			font-size: 14px;
			font-weight: normal;
			padding: 10px 8px;
			text-align: left;
			vertical-align: top; }
		
		#askforquote-table td {
			border-bottom: 1px solid #ccc;
			color: #669;
			font-size: 12px;
			padding: 6px 8px; 
			text-align: right;
			vertical-align: top; }
	
		#askforquote-table tr:hover {
			/* RGBa */
			background: rgba(238, 238, 238, 0.6);
			/* For IE 5.5 - 7*/
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
			/* For IE 8*/
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; }	
			
/* Contact Us */
		
	#main-column #contactus {
		background: url(images/backgrounds/contact.png) no-repeat top center; }
		
		#main-column #contactus #social-media {
			margin: auto;
			text-align: center;
			width: 60%; }
		
			#main-column #contactus #social-media #facebook {
				float: left;
				margin: auto;
				text-align: center;
				width: 50%; }
				
			#main-column #contactus #social-media #twitter {
				float: right;
				margin: auto;
				text-align: center;
				width: 50%; }
				
		#main-column #contactus #google-places {
			margin: auto;
			text-align: center;
			width: 30%; }
			
		#main-column #contactus #google-maps { }
		
		#main-column #contactus #emails {
			margin: auto;
			text-align: center;
			width: 40%; }
			
			#main-column #contactus #emails #jd {
				float: left;
				margin: auto;
				text-align: center;
				width: 50%; }
				
			#main-column #contactus #emails #jamie {
				float: right;
				margin: auto;
				text-align: center;
				width: 50%; }
			
			#main-column #contactus #emails #johnny {
				margin: auto;
				margin-top: 30px;
				text-align: center;
				width: 100%; }
			
/* Downloads */

		#downloads #download-links p {
			text-indent: 25px; }
		
		#downloads .thumbnail {
			position: relative;
			z-index: 0; }
		
		#downloads .thumbnail:hover {
			background-color: transparent;
			z-index: 50; }
		
		#downloads .thumbnail span {
/*			background-color: #ffffff;*/
			border: 1px dashed #dddddd;
			padding: 5px;
			left: -1000px;
			position: absolute;
			text-decoration: none;
			visibility: hidden; }
		
		#downloads .thumbnail span img {
			border-width: 0;
			padding: 2px; }
		
		#downloads .thumbnail:hover span {
			left: 60px;
			top: 0;
			visibility: visible; }

		.downloads-table {
			border-collapse: collapse;
			font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			margin: 0px 40px 0px 40px;
			text-align: left;
			width: 75%; }
		
		.downloads-table th {
			border-bottom: 2px solid #6678b1; 
			color: #039;
			font-size: 14px;
			font-weight: normal;
			padding: 10px 8px; }
		
		.downloads-table td {
			border-bottom: 1px solid #ccc;
			color: #669;
			font-size: 12px;
			font-weight: normal;
			padding: 6px 8px; }
	
		.downloads-table tr:hover {
			background-color: #eeeeee; }

/* IT Support */

		#it-support-table {
			border-collapse: collapse;
			margin: 0px 40px 0px 40px;
			text-align: left;
			width: 60%; }
					
		#it-support-table th {
			border-bottom: 2px solid #6678b1; 
			color: #039;
			padding: 10px 8px; }
		
		#it-support-table td {
			border-bottom: 1px solid #ccc;
			color: #669;
			padding: 6px 8px;
			text-indent: 25px; }
	
		#it-support-table tr:hover {
			background-color: #eeeeee; }
			
		#it-support-services {
			margin: auto;
			width: 90%; }
				
/* Mailer */			

	#mailer {
		margin-left: auto;
		margin-right: auto;
		margin-top: 45px;
		text-align: center; 
		width: 50%; }

/* Main */

	#main-column #main {
		background: url(images/backgrounds/main.png) no-repeat top center; }
		
	#main-column #main #article-tag-filtering a {
		background-color: #efefef;
		display: inline;
		float: right;
		margin: 5px; }
		
	#main-column #main .managers-list {
		list-style: none; }
		
		article {
			overflow: hidden; }
				
		article .article-info-list {
			color: #aaaaaa;
			display: inline;
			float: right;
			font-size: 12px;
			list-style: none;
			vertical-align: bottom; }
			
		article .article-info-item {
			color: #aaaaaa;
			font-size: 12px;
			list-style: none;
			margin: -35px auto auto auto; }
			
		article .article-links-list {
			color: #aaaaaa;
			display: inline;
			float: left;
			font-size: 12px;
			list-style: none;
			vertical-align: bottom; }			

		article .article-link { 				
			color: #aaaaaa;
			display: block;
			float: left;
			font-size: 10px;
			list-style: none; }
			
		article .title {
			display: inline;
			float: left; }	
			
			
		article p {
			text-align: justify;
			text-indent: 1em; }

	#main-column #postcard-referrer {
		background-color: #dddddd;
		border: 1px dashed;
		border-radius: 15px;
		margin: 20px auto;
		padding: 10px;
		text-align: center; 
		width: 60%; }
			
/* Newsletter */
		
		#newsletter-subscribe-table {
			border-collapse: collapse;
			font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			margin: 20px 0px 0px 40px;
			width: 50%; }
		
		#newsletter-subscribe-table th {
			border-bottom: 1px solid #ccc;
			color: #039;
			font-size: 14px;
			font-weight: normal;
			padding: 10px 8px; 
			text-align: right; }
		
		#newsletter-subscribe-table td {
			border-bottom: 1px solid #ccc;
			color: #669;
			font-size: 12px;
			padding: 6px 8px; }
	
		#newsletter-subscribe-table tr:hover {
			background-color: #eeeeee; }
			
/* PC Support Packages */

		#pcsupportpackage-pricing {
			background-color: #ffff8b;
			border: 1px dashed #cccccc;
			border-radius: 15px;
			font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			font-size: 18px;
			margin: auto;
			min-width: 425px;
			padding: 5px 0px;
			text-align: center;
			width: 40%; }

/* Products */
			
		#product-table {
			border-collapse: collapse;
			font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			margin: 0px 40px 0px 40px;
			text-align: left;
			width: 60%; }
		
		#product-table th {
			border-bottom: 2px solid #6678b1; 
			color: #039;
			font-size: 14px;
			font-weight: normal;
			padding: 10px 8px; }
		
		#product-table td {
			border-bottom: 1px solid #ccc;
			color: #669;
			font-size: 12px;
			padding: 6px 8px; }
	
		#product-table tr:hover {
			background-color: #eeeeee; }
			
/* Products Info */
			
		#product-info-table {
			border-collapse: collapse;
			font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			margin: 0px 40px 0px 40px;
			text-align: left;
			width: 80%; }
		
		#product-info-table th {
			border-bottom: 2px solid #6678b1; 
			color: #039;
			font-size: 14px;
			font-weight: normal;
			padding: 10px 8px; }
		
		#product-info-table td {
			border-bottom: 1px solid #ccc;
			color: #669;
			font-size: 12px;
			padding: 6px 8px; 
			text-align: center; }
	
		#product-info-table tr:hover {
			background-color: #eeeeee; }

/* Service */				
				
	#main-column #service {
		background: url(images/backgrounds/service.png) no-repeat top center; }
		
		#service-request-table {
			border-collapse: collapse;
			font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			margin: 0px 40px 0px 40px;
			text-align: left;
			width: 60%; }
		
		#service-request-table th {
			border-bottom: 1px solid #ccc;
			color: #039;
			font-size: 14px;
			font-weight: normal;
			padding: 10px 8px; }
		
		#service-request-table td {
			border-bottom: 1px solid #ccc;
			color: #669;
			font-size: 12px;
			padding: 6px 8px; 
			text-align: left; }
	
		#service-request-table tr:hover {
			/* RGBa */
			background: rgba(238, 238, 238, 0.6);
			/* For IE 5.5 - 7*/
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
			/* For IE 8*/
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; }
			
/* Supplies */				
				
	#main-column #supplies {
		background: url(images/backgrounds/service.png) no-repeat top center; }
		
		#supplies-request-table {
			border-collapse: collapse;
			font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			margin: 0px 40px 0px 40px;
			text-align: left;
			width: 60%; }
		
		#supplies-request-table th {
			border-bottom: 1px solid #ccc;
			color: #039;
			font-size: 14px;
			font-weight: normal;
			padding: 10px 8px; }
		
		#supplies-request-table td {
			border-bottom: 1px solid #ccc;
			color: #669;
			font-size: 12px;
			padding: 6px 8px; 
			text-align: left; }
	
		#supplies-request-table tr:hover {
			/* RGBa */
			background: rgba(238, 238, 238, 0.6);
			/* For IE 5.5 - 7*/
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
			/* For IE 8*/
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; }		
	
/*Common Styles*/

::selection { /* Selection Background Color */
	background: #069; 
	color: #ffffff; }

::-moz-selection { /* Selection Background Color for Mozilla */
	background:#069; 
	color: #ffffff; }

a:link, a:visited, a:active { 
	color: #0000ff; }
	
a:hover, a:active:hover, a:visited:hover { 
	color: #eba570; }

body { 
	background: url(images/runner.png) fixed repeat-y right;
	border: 0;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	padding: 0;
	line-height: 22px; 
	margin: 0; }
	
blockquote {
	background-color: rgb(245,245,245);
	background-image: url(images/blockquote-open.png), url(images/blockquote-close.png);
	background-position: top left, bottom right;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, italic;
	font-style: italic;
	overflow: hidden;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;
	position: relative; }
 
blockquote:before {
    width: 2px;
    content: " ";
    display: block;
    position: absolute;
    top: 1px;
	left: -1px;
    bottom: 0px;
    margin-bottom: -1px;
    background: url(images/blockquote-pattern.png) repeat-y 0 0; }
	
h1, h2, h3, h4 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-weight: normal; }
	
.title a:hover {
	color: #000000; }
	
h1 {
	font-size: 24px; }

h2 {
	font-size: 20px; }

h3 {
	font-size: 16px; }
	
h4 {
	font-size: 14px; }

/* Facebook iframe */
iframe {
	border: none;
	height:62px; 
	overflow: hidden;
	width: 47px; }

img { 
	border: 0; } /* Eliminates blue link borders */
	
input[type=submit], input[type=radio], input[type=checkbox], select { /* Changes to pointer cursor on all links and clickables */
	cursor: pointer; }
	
input, textarea, select {
	border: 1px solid #444444; }

input:hover, textarea:hover, select:hover {
	/* RGBa */
	background: rgba(238, 238, 238, 0.6);
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99eeeeee, endColorstr=#99eeeeee);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99eeeeee, endColorstr=#99eeeeee)";
	/* Highlighted borders */
	box-shadow: 0 0 5px #007eff; 
	-moz-box-shadow: 0 0 5px #007eff;
	-webkit-box-shadow: 0 0 6px #007eff; }
	
m {
	background: #ffff8b; }
	
/*Custom Styles*/

.article-odd {
	background-color: rgba(238,238,238,0.6); 
	border: 1px dashed #777777;
	border-radius: 15px;
	padding: 15px; }
	
.article-even {
	border: 1px dashed #777777;
	border-radius: 15px;
	padding: 15px; }

.block-center {
	background-color: #dddddd;
	border: 1px dashed #777777;
	border-radius: 15px;
	display: block;
	margin: 25px auto;
	padding: 15px; 
	text-align: center; }
	
.block-right {
	background-color: #dddddd;
	border: 1px dashed #777777;
	border-radius: 15px;
	float: right;
	margin: 25px;
	padding: 15px; }
	
.block-left {
	background-color: #dddddd;
	border: 1px dashed #777777;
	border-radius: 15px;
	float: left;
	margin: 25px;
	padding: 15px; }
	
	.block-right img, .block-left img, .block-center img {
		padding: 4px; }

.clear { 
	clear: both;
	font-size: 0px;
	height: 0px;
	line-height: 0px;
	width: 0px; }
	
.float-left {
	float: left; }
	
.float-right {
	float: right; }
	
.it-pricing {
	background-color: #ffff8b;
	border: 1px dashed #cccccc;
	float: right;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-size: 18px;
	margin: 0px 10px;
	padding: 5px 0px;
	text-align: center;
	width: 10%; }
	
.it-services {
	display: inline;
	float: left;
	margin: auto;
	width: 80% }	
	
.left-align {
	text-align: left; }
	
.red-text {
	color: #ff0000; }
	
.remote-form {
	height: 24px;
	margin: 5px 2px auto auto;
	text-align: center;
	width: 150px; }
		
.remote-form-in-use {
	font-size: 20px;
	font-weight: bold;
	height: 24px;
	margin: 5px 2px auto auto;
	text-align: center;
	width: 150px; }

.right-align {
	text-align: right; }
			
.subtle-text {
	font-size: 80%;
	color: #cccccc; }