html {overflow-y:scroll;} /* Permanent Scroll Bar to Avoid Shift between Pages */

body {
	font:14px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
	background: url(/img/body-bg.png) #e7e7e7 repeat-y center top;
	margin: 0;
}

img {
	border: 0;	
}

a {
	text-decoration: underline; 
	color: #b10000;
}

	a:hover {
		text-decoration: underline; 
		color: #666666;
	}

h1, h2 {
	text-shadow: 1px 1px 1px #c9c9c9; 	
}
	
h1 {
	background-color: #ebebeb;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #fff, #ebebeb); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #fff, #ebebeb); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #fff, #ebebeb); /* IE10 */
	background-image:      -o-linear-gradient(top, #fff, #ebebeb); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #fff, #ebebeb);
	border: 1px solid #b7b7b7;
	box-shadow: 1px 1px 1px #f3f3f3;
	color: #333333;
	font-size: 130%;
	padding: 8px 13px;
}

h2 {
	font-size: 120%;
}

h3 {
	font-size: 120%;
	margin-bottom: 0;
	padding-bottom: 0;
}

	h3 a {
		text-decoration: none; 
		color: #333333;
	}
	
h4 {
	font-size: 90%;
}	

p {
	margin: 1px 0 8px 0;	
}

#topbar-wrapper {
	border-bottom:1px solid #111;
	height:30px;
}
	
#topbar {
	background:#111;
	border-bottom:1px solid #000;
	color:#eee;
	font-size:85.7%;
	font-weight:bold;
	padding:8px 1em 6px;
	text-transform:uppercase;
}
	
#header {
	border:1px #000000 solid;
	background-color: #c5c7c8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#c5c7c8)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #f8f8f8, #c5c7c8); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #f8f8f8, #c5c7c8); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #f8f8f8, #c5c7c8); /* IE10 */
	background-image:      -o-linear-gradient(top, #f8f8f8, #c5c7c8); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #f8f8f8, #c5c7c8);
}
	
#logo {
	margin: 34px 0px 34px 34px;	
}

#tagline {
	float: right;
	margin: 90px 40px 0 0;	
}
	
#nav {
	background: url(/img/nav-bg.png) repeat-x;
	height: 37px;
	text-align: center;
}
	
	#nav ul {
		list-style: none;
		margin: 0 0 0 10px;
		padding: 0;
	}
		
	#nav li {
		border-left: 1px solid #000000;
		border-right: 1px solid #333333;
		float: left;
		height: 35px;
		margin: 0;
	}

		#nav li:first-child {
			border-left: 0;
		}

		#nav li:last-child {
			border-right: 0;
		}
			
		#nav a {
			color: #ffffff;
			display: block;
			font-weight: bold;
			height: 35px;
			line-height: 35px;
			padding: 0 13px;
			text-decoration: none;
			margin: 0;
		}
			
			#nav a:hover {
				text-decoration: underline;
			}

#topbar a,
#topbar a:visited {color:#666;font-size:11px;line-height:140%;}
#topbar a:hover {color:#bbb;text-decoration:none;}
#topbar ul {width:580px;}
#topbar li {border-left:1px solid #333;}
#topbar li:first-child,
#topbar li.first {border-left:none;}

#content {
	background-color: #ffffff;
	padding-bottom: 20px;
}
	
.post {
	border-bottom: 1px dotted #e4e4e4;
	margin-bottom: 15px;
	padding-bottom: 15px;
	clear: both;
}
	
	.post h3 {
		margin: 2px 0;
		text-shadow: none;	
	}
		
		.post h3:first-child {
			margin-top: 16px;	
		}
			
	.post h4 {
		color: #666666;
		font-weight: normal;
		margin: 4px 0;
	}
		
	.post p {
		margin: 2px 0 10px 0;	
	}

	.post strong {
		color: #333;
		font-style: italic;
	}	
		
.profile {
	border: 4px solid #dddddd;
	float: left;
	margin-top:4px;
	margin-right: 16px;
}

.product {
	border: 0px;
	float: right;
	margin-left: 16px;
	margin-right: 16px;
}
	
	

/* ----- LISTS ----- */
.horiz {
	line-height:1;
	list-style:none;
	margin:0;
	padding:0;
}
	
.horiz li {
	float:left;
	margin:0;
	padding:0 0.5em;
}
	
#logos {
	margin: 0;
	padding: 0;
	list-style: none;
}
	
	#logos li {
		float: left;
		margin: 0px 0px 12px 20px;
	}
		
	#logos img {
		background-color: #ffffff;
		border: 1px solid #eeeeee;
		padding: 3px;
	}
	
