body {
	font: 75%/130% "Lucida Grande", Lucida, Verdana, sans-serif;
	background: #e9e9e9 url(../img/bg_rptr.gif) repeat-x scroll;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #1c1c1c;
}

.oneColElsCtrHdr #container {
	width: 747px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: transparent no-repeat 0 119px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	height: 800px;
}

#playerDisplay{
	left: -100px;
        top 100px;
        position: relative;
width: 1024px;
height 768px;
}

#NavHeader {
	height: 63px;
	width: 711px;
	margin: 26px 18px 29px;
	float: left;
}

#NavHeader_logo {
	margin: 7px 0 0;
	float: left;
	
}
#NavHeader_contact {
	margin: 5px 0 0;
	float: right;
	width: 467px;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
}

#NavHeader_contact ul {
	display: inline;
}
#NavHeader_contact li#phone {
	display: block;
	float: left;
}
#NavHeader_contact li#email {
	display: block;
	float: right;
}
#NavHeader_contact li span.details {
	font-size: 110%;
	padding-left: 6px;
	height: 29px;
	display: inline;
	position: relative;
	bottom: 6px;
}

#NavHeader_nav		 {
	float: right;
}

#NavHeader_nav ul {
	width: 467px;
	height: 29px;
	padding: 0;
	margin: 0;
	display: inline;
}

#NavHeader_nav li {
	float: left;
	font: normal 110% "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: -3px;
	padding: 16px 2px 4px;
	display: inline;
	margin-left: 14px;
}

#NavHeader_nav li a {
	text-decoration: none;
	border-width: 0px;
	border-style: hidden;
}

#NavHeader_nav li a.current {
	border-width: 2px;
	padding-bottom: 4px;
	color: #00000000;
	border-bottom-style: solid;
	border-bottom-color: #ff8900;
}

#NavHeader_nav li a:hover {
	border-width: 2px;
	padding-bottom: 4px;
	color: #00000000;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}

#NavHeader_nav li#skype {
	margin-top: -10px;
}

#NavHeader_nav li#skype a:hover {
	border-style: none;
}

.badgecorner {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	padding: 0;
	border: none;
	float: none;
	z-index: 1;
}

.badgecorner a img {
	background-color: transparent;
	color: white;
	border: none;
	text-decoration: none;
} 

.BlueGradBox_top {
	margin: 0;
	width: 1px;
	height: 7px;
	background: url(../img/placer_top.gif) no-repeat;
}

.BlueGradBox_bottom {
	margin: 0;
	width: 631px;
	height: 7px;
	background: url(../img/placer_bottom.gif) no-repeat;
}

.BlueGradBox_logo{
	margin: 0;
	width: 631px;
	height: 85px;
	background: #1c1c1c url(../img/placer_bg.gif) repeat-y;
	padding-top: 20px;
}
.BlueGradBox_footer{
	margin: 0;
	width: 631px;
	background: #1c1c1c url(../img/placer_bg.gif) repeat-y;
	
}
#MainBanner {
	width: 711px;
	margin: 0 18px;
	float: left;
}
#SubPageBanner {
	height: 66px;
	width: 711px;
	margin: 0 18px;
	float: left;
}
#Footer {
	text-align: center;
	float: left;
	height: 30px;
	width: 711px;
	margin: 10px 18px 29px;
}

#Footer_contact {
	margin: 0;
	padding-right: 20px;
}

#Footer_contact ul {
	display: block;
}
#Footer_contact li {
	display: inline;
	margin-right: 10px;
	margin-left: 10px;
}

#Footer_contact li span.details {
	font-size: 90%;
	padding-left: 4px;
	display: inline;
	position: relative;
	bottom: 4px;
}

#HomeIntroBox {
	text-align: center;
	margin-bottom: -12px;
}
.HomeIntroBox_top {
	margin: 0;
	width: 631px;
	height: 22px;
	background: url(../img/home_introbox_bg_top.gif) no-repeat;
}

