/*  CSS Document                             */
/*  Written by Chris Converse for Lynda.com  */

body {
	font: 14px Arial;
	margin: 0px;
	padding: 30px;
	background-color: #fff;
	background-image: url(../images/noiseBlue.png);
	background-repeat: repeat;
}
a, a:visited { color: #00f; }
h1.fpo_text {
	color: #006;
	font-family: Times;
	font-size: 24px;
}
p.fpo_text { color: #006; font-family: Times; font-size: 16px; }



.sp  p {
	font-size: 1em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
}
.sp  h2 {
	font-size: 1.15em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: .5em;
	margin-left: 0px;
}
.sp {
	/* float: right; */
	width: 900px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 25px;
	position: relative;
}
.sp .tabs {
	position: relative;
	z-index: 101;
	display: none;
}
.sp .tabs span {
	background-color: #FFF;
	display: inline-block;
	margin: 0px;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 12px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ccc;
	border-bottom-color: #ccc;
	position: relative;
	cursor: pointer;
}


.sp .tabs span:first-child{
	padding-left: 15px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	-webkit-border-top-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	border-top-left-radius: 12px;	
}
.sp .tabs span:last-child{
	padding-right: 15px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	border-top-right-radius: 12px;	
}
.sp .tabs span.selected {
	color: #999;
	border-bottom: 1px solid #fff;
	
		
}.sp .panel_container {
	background-color: #FFF;
	margin-top: -1px;
	border: 1px solid #ccc;
	overflow: hidden;
	position: relative;
	z-index: 100;
}
.sp .panel_container .panel .panel_content {
	padding: 15px;
}
.sp .tabs .video.selected {
	color: #ffce6f;
	background-color: #3a3563;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #354e5c;
}
.sp .panels .video {
	background-image: url(../images/video_background.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #192414;
	
}
.sp .panels .video .panel_content {
	margin-right: 125px;
}
.sp .panels .video .panel_content h2 {
	color: #000;
}
.sp .panels .video .panel_content p {
	color: #FFF;
}
.sp .panels .video .panel_content a {
	color: #ffce6f;
}
.sp .tabs .ipad.selected { color: #fff; background-color: #8dbc52; border-bottom: 1px solid #8dbc52; }
.sp .panels .ipad { background: url(../images/ipad_background.jpg) no-repeat 0px 0px; background-color: #8dbc52; }
.sp .panels .ipad h2 { color: #fff; }
.sp .panels .ipad p { color: #284108; margin-right: 150px; }
.sp .panels .ipad a { color: #fff; }

.sp .tabs .photo.selected { color: #fff; background-color: #000; border-bottom: 1px solid #000; }
.sp .panels .photo { background: url(../images/photo_background.jpg) no-repeat 0px 0px; background-color: #000; }
.sp .panels .photo .panel_content { margin-right: 150px; }
.sp .panels .photo h2 { color: #fff; }
.sp .panels .photo p { color: #fff; }
.sp .panels .photo a { color: #ffcc00; }
.sp .panels .thumbnail { border: 1px solid #fff; }