body {
	background:#fff;
	margin:0;
	padding:0;
	font-family:arial,helvetica,sans-serif;
	}

#content {
	width:765px;
	margin:0;
		}
		
#header {
	width:765px;
	height:75px;
	background: url('../images/bg_header.gif') no-repeat left top;
	margin:16px 15px 0 0;
}

#floatedlogo {
	z-index:9999;
}

#headline {
	display:inline;
	float:left;
	margin:0 0 8px 0;
	padding:0;
	width:760px;
}

#headline h1 {
	width:380px;
	}

#footer {
	clear:both;
	height:159px;
	padding:40px 15px 0pt 0pt;
	width:765px;
	background: url('../images/bg_footer.gif') no-repeat left 40px;
	}

#footer p {
	position:relative;
	font-size:.7em;
	color:#525252;
	margin-left:0;
	left:0;
	top:70px;
}

#footer a {
	color:#525252;
	text-decoration:none;
}

#footer a:hover {
	color:#000;
}

#footerprint {
	display:none;
	}

#navcol {
	display:none;
	width:135px;
	margin:22px 0 0 0;
	}
	
#maincolfullwidth {
	width:590px;
	display:inline;
	float:left;
}

p.herotext {
	font-size:1.125em;
	line-height:22px;
	color:#525252;
	font-weight:normal;
	margin:0 0 11px 0;
}

/* The measure of 400px on #maincoltwocol includes a 20px margin on the left hand side
   This is to ensure that there is room for the hanging buttons on the placeholder images.
   The real width of the #maincoltwocol (i.e. the width of the text) is 380px */

#maincoltwocol {
	float:left;
	width:400px;
	margin:0 0 0 20px;
	display:inline;
}

/* The measure of 510px on #maincolthreecol includes a 20px margin on the left hand side
   This is to ensure that there is room for the hanging buttons on the placeholder images.
   The real width of the #maincolthreecol (i.e. the width of the text) is 590px */

#maincolthreecol {
	width:685px;
	margin:0;
	display:block;
}

/* The measure of 190px on #rightcol includes a 20px margin on the left hand side
   This is to ensure that there is room for the hanging buttons on the placeholder images.
   The real width of the right hand column (i.e. the width of the text) is 170px */

#rightcol {
	float:right; 
	width:190px;
	display:none;
}

.threecolleft, .threecolmid, .threecolright {
	display:none;
	}
		
.divider {
	clear:both;
	height:1px;
	margin:0;
	padding:0;
	}
	
.questiondivider {
	clear:both;
	height:18px;
	margin:0;
	padding:0;
	}

.bluebox {
	background:#f0ebf2 url('../images/box_top.gif') no-repeat left top;
	clear:both;
	width:590px;
	margin:0 0 0 0;
	padding:10px 0 0 0;
}

#businesslink, #individuallink {
	border:0;
	margin:0;
	padding:0;
	width:148px;
	height:90px;
}

#businesslink a, #individuallink a {
	display:block;
	width:148px;
	height:90px;
	text-decoration:none;
	padding:0;
	margin:0;
}

#businesslink a {
	background:url('../images/sprites/home_movie_busi_thumb.jpg') no-repeat left top;
}

#businesslink a:hover {
	background:url('../images/sprites/home_movie_busi_thumb.jpg') no-repeat left -90px;
}

#individuallink a {
	background:url('../images/sprites/home_movie_ind_thumb.jpg') no-repeat left top;
}

#individuallink a:hover {
	background:url('../images/sprites/home_movie_ind_thumb.jpg') no-repeat left -90px;
}

.blueboxbase {
	background:url('../images/box_base.gif') no-repeat left bottom;
	clear:both;
	height:10px;
	padding:4px 0 0 0;
}

.blueboxleft {
	width:200px;
	margin:0 64px 0 16px;
	float:left;
	padding:0;
	display: inline;
	}

.blueboxleft p {
	font-size:0.8125em;
	line-height:18px;
	margin:0 0 9px 0;
	padding:0;
	color:#525252;
}

.blueboxmid {
	width:152px;
	margin:0;
	padding:0;
	float:left;
	display: inline;
	}
	
.blueboxright {
	width:152px;
	margin:0;
	float:right;
	padding:0;
	display: inline;
	}
	
/* ----------    HERO BOX CSS    ---------- */


.hero {
	display:block;
	width:400px;
	height:267px;
	background:url('../images/telnic_movie.jpg') no-repeat left top;
	}

/* ----------    TYPOGRAPHY CSS    ---------- */

h1, h2 {
	font-size:20pt;
	color:#3c0058;
	font-family:"Arial Rounded MT Bold";
	font-weight:normal;
	margin:22px 0 11px 0;
}

h2 {
	font-size:14pt;
	margin:0 0 5px 0;
	color:#525252;
	}
	
h3 {
	font-size:12pt;
	margin:0 0 5px 0;
	color:#525252;
	font-weight:bold;
	}
	
h5 {
	margin:0 10px 0 42px;
	font-size:14pt;
	color:#693b7f; 
}

