body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0}

body {
	background:url(../images/page_bg.png) top center no-repeat #1580e3;
	font-family: arial, verdana;
	font-size:12px;
}

.clear {
	clear:both;
}

.off {
	display:none;
}

p {
	line-height:1.4em;
	color:#666666;
	margin:0 0 20px 0;
}

.right_panel ul.no_margin, p.no_margin {
	margin:0;
}

a {
	color:#00beeb;
	text-decoration:none;
}
	
	a:hover {
		text-decoration:underline;
	}
	
h1 {
	font-size:51px;
	color:#00a1f4;
	font-style:italic;
	width:480px;
}

	h1.alt {
		width:auto;
	}

h2 {
	font-size:40px;
	color:#005f9f;
	border-top:1px solid #cccccc;
	margin:20px 0 0 0;
	padding:40px 0 20px 0;
}

	h2.center {
		font-size:50px;
		margin:0;
		padding:0;
		border:none;
		color:#00a1f4;
		text-align:center;
	}
	
	h2 span {
		font-size:21px;
		display:block;
	}
	
	h2 span.tm {
		display:inline-block;
		font-size:16px;
		line-height:21px;
		height:21px;
		vertical-align:top;
	}
	
	h2 span.tm_small {
		display:inline-block;
		font-size:13px;
		line-height:20px;
		height:20px;
		vertical-align:top;
	}
	
	h2 span.small_span {
		color:#999999;
		font-size:19px;
		height:20px;
	}
	
h3 {
	color:#fff;
	font-size:26px;
	margin:3px 0 10px 0;
}

h3.alt {
	color:#95aa00;
	margin:0;
	font-size:23px;
}

	h3 span {
		font-style:italic;
	}
	
h4 {
	color:#005f9f;
	font-size:18px;
	margin:0 0 10px 0;
}

	h4 a {
		color:#005f9f;
	}

h4.center {
	display:inline-block;
	text-align:center;
	width:480px;
	color:#999999;
	position:relative;
	z-index:10;
	font-size:20px;
	background:url(../images/heading_bg.gif) center left no-repeat;
	padding:0 10px 0 0;
	margin:10px 0 10px 0px;
}

.button a{
	padding:5px 20px;
	margin:40px 0 30px 0;
	color:#fff;
	display:inline-block;
	background:#95aa00;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior: url(border-radius.htc);
	font-weight:bold;
}

#container {
	width:950px;
	padding:25px;
	margin:0 auto 0 auto;
	position:relative;
	background:#fff;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	behavior: url(border-radius.htc);
	overflow:hidden;
}

#header {
	display:inline-block;
	overflow:hidden;
	width:100%;
}

#header img {
	float:left;
}

.panel {
	float:left;
	width:220px;
	border:1px solid #cccccc;
	background:url(../images/panel_bg.gif) top left repeat-x;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior: url(border-radius.htc);
	margin:30px 22px 0 0;
	color:#666666;
	padding:7px 10px 10px 10px;
	position:relative;
}
	
	.panel.last ul {
		margin:5px 0 0 0;
	}
	
	.panel.last ul li {
		padding:10px 0 10px 0;
		border-bottom:1px solid #e0e0e0;
	}
	
		.panel.last ul li a {
			color:#005f9f;
		}
		
	.panel.twitter ul li {
		border-bottom:1px solid #e0e0e0;
		padding:10px 0;
	}
	
	.panel.twitter ul li p {
		margin:0 0 7px 0;
	}
	
		.panel.twitter ul li.bottom {
			border:none;
		}
		
	.panel.twitter span {
		line-height:1.4em;
	}

	.follow, .more {
		position:absolute;
		top:10px;
		right:10px;
		font-size:13px;
		padding:4px 10px;
		background:#fff;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		behavior: url(border-radius.htc);
	}
	
		.follow a, .more a {
			color:#839500;
		}

.panel.last {
	margin-right:0;
}

	.panel.last .bottom {
		border:none;
	}

.product.on {
	overflow:hidden;
	display:inline-block;
}

.right_panel {
	float:left;
	color:#666666;
	border:1px solid #cccccc;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior: url(border-radius.htc);
	margin:15px 0px 20px 0;
	padding:15px;	
	width:400px;
}