.HomeIntroBox_main{
	margin: 0;
	width: 631px;
	height: 211px;
	background: #1c1c1c url(../img/home_introbox_bg.jpg) no-repeat;
}
.HomeContent{
	margin: 0;
	width: 631px;
	background: #d5d9dc url(../img/content_bg_fill.gif) repeat-y;
	padding-bottom: 14px;
}

.content {
	width: 711px;
	background: white url(../img/bg_content.gif) repeat-y;
	margin: 0 18px;
	float: left;
}

.ContentBox_bottom {
	margin-left: 18px;
	margin-right: 18px;
	width: 711px;
	background: url(../img/bg_content_base.gif) no-repeat 0 0;
	margin-top: 0;
	height: 9px;
	padding: 0;
	float: left;
}
.ContentBox_top {
	width: 711px;
	height: 7px;
	background: url(../img/bg_content_top.gif) no-repeat;
	margin-top:-7px;
}
.content p {
	padding: 7px 33px 7px 33px;
}
.content ul {
	padding: 0 33px 7px 50px;
	margin-top: -10px;
}
h1 {
	text-align: left;
	padding: 7px 0 7px 33px;
	font: 1.8em "Lucida Grande", Lucida, Verdana, sans-serif;
}

h2 {
	text-align: left;
	font: bold 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #1c1c1c;
	padding: 7px 33px 7px 33px;
	clear: left;
}
h2.team {
	text-align: left;
	font: 1.8em "Lucida Grande", Lucida, Verdana, sans-serif;
}
h1.TitleMain {
	text-align: left;
	color: #fff;
	width: 676px;
	height: 42px;
	font: 1.6em "Lucida Grande", Lucida, Verdana, sans-serif;
	background: white url(../img/h1_bg.gif) repeat-x;
	padding: 7px 0 7px 33px;
	margin: 0 0 0 1px;
	clear: left;
}
h2.BlueSubHead {
	text-align: left;
	font: bold 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #1c1c1c;
	padding: 7px 33px 7px 33px;
	clear: left;
}

#SampleBtn {
	width: 118px;
	height: 25px;
	float: right;
}
#SampleBtn #button {
	margin: 0 0 0 0px;
}
#SampleBtn #button li { display: inline;}

#SampleBtn #button li a { float: right; width: 118px; height: 25px;
}
#SampleBtn #button li#samples a {
	background: url(../img/btn_samples.gif) 0 0;
}
#SampleBtn #button li#samples a:hover {
	background: url(../img/btn_samples.gif) 0 -25px;
}
#SampleBtn #button li#samples a:active {
	background: url(../img/btn_samples.gif) 0 -50px;
}


img.FloatRight{
	float: right;
	margin-left: 10px;
	margin-bottom: 18px;
}
img.FloatRightGap{
	float: right;
	margin-left: 10px;
	margin-bottom: 18px;
	margin-right: 33px;
}
img.FloatLeft{
	float: left;
	margin-right: 10px;
	margin-left: 1px;
	margin-bottom: 18px;
}

img.FloatLeftGap{
	float: left;
	margin-left: 33px;
	margin-right: 10px;
	margin-bottom: 18px;
}

.toggle{
	
}

.BlockQuoteHalfPageLeft{
	float: left;
	margin-left: 1px;
	margin-right: 10px;
	margin-bottom: 18px;
	width: 350px;
	background-color: #fff1e4;
	border: 1px dotted #e88600;
	border-bottom-style: dotted;
	border-left-style: none;
	background: #fff1e4 url(../img/quote.gif) no-repeat;
}
.BlockQuoteHalfPageRight{
	float: right;
	margin-right: 1px;
	margin-left: 18px;
	margin-bottom: 18px;
	width: 355px;
	background-color: #fff1e4;
	border: 1px dotted #e88600;
	border-bottom-style: dotted;
	border-right-style: none;
	background: #fff1e4 url(../img/quote.gif) no-repeat;
}
.BlockQuoteFullPage{
	float: left;
	margin-left: 1px;
	margin-bottom: 18px;
	width: 709px;
	border: 1px dotted #e88600;
	border-bottom-style: dotted;
	border-left-style: none;
	border-right-style: none;
	background: #fff1e4 url(../img/quote.gif) no-repeat;
}
p.quote {
	text-align: left;
	font-size: 1.4em;
	line-height: 1.2em;
	margin-bottom: -23px;
	color: #e88600;
	font-style: italic;
}
p.quoteAuthor {
	text-align: left;
	color: gray;
}

