body {
	background-color: #373b3c;
	font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;	
	color: #222222;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	}

	img { border: none; }
	.hidden { display: none; }
	.clear { clear: both; }
	
	a {
		color: #3082c4;
		text-decoration: none;
		}
	
	a:hover {color: #222222;}
		
	p {
		line-height: 18px;
		margin-bottom: 18px;
	}
	
	h1 {font-size: 25px; font-weight: normal; color: #3082c4;}
	h1.bold { font-size: 30px; font-weight: bold; color: #222; margin: 0; }
	h2 {}
	h3 {}
	h4 { margin: 15px 0 5px 0; }
	
	ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0px 0;
	}
	
	li {
	padding: 0;
	margin: 0;
	line-height: 18px;
	}
			
#container {
	width: 100%;
	text-align: center;
	background-color: #ffffff;
	}
	
	.full {width: 960px; margin: 0 auto; text-align: left; }
	.half {width: 460px; float: left;}
	.mainContent {width: 745px;}
	.smallColumn {width: 190px;}
	.fr {float: right}
	.fl {float: left}
	.small { font-size: 11px; }
	.light { color: #888; }
	
	#navigation {
		background-color: #000000;
		height: 60px;
		overflow: hidden;
		}
		
		#logo {float: left;}
		
		#nav ul {
		float: right;
		}
		
		#nav li {
		float: left;
		font-size: 13px;
		font-weight: bold;
		padding: 20px;
		}
		
		#nav li a {
		color: #FFFFFF;
		}
		
		#nav li a:hover {
		color: #CCCCCC;
		}
		
			#nav li.signin {
		    padding-right: 0;    
		    }
		
			#nav li.signin a {
			background: url(images/navigation-signin.jpg) no-repeat 50% 50%;
			padding: 5px 14px;
			color: #00b0d8;
			}

			#nav li.signin a:hover {
			background: url(images/navigation-signin-hover.jpg) no-repeat 50% 50%;
			padding: 5px 14px;
			color: #EEEEEE;
			}
	
#mainHeader {
        overflow: hidden;
		margin: 0px auto;
		background: url(images/main-header-bg.jpg);
		height: 411px;
		}

		#headerGraphic {
		background: url(http://dk6alfz2aicis.cloudfront.net/facing/assets/images/main-header.jpg) no-repeat 50% 0;
		height: 411px;
		width: 100%;
		}

	#mainFeatures {
		width: 100%;
		margin: 0px auto;
		background: url(images/features-bg.jpg);
		height: 101px;
		}

		#mainFeatures .feature {
		width: 240px;
		padding-top: 17px;
		float: left;
		margin-right: 10px;
		margin-left: 10px;
		}

		#mainFeatures .feature img {
		float: left;
		margin-right: 10px;
		}

		#mainFeatures .feature p {
		font-size: 11px;
		color: #666666;
		line-height: 14px;
		padding: 0;
		margin: 0;
		}

		#mainFeatures .feature h3 {
		font-size: 12px;
		color: #222222;
		margin: 0;
		padding: 0;
		}

		#mainFeatures .feature a {
			display: block;
			width: 100%;
			overflow: hidden;
		}
		
		#mainFeatures .feature a:hover h3 {
			color: #3082c4;
		}

		#mainFeatures .signupCallout a {
		width: 179px;
		height: 100px;
		float: left;
		background: url(images/main-signup-beta.jpg) no-repeat;
		margin: 0;
		padding: 0;
		}

		#mainFeatures .signupCallout a:hover {
		width: 179px;
		height: 100px;
		float: left;
		background: url(images/main-signup-betahover.jpg) no-repeat;
		margin: 0;
		padding: 0;
		}

	#mainAbout {
		padding-top: 20px;
		}

		.borderedBox p {
		font-size: 11px;
		color: #666666;
		margin: 0;
		line-height: 17px;
		}

		.borderedBox h2 {
		margin: 15px 0px 0px 20px;
		font-size: 13px;
		}

		.borderedBox h3 {
		font-size: 12px;
		color: #3082c4;
		margin: 0;
		}

		ul.borderedBox{
		background: #f7f7f7;
		border: 3px solid #e7e7e7;
		margin-bottom: 20px;
		}

		.borderedBox li {
		float: left;
		width: 200px;
		padding: 15px 5px 15px 20px;
		}

		.users {
		margin-left: 40px;
		}
	
	
#mainHeading {
    overflow: hidden;
    text-align: center;
	height: 80px;
	background-color: #D7E9ED;
	border-bottom: 1px solid #B5C7CD;
	}
	
	#mainHeading h1 {
		font-weight: 500;
		font-size: 2.5em;
		text-align: center;
		text-shadow: 1px 1px #FFFFFF;
		margin: 0;
		line-height: 80px;
		}
	
		#mainHeading h1 span.headingBold {
			color: #000000;
			}
		
#about { padding: 35px 0; }
#tour { padding: 35px 0 0 0; }
	
.row {
	padding-bottom: 40px;
	}
		
.left {
	width: 360px;
	margin: 0;
	}
	
	.left h1 {
		margin: 0 0 10px 0;
		color: #333333;
		font-weight: bold;
		line-height: 1em;
		font-size: 29px;
		}
		
	.left h5 {
		margin: 5px 0 0 0;
		color: #777777;
		font-size: 1.2em;
		font-weight: normal;
		}
	
	
.right {
	width: 370px;
	height: 200px;
	margin: 0px;
	background-color: #dfeef1;
	}
	
.mainRight {
	background-color: #f7f7f7;
	height: 200px;
	width: 190px;
	margin: 0;
	float: right;
	}
	