h6, h4 {
	font-size:10pt;
	line-height:18px;
	margin:18px 0 9px 20px;
	color:#3c0058;
	}
	
h4 {
	margin:0 0 0px 20px;
	}

p {
	font-size:9pt;
	line-height:18px;
	color:#3c0058;
	font-weight:normal;
	margin:0 0 9px 20px;
}

img {
	border:0;
}

.firstpara {
	margin-top:0;
	padding-top:0;
}

/* ----------    RIGHT COLUMN BOXES CSS    ---------- */

.panel {
	width:190px;
	background: url('../images/rhc_box_bottom.gif') no-repeat left bottom;
	padding:0 0 6px 0;
	margin:0;
	}
	
.panelhead {
	padding:12px 0;
	background: url('../images/rhc_box_top.gif') no-repeat left top;
}

.buttonpanel, .buttonpanelmovie {
display:inline;
}

.buttonpanel a, .buttonpanelmovie a, .buttonpaneloutline a {
	font-weight:bold;
	display:block;
	margin:0px;
	font-size:0.9685em;
	width:190px;
	height:31px;
	color:#693b7f;
	padding:12px 0 0 0;
	text-decoration:none;
	text-indent:42px;
	}
	
.buttonpanel a {
	background: url('../images/sprites/rhc_box_button.gif') no-repeat left top;
	}

.buttonpanel a:hover {
	background: url('../images/sprites/rhc_box_button.gif') no-repeat left -43px;
	color:#ff6000;
	}

.buttonpanelmovie a {
	background: url('../images/sprites/rhc_box_button_movie.gif') no-repeat left top;
	}

.buttonpanelmovie a:hover {
	background: url('../images/sprites/rhc_box_button_movie.gif') no-repeat left -43px;
	color:#ff6000;
	}	

.buttonpaneloutline a {
	background: url('../images/sprites/faq_heading_box.gif') no-repeat left top;
}

.buttonpaneloutline a:hover {
	background: url('../images/sprites/faq_heading_box.gif') no-repeat left -43px;
	color:#ff6000;
	}


	

.panel p {
	margin:0 10px 8px 30px;
	color:#525252;
	line-height:16px;
	}
	
.center {
	text-align:center;
		}
	
/* ----------    CONTACT FORM CSS    ---------- */

table.contact {
	width:380px;
	border-collapse: collapse;
	margin:0 0 0 20px;
}

table.contact td {
	font-size:0.8125em;
	color:#3C0058;
}

td span {
	display:block;
	padding:2px 0 8px 4px;
	float:left;}

.textfield {
	font-size:0.875em;
	color:#3C0058;
	border:1px solid #3C0058;
	width:268px;
	float:left;
	margin:8px 0;
	height:16px;
	padding:1px 0 0 2px;
	background-color:#fff;
	}	
	

/* ----------    MAIN COLUMN BOXES CSS    ---------- */

.outlinepanel {
	width:400px;
	background: url('../images/lhc_box_bottom.gif') no-repeat left bottom;
	padding:0 0 6px 0;
	margin:0 0 36px 0;
	}
	
.outlinepanelheadarrow {
	padding:21px 0 16px 0;
	background: url('../images/lhc_box_top_disc.gif') no-repeat left top;
	}
	
.outlinepanelheadarrow h5 {
	margin:0 10px 0 49px;
	font-size:1.1em;
	color:#ff6000;
	}

.outlinepanelimage {
	float:left;
	margin-left:50px;
	display:inline;
	margin-bottom:8px;
	}

.outlinepaneltext {
	float:right;
	margin-right:30px;
	width:216px;
	display:inline;
	}
	
div.outlinepaneltext h3 {
	font-size:.9355em;
	color:#3c0058;
	margin-top:-1px;
	}
	
.outlinepaneltext p {
	margin:0;
	}
		
.outlinepaneltext a {
	text-decoration:none;
	color:#3C0058;
	display:block;
	}
	
.outlinepaneltext a:hover {
	color:#ff6000;
	}
	
.paneldivider {
	clear:both;
	margin:9px 0;
	padding:0;
	height:2px;
	}
	

/* ----------    BLUE BUTTON CSS    ---------- */

a.button, a.buttonend, a.buttonpdf, a.buttonendpdf {
	font-size:13px;
	padding:3px 0 0 16px;
	color:#3C0058;
	text-decoration:none;
	background: url('../images/button_left.gif') no-repeat left top;
	float:left;
	display:block;
	height:24px;
	margin:4px 0 0 0;
}		
 
a.button {
	min-width:10px;
	clear:both;
}

a.buttonpdf {
	margin-top:32px;
		height:32px;
	min-width:10px;
	clear:both;
	padding:7px 0 0 16px;
		background: url('../images/button_left.gif') no-repeat left 4px;
}

a:hover.button, a:hover.buttonpdf {
	color:#ff6000;
}

a.buttonend {
	padding:0 4px 0 0;
	background: url('../images/button_right.gif') no-repeat right top;
	width:12px;
	}
	