fieldset.prices ol {
	margin: 0;
	padding: 0;
	
}

fieldset.prices li {
	list-style: none;
	margin: 0;
}

fieldset.prices {
	border: none;
	margin: 3px 0 0;
	padding-right: 33px;
	padding-left: 33px;
}
	
fieldset.prices label.l1 {
	font-weight: bold;
}
fieldset.prices label.l2 {
	font-style: italic;
	padding-bottom: 8px;
}
fieldset.prices .p1 {
	margin-bottom: 15px;
}
.TypeSupScript {
	font-size: .8em;
	vertical-align: 3px;
}
.price {
	font-weight: bold;
	font-style: italic;
	font-size: 1.3em;
	color: #e88600;
}
fieldset.soundtrack1 ol {
	margin: 0;
	padding: 0;
	
}

fieldset.soundtrack1 li {
	list-style: none;
	margin: 5px 0 0;
}

fieldset.soundtrack1 {
	border: none;
	margin: 3px 0 0;
	padding-right: 33px;
	padding-left: 33px;
}
	
fieldset.soundtrack1 label.l1 {
	font-weight: bold;
}

fieldset.soundtrack1 .p1 {
	margin-bottom: 15px;
}
fieldset.soundtrack2 ol {
	margin: 0;
	padding: 0;
}

fieldset.soundtrack2 li {
	list-style: none;
	margin: 5px 0 0;
}

fieldset.soundtrack2 {
	border: none;
	margin: 3px 0 0;
	padding-right: 33px;
	padding-left: 103px;
}
	
fieldset.soundtrack2 label.l1 {
	font-weight: bold;
}

fieldset.soundtrack2 .p1 {
	margin-bottom: 15px;
}

#col1 {
	float: left;
}
#col2 {
	float: left;
}
#thumbs {
	text-align: center;
	padding-top: 0;
	margin: 0;
}
/* thumbnail btns */
#thumbs #thumb_btns {display: inline; float: left; margin: 10px 0 0px 10px; padding-left: 0;}
#thumbs #thumb_btns li { display: inline;}
#thumbs #thumb_btns li a { float: left; width: 124px; height: 124px; font: 1em "Lucida Grande", Lucida, Verdana, sans-serif; text-align: center; margin-left: 76px; background: none no-repeat 10px 0;
	text-decoration: none;
}
#thumbs #thumb_btns li a img {
	border:0;
}
#thumbs #thumb_btns li a:hover { background: url(../img/thumb_bg.gif) no-repeat 10px 0;}

#clients {
	text-align: center;
	padding-top: 0;
	margin: 0;
}
/* thumbnail clients */
#clients #logos {display: inline; float: left; margin: 20px 0 20px 28px; padding-left: 0;}
#clients #logos li { display: inline;}
#clients #logos li a { float: left; height: 80px; font: 1em "Lucida Grande", Lucida, Verdana, sans-serif; text-align: center; text-decoration: none;
	margin-left: 0;
}
#clients #logos li a img {
	border:0;
}
#clients #logos li a:hover {
	border-style: none;
}


