/* 
CSS by Translucent Developments
*/

/*****************************************************
* Global
*****************************************************/

* {
	padding			: 0px;
	margin			: 0px;
	}

html { 
	min-height		: 100%;
	margin-bottom		: 1px;
	}

body {
	background		: #ffffff url();
	font			: 100.01% verdana, arial, sans-serif;
	}

p {
	font-size		: 70%;
	line-height		: 1.2em;
	padding			: 0;
	}

ul {
	font-size		: 70%;
	line-height		: 1.2em;
	}

.clearboth {
	clear			: both;
	}

blockquote {
	padding			: 10px 0 10px 0;
	margin			: 0 20px 0 20px;
	}

/*****************************************************
* Layout
*****************************************************/

#site-wrapper {
	width			: 808px;
	margin			: 0 auto;
	}

body#home #header {
	width			: 808px;
	height			: 207px;
	background		: #ffffff url(../_images/header-home.jpg) no-repeat 0 0;
	}

body#products #header {
	width			: 808px;
	height			: 207px;
	background		: #ffffff url(../_images/header-products.jpg) no-repeat 0 0;
	}

body#service #header {
	width			: 808px;
	height			: 207px;
	background		: #ffffff url(../_images/header-service.jpg) no-repeat 0 0;
	}

body#resources #header {
	width			: 808px;
	height			: 207px;
	background		: #ffffff url(../_images/header-alt.jpg) no-repeat 0 0;
	}

body#about #header {
	width			: 808px;
	height			: 207px;
	background		: #ffffff url(../_images/header-about.jpg) no-repeat 0 0;
	}

body#quote #header, body#contact #header {
	width			: 808px;
	height			: 207px;
	background		: #ffffff url(../_images/header-alt.jpg) no-repeat 0 0;
	}
	
#main {
	width			: 808px;	
	background		: #ffffff url(../_images/main-bg.jpg) repeat-y 0 0;
	}

#c_main {
	width			: 808px;	
	background		: #ffffff url(../_images/c_main-bg.jpg) repeat-y 0 0;
	}

#topL {
	float			: left;
	}

#topR {
	float			: right;
	}
	
body#home #contact-us {
	width			: 169px;
	height			: 208px;
	background		: transparent url(../_images/contact-us-bg.jpg) no-repeat 0 0;
	}

body#products #contact-us {
	width			: 169px;
	height			: 208px;
	background		: transparent url(../_images/contact-us-products-bg.jpg) no-repeat 0 0;
	}

body#service #contact-us {
	width			: 169px;
	height			: 208px;
	background		: transparent url(../_images/contact-us-services-bg.jpg) no-repeat 0 0;
	}

body#resources #contact-us {
	width			: 169px;
	height			: 208px;
	background		: transparent url(../_images/contact-us-bg.jpg) no-repeat 0 0;
	}

body#about #contact-us {
	width			: 169px;
	height			: 208px;
	background		: transparent url(../_images/contact-us-about-bg.jpg) no-repeat 0 0;
	}

body#quote #contact-us, body#contact #contact-us {
	width			: 169px;
	height			: 208px;
	background		: transparent url(../_images/contact-us-quote-bg.jpg) no-repeat 0 0;
	}

#elevator-wrapper {
	width			: 320px;
	margin			: 15px auto 0 auto;
	}

#elevatorL {
	float			: left;
	}

#elevatorR {
	float			: right;
	}
	
#content {
	float			: left;
	width			: 560px;
	}

#sidebar {
	float			: right;
	width			: 197px;
	}
	
#marqueecontainer {
	position		: relative;
	width			: 197px;
	height			: 100px;
	background-color	: transparent;
	overflow		: hidden;
	padding			: 2px;
}

#footer {
	width			: 808px;
	height			: 117px;
	background		: #ffffff url(../_images/footer-bg.jpg) no-repeat 0 0;
	}

#sub-footer {
	margin			: 0 0 20px 0;
	}
	
#sub-footerL {
	float			: left;
	}

#sub-footerR {
	float			: right;
	}

#privacy {
	float			: right;
	margin			: 5px 25px 0 0;
	}
	
div.comm-button {
	width			: 165px;
	padding			: 10px 0 10px 0;
	margin			: 0 auto;
	}
/*****************************************************
* Gutters
*****************************************************/

#header-gutter {
	padding			: 180px 15px 0 15px;
	}

