* {
	margin:0;
	padding:0;
}

body#portal, body#overview, body#faq, body.lucida {
	background:#46494d url(../images/drop_shadow_bg_image.gif) top repeat-y;
	font-family:helvetica;
	font-size:13px;
	color:#46494d;
	margin:auto;
	padding:auto;
}


#portal h2 {
	padding: 5px;
}

#portal #wrapper, #overview #wrapper, #faq #wrapper, .lucida #wrapper {
	width:755px;
	height:auto;
	margin:auto;
	padding:auto;
	background-color:#fff;
}

#portal #header, #overview #header {
	background:url(../images/fastcastpro_logo_large.gif) top no-repeat;
	width:750px;
	height:120px;
	margin:20px auto 20px auto;
	padding:0;
}

#faq #header {
		background:url(../images/fastcastpro_logo_large.gif) top no-repeat;
		width:750px;
		height:120px;
		margin:20px auto 0px auto;
		padding:0;
}

#portal #header h1, #overview #header h1, #faq #header h1 {
	display:none;
}

#portal #content {
	width:750px;
	height:auto;
	background-color:#fff;
	position:relative;
	top:0;
	z-index:6;
	margin-bottom:40px;
}

#portal #content #preface img {
	position:relative;
	display:inline-block;
	top:0px;
	left:30px;
	float:left;
	margin-bottom:50px;
}

#portal #content dl.description {
	position:relative;
	left:50px;
    float:left;
	width:365px;
}

#portal #content dt.description {
	font-size:24px;
	font-weight:600;
	text-align:left;
	padding-bottom:2px;
}

#portal #content dt a {
	color:#46494d;
	text-decoration:none;
}

#portal #content dt a:hover {
	color:#2f3134;
}

#portal #content dd.description {
	font-size:18px;
	margin-bottom:20px;
	line-height:1.3em;
}

#portal #content dd.description a {
	background:#585858 url(../images/next_arrow.png) right no-repeat;
	border:1px solid #333333;
	padding:1px 15px 0px 5px;
	font-size:10px;
	height:5px;
	width:auto;
	-moz-border-radius:6px;
	-webkit-border-radius:5px;
	color:#fff;
	text-decoration:none;
	overflow:hidden;
	position:relative;
	top:-3px;
}

#portal #content dd.description a:hover {
	background-color:#a32818;
	border:1px solid #781d12;
}


#portal #content dd.description a.hidden {
	display:none;
	}
	
#portal #studios {
	clear:both;
	width:750px;
	height:130px;
	padding: 5px;
}

#portal #lowerContent {
	clear:both;
	width:750px;
	position:relative;
	top:0;
	height:auto;
	margin:auto;
	background-color:#fff;
	z-index:5;
}


#portal dl.quotes {
	float:left;
	width:250px;
	height:26em;
	vertical-align:top;
	border-right:1px solid #46494d;
	background-color:#fff;
}

#portal dt.quotes {
	padding:5px 10px;
	font-size:13px;
	font-weight:normal;
}

#portal dd.quotes {
	margin:0 0 15px 20px;
	font-size:13px;
	font-weight:normal;
}

#portal dl.noBorder {
	display:inline-block;
	width:245px;
	height:26em;
	vertical-align:top;
	border:none;
	background-color:#fff;
}

#portal dt.noBorder {
	padding:5px 10px;
	font-size:13px;
	font-weight:normal;
}

#portal dd.noBorder {
	margin:0 0 15px 25px;
	font-size:13px;
	font-weight:normal;
}

#portal #footer {
	width:730px;
	height:30px;
	margin: 120px 0 5px 10px;
	border-top:1px solid #aaa;
	clear:both;
	z-index:1;
}

#overview #header a {
	position:relative;
	top:115px;
	left:595px;
	display:inline-block;
	width:auto;
	margin:0px 5px 0 0;
	color:white;
	background:#585858 url(../images/prev_arrow.png) left no-repeat;
	border:2px solid #333333;
	padding:2px 5px 2px 16px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	cursor:pointer;
	text-decoration:none;
}

#overview #header a:hover {
	background-color:#a32818;
	border:2px solid #781d12;
}

