/* ============ Slider Code ========= */


.stripViewer .panelContainer {
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
}

/* ============ End Slider Code ========= */


#logo
{
	position: relative;
	height: 198px;
	width: 498px;
}
#logo img
{
	float: none;
	position: absolute;
	left: 16px;
	top: -21px;
}

#container1
{
	width: 498px;
	height: 580px;
	padding-left: 10px;
	float: left;
	border-right: 1px solid #d0d0d0;
}
#container1 div
{
	float: left;
}


/*
 * right styles
 */

#container2 img {
	border: solid black 1px;
	}
	
#container2 a {
	text-decoration:none;margin:3px;padding:3px;
	}
#container2 p {margin:6px}

#container2
{
	/* 441 add 34px to the right */
	float: left;
	position: relative;
	overflow: hidden;
}
#container2 .panelContainer
{
	margin-right: 10px;
	float: left;
}

#container2 .panelContainer .panel
{
	float: left;
}

#container2,
#container2 .panelContainer .panel
{
	width: 525px;
	height: 450px;
	margin: 0 auto;
}
#container2 .slidecontrol
{
	position: absolute;
	top: 5px;
	left: 10px;
}
#container2 .wrapper
{
	/* the next three values should add up to 475*/
	width: 401px;
	padding-right: 54px;
	padding-left: 20px;
}

/* ============ portfolio panel styles ========= */
#container2 #portfolio
{
	background: #363;
	position: relative;

}
/* ============ end portfolio panel styles ========= */

/* ============ demo panel styles ========= */
#container2 #demo
{
	position: relative;
	background: #ccc;
}
#container2 #demo .block1
{
	float: left;
	/* add up to 225 width */
	width: 185px;
	margin-top: 275px;
	padding-left: 20px;
	padding-right: 20px;
}
#container2 #demo .block1 p a
{
	font-size: 100%;
}
#container2 #demo .block2
{
	float: left;
	/* total 206px width */
	width: 161px;
	padding: 25px 20px 0 25px;
}
#container2 #demo .block2 em
{
	text-transform: uppercase;
	color: #eb9e29;
	font-style: normal;
}
#container2 #demo .block2 .field
{
	margin-bottom: 10px;
}
#container2 #demo .block2 .field input
{
	border: 1px solid #999;
	width: 100%;
	height: 20px;
	padding: 0;
	margin: 0;
}
#container2 #demo .block2 .field label
{
	font-size: 65%;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	display: block;
}
#container2 #demo .block2 .actions
{
	text-align: center;
	padding-top: 10px;
}
#container2 #demo #demoFormThanks
{
	display: none;
	position: relative;
	text-align: center;
	font-size: 75%;
	line-height: 1.5em;
	padding-top: 210px;
}
#container2 #demo #demoFormThanks strong
{
	color: #eb9e29;
}
#container2 #demo #demoFormThanks a
{
	font-size: 100%;
	color: #666;
	text-transform: none;
}
#container2 #demo #aflink
{
	position: absolute;
	background: url(../cmsimages/blank.gif) repeat top left;
	display: block;
	width: 120px;
	height: 70px;
	bottom: 40px;
	left: 270px;
}
/* ============ end demo panel styles ========= */

/*
 * end right styles
 */

#email
{
	background-color: #f8f8f8;
	position: relative;
	overflow: hidden;
	border-top: 1px solid #d0d0d0;
	font-size: 90%;
	padding-left: 10px;
	width: 488px;
	height: 50px;
}
#email #gearoffer
{
	font-size: 90%;
	width: 488px;
	padding: 15px 0px 0px 0px;
	text-align: center;
}
#email #gearoffer a
{
	text-transform: none;
	font-size: 100%;
}
#email label
{
	color: #eb9e29;
	font-size: 70%;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 5px;
}
#email label,
#email input
{
	margin-top: 4px;
	float: left;
	height: 20px;
	margin-right: 10px;
}
#email input
{
	width: 157px;
	padding: 0;
	margin-top: 5px;
	border: 1px solid #999;
}
#email input.image
{
	font-size: 100%;
	height: auto;
	width: auto;
	border: none;
	margin: 0;
}
#email .panelContainer
{
	padding-top: 8px;
}
#emailThanks
{
	display: none;
	position: relative;
	text-align: center;

}
#emailThanks img
{
	margin-left: 90px;
}

#email .panelContainer .panel
{
	width: 498px;
	height: 50px;
}

#video
{
	height: 331px;
	width: 498px;
	text-align: center;
}
#video #player
{
	float: none;
}
#footer
{
	clear: both;
	text-align: center;
	width: 950px;
	padding-top: 15px;
}