#main-gutter {
	padding			: 5px 10px 5px 10px;
	}

div.boxL-gutter {
	padding			: 0 10px 0 10px;
	}

#contact-us-gutter {
	padding			: 165px 5px 0 5px;
	}

#ebox-gutter {
	padding			: 0 10px 0 10px;
	}

#sub-footer-gutter {
	padding			: 0 15px 0 15px;
	}

/*****************************************************
* Boxes
*****************************************************/

div.boxL-top {
	width			: 560px;
	height			: 6px;
	background		: transparent url(../_images/boxL-topBG.jpg) no-repeat 0 0;
	}

div.boxL-content {
	width			: 560px;
	background-color	: #ffffff;
	}

div.boxL-bottom {
	width			: 560px;
	height			: 6px;
	margin			: 0 0 10px 0;
	background		: transparent url(../_images/boxL-bottomBG.jpg) no-repeat 0 0;
	}

div.boxL-top1 {
	width			: 750px;/*560px;*/
	height			: 6px;
	background		: transparent url(../_images/boxL-topBG1.jpg) no-repeat 0 0;
	}

div.boxL-content1 {
	width			: 750px;/*560px;*/
	background-color	: #ffffff;
	}

div.boxL-bottom1 {
	width			: 750px;/*560px;*/
	height			: 6px;
	margin			: 0 0 10px 0;
	background		: transparent url(../_images/boxL-bottomBG1.jpg) no-repeat 0 0;
	}

div#ebox-top {
	width			: 382px;
	height			: 6px;
	background		: transparent url(../_images/ebox-topBG.jpg) no-repeat 0 0;
	}

#ebox-content {
	width			: 382px;
	height			: 196px;
	background-color	: #ffffff;
	}

div#ebox-bottom {
	width			: 382px;
	height			: 6px;
	margin			: 0 0 10px 0;
	background		: transparent url(../_images/ebox-bottomBG.jpg) no-repeat 0 0;
	}
	
/*****************************************************
* Buttons
*****************************************************/
.edit 
{
    background  : url(../_images/edit-button.jpg) no-repeat;
}
	

/*****************************************************
* Typography
*****************************************************/

div.boxL-content p {
	line-height		: 1.6em;
	}

#contact-us-gutter p {
	line-height		: 1.5em;
	}
	
#sub-footer-gutter p {
	font-size		: 60%;
	color			: #a5a5a5;
	margin			: 10px 0 0 0;
	}

a.greenlink {
	color			: #56ae43;
	}
	
/*****************************************************
* Headers
*****************************************************/

h1.heading {
	color			: #4475b8;
	margin			: 0 0 0 0;
	padding			: 0 0 0 0;
	font-size		: 120%;
	font-family		: Arial, Helvetica, sans-serif;
	}

h1.heading2 {
	color			: #4475b8;
	margin			: 0 0 0 0;
	padding			: 0 0 0 0;
	font-size		: 105%;
	font-family		: Arial, Helvetica, sans-serif;
	}
	
h1.subheading {	
	margin			: 0 0 0 0;
	padding			: 0 0 0 0;
	font-size		: 80%;
	font-style      : italic;
	font-family		: Arial, Helvetica, sans-serif;
	}

h1.quoteheading {	
	margin			: 0 0 0 0;
	padding			: 0 0 0 0;
	font-size		: 90%;	
	font-weight		: normal;
	font-family		: Arial, Helvetica, sans-serif;
	}


h1.heading-disc {
	color			: #4475b8;
	margin			: 0 0 0 0;
	padding			: 0 0 0 0;
	font-size		: 125%;
	font-family		: Arial, Helvetica, sans-serif;
	
	display			: block;
	width			: 342px;
	height			: 46px;	
	text-indent     : 33px;
	overflow		: hidden;
	background		: url(../_images/h1-disc.JPG) no-repeat;
	

	}

h1.heading-people {
	color			: #4475b8;
	margin			: 0 0 0 0;
	padding			: 0 0 0 0;
	font-size		: 125%;
	font-family		: Arial, Helvetica, sans-serif;
	
	display			: block;
	width			: 400px;
	height			: 46px;	
	text-indent     : 33px;
	overflow		: hidden;
	background		: url(../_images/h1-ppl.gif) no-repeat;
	}
	
h2.people {
	color			: #56ae43;
	margin			: 10px 0 0 0;
	padding			: 0 0 0 0;
	font-size		: 105%;
	font-family		: Arial, Helvetica, sans-serif;
	}

