/* CSS Document */

html 
{
    background-color:#DBDBDA;
    }

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.container {
    width:96em;
    margin:0 auto;
}

#main {
    /*background:url(../images/BG-main-2.gif) repeat-x #ffffff;*/
    background-color: #DBDBDA;
    position:relative;
}
#main:after {  
    content: ".";  
    visibility: hidden;  
    display: block;  
    clear: both;  
    height: 0;  
    font-size: 0; 
}
/*
#header {
    height:12em;
    height:9em;
    position:relative;
}
.logo {
    position:absolute;
    top:1.7em;
    top:1.1em;
    left:1em;
    left:0.5em;
}*/
.header {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	z-index:49;
}

.header-wrapper {
	background-image: url('../images/80.png');
	background-repeat: repeat;
	height:72px;
	width:100%;
	margin-top: 24px;
}



.logo {
	float: left;
	width: 20%;
	padding-right: 10px;
	
}


.logo img {
	width: 193px;
}


.logo span {
	visibility:hidden;
}


.nav {
	float: left;
	font-size:0.75em;
	position:relative;
	z-index:490;
	
}


.phone {
	width: 16%; /* 192px */
	float: right;
	text-align:right;
	margin-top: 1.67%;
	position:relative;
	z-index:49;
}


.phone p
{
    margin:0;
    font-size: 0.875em;
    color: #ffffff;

    } 

.phone h2 {
	margin:0;
	font-size: 1.5em;
    color: #ffffff;

}
.tagline {
    position:absolute;
    /*top:3.25em;*/
    top:1em;
    right:0.9em;
}
div.highlight {
    background:url(../images/BG-main-highlight.png) no-repeat;
    height:57.5em;
    width:57.5em;
    position:absolute;
    top:14em;
    left:33em;
    z-index:1;
    display:none;
}
#banner {
    background:url(../images/BG-banner.gif) repeat-x #fff ;
    width:94em;
    height:24.15em;
    margin:2em 1em 4em;
    border:1px solid #848484;
    position:relative;
    z-index:2;
}
#banner .pixelBorder {
    width:44em;
    height:20em;
    border:1px solid #b5b5b5;
    position:absolute;
    top:2em;
    left:2em;
}
#banner .companyImage {
    width:43em;
    height:19em;
    border:5px solid #d2d2d2;
}
.bannerText {
    width:40em;
    position:absolute;
    top:2em;
    right:4em;
}
.bannerText h2 {
    color:#000000;
    font-size:2.5em;
    margin:0 0 0 0;
    padding:0 0 .25em; /*Only required if there are two lines for the header, otherwise please delete! -- Bobby 08/24/09 */
}
.bannerText p {
    color:#000000;
    font-size:1.2em;
    line-height:1.6em;
    margin-top:1.5em;
}
.bannerText a {
    color:#003366;
    font-weight:bold;
    text-decoration:none;
    position:absolute;
    bottom:-3em;
    right:0;
}
.bannerText a:hover {
    text-decoration:underline;
}
#content {
    background:url(../images/BG-arrow.png) no-repeat top right;
    /*width:47em;*/ /*original*/
    /*width:49em;*/ 
    width:50em;
    /*margin:0 0 4em 3em;*/ /*original*/
    /*margin:0 0 4em 2.5em;*/ /*left with picture*/
    margin:0 0 4em .9em; /*left with picture frame*/
    float:left;
    position:relative;
    z-index:2;
    font-size:1.2em;
    line-height:1.6em;
}
#content h2 {
    font-size:2.5em;
}
#content ol {
    width:36em;
    color:#000000;
    margin:2em 0 0 5em;
}
#content li {
    margin:0 0 1.5em 0;
}
#content li img {
    position:absolute;
    left:0em;
}
#content p {
    color:#000;
    width:40em;
    margin:0 0 1em 0;
}
#content .quote {
	position:relative;
	width:40em;
	margin:0 0 3em;
}
#content .quote blockquote {
    background:url(../images/IMG-left-quote.png) top left no-repeat;
    color:#32373c;
    font-style:italic;
    margin:0 0 0;
    padding:0 0 0 2.75em;
}
#content .quote cite {
    background:url(../images/IMG-right-quote.png) bottom right no-repeat;
    color:#32373c;
    font-size:.85em;
    font-weight:bold;
    margin:0 9em 0 0;
    padding:.75em 3em 0 0;
    text-align:right;
    position:absolute;
    right:-9em;
    bottom:-2.25em;
}
#content a {
    color:#003366;
    font-weight:bold;
    text-decoration:none;
}
#content a:hover {
    text-decoration:underline;
}
#signUpForm {
    width:31.5em;
    /*margin:0 2em 4em 0;*/
    margin: 0 .8em 4em 0;
    float:right;
    border:1px solid #b5b5b5;
    z-index:2;
}
#signUpForm .pixelBorder {
    /*background:url(../images/BG-signUp-highlight.png) no-repeat top center #32373c;*/
    background-color:#4c4d47;
    width:29em;
    padding:1.5em 0 1.5em 1.5em;
    border:5px solid #d2d2d2;
    float:right;
    position:relative;
    z-index:2;
}
#signUpForm div.hidden {
	visibility:hidden;
	position:absolute;
}
#signUpForm h3 {
    background:url(../images/IMG-signUpToday.png) top center no-repeat;
    height:2em;
    font-size:2em;
    text-indent:-9999px;
    margin-left:-1em;
}
#signUpForm p {
    font-size:1.2em;
    line-height:1.6em;
    color:#ffffff;
    margin:.25em 0;
}

#signUpForm p.signUpText {
    width:23em;
    margin:0 0 1.5em;
}
#signUpForm  div {
	display:inline;	
}
#signUpForm div.firstName {
    margin:0 0 0 0;
    display:inline;
}
#signUpForm div.firstName input {
    width:7em;
    margin-right:1em;
}
#signUpForm div.lastName {
    margin:0 0 0 0;
    display:inline;
}
#signUpForm div.lastName input {
    width:11.1em;
}
#signUpForm p.yourCompany {
	clear:both; 
}
#signUpForm input {
    width:19.85em;
    padding:.25em;
    display:block;
    border:2px solid #8b8b8b;
}
#signUpForm select {
    width:5em;
    height:2em;
    border:2px solid #777;
}
#signUpForm input:focus, #signUpForm select:focus {
	border:2px solid #0099ff;
}
#signUpForm span {
    font-size:1.2em;
}
#signUpForm p.state {
    padding:1em 0 0;
}
#signUpForm a {
    background:url(../images/BG-submit.gif) repeat-x #aa0e12;
    font-size:1.2em;
    padding:.5em 1.5em;
    color:#fff;
    text-decoration:none;
    border:2px solid #252525;
    position:absolute;
    bottom:1.15em;
    right:1.25em;
}
#signUpForm a:hover {
    background:#ea1f23;
}
#footer {
    clear:both;
    background:#4c4d47;
    /*height:8em;*/
    height:11em;
    color:#ffffff;
    line-height:4em;
    border-top:3px solid #a9a9a9;
    position:relative;
    z-index:2;
}
#footer p {
    /*margin:0 2em 0 0;*/
    margin:0 .6em 0 0;
}
.clear {
	clear:both;	
}