@charset "utf-8";
/* CSS Document */


/* General Styles */

* {
outline:none;
}

a img {border: none;}

html, body {
padding:0;
margin:0;
}

.container {
width:950px;
height:auto;
margin:0px auto;
}

.top {
width:950px;
height:50px;
}

.client {
float:left;
height:49px;
padding-left:25px;
color:#666666;
vertical-align:middle;
}

.banner {
width:944px;
height:137px;
margin-top:15px;
background-image:url('images/banneremp.jpg');
overflow-x: hidden;
clear:both;
}

.logo {
float:right;
background-position:right top;
background-repeat:no-repeat;
width:274px;
}

.secontainer {
width:944px;
height:auto;
border:3px solid #e4e4e4;
overflow:auto;
overflow-x:hidden;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
}

.tabs {
/*background-image:url('images/topcurve.jpg');*/
background-position:left top;
background-repeat:no-repeat;
width:944px;
vertical-align:middle;
text-align:center;
color:#333333;
font-size:16px;
}

.leftside {
background-color:#f2f2f2;
width:595px;
float:left;
padding:10px;
padding-left:0px;
}

.leftside2 {
background-color:#f2f2f2;
width:188px;
float:left;
padding:10px;
padding-top:20px;
padding-left:0px;
}

.leftgray {
float:left;
width:260px;
}

.leftwhite {
float:right;
background-color:#fff;
width:275px;
padding-right:10px;
padding-left:15px;
padding-top:10px;
}

.rightside {
float:right;
width:315px;
padding:10px;
}

.rightside2 {
float:left;
width:650px;
padding:10px;
padding:20px 30px 10px 40px;
}

.getpersonal {
float:left;
position:relative;
padding:30px;
/*width:920px;*/
}

.footer {
float:left;
padding:10px; 
background-color:#f2f2f2;
}

ul.homeleft {
list-style-type:none;
margin:0px;
padding:5px 0px 0px 10px;
line-height:12pt;
}

ul.homeleft li {
padding:3px 10px 10px 70px; 
background-image:url(images/index_20.jpg); 
background-position:0 5%; 
background-repeat:no-repeat;
}

ul.newsticker {
padding:0px; 
margin:0px; 
list-style:none; 
padding-bottom:10px; 
padding-top:10px; 
height:85px;
}

ul.newsticker li {
height:50px;
}
.newsticker li{padding-right:20px;}

#lefttab ul{
margin:0px;
padding:0px;
padding-left:10px;
clear:both;
line-height:0px;
}

#lefttab li{
margin:0px;
padding:0px;
list-style-type:none;
}

.callout {
position:absolute; 
margin-top:30px; 
width:188px;
font-style:italic; 
padding-left:10px; 
font-family:georgia; 
color:#606060;
}

.contact-bg{
background-image:url('../assets/images/contact-background.jpg');
background-position:bottom;
background-repeat:no-repeat;
}

.gone {
display:none;
}

a#togglenewsticker {display:none}

/* Navigation Buttons */

.hmenu:link, .hmenu:visited {
width:auto; 
height:22px; 
color:#606060; 
text-decoration:none; 
display:block;
padding:4px 8px 2px 8px;
margin-right:0px;
margin-left:1px;
font-size:14px;
font-weight:bold;
border-top:2px solid #FFF;
}

.hmenu:hover {
text-decoration:none; 
/*background-image:url('images/bg.jpg'); */
background-position:center; 
background-repeat:no-repeat; 
color:#000; 
height:22px; 
display:block; 
}

a.active {
color:#FFF !important;
background-color:#18b2e6;
border:1px solid #77cff0;
border-bottom:0px;
border-top:2px solid #37cbfd !important;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
}

#menubtn {
width:944px;
height:14px;
margin-left:12px;
padding-top:10px;
}

#menubtn ul {
margin:0px;
padding:0px;
float:left;
list-style-type:none;
top:3px;
left:-1px;
}

* html #menubtn ul {
margin:0px;
padding:0px;
float:left;
list-style-type:none;
position:relative;
top:0px;
left:0px;
}

*:first-child+html #menubtn ul {
margin:0px;
padding:0px;
float:left;
list-style-type:none;
position:relative;
top:0px;
left:0px;
}

#menubtn li {
margin:0px;
padding:0px;
display:inline;
float:left;
font-size:12px;
}

#menubtn li a {

font-size:13px;
}

/* Font Styles */

html, body {
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:12px;
}

.small {
font-size:11px;
}

.larger {
font-size:13px;
}

.big {
font-size:14px;
}

.gray {
color:#333;
}

.title {
padding-top:4px; 
padding-bottom:10px;
font-family:Trebuchet MS,arial,sans-serif; 
font-size:24px; 
color:#14b0e3;
font-weight:bold;
}

.bodyintro {
font-size:18px;
word-spacing:2px;
padding-bottom:20px;
color:#5f5f5f;
}

.body {
font-size:14px;
word-spacing:3px;
padding-bottom:14px;
color:#5f5f5f;
line-height:20px;
}


