/*
Theme Name: PICS
Version: 2.8.2
Author: Michel Ferreira
*/

@import "style/css/myreset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

.home-about-copy    {
     font-family: Helvetica,Arial,Sans-serif;
     font-variant: normal;
     font-weight: normal;
     font-size: 16px;
     font-size-adjust: none;
     font-stretch: normal;
     color: #003366;
     -x-system-font: none;
     line-height: 22px;
     margin-top: 15pt;
     margin-right: 0pt;
     margin-bottom: 0pt;
     margin-left: 0pt;
     position: relative;
     top: -10px;
}

.home-about-text { 
position:relative;
top:-25px;
}

.pageid-1829 div.services+p{ margin-top: -85px; font-size: 21px; line-height:24px;}

.sidebarcanada { width: 258px; float: right; position: relative; left:5px; margin-bottom: 20px;}

div.home-sub-box-h a.register-now:link, div.home-sub-box-h a.register-now:visited { color:#fff;}



/* SERVICES PAGE
-------------------------------------------------------------------------------------------------*/

#coda-nav-1 {margin-top: -60px; }

h4.services-title { color: #012142; font-family: "SimpleTypeRegular", sans-serif; font-size: 22px; font-weight: normal; line-height: 24px;}

.slug-services h2 { color: #012142; font-family: "SimpleTypeRegular", sans-serif; font-size: 30px; font-weight: normal; line-height: 24px; position: relative; z-index: 30; }

.services-button-area h2.title span {position: relative; top: 13px; }

.services-button-area { background-image:url(http://www.picsauditing.com/wp-content/themes/PICS/style/images/bg-gradient-blue-services.jpg); width: 575px; height: 49px; background-position: right; position: relative; background-repeat: no-repeat; margin-bottom: 18px; }

.services-button-area a img { float: right; margin-right: 20px; position: relative; margin-top: -38px; z-index: 30;}



/* SERVICES PANELS SECTION
-------------------------------------------------------------------------------------------------*/


#topServices {   background:url(http://www.picsauditing.com/wp-content/themes/PICS/style/images/bg-services-lhtblue-top.png); position:relative; z-index:30; opacity:0.45; height:225px; width:640px; left: -20px;  }

.servicesHolder { position: relative; top: -35px; left: 2px; }

/* DOCUGUARD ------------------------------------------------------------------ */
	.docuguard-box { background: url(http://www.picsauditing.com/wp-content/themes/PICS/style/images/top-left-lhtblue-services.png); opacity: 0.7; width:285px; height: 100px; float: left; position: absolute; top:45px; left: 25px; z-index: 50;}
	.docuguard-box:hover { opacity: 0.9;}
	.docuguard-title a, .docuguard-title a:link, .docuguard-title a:visited{ color:#fff; font-size: 21px; font-weight: bold;  text-shadow: 2px 2px 3px #333; text-shadow: 2px 2px 3px rgba(0,0,0,0.35); opacity: 1; position: absolute; top: 85px; left:110px; z-index: 160; }



/* EMPLOYEEGUARD ------------------------------------------------------------------ */
.employeeguard-box { background: url(http://www.picsauditing.com/wp-content/themes/PICS/style/images/top-right-lhtblue-services.png); opacity: 0.7; width:285px; height: 100px; float: left; position: absolute; top:44px; left: 302px; z-index: 50;}
	.employeeguard-box:hover { opacity: 0.9;}
	.employeeguard-title a, .employeeguard-title a:link, .employeeguard-title a:visited {color:#fff; font-size: 21px; font-weight: bold;  text-shadow: 2px 2px 3px #333; text-shadow: 2px 2px 3px rgba(0,0,0,0.35); opacity: 1; position: absolute; top: 85px; left:355px; z-index: 160; }



/* AUDITGUARD ------------------------------------------------------------------ */
	.auditguard-box { background: url(http://www.picsauditing.com/wp-content/themes/PICS/style/images/bottom-left-lhtblue-services.png); opacity: 0.7; width:310px; height: 125px; float: left; position: absolute; top:130px; left: -5px; z-index: 50;}
	.auditguard-box:hover { opacity: 0.9;}
		.auditguard-title a, .auditguard-title a:link, .auditguard-title a:visited { color:#fff; font-size: 21px; font-weight: bold; text-shadow: 2px 2px 3px #333; text-shadow: 2px 2px 3px rgba(0,0,0,0.35); opacity: 1; position: absolute; top: 185px; left:90px;  z-index: 160; }
	
	
	
/* INSUREGUARD ------------------------------------------------------------------ */
	.insureguard-box { background: url(http://www.picsauditing.com/wp-content/themes/PICS/style/images/bottom-right-lhtblue-services.png); opacity: 0.7; width:310px; height: 125px; float: left; position: absolute; top:130px; left: 305px; z-index: 50;}
	.insureguard-box:hover { opacity: 0.9;}
	.insureguard-title a, .insureguard-title a:link, .insureguard-title a:visited   { color:#fff; font-size: 21px; font-weight: bold; text-shadow: 2px 2px 3px #333; text-shadow: 2px 2px 3px rgba(0,0,0,0.35); opacity: 1; position: absolute; top: 185px; left:380px;  z-index: 160; }


#middleServices { background: url(http://www.picsauditing.com/wp-content/themes/PICS/style/images/bg-services-dkblue-bottom.png); position:relative; z-index:20; opacity: 0.9; height:210px; width:640px; margin-top:-155px; left: -18px; }
#middleServices:hover { opacity: 1;}
	span.enterprise-organizer-title a{ color:#fff; font-size: 24px; font-weight: bold; position: relative; top:165px; left: 205px;  text-shadow: 2px 2px 3px #333; text-shadow: 2px 2px 3px rgba(0,0,0,0.35);    }


#bottomServices {  background: url(http://www.picsauditing.com/wp-content/themes/PICS/style/images/bg-services-orange-middle.png); position:relative; z-index:10;  height:190px; width:600px; margin-top:-140px; left: 0px;  }
	span.pics-organizer-title a{ color:#fff; font-size: 24px; font-weight: bold; position: relative; top:150px; left: 225px;  text-shadow: 2px 2px 3px #333; text-shadow: 2px 2px 3px rgba(0,0,0,0.35);     }


.btnServices { margin-right: 10px;    }

	.textSlider { width: 575px;}


	.coda-slider-wrapper { padding: 20px 0; height: 300px; width: 660px;   }
	.coda-slider { background: #fff }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 300px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 600px;  } 
	.panel { height: 300px;}
		
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: hidden }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }