/* -------------------------------------
/*  Keystone Partners
	Created by AtHomeNet
	UPDATED: 6.11.2013
/* -------------------------------------*/


/* -------------------------------------
/*  Reset Values
/* -------------------------------------*/

*/
* {padding: 0; margin: 0;}

html,body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin:0;padding:0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-size:1em;font-weight:normal;font-style:normal; }
body { line-height:1; } 
blockquote, q { quotes:none; } 
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } 
:focus { outline: 0; } 
fieldset,img { border:none; }
caption,th { text-align:left; }
table { border-collapse:collapse; border-spacing: 0; }
ins { text-decoration:none; } 
del { text-decoration:line-through; }



/* 
   HTML and Body Styling
------------------------------------------------------------------- */
body {margin:0 auto;line-height:1em;width:100%;}
body {background:#e5e5e5 url(images/body-bg.jpg) repeat-x top left;}

/* background border */
.background_pic_border{max-width:1990px;position:absolute;top:0;width:100%;text-align:center;z-index:-1;overflow:hidden;}
	
/* background image holder */
.background_pic_holder{margin:0 auto 0 auto;max-width:1990px;min-width:980px;width:100%;overflow:hidden;max-height:600px;text-align:center;z-index:2;} 

/* background image magin */
.background_pic_holder img{ margin:0 auto;}  

/* background curv image */	
.back-curv{background:url(images/back-curv.png) center top no-repeat;height:452px;width:100%;position:relative;z-index:99;top:-280px;min-width:980px;z-index:3;}



/* 
   Floats and Clears 
------------------------------------------------------------------- */
.left {float:left;}
.right {float:right;}
.clear {clear:both;height:0px;font-size:0px;line-height:0px; }
.clearer {clear:both;display: block;font-size:0;line-height:0;}
.clearFix:after {content: ".";display: block;height:0;clear:both;visibility:hidden;}



/* 
   Typography Baseline Values
------------------------------------------------------------------- */
body,p,table,td,th,ul,ol,textarea,input { font-family: 'Open Sans', sans-serif; }
h1,h2,h3,h4,h5,h6 {font-family: 'Open Sans', sans-serif;}

h1 {font-family: 'Archivo Narrow', sans-serif;font-weight:700;font-size:28px;color:#0056a3;margin-top:0px;margin-bottom:10px;line-height:100%;}
h2 {font-family: 'Open Sans', sans-serif;font-weight:300;font-size:20px;color:#333;margin-top:10px;margin-bottom:15px;line-height:100%;}
h3 {font-family: 'Open Sans', sans-serif;font-weight:300;font-size:18px;color:#0056a3;margin-bottom:10px;line-height:100%;}
h4 {font-family: 'Open Sans', sans-serif;font-size:16px;color:#333;font-weight:600;}
h5 {font-family: 'Open Sans', sans-serif;font-size:14px;font-weight:300;color:#000;}
h6 {font-family: 'Open Sans', sans-serif;font-size:12px;font-weight:300;color:#0056a3;}
h4, h5, h6 {margin-top:5px;margin-bottom:10px;line-height:100%;}
h1,h2,h3,h4,h5,h6 {background-color:transparent;text-align:left;}

p { font-size:12px;margin-bottom:15px;text-align:left;color:#333;letter-spacing:0px;line-height:18px;font-weight:300; }
p.intro { font-weight:800; }
p.colored { font-weight:400;background:#ececec;padding:5px;color:#ff2408;line-height:18px;margin-left:25px;border-left:2px #ccc solid;border-right:2px #ccc solid;width:90%;margin-bottom:25px;}
.bold {font-weight:800;}

em, i { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }
abbr { border: 0; }
ul { margin-bottom: 18px; }
ol { margin-bottom: 18px; margin-left: 2.2em; }
ul.square,
ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }



/* 
   Default Values
------------------------------------------------------------------- */
a:link {color: #0056a3;text-decoration:none;font-weight:600;}
a:visited {color: #0056a3;text-decoration:underline;font-weight:600;}
a:focus {color: #0056a3;text-decoration:underline;font-weight:600;}
a:active {color: #0056a3;text-decoration:underline;font-weight:600;}
a:hover {color: #333;text-decoration:underline;font-weight:600;}



/* 
   Layout Structure Elements 
------------------------------------------------------------------- */
#keystone-wrapper {width:1024px;background:transparent;height:100%;padding-top:20px;}
#keystone-header {width:1024px;height:146px;background:transparent url(images/header-bg.png) no-repeat top left;}
#keystone-nav-bar {width:1024px;background:#272727;height:35px;margin:0 auto;}
#keystone-content {width:1024px;height:auto;text-align:left;background:transparent;min-height:600px;margin:0 auto;}
#keystone-page {width:1004px;padding:10px;height:auto;text-align:left;background:#fff;min-height:600px;float:left;}
#keystone-footer {width:1024px;height:422px;background:transparent;margin-top:20px;margin:0 auto;}


/* 
   Header Elements
------------------------------------------------------------------- */
.keystone-logo {margin:40px 0 0 20px;float:left;;height:88px;width:446px;background:transparent;padding:0;z-index:1;}
.keystone-tagline {margin:0 auto;height:auto;width:446px;background:transparent;padding:0 0 5px 0;z-index:1;}
.keystone-tagline h1 {color:#fff;text-align:center;font-size:12px;font-weight:300;}


/* 
   Centered Horizontal Nav Menu CSS
------------------------------------------------------------------- */

/* Below are the controls you will need to over-write Classic CSS */
div#listmenu {background-color:transparent;font-family: 'Carrois Gothic SC', sans-serif;border:0;padding-top:5px;}
div#listmenu ul {text-align:center;list-style-type:none;margin-top:0.313em;padding-left:0;}
div#listmenu li {float:none;display:inline;background-color:transparent;border-right:0;border-left:0;}
div#listmenu li:first-child {border-left:0;}
div#listmenu li:hover {background-color:transparent;border:0;}
span.spacer:hover {background-color:transparent;border:0;}

/* This is Over Writing the Classic CSS which makes this a Block Element, We might need to fix Classic CSS but for now this will work */
div#listmenu a, div#listmenu .text-menu-item {display:inline;}


/* All Links and States Must be Observed */
/* Colors, Fonts, Padding can all chnage depneding on Website Layout */
div#listmenu a:link, div#listmenu a:visited, div#listmenu a:focus {padding:5px 7px;text-decoration:none;color:#fff;font-weight:300;text-transform:uppercase;font-family: 'Carrois Gothic SC', sans-serif;font-size:14px;}
div#listmenu a:hover {color:#97c4ec;}


/* Drop Down Controls */
/* Be Wary of the Negative Left Margin Here */
div#listmenu ul li ul {text-align:left;margin:5px 0 0 -0.063em;}
div#listmenu ul li ul li {float:left;background:transparent url(images/transparent-black-90.png) repeat top left;width:200px;padding:7px 5px;border:0;margin:0;}
div#listmenu ul li ul li:hover {background:transparent url(images/transparent-black-90.png) repeat 0 0;border-bottom:0px #bbae91 solid;}
div#listmenu ul li ul li:first-child {border-top:0px #bbae91 solid;}

/* Again All links and States Must Be Observed */
/* Colors, Fonts, Padding can all chnage depneding on Website Layout */
div#listmenu ul li ul li a:link, div#listmenu ul li ul li a:visited, div#listmenu ul li ul li a:focus {color:#fff;font-weight:300;font-size:11px;}
div#listmenu ul li ul li a:hover {color:#97c4ec;}


/*
   Hero Image + Deck Lines
------------------------------------------------------------------- */
#keystone-hero {background:transparent url(images/hero-image.jpg) no-repeat top left;width:1024px;height:321px;}
.keystone-deck {background:transparent url(images/transparent-white-60.png) repeat top left;width:1024px;height:55px;margin:266px 0 0 0;float:left;}
.keystone-deck p.deck-text {text-align:center;color:#012b50;font-weight:600;padding-top:15px;font-size:20px;}
.keystone-deck p.deck-text a:link, .keystone-deck p.deck-text a:visited, .keystone-deck p.deck-text a:focus {color:#012b50;}
.keystone-deck p.deck-text a:hover {color:#333;}






/*
   Content Controls
------------------------------------------------------------------- */
#keystone-content {text-align:left;}
#keystone-content img.arrow-pad {padding-bottom:5px;}

/* UL or OL List in Content Areas */
#keystone-content ul {list-style:disc;}
#keystone-content ul li {text-align:left;padding-bottom:8px;font-size:12px;}

/* Block Quote */
#keystone-content blockquote {margin:1.6em 0 1em 1em;float:right;width:300px;text-align:right;color:#666;border-left:2px #0056a3 solid;}
#keystone-content p.quoteBody {margin:0;color:#666;font-size:1.6em;}	
#keystone-content p.quoteCite {font-weight:600;text-align:right;}


/* Definition List */
dl {margin-bottom:2em;margin-top:25px;}
dt {padding:5px 8px;}
dd {padding:5px 8px;}
dt {background:transparent;border-bottom: 1px solid #ccc;}
dt {color:#333;font-weight:800;font-size:14px;text-align:left;}
dd {background:transparent;padding-left:16px;}
dd {color:#555;font-size:12px;text-align:left;}




/* 
   Home Page Elements
------------------------------------------------------------------- */

/* Hero Image and Links */
.hp-slider-shadow {width:984px;height:38px;clear:both;margin-bottom:1px;background:transparent url(images/slider-shadow.png) no-repeat top left;}
#fader{width:1000px;height:400px;top:100px;overflow:hidden;float:left;}
.pics { height:400px;width:1000px;padding:0;margin:0; } 
.pics img { width:1000px;height:400px;top:0;left:0 } 


/* Intro Text Area */
.keystone-intro {float:left;width:520px;height:auto;overflow:auto;min-height:300px;}


/* H3 Title Tags */
h3.title-tag {color:#0056a3;font-size:3em;clear:both;width:100%;text-transform:uppercase;}


/* Promo Spots */
#keystone-promos {float:left;width:448px;height:auto;margin-left:25px;}
.promo {width:448px;height:160px;padding-left:3px;padding-top:3px;} 
.promo h3 {color:#0056a3;font-size:18px;font-family: 'Open Sans', sans-serif;margin-bottom:1px;font-weight:300;}
.promo p {width:60%;}

.promobtn {display:block;width:147px;height:34px;background: url('images/promo-btn-request-more-info.png') bottom;text-indent: -99999px;}
.promobtn:hover {background-position: 0 0;}

.promobtn-2 {display:block;width:147px;height:34px;background: url('images/promo-btn-payments.png') bottom;text-indent: -99999px;}
.promobtn-2:hover {background-position: 0 0;}

.promobtn-3 {display:block;width:147px;height:34px;background: url('images/promo-btn-services.png') bottom;text-indent: -99999px;}
.promobtn-3:hover {background-position: 0 0;}



.one {background:transparent url(images/request-info-promo-img.png) no-repeat top right;}
.two {background:transparent url(images/online-payments-promo-img.png) no-repeat top right;margin-top:10px;border-top:#eee 1px solid;}
.three {background:transparent url(images/services-promo-img.png) no-repeat top right;margin-top:10px;border-top:#eee 1px solid;}


/* 3 Circle Hover effects */
.ch-grid {margin:20px 0 0 0;padding:0;list-style:none;display:block;text-align:center;width:100%;}
.ch-grid:after,
.ch-item:before {content: '';display: table;}
.ch-grid:after {clear: both;}
.ch-grid li {width:245px;height:245px;display:inline-block;margin:30px;}
.ch-item {width: 100%;height: 100%;border-radius: 50%;position: relative;cursor: default;
	box-shadow: 
		inset 0 0 0 0 rgba(200,95,66, 0.4),
		inset 0 0 0 16px rgba(255,255,255,0.6),
		0 1px 2px rgba(0,0,0,0.1);
		
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}

.ch-img-1 { background-image: url(images/4.jpg);}
.ch-img-2 { background-image: url(images/5.jpg);}
.ch-img-3 { background-image: url(images/6.jpg);}

.ch-info {position: absolute;width: 100%;height: 100%;border-radius: 50%;opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	-webkit-backface-visibility: hidden; /*for a smooth font */}

.ch-info h3 {color:#333;text-transform:uppercase;position:relative;letter-spacing:2px;font-size:22px;margin:0 auto;padding:85px 0 0 0;height:110px;font-family: 'Open Sans', Arial, sans-serif;text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3);width:240px;}
.ch-info h3.left {text-align:center}
.ch-info p {color: #fff;padding: 10px 5px;font-style: italic;margin: 0 30px;font-size: 12px;border-top: 1px solid rgba(255,255,255,0.5);}
.ch-info p a {display: block;color: #fff;color: rgba(255,255,255,0.7);font-style: normal;font-weight: 700;text-transform: uppercase;font-size: 9px;letter-spacing: 1px;padding-top: 4px;font-family: 'Open Sans', Arial, sans-serif;}
.ch-info p a:hover {color: #fff222;color: rgba(255,242,34, 0.8);}
.ch-item:hover {box-shadow: inset 0 0 0 110px rgba(231,234,223, 0.4),inset 0 0 0 16px rgba(255,255,255,0.8),0 1px 2px rgba(0,0,0,0.1);}
.ch-item:hover .ch-info {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);	}

.ch-item-txt {text-align:center;background:transparent url(images/ch-item-shadow.png) no-repeat top center;}
.ch-item-txt h4 {text-align:center;padding-top:40px;color:#0056a3;font-weight:300;font-size:24px;}
.ch-item-txt p {text-align:center;}
.ch-item-txt p a:link {font-weight:300;font-size:1.2em;}


/* Accent Divider */
.keystone-accent-divider {background:transparent url(images/accent-divider.png) repeat-x top right;width:1000px;height:6px;margin-top:35px;}



/* Why Choose Us Box */
.keystone-why-choose-us {background:transparent url(images/why-choose-us-box-bg.png) no-repeat top right;width:1004px;height:auto;min-height:327px;margin-top:15px;margin-right:10px;}
.keystone-why-choose-us h3 {color:#0056a3;font-size:3em;}
.keystone-why-choose-us p {width:70%;}
.keystone-why-choose-us ul {width:80%;}
.keystone-why-choose-us ul li {}
.keystone-why-choose-us ul {display:block;list-style:square;}
.keystone-why-choose-us ul li {text-align:left;margin-left:20px;font-size:0.87em;color:#333;line-height:22px;font-weight:600;}
.keystone-why-choose-us ul li a:link, .keystone-why-choose-us ul li a:visited, .keystone-why-choose-us ul li a:focus {font-size:0.87em;text-decoration:underline;}
.keystone-why-choose-us ul li a:hover {color:#666;font-size:0.87em;text-decoration:none;}
.keystone-why-choose-us ol {display:block;}
.keystone-why-choose-us ol li {text-align:left;margin-left:20px;font-size:0.82em;color:#333;line-height:22px;font-style:italic;}
.keystone-why-choose-us ol li a:link, .keystone-why-choose-us ol li a:visited, .keystone-why-choose-us ol li a:focus {font-size:0.87em;text-decoration:underline;}
.keystone-why-choose-us ol li a:hover {color:#666;font-size:0.87em;text-decoration:none;}
.keystone-why-choose-us .choose-us-action {margin:1px 1px 1px 125px;float:left;width:80%;}
.keystone-why-choose-us div.choose-us-action a:link, div.keystone-why-choose-us .choose-us-action a:visited, div.keystone-why-choose-us .choose-us-action a:focus {color:#0056a3;font-weight:800;}
.keystone-why-choose-us div.choose-us-action a:hover {color:#666;}


/* Client Testimonials */
.keystone-client-testimonials {background:transparent;margin-top:25px;width:48%;float:left;}
p.keystone-quote-text {font-weight:300;font-size:0.87em;color:#0056a3;line-height:21px;font-family: 'Open Sans', sans-serif;}
p.keystone-quote-client {font-weight:600;font-size:1em;color:#666;float:right;padding-right:20px;font-family: 'Open Sans', sans-serif;}
span.quotes {font-weight:600;font-size:26px;color:#666;font-family:"Times New Roman",Georgia,Serif;}
.mg-left {margin-left:30px;}




/* 
   Individual Page Elements
------------------------------------------------------------------- */





/* 
   CTA Buttons
------------------------------------------------------------------- */
a.request-btn {text-decoration:none;color:#fff;background-color:#232647;padding:7px;text-transform:uppercase;font-size:.97em;font-weight:600;letter-spacing:0.16em;text-align:center;border:0;-webkit-border-radius: 5px;border-radius: 5px; }
a.request-btn a:link {color:#fff;}
a.request-btn:hover {color:#fff;background-color:#333;border:0;}




/* 
   Request a Proposal Elements
------------------------------------------------------------------- */
.eformfree {}
.eformfree {margin:1px 5px 5px 10px;padding:5px;width:96%;height:auto;}
.eformfree table {border-collapse:collapse;border-spacing:0pt;}
.eformfree th {border:none;font-size:0.77em;padding:5px 5px 5px 5px;line-height: 1.0;color:#2485d4;} 
.eformfree td {border-top:0;border-right:0;border-bottom:0;border-left:0;font-size:0.77em;padding:3px;line-height:1.0;}
.eformfree .padheight {padding-bottom:10px;border:0px;}
.eformfree input {border:1px #ccc solid;padding:5px;}
.eformfree select {border:1px solid #ccc;background-color:#dddddd;padding:5px;width:365px;}
.eformfree td.line-height {letter-spacing:0px;color:#444;border-top:#ccc 1px dotted;border-bottom:#ccc 1px dotted;}
.eformfree .formField {margin-top:3px;border:3px #ccc solid;}
.eformfree .checkbox {font-weight:300;}
.eformfree .submitButton {font-size:1.1em;border:3px solid #ccc;background-color:#2485d4;padding:5px 12px;color:#fff;float:right;margin-right:5px;}
.eformfree .submitButton:hover {background-color:#2485d4;cursor:pointer;cursor:hand;}
.eformfree p.register-intro {color:#333;font-size:1.0em;}



/* 
   Content Bottom BG
------------------------------------------------------------------- */
.keystone-bottom-content-bg {width:1024px;height:54px;margin-bottom:20px;background:transparent;}



/* 
   Footer Elements
------------------------------------------------------------------- */
#keystone-footer .footer-content p, p.col-1, p.col-2, p.col-3 {color:#333;font-size:11px;line-height:110%;text-align:center;margin-bottom:5px;width:100%;}
#keystone-footer .footer-content p.col-3 {color:#333;}
#keystone-footer .footer-content p.col-1 {padding-top:50px;}
#keystone-footer .footer-content p.col-2 {padding-top:20px;}
#keystone-footer .footer-content p.col-3 {padding-top:30px;font-size:10px;}
#keystone-footer .footer-content strong {font-weight:800;}
#keystone-footer .footer-content a:link, #keystone-footer .footer-content a:visited, #keystone-footer .footer-content a:focus {color:#333;font-weight:normal;}
#keystone-footer .footer-content a:hover {color:#666;}
#keystone-footer .footer-content p.col-3 a:link, #keystone-footer .footer-content p.col-3 a:visited, #keystone-footer .footer-content p.col-3 a:focus {color:#333;font-weight:normal;}
#keystone-footer .footer-content p.col-3 a:hover {color:#777;}



/* 
   Widgets and UPPED Elements
------------------------------------------------------------------- */
#ahn-bottom-content {background:transparent;}
.ahn-category-edit {background:transparent;}
.ahn-feature-bottom-bar {background:transparent;}