/****** GLOBAL STYLES ******/
body {
	font-size: 12px;
	font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #333;
	line-height: 18px;
	letter-spacing: normal;
	text-align: center;
	word-spacing: normal;
	background-color: #4B5057;

}
p {padding: 0; margin:0 0 10px 0;}
a, a:visited {color: #C6D85D;}
a:hover {color: #AED83B;}

a img {border:none;}

/****** GLOBAL STRUCTURE ******/
#headerContainer{
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	width: 770px;
	position:relative;
}
#contentContainer {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	width: 770px;
	position:relative;
	z-index: 10;
}
#header {
	height: 105px;
	width: 770px;
	position: relative;	
}
#navigation {
	margin:0;
	padding:0;
	position: absolute;
	height:43px;
	bottom: -16px;
	right: 10px;
	z-index: 99;
}
#stripe2 {
	height: 190px;
	width: 770px;
	margin: 0 auto;   /* align for good browsers */
	position: relative;
	background-image: url(images/rainbowStripeBG.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#stripe {
	height: 190px;
	width: 770px;
	position: relative;
}
#mainContent{
	position: relative;
	width: 770px;
}

#copyright {width:770px; padding: 20px 0 20px 0; font-size:10px; color: #ddd; text-align: center; float:left; clear:both;}


/****** 2 COLUMN LAYOUT ******/
#columnLeft{
	position: relative;
	float: left;
	width: 380px;
	clear:left;
}
#columnRight{
	position: relative;
	float: left;
	padding-left: 20px;
	width: 355px;
	clear:right;
}
#threeColumnLeft{
	position: relative;
	float: left;
	width: 240px;
}
#threeColumnMiddle, #threeColumnRight{
	position: relative;
	float: left;
	padding-left: 20px;
	width: 240px;
}
#threeColumnMiddle.rightBorder{border-right: 1px solid #666;}

#singleColumn{
	position:relative;
	float: left;
	clear: left;
	width: 770px;
	}
#singleColumn.videoFrame{
	text-align:center;
	line-height:0;
	margin-top: 20px;
}
.stripeHeading{
	width: 100%;
	height: 170px;
	padding: 0;
}
.videoFrame{
	line-height: 0em;
}

.bodyText {color: #eee;}

.textFrame {
	width: 350px;
	margin: 0 0 0 0;
	padding: 0;
	line-height:0;
	background:url(images/textFrameBG.gif) repeat-y;
	font-weight:normal;
	z-index: 100;
}

.textFrame h2 {
	padding: 0px;
	margin: 0;
	font-size:18px;
	font-weight:normal;
	color:#C6D85D;
}
.textFrame ul {padding:0 0 0 20px; margin: 5px 0 0 0;}
.textFrame li {padding: 2px 0 2px 0;}


.textFrameConent {
	width: 320px;
	padding: 0 21px;
	background-image: url(images/textFrameBG.gif);
	background-repeat: repeat-y;
	background-position: 0px 15px;
	color: #ddd; line-height:18px;
}

.textFrameSignleFixedHeight {
	background-image: url(images/textframeSingleFixedHeight.gif);
	background-repeat: no-repeat;
	background-position: top right;
	width: 500px;
	height: 125px;
	padding: 15px 15px 0 15px;
	float:left;
	clear:both;
	margin-left: 135px;
}

.floatLeft {float:left; margin-right:16px;}
.floatRight {float:right; margin-left:16px;}




















#mainTextLeft{
	position: relative;
	width: 350px;
	padding: 20px 20px 0 0;
	color: #eee;
}
#mainTextRight{
	position: absolute;
	left: 425px;
	top: 40px;
	padding: 0 20px 0 0;
}
#headerBG {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0px;
	min-height: 105px;
	height: 105px;
	background-color:#000;
}

#stripeBG {
	width: 100%;
	position: absolute;
	top: 105px;
	left: 0px;
	background-image: url(images/stripeBG.gif);
	background-repeat: repeat-x;
	min-height: 190px;
	height: 190px;
}
#test {
	background-color: #E3E3E3;
	background-image: url(images/rainbowStripeBG.jpg);
	background-repeat: no-repeat;
	background-position: -50px -50px;
	height: 200px;
	width: 200px;
	border: 1px solid #000066;
}
#videoContent {
	width: 392px;
	margin-top:-10px;
	padding: 0;
	line-height:0;
}

.demoVideoThumb {
	margin: 0 0 20px 20px;
}