#overview .lesson-title {
	font-size:15px;
}

/*
#overview li.even {
	background-color:#e1e1e1;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
*/

#overview ul.lessons li {
	padding-bottom:5px;
}

#overview ul.features1 {
	list-style:url(../images/arrow_bullet.gif) inside;
	border:1px solid #46494d;
	margin-left:30px;
	padding-left:5px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	width:495px;
}

#overview ul.features2 {
	list-style:url(../images/arrow_bullet.gif) inside;
	border:1px solid #46494d;
	margin-left:30px;
	padding-left:5px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	width:220px;
}

#overview ul.features3 {
	list-style:url(../images/arrow_bullet.gif) inside;
	border:1px solid #46494d;
	margin-left:30px;
	padding-left:5px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	width:330px;
}

#overview ul.features4 {
	list-style:url(../images/arrow_bullet.gif) inside;
	border:1px solid #46494d;
	margin-left:30px;
	padding-left:5px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	width:360px;
}

#overview ul li span {
	color:red;
	font-style:italic;
	font-size:10px;
	margin-right:6px;	
}

#overview li a img {
	margin-left:6px;
}

#overview ul.features li {
	width:auto;
}

#footer {
	width:730px;
	height:30px;
	margin: 30px auto 5px auto;
	border-top:1px solid #aaa;
	clear:both;
}

#footer p, #portal #footer p, #overview #footer p {
	font-size:11px;
	text-align:center;
	margin: 5px 5px 0 0px;
}

#mininav {
   width: 740px;
   height:85px;
   padding:0 0 0 0;
   background-color: #fff;
   margin:0;
   font-size: 13px;
   text-align: right;
   background:url(../images/fastcastpro_logo_medium.gif) top left no-repeat;
}

#mininav a {
	text-decoration:none;
	display:inline-block;
	width:auto;
	height:10px;
	/*border-right:1px solid #a2a2a2;*/
	color:#fff;
	background-color:#585858;
	border:2px solid #333333;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	position:relative;
	top:33px;
	left:0;
	margin:0px 2px;
    padding:2px 5px 5px 5px;
}

#mininav a:hover {
	background-color:#a32818;
	border:2px solid #781d12;
}

#mininav a.prev {
	background:#585858 url(../images/prev_arrow.png) left no-repeat;
	padding:2px 5px 5px 16px;
}

#mininav a.prev:hover {
	background:#a32818 url(../images/prev_arrow.png) left no-repeat;
	padding:2px 5px 5px 16px;
}

#mininav a.next {
	background:#585858 url(../images/next_arrow.png) right no-repeat;
	padding:2px 15px 5px 5px;
}

#mininav a.next:hover {
	background:#a32818 url(../images/next_arrow.png) right no-repeat;
	padding:2px 15px 5px 5px;
}

#mininav .noBorder, #lessonNavigation ul li.noBorder {
	border:none;
}

div#TOC {
	width:750px;
	height:auto;
	margin-right:2px;
	position:relative;
	background-color:#fff;
	z-index:5;
}

div.image {
	width:auto;
	margin:3px 0 5px 20px;
}	

a img {
	border:none;
}

a {
	color:blue;
	cursor:pointer;
}

a:visited {
	color:#3f6ea9;
}

a:hover {
	color:#014aa5;
}

div.summary {
	margin-bottom:5px;
}


div.section {
	width:700px;
	margin:auto;
	font-size: 13px;
	padding-bottom:10px;
}

div.section h2 {
	font-size:1.8em;
	color:#323232;
	background-color:#DDE7F0;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	padding:5px 0 1px 10px;
}

div.section ul.lessons {
		margin-left: 0px;
		padding-left: 30px;
}

div.section ul.lessons li {
		padding:10px 15px 0 5px;
}

div.section ul.lessons li.lesson a {
		font-size: 1.3em;
		font-weight: bold;
}

div.description p {
		font-style: italic;
		margin: 5px;
		margin-left: 10px;
}	



#LessonContent {
	padding:20px 0px 10px 0px;
	font-size:13px;
}
	
