@charset "utf-8";
/* CSS Document */
body {
	padding: 0px;
	height: auto;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.2em;
	text-decoration: none;
	background-color: #000;
	background-image:url(../../images/demo/bg-01.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
div#outercontainer {

	}
div#innercontainer {
	width:900px;
	background-color: #fff;
	/*border: 7px solid #cc9;*/
	border: 0px solid #666;
	margin: 20px auto;
	}

div#header {
	width: auto;
	height: 90px;
	background-color: #FFF;
	background-image:url(../../images/demo/bg-header.png);
	background-position:top right;
	background-repeat:no-repeat;
	}
	div#logo {
	float: left;
	width: 310px;
	height: 90px;
	padding-left: 12px;
	}
	div#mainnav {
	width: auto;
	float: right;
	font-size: .85em;
	font-weight: bold;
	padding-top: 58px;
	text-align: right;
		}
		div#mainnav ul{
		margin: 0px;
		}
		div#mainnav li{
		float: left;
		list-style-type: none;
		padding-right: 30px;
		}
		div#mainnav a {
		text-decoration: none;
		color: #666;
		}
		div#mainnav a:hover {
		text-decoration: underline;
		color: #FF9900;
		}

div#header2 {
	clear: both;
	width: auto;
	min-height: 420px;
	height: auto;
	background-color: #000;
	background-image:url(../../images/demo/bg-02.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align: left;
	}
	div#sectiontitle {
	float: left;
	width: 20%;
	}
	div#sectionphoto {
	float: right;
	width: 70%;
	text-align: right;
	}
div#header2 .video {
	padding: 0;
	margin: 30px 0px 0 25px;
	float:left;
	width: 480px;
	border: 0px solid #666;
	}
div#header2 .banner-right {
	width: 360px;
	float: right;
	padding: 70px 0 20px 0;
	}
div#header2 h2 {
	font-size: .9em;
	color: #fff;
	}
div#header2 ul {font-size: .8em; color: #fff; padding:0 10px 10px 10px; list-style-type:disc; list-style-position:outside; margin-left: 8px;}
div#header2 ul li {line-height:1.2em; padding-top: 7px;}



div#subheader {
	clear: both;
	width: auto;
	height: 1px;
	background-color: transparent;
	text-align:right;
	margin-right: 30px;
	}
div#subheader a {margin-bottom: 20px;}

div#tabs {
	margin: 20px 0 0 28px;
}
ul.tabs {
	list-style-type:none;
	font-size: .75em;
	font-weight: bold;
}
ul.tabs li {
		padding: 2px 10px 2px 10px;
		float: left;
		margin-right: 1px;
	border-top: 1px solid #999;
	border-right: 1px solid #333;
	border-bottom: 0px solid #ccc;
	border-left: 1px solid #999;
	height: auto;
	background-image: url(../../images/demo/bg-editbuttons.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
ul.tabs li a {
	text-decoration: none;
	color: #333;
}
ul.tabs li a:hover{
	text-decoration: none;
	color:#000;
}

ul.tabs li.current {
	background-color: #000;
	color: #72ccff;
	background-image: none;
	background-repeat: repeat-x;
	background-position: left top;
	border-top: 1px solid #999;
	border-right: 1px solid #000;
	border-bottom: 0px solid #ccc;
	border-left: 1px solid #666;
}
ul.tabs li.current a {
		color: #72ccff;
}

div#contentarea-home {width:auto; background-image:url(../../images/demo/bg-content.jpg); background-repeat:no-repeat; background-position: top left; padding-bottom: 20px; min-height:100px;}
div#contentarea {width:auto; background-image:url(../../images/demo/bg-subpage.jpg); background-repeat:no-repeat; background-position: top left; min-height:500px; height:auto;}
	
div#column2 {
	float: left;
	width: 520px;
	margin-left: 0;	
	display: inline; /* for Internet Explorer *//*\*/
	padding: 0 0 50px 0;
	background-color:transparent;
	}
		div#column2 h2 {
		color:#333;
		font-size: 1.4em;
		font-weight: bold;
		line-height: 1.3em;
		text-decoration: none;
		padding: 50px 20px 10px 30px;
		}
		div#column2 h3 {
		clear:both;
		color: #69C;
		font-size: 1em;
		font-weight: bold;
		line-height: 1.4em;
		text-decoration: none;
		padding: 10px 20px 10px 30px;
		}
		div#column2 h4 {
		color: #333;
		font-size: .83em;
		font-weight: bold;
		line-height: 1.2em;
		text-decoration: none;
		padding: 0px 20px 5px 30px;
		}
		div#column2 p {
		color: #333;
		font-size: .76em;
		line-height: 1.4em;
		text-decoration: none;
		padding: 0px 20px 10px 30px;
		}
		div#column2 img {
		float: left;
		padding: 3px 10px 6px 30px;
		}
		div#tablecontent {
				border: 1px solid #ccc;
				background-color: #FFF;
				}
		div#tablecontent th.top{
				line-height:1em;
				}
		div#tablecontent th.feature{
				line-height:1.2em;
				padding-top: 10px;
				padding-bottom: 10px;
				}
		div#column2 table td img {
			float: none;
			padding: 0;
			}
		#tablecontent tr {
				background-color: #f9fbfe;
				}
				#tablecontent tr.alt {
				background-color: #eef3fb;
				}