.body li {
padding-bottom:10px;
}

.body ul {
padding:0px;
margin:0px;
padding-left:17px;
margin-top:15px;
}

ul.jobslist {
margin-top:0px;
line-height:12px;
}

ul.jobslist li {
padding-bottom:0px;
font-size:.9em;
}

.bodyintro li {
padding-bottom:10px;
}

.bodyintro ul {
padding:0px;
margin:0px;
padding-left:17px;
margin-top:15px;
}

.subtitle {
padding:10px 0px 6px 0px; 
font-weight:bold; 
font-family:Trebuchet MS,arial,sans-serif; 
font-size:16px; 
color:#3162a4;
}

.example {
color:#5f5f5f;
font-weight:bold;
font-size:18px;
}

.image {
float:right;
padding-left:10px;
}

.homeTitle {
font-size:16px; 
font-weight:bold; 
padding-top:15px; 
padding-bottom:10px; 
height:40px;
}

.largeBold {
font-size:16px; 
font-weight:bold; 
}

.padding1 {
padding-top:15px;
margin-left:14px; 
}


.pagetitle {
color:white; 
font-size:26px;
float:left; 
margin-top:47px; 
margin-left:30px; 
font-weight:bold;
}

a.freedemo {
background-image:url('images/freedemo.png'); 
background-position:0px 0px;
margin-top:46px;
margin-right:30px; 
display:block; 
width: 148px; 
height:36px;
}

a.freedemo:hover {
background-image:url('images/freedemo.png'); 
background-position:-148px 0px;
}

a.taketour {
background-image:url('images/taketour.png'); 
background-position:0px 0px;
margin-top:46px;
margin-right:30px; 
display:block; 
width: 148px; 
height:36px;
}

a.taketour:hover {
background-image:url('images/taketour.png'); 
background-position:-148px 0px;
}


a.bluelink:link, a.bluelink:visited, a.bluelink:hover{color:blue; text-decoration:underline;}
a.blacklink:link, a.blacklink:visited, a.blacklink:hover{color:#000; text-decoration:underline;}
a.sublinks:link, a.sublinks:visited, a.sublinks:hover{color:blue; text-decoration:underline;}
a.readmore:link, a.readmore:visited, a.readmore:hover{color:#ff9933; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:5px;}

.formtxt{width:20%; vertical-align:middle; font-size:16px; font-weight:bold; color:#ff9933; text-align:right;}


/*============================================
/
/	CREATE A PURL - FORM
/
/==============================================*/

#PURL-form, #reopenPURL {
	float: left;
	position: fixed;
	width: 175px;
	margin: 50px 0 0 975px;
	padding: 0 0 10px 0;
	background: #ecebeb;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #2e2d6f;
	-moz-border-radius: 5px; /* FF1+ */
  	-webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ 	
}

#PURL-form {
	z-index: 2;	
}


#PURL-form h4 {
	margin: 0px;	
	font-size: 18px;
	color: #fff;
	padding: 10px;
	background-color: #afafaf;
	-moz-border-radius: 5px 5px 0 0; /* FF1+ */
  	-webkit-border-radius: 5px 5px 0 0; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 5px 5px 0 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ 
}
#PURL-form p {
	margin: 5px 0 10px 0;
	padding: 0px 10px;
	font-weight: bold;
	font-size: 14px;	
}

#PURL-form form {
	padding: 0px 10px;	
}
#PURL-form form p {
	padding: 0px;
	margin: 0px;
	color: #555;
	font-size: 11px;
	font-weight: normal;	
}

#PURL-form .closeButton, #reopenPURL .openButton {
	float: left;
	margin-top: -5px;	
	margin-left: -15px;
}

#PURL-form .floatingArrow {
	float: right;
	top: 35px;
	right: -60px;
	position: absolute;	
}

/*============================
/	EASY QR BANNER STYLES
/=============================*/
.introBanner {
	background: #e0e0e0;	
	position: relative;
	width: 873px;
	padding: 15px 33px 15px 40px;
	float:left;
}
.message {}               
.qrCode {float: left; margin-right: 15px;}

.introBanner h1 {position: absolute; left:130px; top: 5px; font-family: Helvetica, Arial, sans-serif; color: #313476; font-size: 22pt; padding-top: 15px;}
.logo_easyQR {margin: 8px 0 0 182px;}
.introBanner p {font-family: Helvetica, Arial, sans-serif; color: #929496; font-size: 14pt;}
.logo_easyQR {} 

.btn_learnMoreQR {position:absolute; right: 40px; top: 30px; height: 50px; width: 253px; overflow: hidden;}
.btn_learnMoreQR a{
	background: url(images/btn_learnMore.png) top left no-repeat;
	height: 0;
	width: 253px;
	display: block;
	padding: 50px;
}
.btn_learnMoreQR a:hover {background-position: 0 -50px;}
.clearIt {clear:both;}
.gallery{position:relative; height:145px;}
.gallery div{position:absolute; top:0px; left:0px;}
.show{display:block !important; height:145px !important;}
.nShow{display:none; visibility:hidden; height:0px;}