a:focus, 
a:hover     { color: gray;
	text-decoration: underline;
}
a           { color: #ff8900; text-decoration: none;}

#NavHeader_nav a:hover     { color: #ff8900; }
#NavHeader_nav a           { color: #ffffff; text-decoration: none;}
#NavHeader_contact a:hover     { color: #ff8900; }
#NavHeader_contact a           { color: #ffffff; text-decoration: none;}
#Footer_contact a:hover     { color: #ff8900; }
#Footer_contact a           { color: #1c1c1c; text-decoration: none;}


img {
	border-style: none;
}

/**********************************

Use: cmxform template
Author: Nick Rigby

***********************************/
p.form {
	font-weight: bold;
	margin-left: -33px;
	padding-top: 20px;
}
	
.offstate-agentStyle { display: none; }
.onstate-agentStyle { display: block; }

.offstate-compStyle { display: none; }
.onstate-compStyle { display: block; }

form.cmxform { 
	margin-bottom: 20px;
	margin-left: 33px;
	margin-right: 33px;
	
}

form.cmxform fieldset { 
	margin-bottom: 10px;
	margin: 3px 0 0;
	border-style: none;
}
	
form.cmxform legend {
	padding: 0 10px 0 5px;
	font-weight: bold;
	_margin: 0 -7px;
	margin-left: -5px;
	border-style: none;
}
	
form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	}
	
form.cmxform fieldset ol {
	margin: 0;
	padding: 0;
	}
	
form.cmxform fieldset li {
	list-style: none;
	padding: 5px 0 0 0;
	margin: 0;
	}
	
form.cmxform fieldset li img {
	display: inline-block;
	padding: 0;
	border:0;
	top: 3px;
	position: relative;
	left: 6px;
}
	
form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}
	
form.cmxform fieldset fieldset legend {
	padding: 0 0 0px;
	font-weight: normal;
	}
	
form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
	}

form.cmxform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

form.cmxform label { width: 202px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 219px; } /* Width plus 3 (html space) */

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */


a.tab {
  background-color: #9d9d9d;
  border: 1px solid #9d9d9d;
  border-bottom-width: 0px;
  padding: .4em 2em 3px;
  position: relative;
  text-decoration: none;
  top: 1px;
  z-index: 100;
	color: white;
}

a.tab, a.tab:visited {
}


a.tab:hover {
	background-color: #000000;
}

a.tab.activeTab {
  background-color: #e9e9e9;
  border: 1px solid #9d9d9d;
  border-bottom-width: 0px;
  padding-bottom: 4px;
  top: 1px;
  z-index: 102;
	color: #1c1c1c;
	padding-top: 8px;
}

div.tabBox {
	margin-left: 25px;
	margin-bottom: 30px;
	margin-top: 30px;
}

div.tabBox li {
	display: inline;
}

div.tabArea {
  font-size: 90%;
  font-weight: bold;
  padding: 0px 0px 3px;
	vertical-align: middle;
}

div.tabMain {
  background-color: #e9e9e9;
  border: 1px solid #9d9d9d;
  border-color: #9d9d9d;
  padding: 10px;
  position: relative;
  z-index: 101;
}

div.tabIframeWrapper {
  padding: 0 0 0 10px;
	overflow: hidden;
}

iframe.tabContent {
	width: 733px;
	height: 400px;
	}
	
iframe.tabContentSmallMap {
	width: 640px;
	height: 722px;
	overflow: hidden;
}

div.tabBoxProds {
	
}

div.tabBoxProds li {
	display: inline;
}

div.product_icons	 {
  font-size: 100%;
  font-weight: bold;
  padding: 7px 33px 7px 33px;
  vertical-align: middle;
	text-align: center;
	line-height: 1.6em;
}

div.tabMainProds {
text-align: center;
  position: relative;
  z-index: 101;
  	overflow: visible;
}

div.tabIframeWrapperProds {
	overflow: visible;
}

iframe.autoHeight {
  width: 100%;
  height: 100%;
}


iframe.tabCooper {
  width: 640px;
  height: 470px;
  overflow: hidden;
}

.video_coop {
	margin-top: 15px;
	margin-bottom: 50px;
	margin-left: 3px;
}
/* toggle class*/
h2.trigger_prod {
	padding: 0 0 0 15px;
	margin: 0 0 5px 33px;
	background: url(../img/h2_triggerprods_a.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 632px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h2.trigger_prod a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger_prod a:hover { color: #ccc; }

/* toggle class*/
h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 33px;
	background: url(../img/h2_trigger_a.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 711px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: left bottom;} 
/*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	overflow: hidden;
	width: 711px;
	clear: both;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
	background: url(../img/toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}