div#column3 {
	float: left;
	width: 350px;
	margin-top: 30px;
	border-left: 0px dotted #DFDFDF;
	padding-bottom: 25px;
	}
.screens {
		width: 100%;
		margin: 10px;
		padding-top: 10px;
		}
.screens img {
		margin-bottom: 10px;
		}

.roundcont {
		width: auto;
		background-color: #69C;
		color: #FFF;
		margin-left: 10px;
		margin-right: 10px;
		}
		
div#column3 h3.nextsteps {
		color: #FFC;

		font-weight: bold;
		line-height: 1.4em;
		text-decoration: none;
		padding: 0px 20px 0px 10px;
		}
		div#column3 p.nextsteps {
		margin: 0px;
		font-size: .8em;
		color: #FFC;
		line-height: 1.2em;
		padding: 5px 10px 0px 10px;
		}
		div#column3 p.nextsteps a {
		color: #FFC;
		}
		div#column3 ul.nextsteps {
		list-style-type: disc;
		list-style-position: inside;
		padding: 5px;
		}
		div#column3 li.nextsteps {

		margin: 0px;
		color: #FFC;
		line-height: 2em;
		padding: 0px 10px 0px 10px;
		}
		div#column3 li.nextsteps a {
		font-size: 1em;
		color: #FFC;
		}
		div#column3 img.tour {
			padding: 10px 0 15px 10px;
		}
		div#column3 ol {
			padding-left: 10px;
			font-size: .75em;
			color: #666;
			margin-left: 20px;
		}
div#tabcontent {
	border-top: 0px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;			
	background:url(../../images/tab-content-bg.gif) repeat-x left top #F0F0F0;
	padding: 10px 0px 10px 0px;
	}
	div#column2 .quote-container {			
	padding: 10px 20px 10px 30px;
	margin-bottom: 10px;
	}
	div#column2  .quote {
	border-top: 1px solid #CCC;			
	padding: 10px 0px 0px 0px;
	}
	div#column2  .name {
	font-weight: bold;
	font-style: italic;			
	padding: 5px 0px 0px 0px;
	}
	div#column2  .title {
	font-size: .7em;
	font-style: italic;			
	padding: 0px 0px 0px 0px;
	}
	div#column2  ul {
	font-weight: normal;
	color: #333;
	padding: 0px 10px 0px 45px;
	}
	div#column2  ul li {
	font-size: .76em;
	line-height: 1.4em;
	font-weight: normal;
	padding: 0px 20px 10px 0px;
	}
	
	div#column2 ol.quotelist {
				font-family: Arial, Helvetica, sans-serif;
				color: #333;
				font-size: .76em;
				line-height: 1.2em;
				text-decoration: none;
				padding: 0px 20px 10px 40px;
				list-style-position: outside;
				list-style-type: decimal;
				}
				div#column2 li.quotelist {
				padding-bottom: 5px;
				}
				.tablecontainer {
				padding: 0px 20px 20px 30px;
				}