.right_panel.alt {
	background:#fafafa;
	height:45px;
	margin:10px 20px 0 0;
}
	
	.right_panel img {
		float:right;
		margin:0 0 10px 10px;
	}
	
	.right_panel span {
		margin:15px 0 0 0;
		font-size:15px;
		display:inline-block;
	}
	
		.right_panel span a {
			color:#fff;
		}
	
	.right_panel ul {
		display:inline-block;
		margin:15px 0 0 0;
	}
		
		.right_panel ul.product_thumbs {
			clear:both;
		}
		
		.right_panel ul.product_thumbs li{
			float:left;
			margin:0 8px 0 0;
			cursor:pointer;
			width:64px;
			height:64px;
			border:4px solid #fff;
		}
		
			.right_panel ul.product_thumbs li img{
				margin:0;
			}
		
			.right_panel ul.product_thumbs li.on, .right_panel ul.product_thumbs li:hover {
				border:4px solid #95aa00;
			}
	
	.right_panel .learn_button {
		padding:2px 5px;
		margin:10px 5px 0 0;
		color:#fff;
		display:inline-block;
		border: 1px solid #95aa00;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
	}
	
	.right_panel .learn_button.alt {
		margin:10px 0 0 0;
		display:inline-block;
	}
	
		.right_panel .learn_button a {
			color:#95aa00;
		}
	
	.right_panel .buy_button a{
		padding:2px 10px;
		margin:0 5px 0 0;
		text-align:center;
		display:inline-block;
		color:#fff;
		background:#95aa00;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		behavior: url(border-radius.htc);
	}
	
	.speech_bubble {
		width:140px;
		border:1px solid #d7d7d7;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		behavior: url(border-radius.htc);
		background:#fafafa;
		padding:15px 15px 0px 15px;
		float:left;
		position:relative;
	}
	
		.speech_bubble p {
			margin:0 0 15px 0;
		}
	
		.speech_bubble img{
			position:absolute;
			top:30px;
			right:-13px;
		}
	
	.speech_bubble h4 {
		font-size:16px;
		color:#00a1f4;
	}

.wide_panel {
	float:left;
	width:400px;
	color:#666666;
	position:relative;
	border:1px solid #cccccc;
	overflow:hidden;
	background:url(../images/panel_bg.gif) top left repeat-x;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior: url(border-radius.htc);
	margin:30px 22px 0 0;
	padding:7px 10px 10px 10px;
}

	.wide_panel ul li{
		margin:13px 0px 0 0;
		padding:0 0 5px 0;
		border-bottom:1px solid #e0e0e0;
	}
		
		.wide_panel ul li.bottom {
			border:none;
		}
		
		.wide_panel ul li.retweet {
			margin:10px -5px 0 0;
		}
		
		.wide_panel ul li.like_button {
			margin:8px 0 0 0;
		}

#newsletter {
	float:right;
	background:#1182e3;
	border-right:1px solid #70b4ee;
	-moz-border-radius:10px 0 0 10px;
	-webkit-border-radius:10px 0 0 10px;
	behavior: url(border-radius.htc);
	display:inline-block;
	margin:20px 0 0 0;
	padding:0 12px;
	height:55px;
	line-height:55px;
}

	#newsletter a {
		color:#fff;
	}

#social {
	float:right;
	background:#1182e3;
	-moz-border-radius:0px 10px 10px 0px;
	-webkit-border-radius:0px 10px 10px 0px;
	behavior: url(border-radius.htc);
	padding:12px;
	width:268px;
	display:inline-block;
	margin:20px 0 0 0;
	height:31px;
}

	#social img {
		float:right;
		margin:0 0 0 10px;
	}
	
	#social .friends {
		float:left;
		margin:5px 0 0 0;
	}

ul li .social {
	margin:0;
	display:inline-block;
	overflow:hidden;
}

	ul li .social li{
		float:left;
		border:none;
	}

#social li, #newsletter li {
	display:inline;
	font-size:18px;
	color:#fff;
}

#left_column {
	float:left;
	width:480px;
	padding:40px 0px 0 0;
	position:relative;
	display:inline-block;
}

	.left_arrow {
		position:absolute;
		left:0;
		top:30px;
		cursor:pointer;
	}
	
	.right_arrow {
		position:absolute;
		right:-10px;
		top:30px;
		cursor:pointer;
	}
	
#right_column {
	float:right;
	width:430px;
	padding:10px 0 0 0;
	display:inline-block;
}

#video_thumbs {
	margin:15px 0 0 0;
	padding:20px 0 0 45px;
}

#slide_wrap {
	position:relative;
}

#video_slider {
	margin:20px 0 0 45px;
	height:170px;
	width:395px;
}

	#video_thumbs li {
		float:left;
		height:170px;
		display:inline-block;
		margin:0 10px 0 0;
		cursor:pointer;
	}
	
	#video_thumbs p {
		margin:5px 0 0 0;
		color:#0085ff;
		font-size:11px;
		width:130px;
	}
	
		#video_thumbs p.on {
			display:block;
		}
	
	#video_thumbs li img {
		border:4px solid #fff;
	}
	
#video_thumbs .on img, #video_thumbs li:hover img{
	border:4px solid #39a0fe;
}

#post {
	padding:0 100px 60px 0px;
}

	#post .post_image {
		float:right;
		margin:20px 0 0 10px;
	}

ul#post_date {
	font-size:14px;
	font-weight:bold;
	color:#666666;
	margin:0 0 20px 0;
	display:inline-block;
}

	ul#post_date li.like_button {
		margin:-1px 0px 0px 20px;
		float:right;
	}

	ul#post_date li{
		display:inline;
		margin:0 10px 0 0;
	}

#footer {
	width:950px;
	margin:0 auto 0 auto;
	text-align:center;
	font-weight:bold;
	font-size:11px;
}

	#footer a {
		color:#fff;
	}

	#footer ul {
		margin:15px 0 50px 0;
	}
	
	#footer ul li {
		display:inline;
		border-right:1px solid #fff;
		padding:0 10px;
	}
	
	#footer ul li.last {
		border:none;
	}

.scroll {
	height:230px;
	overflow:hidden;
}

.like {
	position:absolute;
	top:15px;
	right:80px;
}