.tabs {
	border-bottom: 1px solid #cccccc;
	list-style: none;
	margin: 0;
	padding: 0;
}
	
	.tabs li {
		background-color: #eeeeee;
		border-left: 1px solid #dddddd;
		border-right: 1px solid #dddddd;
		border-top: 1px solid #dddddd;
		float: left;
		margin: 0 2px;
	}
		
	.tabs a {
		color: #333333;
		font-size: 88%;
		font-weight: bold;
		padding: 4px 8px;
		text-decoration: none;
	}
		
		.tabs a:hover {
			text-decoration: underline;
		}
			
		.tabs a.current {
			background-color: #ffffff;	
		}
			
#timeline {
	list-style: none;
	margin: 0;
	padding: 0;	
}

	#timeline li {
		margin-left: 0;
		margin-bottom: 15px;
		padding-left: 0;
	}
		
	#timeline strong {
		float: left;
	}
	
	#timeline span {
		display: block;
	}

#contact ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 90%;
}
	
	#contact ul.address div {
		margin-left: 140px;
	}	
		
#contact li {
	margin-bottom: 6px;
}
	
	#contact li span {
		float: left;
		font-weight: bold;	
	}
		
	#contact li div {
		margin-left: 156px;
	}
		


/* -- LINKS -- */
a.explore {
	background-color: #45484c;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#45484c), to(#000000)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #45484c, #000000); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #45484c, #000000); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #45484c, #000000); /* IE10 */
	background-image:      -o-linear-gradient(top, #45484c, #000000); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #45484c, #000000);
	border: 1px solid #000000;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	padding: 8px 14px;
	font-size: 90%;
}
	
a.explore:hover {
	text-decoration: underline;
}

.box {
	background-color: #eee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e6e6e6)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #eee, #e6e6e6); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #eee, #e6e6e6); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #eee, #e6e6e6); /* IE10 */
	background-image:      -o-linear-gradient(top, #eee, #e6e6e6); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #eee, #e6e6e6);
	border: 1px solid #b2b2b2;
	box-shadow: 1px 1px 1px #f3f3f3;
	color: #333333;
	margin-top: 10px;
}
	
	.box h3 {
		border-bottom: 1px solid #ddd;
		margin: 13px 18px;
	}
	

.box2 {
	background-color: #ddd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#ddd)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #e6e6e6, #ddd); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #e6e6e6, #ddd); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #e6e6e6, #ddd); /* IE10 */
	background-image:      -o-linear-gradient(top, #e6e6e6, #ddd); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #e6e6e6, #ddd);
	border: 1px solid #b2b2b2;
	box-shadow: 1px 1px 1px #f3f3f3;
	color: #333333;
	margin-top: 10px;
}
	
	.box2 h3 {
		border-bottom: 0px solid #d5d5d5;
		margin: 13px 18px;
	}

	.box2 img {
		margin:2px 5px 0px 5px;
	}		
		
.box3 {
	background-color: #ccc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#d5d5d5)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ddd, #d5d5d5); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #ddd, #d5d5d5); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ddd, #d5d5d5); /* IE10 */
	background-image:      -o-linear-gradient(top, #ddd, #d5d5d5); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ddd, #d5d5d5);
	border: 1px solid #b2b2b2;
	box-shadow: 1px 1px 1px #f3f3f3;
	color: #333333;
	margin-top: 10px;
}
	
	.box3 h3 {
		border-bottom: 1px solid #ccc;
		margin: 13px 18px;
	}

	.box3 p {
		padding: 0 18px 3px 18px;
		margin: 0;
	}
	
		.box3 p:last-child {
			padding-bottom: 15px;
		}

.box4 {
	background-color: #bbb;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d5d5d5), to(#ccc)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #d5d5d5, #ccc); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #d5d5d5, #ccc); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #d5d5d5, #ccc); /* IE10 */
	background-image:      -o-linear-gradient(top, #d5d5d5, #ccc); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #d5d5d5, #ccc);
	border: 1px solid #b2b2b2;
	box-shadow: 1px 1px 1px #f3f3f3;
	color: #333333;
	margin-top: 10px;
}
	
	.box4 h3 {
		border-bottom: 1px solid #b2b2b2;
		margin:10px 10px 15px 18px;
	}

	.box4 p {
		padding: 0 18px 3px 18px;
		margin: 0;
	}
		
		.box4 p:last-child {
			padding-bottom: 15px;
		}

#video {
	margin: 12px 0;
}
	
#footer {
	background: #111;
	border-bottom: 1px solid #000;
	color: #eee;
	font-size: 85.7%;
	padding: 15px 0;
	text-align: center;
	border-bottom:1px solid #111;
}

#social-tools ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
	#social-tools li {
		float: left;
		margin-right: 8px;	
	}