h2.heading {
	color			: #56ae43;
	margin			: 0 0 0 0;
	padding			: 0 0 0 0;
	font-size		: 105%;
	font-family		: Arial, Helvetica, sans-serif;
	}
	
h2.heading2 {
	color			: #56ae43;
	margin			: 0 0 0 0;
	padding			: 0 0 0 0;
	font-size		: 120%;
	font-family		: Arial, Helvetica, sans-serif;
	}

h2.people span {
	color			: #8b8b8b;
	margin			: 0 0 0 0;
	padding			: 0 0 0 0;
	font-size		: 80%;
	}

h1.elevator {
	display			: block;
	width			: 319px;
	height			: 46px;
	margin			: 0 auto;
	text-indent		: -9999px;
	overflow		: hidden;
	background		: url(../_images/h1-elevator.gif) no-repeat;
	}

h1.elevator-comm {
	display			: block;
	width			: 342px;
	height			: 46px;
	margin			: 0 auto;
	text-indent		: -9999px;
	overflow		: hidden;
	background		: url(../_images/h1-elevator-comm.gif) no-repeat;
	}

h1.elevator-resources {
	display			: block;
	width			: 166px;
	height			: 28px;
	margin			: 0 auto;
	text-indent		: -9999px;
	overflow		: hidden;
	background		: url(../_images/h1-elevator-resources.gif) no-repeat;
	}

h1.elevator-about {
	display			: block;
	width			: 166px;
	height			: 28px;
	margin			: 0 auto;
	text-indent		: -9999px;
	overflow		: hidden;
	background		: url(../_images/h1-elevator-about.gif) no-repeat;
	}

h1.elevator-quote {
	display			: block;
	width			: 344px;
	height			: 28px;
	margin			: 0 auto;
	text-indent		: -9999px;
	overflow		: hidden;
	background		: url(../_images/h1-elevator-quote.gif) no-repeat;
	}

h1.elevator-contact {
	display			: block;
	width			: 316px;
	height			: 28px;
	margin			: 0 auto;
	text-indent		: -9999px;
	overflow		: hidden;
	background		: url(../_images/h1-elevator-contact.gif) no-repeat;
	}

h1.service {
	display			: block;
	width			: 298px;
	height			: 23px;
	margin			: 0 auto;
	text-indent		: -9999px;
	overflow		: hidden;
	background		: url(../_images/h1-service.gif) no-repeat;
	}

h1.mgt-soft {
	display			: block;
	width			: 388px;
	height			: 35px;
	margin			: 0px 0px 0px 0px;
	text-indent		: -9999px;
	overflow		: hidden;
	background		: url(../_images/h1-mgt-soft.jpg) no-repeat;
	}

h1.mgt-sys {
	display			: block;
	width			: 381px;
	height			: 35px;
	margin			: 0px 0px 0px 0px;
	text-indent		: -9999px;
	overflow		: hidden;
	background		: url(../_images/h1-mgt-sys.jpg) no-repeat;
	}

h1.mgt-svc {
	display			: block;
	width			: 486px;
	height			: 35px;
	margin			: 0px 0px 0px 0px;
	text-indent		: -9999px;
	overflow		: hidden;
	background		: url(../_images/h1-mgt-srvc.jpg) no-repeat;
	}

h1.request-demo {
	display			: block;
	width			: 199px;
	height			: 37px;
	margin			: 0 0 10px 0;
	text-indent		: -9999px;
	overflow		: hidden;
	background		: url(../_images/request-demo.gif) no-repeat;
	}

h1.edm-news {
	display			: block;
	width			: 199px;
	height			: 37px;
	margin			: 10px 0 10px 0;
	text-indent		: -9999px;
	overflow		: hidden;
	background		: url(../_images/edm-news.gif) no-repeat;
	}

h1.edm-downloads {
	display			: block;
	width			: 199px;
	height			: 37px;
	margin			: 10px 0 10px 0;
	text-indent		: -9999px;
	overflow		: hidden;
	background		: url(../_images/edm-downloads.gif) no-repeat;
	}

h1.edm-products {
	display			: block;
	width			: 199px;
	height			: 37px;
	margin			: 10px 0 10px 0;
	text-indent		: -9999px;
	overflow		: hidden;
	background		: url(../_images/edm-products.gif) no-repeat;
	}

