/* CSS Document */

/*Produced by MicroGraphix - Anno Domini 2008 - http://www.micrographix.co.uk*/

/*
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->

<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="ie7.css" />
<![endif]-->
*/

/* -- Page properties --------------------------------------------*/

/* IE percentage error fix */
html { font-size: 100%;  }

/* Safari percentage fix, boosts to 16px, IE can't read this*/
/*html>body { font-size: 16px; }*/

/* ==YUI RESET (see: http://developer.yahoo.com/yui/reset/)*/
body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

body {
background-color: #D1D1D1;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
font-size: 75%;
font-family : "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif;
font-weight:normal;
line-height: 140%;
text-align: left;
color: #333333;
text-decoration:none;
outline:none; 
}

p {
margin: 0;
padding: 0 0 1em; 
}

a {
color:#333366;
text-decoration:none;
outline: none;
font-weight:bold;
}

.greylink {
color:#666666;
text-decoration:none;
outline: none;
font-weight: normal;
}

a:hover {
color: #e67700;
text-decoration: none;
outline: none;} 

.errors {font-size: 1.2em;
text-decoration: none;
color: #cc0001;
font-weight: normal;
}

h1{font-size: 1.3em;
text-decoration: none;
color: #333366;
line-height: 120%;
text-align: left;
padding: 0 0 5px 0; }

h2 {font-size: 1.1em;
text-decoration: none;
color: #6C92AE;
line-height: 120%;
text-align: left;
padding: 0 0 5px 0; }

h3 {font-size: 1.1em;
text-decoration: none;
color: #999999;
line-height: 120%;
text-align: left;
padding: 0 0 5px 10px; }

h4 {font-size: 1em;
text-decoration: none;
color: #999999;
line-height: 120%;
text-align: left;
padding: 0 0 5px 0;
}

.errors {
font-size:100%;
color: #CC0000;
font-weight: bold; 
}

ul{
list-style: disc;
}

ul li{
list-style: disc;
}

ul li ul li{
list-style: disc;
}

:link img, :visited img, :hover img, :active img, img { border: none; } 

/*main navigation typography ------------------------------------------ */
/*top menu ------------------------------------------ */

.topnavpanel{
background-image: url(../images/remtech07_topbar.jpg);
background-repeat:no-repeat;
vertical-align:bottom;
height: 88px;
}

.topnavigation {
text-decoration: none;
text-align:right;
vertical-align:bottom;
color: #bdbdca;
line-height: 120%;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 12px;
}

a.topnavigation:hover {
color: #e67700;
text-decoration: none; } 

.subnavbg {
text-align:center;
height:28px;
background-color: #33335c;
}

.subnavigation {
font-size:0.9em;
vertical-align: middle;
text-decoration: none;
color: #bdbdca;
padding-left: 15px;
padding-right: 15px;
}

a.subnavigation:hover {color: #e67700;
text-decoration: none; } 

.subnavigationover {
font-size:0.9em;
vertical-align: middle;
text-decoration: none;
color: #e67700;
padding-left: 20px;
padding-right: 20px;
}

/*main body text ------------------------------------------ */