.AccordionPanelContent ul {
	font-size:.75em;
	padding: 0 10px 10px 10px;
	color: #666;
	}

/* BOX WITH ROUNDED CORNERS */
	.box {margin-left:10px; }
	.box{margin-bottom:10px;}
	.box .artop, .box .artop div {clear:both}
	.box .artop div{ background:#69c; border-color:#69c}
	.boxcontent {margin:0; padding: .75em 1em .75em 1em; border:#69c solid; border-width: 0 1px 0 1px ; background: #fff;}
	.boxcontent a {color:#0000FF; font-weight:normal; text-decoration:underline}
	.artop {display:block}
	.artop * {display:block; height:1px; overflow:hidden; font-size:1px; border-style:solid; border-width:0 1px}
	.re1 {margin:0 5px 0 5px; border-width:1px 0 0; height:0 !important; height /**/:1px}
	.re2 {margin:0 3px 0 3px; border-left-width:2px; border-right-width:2px}
	.re3 {margin:0 2px 0 2px}
	.re4 {margin:0 1px 0 1px; height:2px}

	.box h3 {margin:0; font-size:1.3em; line-height:1.4em; padding:3px 6px 1px 10px; font-weight:bold; color:#fff; background:#69c; border:solid; border-color:#69c; border-width:0 1px 0 1px;}
	.box li {padding-top: 7px;}

 
	
	
div#footer {width:900px; margin:20px auto; background-color: #000; border-top: 0px solid #CCC; padding: 0px 0px 10px 0px;}
	div#footer p {color:#666; font-size:.7em; line-height: 1.2em; padding: 10px 10px 10px 0px;}
	div#copyright {color:#666; width:66%; float:left; background-color:#000; margin:0; padding:0;}
	div#copyright img {padding-right: 7px;}
	div#w3c {width:26%; float:right; background-color:#000; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 32px;}

.award {border-bottom: 1px solid #ccc; background-color:transparent; padding:1px 0 5px 0; margin:0px 10px 10px 10px;background-image:none;}
p.winner {font-weight:bold; margin-top:10px;}
.alignright a {float:right; text-align:right;}

div#header2 .sign-in {
	width: 100%;
	text-align:center;
	padding: 70px 0 20px 0;
	}
div#header2 fieldset {
	margin: 1% 30% 1% 30%;
	padding: 25px 15px;

}

legend {
		font-weight:bold;
		color:#9cf;
}
fieldset .formrow {
		margin: 5px 0 0 0;
		padding: 5px 0 5px 0;
		display: block;
		clear:both;
}
fieldset .formrow label {
		float: left;
		text-align: right;
		width: 20%;
		font-size: .75em;
		font-weight: bold;
		color: #fff;
		padding-top: 1px;
}
.contact fieldset .formrow label {
		font-size: .75em;
		color: #666;
}
fieldset .formrow input {
		float: right;
}
fieldset .formrow input.signin {
		float: left;
		margin-left: 5em;
		width: 8em;
}
fieldset .formrow input.fullwidth {
		width: 78%;
}
fieldset .formrow textarea.fullwidth {
		float: right;
		width: 78%;
		font-family:Arial, Helvetica, sans-serif;
}
fieldset .formrow input.submit {
		float: left;
		margin-left: 1%;
}
fieldset .formrow a {
		float: right;
		text-align: left;
		width: 78%;
		color:#9CF;
		font-size: .75em;
		text-decoration:none;
}
fieldset .formrow a .underlined {
		text-decoration:underline;
		color: #fff;
}

fieldset img {
	text-align: center;
	margin: 5px 0 5px 0;
}
div#column2.contact fieldset img {
	padding:0;
}
div#column2.contact fieldset legend {
		color:#69c;
}