@charset "utf-8";
/* CSS Stylesheet */

/*
 * Page Settings
 *
 */
 
	a:focus, a:active {
		outline: 0;
		-moz-outline: none;
	}

	html {
		height: 100.3%;
	}
	
	body {
		text-align: center;
	}
	
	div#wrapper {
		margin: 15px auto;
		width: 830px;
		text-align: left;
	}

/*
 * Font-Styles
 *
 */
 
	/* Standard Text */
	
	p {
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-style: normal;
		font-weight: normal;
		line-height: 1.5em;
		color: #666;
	}
	
	.center {
		text-align: center;
	}
	
	strong {
		color:#444;
	}
	
	h1 {
		font-family: Georgia, 'Times New Roman', Times, serif;
		font-size: 12pt;
		font-style: italic;
		font-weight: normal;
		color: #666;
	}
	
	a:link {
		text-decoration: underline;
		color: #390A69;
	}
	a:visited {
		text-decoration: underline;
		color: #390A69;
	}
	a:hover {
		text-decoration: underline;
		color: #943CEC;
	}
	
	/* Light Gray Text */
	
	.light {
		color: #CCC;
	}
	
	.light a:link {
		text-decoration: none;
		color: #CCC;
	}
	.light a:visited {
		text-decoration: none;
		color: #CCC;
	}
	.light a:hover {
		text-decoration: underline;
		color: #390A69;
	}


/*
 * Spacers
 *
 */
 
	 div.dotlinespacer {
		margin-top: 20px;
		margin-bottom: 20px;		
		height: 2px;
		width: 100%;
		overflow:hidden;
		background-image: url(../img/dotline.gif);
	}
 

/*
 * Lists
 *
 */
 
 	ul {
		margin: 20px;
	}
	
	li {
		margin-bottom: 0.4em;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		line-height: 1.5em;
		list-style: disc;
		color: #666;
	}
	
 	/* Main Navigation Bar List */ 
 	div#mainnavbar ul {
		margin: 0px;
		border: none;
		text-align: left;
	}
	
	div#mainnavbar li {
		margin: 0px;	
		padding: 0px;
		display: inline;
		border: none;
		list-style-type: none;
		list-style: none;
	}
	
	div#mainnavbar a {
		text-decoration: none;
	}
	
 	/* Tools Page Navigation Bar List */
 	
 	div#toolsbox {
 		min-height:500px;
 		overflow: visible;
 	}
 	
 	div.toolsnavbar {
 		height: 165px;
 		background: url(../img/tools_spacer.jpg) repeat-x;
 	}
 	
	.toolsnavbar ul {
		text-align: center;
		margin: 0px;
		padding: 0px;
		background: url(../img/tools_spacer.jpg) repeat-x;
	}
	
	.toolsnavbar li {
		margin: 0px;	
		padding: 0px;
		display: inline;
	}
	
	.toolsnavbar img {
		margin: 0px;
		padding: 0px;
		padding-left: 10px;
		padding-right: 10px;
		border: none;
	}
	
	.toolsnavbar a {
		margin: 0px;
		padding: 0px;
		text-decoration: none;
	}
	
	/* Twitter News List */
	
	.twitter ul {
		margin: 0px;
		padding: 0px;
	}
	
	.twitter li {
		margin: 0px;
		margin-bottom: 10px;
		padding: 0px;
		list-style-type: none;
	}
	
	.twitter li:last-child {
		margin-bottom: 0px;
	}
	
	/* "What is" Navigation Bar List */
	
	.whatisnavbar ul {
		text-align: left;
		margin: 0px;
		padding: 0px;
		border: none;
	}
	
	.whatisnavbar li {
		list-style-type: none;
		margin: 0px;	
		padding: 0px;
		border: none;
	}
	
	/* Client References List */
	
	.references li {
		list-style-type: none;
	}