a.buttonendpdf {
		margin-top:32px;
	padding:0 4px 0 0;
	background: url('../images/button_right_pdf.gif') no-repeat right top;
	width:50px;
		height:32px;
	}
		
.buttondivider {
	display:block;
	margin:0;
	height:13px;
	}

#navcol ul{
	margin:0 0 40px 0; 
	padding:0; 
	list-style:none; 
}

#navcol ul li {
	background: url('../images/bg_nav.gif') no-repeat left bottom;
}

#navcol ul li a {
	display:block;
	width:145px;
	color:#3C0058;
	text-decoration:none;
	font-size:0.8125em;
	padding:3px 0 4px 0;
}

#navcol ul li a:hover {
		color:#ff6000;
	}

.selected {
	color:#ff6000 !important;
	font-weight:bold;
	}

ul#navcolleveltwo {
		margin:0;
		padding:0 0 4px 0;
}

ul#navcolleveltwo li {
		background:none;
}

ul#navcolleveltwo li a {
	display:block;
	width:145px;
		text-indent:10px;
		border:none;
		color:#646464;
		text-decoration:none;
		font-size:0.8125em;
		padding:1px 0 2px 0;
}

ul#navcollevelthree {
		margin:0;
		padding:0 0 4px 0;
}

ul#navcollevelthree li {
}

ul#navcollevelthree li a {
		text-indent:20px;
}


/*  ---------------  BUTTONS CSS  ---------------  */

.panel a {
	color:#525252;
	text-decoration:none;
	}

.panel a:hover {
	color:#000;
	}

.panelheadlink, .panelheadplay {
	list-style:none;
	padding:0;
	margin:0;
	}

.panelheadlink a, .panelheadplay a {
	font-weight:bold;
	display:block;
	margin:0px;
	font-size:0.9685em;
	height:32px;
	color:#693b7f;
	background: url('../images/sprites/rhc_box_top_link.gif') no-repeat left top;
	padding:12px 0 0 42px;
	text-decoration:none;
	}

.panelheadlink a:hover, .panelheadplay a:hover  {
	background: url('../images/sprites/rhc_box_top_link.gif') no-repeat left -52px;
	color:#ff6000;
	}

.panelheadplay a {
	background: url('../images/sprites/rhc_box_top_play.gif') no-repeat left top;
}

.panelheadplay a:hover  {
	background: url('../images/sprites/rhc_box_top_play.gif') no-repeat left -52px;
	}	

.herolink {
	list-style:none;
	padding:0;
	margin:0;
	}

.herolink a {
	display:block;
	margin:0px;
	font-size:0.9685em;
	width:150px;
	height:32px;
	color:#fff;
	background: url('../images/sprites/hero_link.gif') no-repeat left top;
	padding:14px 0 0 42px;
	text-decoration:none;
	}

.herolink a:hover  {
	background: url('../images/sprites/hero_link.gif') no-repeat left -50px;
		color:#999;
	}

/* ----------    QUOTE PANELS CSS    ---------- */

.quotepanel1, .quotepanel2, .quotepanel3, .quotepanel4, .quotepanel5 {
	margin:0;
	padding:0;
}	

.quotepanel1 p, .quotepanel2 p, .quotepanel3 p, .quotepanel4 p, .quotepanel5 p {
	margin:0;
	padding:0;
}	

.quotepanel1 a, .quotepanel2 a, .quotepanel3 a, .quotepanel4 a, .quotepanel5 a {
	margin:0 10px 0 30px;
	padding:8px 10px 0 10px;
	display:block;
	line-height:16px;
	width:130px;
	color:#525252;
	text-decoration:none;
}

.quotepanel1 a {
		height:49px;
		background: url('../images/quoteoneline_off.gif') no-repeat left top;
}

.quotepanel2 a {
		height:65px;
		background: url('../images/quotetwoline_off.gif') no-repeat left top;
}

.quotepanel3 a {
		height:81px;
		background: url('../images/quotethreeline_off.gif') no-repeat left top;
}

.quotepanel4 a {
		height:97px;
		background: url('../images/quotefourline_off.gif') no-repeat left top;
}

.quotepanel5 a {
		height:113px;
		background: url('../images/quotefiveline_off.gif') no-repeat left top;
}

.quotepanel1 a:hover {
	background: url('../images/quoteoneline_on.gif') no-repeat left top;
}

.quotepanel2 a:hover {
	background: url('../images/quotetwoline_on.gif') no-repeat left top;
}

.quotepanel3 a:hover {
	background: url('../images/quotethreeline_on.gif') no-repeat left top;
}

.quotepanel4 a:hover {
	background: url('../images/quotefourline_on.gif') no-repeat left top;
}

.quotepanel5 a:hover {
	background: url('../images/quotefiveline_on.gif') no-repeat left top;
}

#footer {
	display:none;
	}

#footerprint {
	display:block;
	margin:40px 0 0 0;
	}
			
#hometext  {
	float:left;
	width:340px;
	margin:0 0 20px 0;
	}
	
#maincolthreecol {
	float:none;
	display:block;
	margin:0pt;
	width:610px;
	}