h1.edm-clients {
	display			: block;
	width			: 199px;
	height			: 37px;
	margin			: 10px 0 0 0;
	text-indent		: -9999px;
	overflow		: hidden;
	background		: url(../_images/edm-clients.gif) no-repeat;
	}

h1.edm-screens {
	display			: block;
	width			: 199px;
	height			: 37px;
	margin			: 10px 0 10px 0;
	text-indent		: -9999px;
	overflow		: hidden;
	background		: url(../_images/edm-screens.gif) no-repeat;
	}

h1.edm-features {
	display			: block;
	width			: 199px;
	height			: 37px;
	margin			: 10px 0 10px 0;
	text-indent		: -9999px;
	overflow		: hidden;
	background		: url(../_images/edm-features.gif) no-repeat;
	}

h1.edm-whitepapers {
	display			: block;
	width			: 199px;
	height			: 37px;
	margin			: 10px 0 10px 0;
	text-indent		: -9999px;
	overflow		: hidden;
	background		: url(../_images/edm-whitepapers.gif) no-repeat;
	}

h1.edm-articles {
	display			: block;
	width			: 199px;
	height			: 37px;
	margin			: 10px 0 10px 0;
	text-indent		: -9999px;
	overflow		: hidden;
	background		: url(../_images/edm-articles.gif) no-repeat;
	}

h1.edm-brochures {
	display			: block;
	width			: 199px;
	height			: 37px;
	margin			: 20px 0 10px 0;
	text-indent		: -9999px;
	overflow		: hidden;
	background		: url(../_images/edm-brochures.gif) no-repeat;
	}
	
p.tiny 
{
    text-align      : center;    
    font-size		: 50%;	
    font-weight     : bold;
    }

p.large
{
	font-size		: 85%;	
    }
    
p.notice
{
	font-size		: 95%;
	color           : Red;	
    }    
    
.txtBox
{
    background-color:Transparent;
    font-size:12px;    
    color:#333366;
    }    
.lbl
{
	font-size		: 80%;
	color			: #4475b8;	
	font-family		: Arial, Helvetica, sans-serif;
	}


.lbx
{
	font-size		: 14px;
	color			: #4475b8;	
	font-family		: Arial, Helvetica, sans-serif;
}
/*****************************************************
* Lists
*****************************************************/

/**** Default List ****/
ul.list li {	
	padding			: 0 0 0 10px;
	margin			: 0 0 5px 0;
	background		: transparent url(../_images/arrow-green.gif) no-repeat 0 5px;
	}

ul.list-indent li {	
	padding			: 0 0 0 30px;
	margin			: 0 0 5px 0;
	background		: transparent url(../_images/arrow-green.gif) no-repeat 20px 5px;
	}

/**** Elevator List ****/
ul.elevator-list {
	margin			: 0;
	padding			: 0;
	list-style-type		: none;
	}

ul.elevator-list li {
	font-weight		: bold;
	padding			: 0 0 0 10px;
	margin			: 0 0 5px 0;
	background		: transparent url(../_images/arrow-green.gif) no-repeat 0 5px;
	}

ul.elevator-list li.link {
	background-image	: none;
	}

/**** Top NAV ****/
ul#top-nav {
	margin			: 0;
	padding			: 0;
	list-style-type		: none;
	}

ul#top-nav li {
	display			: inline;
	margin			: 0 56px 0 0;
	}

ul#top-nav li.last {
	margin			: 0;
	}

ul#top-nav li a {
	color			: #5f5f5f;
	font-weight		: bold;
	text-decoration		: none;
	}

ul#top-nav li a:hover {
	text-decoration		: underline;
	}

/**** Footer Links ****/
ul.footer-links {
	font-size		: 60%;
	margin			: 0;
	padding			: 0;
	list-style-type		: none;
	}

ul.footer-links li {
	color			: #a5a5a5;
	display			: inline;
	}

ul.footer-links li a {
	color			: #a5a5a5;
	}

/**** News ****/
ul#news {
	margin			: 0 0 0 15px;
	padding			: 0;
	list-style-type		: none;
	}

ul#news li {
	margin			: 0 0 10px 0;
	padding			: 0 0 0 20px;
	height			: 12px;
	background		: transparent url(../_images/arrow.gif) no-repeat 0 1px;
	}

ul#news li a {
	color			: #818181;
	text-decoration		: none;
	}

ul#news li a:hover {
	text-decoration		: underline;
	}