.bluebold{
font-weight:bold;
color: #333366;}

.testimonials {
font-size: 0.9em;
line-height: 140%;
text-align: left;
color: #333333;
font-style:italic;
padding-right:10px;
}

a.testimonials{
color: #333366;
text-decoration:none;
font-weight: bold;
}

.testimonialclient {
font-size: 0.85em;
line-height: 120%;
text-align: left;
color: #333333;
font-weight:bold;
padding-right:10px;
}

.leftcolumn {
padding-left:15px;
}

.rightcolumn {
padding-right:20px;
}

.smallnote{
font-size:0.8em;
line-height:100%;
}

.listheader{
list-style-type: none;
}

/*gallery navigation ------------------------------------------ */

.gallerytext{
padding-left:10px;
}

.gallery_title_panel {
text-align: left;
background-color:#a6a6b8;
height:30px;
color:#FFFFFF;
padding-left: 10px;
padding-top: 10px;
text-decoration:none;
}

.gallery_title_panel a{
color:#FFFFFF;
text-decoration:none;
}

.gallery_title_panelover {
background-color:#e67700;
height:30px;
color:#FFFFFF;
padding-left: 10px;
padding-top: 10px;
font-weight:bold;
text-decoration:none;
}

.gallery_title_panelover a{
color:#FFFFFF;
text-decoration:none;
}

.gallery_description_panel {
background-color:#dbdbe3;
color:#666666;
height:45px;
vertical-align: middle;
padding-left:10px;
padding-top:10px;
padding-right:5px;
text-align: left;
text-decoration:none;
}

.gallery_description_panel a{
color:#666666;
text-decoration:none;
}

.gallery_description_panelover {
background-color:#e67700;
height:45px;
color:#FFFFFF;
vertical-align: middle;
padding-left:10px;
padding-top:10px;
padding-right:5px;
text-align: left;
font-weight:bold;
text-decoration:none;
}

.gallery_description_panelover a{
color:#FFFFFF;
text-decoration:none;
}

/*background panels ------------------------------------------ */

/*Why Use ModuSec navigation ------------------------------------------ */
/*nav with roll-over & block ------------------------------------------ */

.why_use_panel1{
line-height: 100%;
text-align: left;
color: #333333;
width: 210px;
	padding-bottom: 5px;
}

.why_use_panel1 a{
display:block;
padding-left:10px;
padding-top:10px;
padding-right:40px;
height: 38px;
background: url(../images/benefits-01.jpg) top left no-repeat;
color: #333;
text-decoration: none;
 }

.why_use_panel1 a:hover{ 
color: #e67700;
text-decoration: none;
background: url(../images/benefits_buttons-over_01.jpg) top left no-repeat;
}

.why_use_panel2{
line-height: 90%;
text-align: left;
color: #333333;
width: 210px;
 }

.why_use_panel2 a{
display:block;
padding-left:10px;
/* padding-top:14px; */
padding-top:17px;
padding-right:40px;
height: 36px;
background: url(../images/benefits-02.jpg) top left no-repeat;
color: #333;
text-decoration: none;
 }

.why_use_panel2 a:hover{ 
color: #e67700;
text-decoration: none;
background: url(../images/benefits_buttons-over_02.jpg) top left no-repeat;
}

.why_use_panel3{
line-height: 90%;
text-align: left;
color: #333333;
width: 210px;
 }

.why_use_panel3 a{
display:block;
padding-left:10px;
/* padding-top:14px; */
padding-top:17px;
padding-right:40px;
height: 36px;
background: url(../images/benefits-03.jpg) top left no-repeat;
color: #333;
text-decoration: none;
 }

.why_use_panel3 a:hover{ 
color: #e67700;
text-decoration: none;
background: url(../images/benefits_buttons-over_03.jpg) top left no-repeat;
}

.why_use_panel4{
line-height: 90%;
text-align: left;
color: #333333;
width: 210px;
 }

.why_use_panel4 a{
display:block;
padding-left:10px;
/* padding-top:14px; */
padding-top:17px;
padding-right:40px;
height: 36px;
background: url(../images/benefits-04.jpg) top left no-repeat;
color: #333;
text-decoration: none;
 }

.why_use_panel4 a:hover{ 
color: #e67700;
text-decoration: none;
background: url(../images/benefits_buttons-over_04.jpg) top left no-repeat;
}

.why_use_panel5{
line-height: 90%;
text-align: left;
color: #333333;
width: 210px;
 }

.why_use_panel5 a{
display:block;
padding-left:10px;
/* padding-top:14px; */
padding-top:17px;
padding-right:40px;
height: 36px;
background: url(../images/benefits-05.jpg) top left no-repeat;
color: #333;
text-decoration: none;
 }

.why_use_panel5 a:hover{ 
color: #e67700;
text-decoration: none;
background: url(../images/benefits_buttons-over_05.jpg) top left no-repeat;
}

.why_use_panel6{
line-height: 90%;
text-align: left;
color: #333333;
width: 210px;
 }

.why_use_panel6 a{
display:block;
padding-left:10px;
/* padding-top:14px; */
padding-top:17px;
padding-right:40px;
height: 36px;
background: url(../images/benefits-06.jpg) top left no-repeat;
color: #333;
text-decoration: none;
 }

.why_use_panel6 a:hover{ 
color: #e67700;
text-decoration: none;
background: url(../images/benefits_buttons-over_06.jpg) top left no-repeat;
}

.why_use_panel7{
line-height: 90%;
text-align: left;
color: #333333;
width: 210px;
 }

.why_use_panel7 a{
display:block;
padding-left:10px;
/* padding-top:14px; */
padding-top:17px;
padding-right:40px;
height: 36px;
background: url(../images/benefits-07.jpg) top left no-repeat;
color: #333;
text-decoration: none;
 }

.why_use_panel7 a:hover{ 
color: #e67700;
text-decoration: none;
background: url(../images/benefits_buttons-over_07.jpg) top left no-repeat;
}

/*On states ------------------------------------------ */

.why_use_panel1_on{
line-height: 100%;
text-align: left;
color: #333366;
width: 210px;
	padding-bottom: 5px;
}

.why_use_panel1_on a{
display:block;
padding-left:10px;
/* padding-top:10px; */
padding-top:11px;
padding-right:40px;
height: 38px;
background: url(../images/benefits-01.jpg) top left no-repeat;
font-weight:bold;
text-decoration: none;
 }

.why_use_panel1_on a:hover{ 
color: #e67700;
text-decoration: none;
background: url(../images/benefits_buttons-over_01.jpg) top left no-repeat;
}

.why_use_panel2_on{
line-height: 90%;
text-align: left;
color: #333366;
width: 210px;
 }

.why_use_panel2_on a{
display:block;
padding-left:10px;
padding-top:14px;
padding-right:40px;
height: 36px;
background: url(../images/benefits-02.jpg) top left no-repeat;
font-weight:bold;
text-decoration: none;
 }

.why_use_panel2_on a:hover{ 
color: #e67700;
text-decoration: none;
background: url(../images/benefits_buttons-over_02.jpg) top left no-repeat;
}

.why_use_panel3_on{
line-height: 90%;
text-align: left;
color: #333366;
width: 210px;
 }

.why_use_panel3_on a{
display:block;
padding-left:10px;
padding-top:14px;
padding-right:40px;
height: 36px;
background: url(../images/benefits-03.jpg) top left no-repeat;
font-weight:bold;
text-decoration: none;
 }

.why_use_panel3_on a:hover{ 
color: #e67700;
text-decoration: none;
background: url(../images/benefits_buttons-over_03.jpg) top left no-repeat;
}

.why_use_panel4_on{
line-height: 90%;
text-align: left;
color: #333366;
width: 210px;
 }

.why_use_panel4_on a{
display:block;
padding-left:10px;
padding-top:14px;
padding-right:40px;
height: 36px;
background: url(../images/benefits-04.jpg) top left no-repeat;
font-weight:bold;
text-decoration: none;
 }

.why_use_panel4_on a:hover{ 
color: #e67700;
text-decoration: none;
background: url(../images/benefits_buttons-over_04.jpg) top left no-repeat;
}

.why_use_panel5_on{
line-height: 90%;
text-align: left;
color: #333366;
width: 210px;
 }

.why_use_panel5_on a{
display:block;
padding-left:10px;
padding-top:14px;
padding-right:40px;
height: 36px;
background: url(../images/benefits-05.jpg) top left no-repeat;
font-weight:bold;
text-decoration: none;
 }

.why_use_panel5_on a:hover{ 
color: #e67700;
text-decoration: none;
background: url(../images/benefits_buttons-over_05.jpg) top left no-repeat;
}

.why_use_panel6_on{
line-height: 90%;
text-align: left;
color: #333366;
width: 210px;
 }

.why_use_panel6_on a{
display:block;
padding-left:10px;
padding-top:14px;
padding-right:40px;
height: 36px;
background: url(../images/benefits-06.jpg) top left no-repeat;
font-weight:bold;
text-decoration: none;
 }

.why_use_panel6_on a:hover{ 
color: #e67700;
text-decoration: none;
background: url(../images/benefits_buttons-over_06.jpg) top left no-repeat;
}

.why_use_panel7_on{
line-height: 90%;
text-align: left;
color: #333366;
width: 210px;
 }

.why_use_panel7_on a{
display:block;
padding-left:10px;
padding-top:14px;
padding-right:40px;
height: 36px;
background: url(../images/benefits-07.jpg) top left no-repeat;
font-weight:bold;
text-decoration: none;
 }

.why_use_panel7_on a:hover{ 
color: #e67700;
text-decoration: none;
background: url(../images/benefits_buttons-over_07.jpg) top left no-repeat;
}

/*left navigation plain background buttons ------------------------------------------ */

.benefitsBold {
line-height: 90%;
text-align: left;
color: #333366;
font-weight:bold;
}

.benefits_plainbgtop{
line-height: 90%;
text-align: left;
color: #333333;
width: 210px;
 }

.benefits_plainbgtop a{
display:block;
padding-top:10px;
padding-left:10px;
padding-right:40px;
height: 36px;
background: url(../images/side_button_bg.jpg) top left no-repeat;
color: #333;
text-decoration: none;
 }

.benefits_plainbgtop a:hover{ 
color: #e67700;
text-decoration: none;
}

.benefits_plainbg{
line-height: 90%;
text-align: left;
color: #333333;
width: 210px;
 }

.benefits_plainbg a{
display:block;
/* padding-top:14px; */
padding-top:17px;
padding-left:10px;
padding-right:40px;
height: 36px;
background: url(../images/side_button_bg.jpg) top left no-repeat;
color: #333;
text-decoration: none;
}

.benefits_plainbg a:hover{ 
color: #e67700;
text-decoration: none;
}

.plain_nav{
line-height: 90%;
text-align: left;
color: #333333;
}

.plain_nav a{
display:block;
width: 210px;
height: 40px;
background: url(../images/side_button_bg.jpg) top left no-repeat;
color: #333;
text-decoration: none;
}

.plain_nav a:hover{ 
color: #e67700;
text-decoration: none;
}

/*On states ------------------------------------------ */

.benefits_plainbgtop_on{
line-height: 90%;
text-align: left;
width: 210px;
}

.benefits_plainbgtop_on a{
display:block;
padding-top:10px;
padding-left:10px;
padding-right:40px;
height: 36px;
background: url(../images/side_button_bg.jpg) top left no-repeat;
color: #333366;
font-weight:bold;
text-decoration: none;
}

.benefits_plainbgtop_on a:hover{ 
color: #e67700;
text-decoration: none;
}

.benefits_plainbg_on{
line-height: 90%;
text-align: left;
width: 210px;
}

.benefits_plainbg_on a{
display:block;
/* padding-top:14px; */
padding-top:17px;
padding-left:10px;
padding-right:40px;
height: 36px;
background: url(../images/side_button_bg.jpg) top left no-repeat;
color: #333366;
font-weight:bold;
text-decoration: none;
}

.benefits_plainbg_on a:hover{ 
color: #e67700;
text-decoration: none;
}

.plain_nav_on{
line-height: 90%;
text-align: left;
}

.plain_nav_on a{
display:block;
width: 210px;
height: 40px;
background: url(../images/side_button_bg.jpg) top left no-repeat;
color: #333333;
font-weight:bold;
text-decoration: none;
}

.plain_nav_on a:hover{ 
color: #e67700;
text-decoration: none;
}

/*left hand nav ends ------------------------------------------ */

/*right hand panel navigation ------------------------------------------ */
/*single linemovie buttons ------------------------------------------ */

.movielinkspanel1{
line-height: 90%;
text-align: right;
width: 210px;
}

.movielinkspanel1 a{
display:block;
height: 40px;
padding-right:10px;
padding-left:45px;
background: url(../images/movie_buttons-out.jpg) top left no-repeat;
color: #333333;
text-decoration: none;
padding-top: 16px; 
}

.movielinkspanel1 a:hover{ 
color: #e67700;
text-decoration: none;
background: url(../images/movie_buttons-over.jpg) top left no-repeat;
}

/*On states ------------------------------------------ */

.movielinkspanel1_on{
line-height: 90%;
text-align: right;
width: 210px;
}

.movielinkspanel1_on a{
display:block;
height: 40px;
padding-right:10px;
padding-left:45px;
background:  url(../images/movie_buttons.jpg) top left no-repeat;
color: #333366;
font-weight:bold;
text-decoration:none;
padding-top: 16px;
}

.movielinkspanel1_on a:hover{ 
color: #e67700;
text-decoration: none;
background: url(../images/movie_buttons-over.jpg) top left no-repeat;
}

/*double line movie buttons ------------------------------------------ */

.movielinkspanel{
line-height: 90%;
text-align: right;
width: 210px;
}

.movielinkspanel a{
display:block;
height: 40px;
padding-right:10px;
padding-left:45px;
background: url(../images/movie_buttons-out.jpg) top left no-repeat;
color: #333333;
text-decoration: none;
padding-top: 10px; 
}

.movielinkspanel a:hover{ 
color: #e67700;
text-decoration: none;
background: url(../images/movie_buttons-over.jpg) top left no-repeat;
}

/*On states ------------------------------------------ */

.movielinkspanel_on{
line-height: 90%;
text-align: right;
width: 210px;
}

.movielinkspanel_on a{
display:block;
height: 40px;
padding-right:10px;
padding-left:45px;
background:  url(../images/movie_buttons.jpg) top left no-repeat;
color: #333366;
font-weight:bold;
text-decoration:none;
padding-top: 10px;
}

.movielinkspanel_on a:hover{ 
color: #e67700;
text-decoration: none;
background: url(../images/movie_buttons-over.jpg) top left no-repeat;
}


/*right hand nav ends ------------------------------------------ */

.white{
text-decoration: none;
background-color: #ffffff;
}

.hline{font-size: 1em;
text-decoration: none;
color: #333333;
text-align: center;
font-weight: normal;
background-color: #999999;
padding-top: 1px;
padding-left: 39px;
padding-right: 24px; }

.vertline{
background-image: url(../images/remtech07_home9_06.jpg);
background-repeat:repeat-y;
width:35px;
}

.end_vertline{
background-image: url(../images/remtech07_home9_06.jpg);
background-repeat:repeat-y;
width:36px;
}

.formpanels{
background-color:#D1D1D1;
color:#333366;
text-decoration:none;
font-weight:bold;
text-align:center;
}

.formrows{
background-color:#D1D1D1;
color:#333366;
text-decoration:none;
font-weight:bold;
text-align: left;
}

.formcontents{
background-color:#FFFFFF;
color:#333366;
text-decoration:none;
font-weight:bold;
text-align: center;
}

/*footer ------------------------------------------ */

.footer{
height:30px;
text-decoration: none;
color: #FFFFFF;
text-align: center;
font-weight: bold;
background-color: #5c5c85;
vertical-align:middle;}

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

a.footer:hover{
color:#ffffff;
text-decoration:none;}

.footerlinks{
font-size:0.8em;
text-decoration: none;
color: #333333;
text-align: center;
vertical-align:middle;
height:50px;
}

a.footerlinks:hover{
color:#e67700;
text-decoration:none;
}

/*sitemap table*/

/* Site Map ------------------------------------------ */

.sitemap {
color: #537cb6;
background-image:url(../images/copy_blue.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 10px 10px 10px 30px;
font-weight: bold;
line-height: 120%;
text-align: left; 
margin-top: 12px;
text-decoration: none;
}

a.sitemap {
color: #537cb6;
text-decoration: underline;
}

a:hover.sitemap {
color: #333333;
text-decoration: underline;
}

.subsitemap {
color: #537cb6;
background-image:url(../images/copy.png);
background-repeat: no-repeat;
background-position: 30px 50%;
padding: 10px 10px 10px 60px;
font-weight: bold;
text-decoration: none; 
}

a:hover.subsitemap {
color: #333333;
text-decoration: underline;
}

.subsitemap_movie {
color: #537cb6;
background-image:url(../images/copy_movie.png);
background-repeat: no-repeat;
background-position: 50px 50%;
padding: 10px 10px 10px 80px;
font-weight: bold;
text-decoration: none; 
}

a:hover.subsitemap_movie {
color: #333333;
text-decoration: underline;
}

.sitemaplinx {
font-size: 1em;
text-decoration: none;
color: #537cb6;
font-weight: bold;
line-height: 140%; 
text-align: left;
}

a:hover.sitemaplinx {
color: #333333;
text-decoration: underline;
}

.smdescription {
font-size: 0.9em;
text-decoration: none;
color: #333333;
font-weight: normal;
line-height: 140%; 
text-align: left;
margin-right: 60px;
margin-left: 30px;
}

.sub_smdescription {
font-size: 0.9em;
text-decoration: none;
color: #333333;
font-weight: normal;
line-height: 140%; 
text-align: left;
margin-right: 60px;
margin-left: 60px;
}

.sub_smdescription_movie {
font-size: 0.9em;
text-decoration: none;
color: #333333;
font-weight: normal;
line-height: 140%; 
text-align: left;
margin-right: 60px;
margin-left: 80px;
}



/*  PDF links - JW 09 Jan 09
 ------------------------------------------ */


#pdfLink a{
	background: url(../images/adobe_pdf_icon.gif) no-repeat 0 -1px;
	padding-top: 15px;
	display: block;
	width: 156px;
	padding-left: 54px;
	height: 35px;
	margin-top: 25px;
	font-size: 10px;
}