.signup {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	
	.smallColumn .signup {
		background-color: #f7f7f7;
		border: 1px solid #e7e7e7;
		text-align: center;
		margin-bottom: 20px;
		overflow: hidden;
		}	
		
		.smallColumn .signup h5 {
			font-size: .9em;
			margin: 15px 15px 5px 15px;
			text-align: left;
			}
		
		.smallColumn .signup p {
			margin: 0 15px 10px 15px;
			color: #666666;
			line-height: 16px;
			font-size: .9em;
			text-align: left;
			}
			
		.smallColumn .signup a {
			background: url(images/tour-signup.jpg) no-repeat;
			width: 155px;
			height: 46px;
			display: block;
			margin: 0 0 15px 18px;
			}
			
			.smallColumn .signup a:hover {
				background: url(images/tour-signup-h.jpg) no-repeat;		
				}
			
	.smallColumn .sites h5 {
		margin: 30px 0 15px 0;
		padding-bottom: 5px;
		font-weight: normal;
		font-size: 1.3em;
		border-bottom: 1px solid #eeeeee;
		}
		
		.smallColumn .sites a {
			}
			
		.smallColumn p {
			margin: 3px 0 10px 0;
			color: #666666;
			line-height: 16px;
			font-size: .9em;
			}
			
		.smallColumn .sites img {
			position: relative;
			margin-right: 8px;
			top: 3px;
			}
			
	.fl ul.leftNavigation {
		margin-bottom: 20px;
		}
	
	.smallColumn .leftNavigation li a {
		font-size: 15px;
		border-top: 1px solid #DDD;
		padding: 8px 10px;
		display: block;
		}
		
		.smallColumn .leftNavigation li.selected a {
		color: #333;
		background-color: #f7f7f7;
		}
		

/* about */

.summary {
    color: #888;
    font-size: 1.2em;
    line-height: 1.5em;
    margin: 15px 0;
    }

.smallColumn h3 {
    font-weight: 300;
    font-size: 17px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
    margin: 10px 0;
    }

.smallColumn p {
    line-height: 1.3em;
    margin: 0;
    }

#subHeader {
	margin: 0;
	padding: 0;
	}
	
/* signup */

.mediumContent {
	width: 800px;
	margin: auto;
	}
	
	.mediumContent .colLeft {
		margin: 0;
		width: 500px;
		float: left;
		}
		
		.mediumContent input.text {
		width: 400px;
		height: 30px;
		border: 1px solid #e7e7e7;
		background-color: #f7f7f7;
		margin: 2px 0 15px 0;
		font-size: 1.1em;
		color: #666666;
		padding: 0 0 0 5px;
		}
		
		.mediumContent input.error {
			border: 1px dashed red;
		}
		
		.mediumContent select {
		width: 250px;
		margin: 0 0 15px 0;
		}
		
		.mediumContent .checkbox {
		margin-bottom: 15px;
		}
		
		.mediumContent checkbox {
		margin: 0;
		padding: 0;
		width: 0;
		}
		
		.mediumContent .colLeft p {
		font-size: 1.2em;
		font-family: Helvetica;
		font-weight: bold;
		margin: 0;
		}

		.mediumContent label {
		font-size: 1em;
		font-family: Helvetica;
		color: #666666;
		margin: 0;
		}

	.mediumContent .colRight {
		width: 264px;
		margin: 15px 0 0 0;
		padding: 15px 15px 15px 15px;
		float: left;
		background: #f7f7f7;
		border: 3px solid #e7e7e7;
		}
		
		.mediumContent h3 {
		margin: 0;
		color: #333333;
		font-size: 1em;
		
		}
		
		.mediumContent p {
		margin: 0;
		color: #666666;
		font-size: .9em;
		}
		
	.mediumContent .button {
	background: url(images/signup-button.jpg) no-repeat;
	margin: 0 0 50px 0;
	}
	
		.mediumcontent .button a {
		width: 120px;
		height: 35px;
		display: block;
		}

.contactForm {
		}
		
		.contactForm input.text {
		width: 400px;
		height: 30px;
		border: 1px solid #e7e7e7;
		background-color: #f7f7f7;
		margin: 2px 0 15px 0;
		font-size: 1.1em;
		color: #666666;
		padding: 0 0 0 5px;
		}
		
		.contactForm textarea {
		width: 400px;
		border: 1px solid #e7e7e7;
		background-color: #f7f7f7;
		margin: 2px 0 15px 0;
		font-size: 1.1em;
		color: #666666;
		padding: 0 0 0 5px;
		}
		
		.contactForm select {
		width: 250px;
		margin: 0 0 15px 0;
		}
		
		.contactForm .checkbox {
		margin-bottom: 15px;
		}
		
		.contactForm checkbox {
		margin: 0;
		padding: 0;
		width: 0;
		}
		
		.contactForm p {
		color: #666666;
		font-size: 1.2em;
		font-family: Helvetica;
		font-weight: bold;
		margin: 0;
		}

		.contactForm label {
		font-size: 1em;
		font-family: Helvetica;
		color: #666666;
		margin: 0;
		}

#footer {
	background-color: #373b3c;
	height: 100px;
	width: 100%;
	text-align: center;
	padding-top: 20px;
	color: #FFFFFF;
	font-size: 11px;
	}
	
	#footer p {
	margin: 0;
	}
	
	#footer a {
	color: #00b0d8;
	}
	
	#footer a:hover {
	color: #EEEEEE;
	}
	
	#footer hr {
	height: 1px;
	border: 0;
	background-color: #666;
	width: 400px;
	}