/*
 * Page Layout
 *
 */
 	
 	/* Transparent Gray Background */
 	 div.grayoutbackground{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-color:#666;
	}
	
 	/* Main Navigation Bar Div */
	
	div#mainnavbar {
		margin-top: 7px;
		margin-bottom: 15px;
	}
 	
 	/* "What is" Navigation Bar Div */
 	
 	div.whatisnavbar {
 		margin-top: 10px;
 		right: 0px;
 		float: right;
 	} 
 
 
	/* Corner Box */
	
	div.cornerbox_topleft{
		width: 100%;
		height: 6px;
		background: url(../img/corner_top-left.gif) no-repeat bottom left;
	}
	
	div.cornerbox_content {
		margin-left: 6px;
		margin-right: 6px;
		margin-top: 0px;
		margin-bottom: 0px;
		height: auto;
		padding: 0px;
		overflow: visible;
	}
		
	div.cornerbox_bottomright {
		width: 100%;
		height: 6px;
		background: url(../img/corner_bottom-right.gif) no-repeat top right;
	}
	
	/* Gray Box */
	
	div.graybox {
		padding: 15px;
		overflow: auto;
		background-color: #eeeeee;
	}
	
	/* Contact Entrys */
	
	div.contactentry {
		clear: both;
		overflow: auto;
	}
	
	div.contactphoto {
		float: left;
		margin-bottom: 5px;
		margin-right: 5px;
	}

	/* Contact Window */

	div#contactwindow {
		position: fixed;
		left: -454px;
		top: 122px;
		width: 485px;
		height: 508px;
		overflow:hidden;
		z-index:200;
	}
	
	div#contactwindow_button {
		float: right;
		right: 0px;
		top: 0px;
	}

	div#contactwindow_form{
		position: absolute;
		padding-left: 35px;
		padding-top: 30px;
		width: 420px;
		height: 475px;
		background-color:#F0F0F0;
	}
 	
 	div#grayoutbackground_contact{
		z-index:195;
	}
	
	/* Share Button */
	
	div#sharebutton {
		float: right;
		margin-top: 7px;
		margin-bottom: 15px;
		margin-left: 35px;
	}
	
	/* Subscribe Button */
	
	div#subscribebutton {
		float: right;
		margin-top: 7px;
		margin-bottom: 15px;
	}
	
	/* Newsletter Window */

	div#newsletterwindow{
		position: fixed;
		top: 50%;
		left: 50%;
		width: 386px;
		height: 208px;
		margin-left: -218px;
		margin-top: -129px;
		overflow: hidden;
		background-color: #F0F0F0;
		z-index: 250;
		padding: 25px;
		display: none;
	}

	div#grayoutbackground_newsletter {
		display: none;
		z-index: 240;
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
	}

	/* Disclaimer Window */

	div#disclaimerwindow{
		position: fixed;
		top: 50%;
		left: 50%;
		width: 250px;
		height: 380px;
		margin-left: -150px;
		margin-top: -215px;
		overflow: hidden;
		background-color: #F0F0F0;
		z-index: 250;
		padding: 25px;
		display: none;
	}

	div#grayoutbackground_disclaimer {
		display: none;
		z-index: 240;
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
	}

	/* Legal Window */
	
	div#legalwindow{
		position: fixed;
		top: 50%;
		left: 50%;
		width: 366px;
		height: 305px;
		margin-left: -208px;
		margin-top: -175px;
		overflow: hidden;
		background-color: #F0F0F0;
		z-index: 250;
		padding: 25px;
		display: none;
	}
	
	div#grayoutbackground_legal {
		display: none;
		z-index: 240;
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
	}
	
	/* Right Frame */
	
	div.rightframe {
		clear: both;
		float: right;
		margin-left: 10px;
		overflow:visible;
	}
	
	/* Right Frame Contact */
	
	div#rightframe_contact {
		padding-left: 5px;
		padding-right: 5px;
		width: 210px;
		background: url(../img/sidebar_gradient.jpg) repeat-x;
		background-color: #E4E4E4;
	}
	
	/* Footer */
	
	div#footer {
		clear: both;
		padding-top: 10px;
	}
	
	/* Float Boxes */
	
	div.floatbox_left {
		float: left;
		margin-left: 6px;
		margin-right: 6px;
		width: auto;
		height: auto;
	}
	
	div.floatbox_right {
		float: left;
		margin-left: 6px;
		margin-right: 6px;
		width: auto;
		height: auto;
	}