#LessonContent p {
	padding:5px 20px 5px 20px;
	width:700px;
}	

#LessonContent h1.LessonTitle {
	font-size: 2em;
	color: #000;
}

#LessonContent h2.StepTitle {
	color: #1d1d1d;
	width:700px;
	font-size: 1.2em;
	margin:auto;
	background-color:#DDE7F0;
	padding:2px 10px;
	margin-bottom: 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

div.LessonHeader {
	margin-left:20px;
}

div#lessonNavigation {
	text-align:center;
}

#lessonNavigation ul {
	list-style-type:none;
	margin:auto;
	padding:0 20px;
}

#lessonNavigation ul li {
	display:inline;
	border-right:1px solid #a2a2a2;
	padding:2px 5px;
}

#lessonNavigation a {
	text-decoration:none;
	color:#3f6ea9;
}

#lessonNavigation a:hover {
	text-decoration:underline;
	color:#014aa5;
}

.summary {
	font-style:italic;
	/*background-color:#e1e1e1;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;*/
}

.clear {
	clear:both;
	margin:15px;
}

fieldset {
	width:700px;
	border:none;
	border-top:2px solid #1d1d1d;
	margin:auto;
}

legend {
	font-size:24px;
	font-weight:600;
	color:#1d1d1d;
	padding-right:10px;
}

ul.numberedList {
	list-style-type:none;
	width:700px;
	margin:auto;
}

li.one, span.one {
	background:url(../images/one.png) top left no-repeat;
	padding-left:22px;
	margin-bottom:10px;
	min-height:20px;
}

li.two, span.two {
	background:url(../images/two.png) top left no-repeat;
	padding-left:22px;
	margin-bottom:10px;
	min-height:20px;
}

li.three, span.three {
	background:url(../images/three.png) top left no-repeat;
	padding-left:22px;
	margin-bottom:10px;
	min-height:20px;
}

li.four, span.four {
	background:url(../images/four.png) top left no-repeat;
	padding-left:22px;
	margin-bottom:10px;
	min-height:20px;
}

li.five, span.five {
	background:url(../images/five.png) top left no-repeat;
	padding-left:22px;
	margin-bottom:10px;
	min-height:20px;
}

li.six, span.six {
	background:url(../images/six.png) top left no-repeat;
	padding-left:22px;
	margin-bottom:10px;
	min-height:20px;
}

/*-------------LightBox--------------*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	-moz-border-radius:5px;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
}

/*--------------- VIDEO OVERLAY  ------------------*/

#player {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:100;
	background:transparent url(../images/overlay.png) repeat;
	vertical-align:middle;
	display:none;
}

#player2 {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:transparent url(../images/overlay.png) repeat;
	z-index:110;
	vertical-align:middle;
	display:none;
}

.videoOverlay {
	display:none;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:25;
	background:transparent url(../images/overlay.png) repeat;
}

.video  {
	position:relative;
	left:0px;
	top:50px;
	width:768px;
	height:auto;
	padding-bottom:3px;
	margin:auto;
	border:6px solid white;
	background-color:white;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	text-align:right;
	z-index:50;
}

.video a {
	display:inline-block;
	width:auto;
	margin:5px 5px 0 0;
	padding:2px 5px;
	color:white;
	background-color:#585858;
	border:2px solid #333333;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	cursor:pointer;
}

.video a:hover {
	background-color:#a32818;
	border:2px solid #781d12;
}

#overview a.thickbox {
	display:inline-block;
	margin:0;
	padding:2px 5px 0 5px;
	color:white;
	background-color:#b3b3b3;
	border:1px solid #3d3d3d;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	cursor:pointer;
	font-size:9px;
	font-weight:bold;
	text-decoration:none;
}

.lucida a.thickbox {
	display:inline-block;
	background:url(../images/faq_video.gif) scroll 3px no-repeat;
	margin:0;
	padding:2px 5px 1px 25px;
	color:white;
	background-color:#585858;
	border:1px solid #333333;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	cursor:pointer;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

#overview a.thickbox:hover, .lucida a.thickbox:hover {
	background-color:#a32818;
	border:1px solid #781d12;
}