/**** Downloads ****/
ul#downloads {
	margin			: 0 0 0 15px;
	padding			: 0;
	list-style-type		: none;
	}

ul#downloads li {
	margin			: 0 0 10px 0;
	padding			: 0 0 0 20px;
	height			: 12px;
	background		: transparent url(../_images/arrow.gif) no-repeat 0 1px;
	}

ul#downloads li a {
	color			: #818181;
	text-decoration		: none;
	}

ul#downloads li a:hover {
	text-decoration		: underline;
	}

/**** Services ****/
ul#services {
	margin			: 0 0 0 15px;
	padding			: 0;
	list-style-type		: none;
	}

ul#services li {
	margin			: 0 0 10px 0;
	padding			: 0 0 0 20px;
	height			: 12px;
	background		: transparent url(../_images/arrow.gif) no-repeat 0 1px;
	}

ul#services li a {
	color			: #818181;
	text-decoration		: none;
	}

ul#services li a:hover {
	text-decoration		: underline;
	}

/**** Features ****/
ul#features {
	margin			: 0 0 0 15px;
	padding			: 0;
	list-style-type		: none;
	}

ul#features li {
	margin			: 0 0 10px 0;
	padding			: 0 0 0 20px;
	height			: 12px;
	background		: transparent url(../_images/arrow.gif) no-repeat 0 1px;
	}

ul#features li a {
	color			: #818181;
	text-decoration		: none;
	}

ul#features li a:hover {
	text-decoration		: underline;
	}

/**** Sidelist ****/
ul.sidelist {
	margin			: 0 0 0 15px;
	padding			: 0;
	list-style-type		: none;
	}

ul.sidelist li {
	margin			: 0 0 10px 0;
	padding			: 0 0 0 20px;
	height			: 12px;
	background		: transparent url(../_images/arrow.gif) no-repeat 0 1px;
	}

ul.sidelist li a {
	color			: #818181;
	text-decoration		: none;
	}

ul.sidelist li a:hover {
	text-decoration		: underline;
	}
	
/*****************************************************
* Links
*****************************************************/

a.graylink {
	font-size		: 70%;
	color			: #818181;
	text-decoration		: none;
	}

a.graylink:hover {
	text-decoration		: underline;
	}

#sub-footer-gutter p a {
	color			: #a5a5a5;
	text-decoration		: none;
	}

#sub-footer-gutter p a:hover {
	text-decoration		: underline;
	}

#privacy a, a.privacy {
	font-size		: 60%;
	color			: #333333;
	text-align		: right;
	}

/*****************************************************
* Form
*****************************************************/

form#demo, #aweber_split_form form {
	margin			: 0 0 0 20px;
	}
	
form#demo label, #aweber_split_form label {
	font-size		: 70%;
	}

form#demo input#name, #aweber_split_form input {
	width			: 150px;
	font-size		: 80%;
	padding			: 3px;
	margin			: 0 0 5px 0;
	border			: 1px solid #c2c2c2;
	}

form#demo input#email, form#demo input#phone {
	width			: 150px;
	font-size		: 80%;
	padding			: 3px;
	border			: 1px solid #c2c2c2;
	}

form#demo input#submit {
	float			: right;
	margin			: 5px 20px 0 0;
	}

form#contactus {
	padding			: 10px 0 10px 0;
	}

form#contactus label {
	float			: left;
	margin			: 2px 0 0 3px;
	font-size		: 70%;
	font-weight		: bold;
	}

form#contactus input.field {
	width			: 225px;
	float			: left;
	padding			: 2px;
	margin			: 0 0 5px 0;
	border			: 1px solid #cccccc;
	background		: transparent url(../_images/fieldbg.gif) no-repeat 0 0;
	}

form#contactus textarea {
	width			: 300px;
	padding			: 2px;
	margin			: 0 0 5px 0;
	border			: 1px solid #cccccc;
	background		: transparent url(../_images/fieldbg.gif) no-repeat 0 0;
	}
	
form#contactus br {
	clear			: both;
	}

div.errors {
	color			: #b00000;
	font-size		: 105%;
	font-weight		: bold;
	font-family		: Arial, Helvetica, sans-serif;
	padding			: 10px 0 10px 0;
	}

div.success {
	color			: #42af36;
	font-size		: 105%;
	font-weight		: bold;
	font-family		: Arial, Helvetica, sans-serif;
	padding			: 10px 0 10px 0;
	}
