@charset "UTF-8";

body { margin: 0; padding: 0; border: 0; background: #394639;}

.container { padding: 0px; margin: 38px auto 0 auto; width: 919px; text-align: left; background: url(images/body_back.gif) repeat-y #CCC; }
.topContainer { margin: 0; padding: 0; width: 919px; height: 200px;}
.topContainerLeft { width: 229px; height: 200px; float: left;}
.topContainerRt { width: 690px; height: 200px; float: right;}
.topContainerRtTop { width: 690px; height: 72px; background: url(images/interior_abovenav.gif); float: left;}

hr {display: none;}

.topContainerRtMenu { width: 690px; height: 23px; background: #666; float: left; background: url(images/menu/menu_back.jpg) no-repeat 0 0;}
.topContainerRtMenu ul { margin: 0; padding: 0; list-style-type: none; position: relative;}
.topContainerRtMenu ul a{ display: block; width: auto; height: 23px; text-indent: -9999px; text-decoration: none;}

.topContainerRtMenu ul li { display: inline; float: left; height: 23px;}
.topContainerRtMenu ul li.home { position: absolute; top: 0; left: 0; height: 23px; width: 66px; background: url(images/menu/interior_home_off.gif) no-repeat 0 0;}
.topContainerRtMenu ul li.about { position: absolute; top: 0; left: 66px; height: 23px; width: 77px; background: url(images/menu/interior_aboutus_off.gif) no-repeat;}
.topContainerRtMenu ul li.why { position: absolute; top: 0; left: 143px; height: 23px; width: 96px; background: url(images/menu/interior_whymatrix_off.gif) no-repeat;}
.topContainerRtMenu ul li.pub { position: absolute; top: 0; left: 239px; height: 23px; width: 122px; background: url(images/menu/interior_publishing_on.gif) no-repeat;}
.topContainerRtMenu ul li.art { position: absolute; top: 0; left: 361px; height: 23px; width: 81px; background: url(images/menu/interior_art_off.gif) no-repeat;}
.topContainerRtMenu ul li.test { position: absolute; top: 0; left: 442px; height: 23px; width: 95px; background: url(images/menu/interior_testimonials_off.gif) no-repeat;}
.topContainerRtMenu ul li.con { position: absolute; top: 0; left: 537px; height: 23px; width: 86px; background: url(images/menu/interior_contactus_off.gif) no-repeat;}

.topContainerRtMenu ul li.home a:hover { background: url(images/menu/interior_home_on.gif) no-repeat 0 0;}
.topContainerRtMenu ul li.about a:hover { background: url(images/menu/interior_aboutus_on.gif) no-repeat;}
.topContainerRtMenu ul li.why a:hover { background: url(images/menu/interior_whymatrix_on.gif) no-repeat;}
/*.topContainerRtMenu ul li.pub a:hover { background: url(images/menu/interior_publishing_on.gif) no-repeat;}
.topContainerRtMenu ul li.art a:hover { background: url(images/menu/interior_art_on.gif) no-repeat;}*/
.topContainerRtMenu ul li.test a:hover { background: url(images/menu/interior_testimonials_on.gif) no-repeat;}
.topContainerRtMenu ul li.con a:hover { background: url(images/menu/interior_contactus_on.gif) no-repeat;}

.topContainerRtMenu ul li ul{ border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; display:none; height: auto; position:absolute; left: 19px; width:198px; z-index:200;}
.topContainerRtMenu ul li:hover ul{ background-image: none; display: block;}		
.topContainerRtMenu ul li li { display:block; float: none; padding:0px ; width:198px ; height: 25px; font-family : Verdana, Geneva, sans-serif; font-size: 11px; color: #fff; border-top: 1px solid #fff;
background-image: url(images/menu/drp_bgrd-bl.gif);}
.topContainerRtMenu ul li ul a{ display:block; padding: 2px 10px 0px 15px; text-align:left; text-indent: -8px; color: #fff; }
.topContainerRtMenu ul li ul li a:hover{ background-image: url(images/menu/drp_bgrd-gr.gif); color:#fff;}
.topContainerRtMenu ul li ul p{ clear:left;}
		
.topContainerRtHeader { width: 690px; height: 105px; background: url(images/interior_title_508.gif); float: left;}
.topContainerRtHeader h1{ text-indent: -9999px; margin: 0; padding: 0; }

.clear {clear: both;}

.bodyContainer { margin: 0; width: 919px; background: url(images/body_back.gif) repeat;}
.leftSubArea { width: 229px; margin: 0; padding: 0; float: left; font-family:"Trebuchet MS",Arial,Verdana;}
.leftSubArea h2 {color:#fff;font-size: 24px; margin: 0;border-bottom: 1px solid white;padding: 0 0 5px 0}
.leftSubArea h3 {color:#fff;font-size: 24px; margin: 0; padding: 0;}
.leftSubArea h4 {color:#fff;font-size: 17px; margin: 10px 0 2px 0; background: transparent url(images/whiteline133.jpg) no-repeat scroll bottom center;padding: 0 0 4px 0;}
.leftSubArea p {margin: 10px 5px 0 5px}


.rtMainArea { margin: 0; padding: 0; width: 645px; float: left; font-family:"Trebuchet MS",Arial,Verdana;}
.rtMainArea p { margin: 0 0 10px 0; color:#000; font-size: 11px;}
.rtMainArea h3 { margin: 0; color:#fff; font-size: 18px;}
.rtMainArea a { margin: 0 0 10px 0; color: #fff; text-decoration: none;}
.rtMainArea a:hover {text-decoration: underline;}
.rtMainArea ul { margin: 0 0 16px 0;list-style-type: none;padding:0 0 0 37px}
.rtMainArea ol { margin: 0 0 16px 0; padding: 0 0 0 59px ;}
.rtMainArea li { padding:0 0 8px 19px;color:#000; font-size:11px; line-height: 16px; background: transparent url(../images/fourdots_white.gif) no-repeat scroll 0 3px;margin:0}
.rtMainArea ol li { padding:8px 0 0 0px;background: none}


.highlight1 { color:#fff; font-size:11px; font-weight: bold; font-style: italic; }
.highlight2 { color:#fff; font-size:11px; font-weight: bold; }
.highlight3 { color:#fff; font-size:14px; font-weight: bold; }
.highlight4 { color:#fff; font-size:15px; font-weight: bold; }
.highlight5 { color:#000; font-size:12px; font-weight: bold; }
.highlight6 { color:#000; font-size:17px; font-weight: bold; }

.boxArea1 { width: 191px; border: 1px solid #fff; padding: 10px 0; text-align: center; float: right; clear: right; margin: 5px;}
.boxArea2 { width: 211px; background-color: #969a99; padding: 5px 0 10px 0; position: relative; left: 5px; text-align: center;}
.boxArea3 { width: 121px; position: relative; top: 100px; left: 5px; text-align: center; height: 282px;}
.boxArea4 { width: auto; border: 1px solid #fff; padding: 10px; margin-bottom: 10px;}

.boxArea1 h3 {padding: 0 0 5px;border-bottom:1px solid white}
.boxArea1 .highlight4 {padding: 5px 10px;background: transparent url(images/whiteline133.jpg) no-repeat scroll bottom center;}
.boxArea1 .highlight5 {padding: 7px 5px 5px 5px}

.boxArea4 p {margin:0}

 
.rtTop { padding: 12px 0 30px 15px;}
.rtBottom { margin: 0; padding: 0; float: left; width: 690px; height: 38px; background: url(images/rt_bot-back.gif) no-repeat;}

a.backToTop { margin: 11px 5px 0 11px; display: block; float: left; background: url(images/interior_backtotop.jpg) no-repeat; height: 27px; width: 103px; text-indent: -9999px; }
a.backToTop:hover { background: url(images/interior_backtotop_on.jpg) no-repeat;}

a.artServices { margin: 11px 0 0 0; display: block; float: right; background: url(images/interior_art_off.jpg) no-repeat; height: 27px; width: 132px; text-indent: -9999px; }
a.artServices:hover { background: url(images/interior_art_on.jpg) no-repeat;}

a.preServices { margin: 11px 28px 0 1px; display: block; float: right; background: url(images/interior_prepress_off.jpg) no-repeat; height: 27px; width: 178px; text-indent: -9999px; }
a.preServices:hover { background: url(images/interior_prepress_on.jpg) no-repeat;}

a.vpat { margin: 5px 0 0 1px; display: block; float: right; background: url(images/interior_vpat_off.jpg) no-repeat; height: 27px; width: 213px; text-indent: -9999px; }
a.vpat:hover { background: url(images/interior_vpat_on.jpg) no-repeat;}



.footerLinks {margin: 0; padding: 0; width: 919px; height: 49px; background: url(images/index_footerbg2.gif) no-repeat; color:#000000; font-family: Arial,Helvetica,sans-serif; font-size:10px;}
.footerLinks ul{ margin: 0 5px 0 25px; padding: 0; list-style-type: none;}

.footerLinks ul li { display: inline;  float: left; height: 30px; padding-top: 18px; padding-right: 7px;}
.footerLinks ul li.phone {  display: block; text-decoration: none; padding-left: 40px; background: url(images/bot_icon-phone.gif) no-repeat 13px 10px;}
.footerLinks ul li.fax {  display: block; text-decoration: none; padding-left: 40px; background: url(images/bot_icon-fax.gif) no-repeat 13px 10px;}
.footerLinks ul li.fax {  display: block; text-decoration: none; padding-left: 40px; background: url(images/bot_icon-fax.gif) no-repeat 13px 10px;}
.footerLinks ul li.email {  display: block; text-decoration: none; padding-left: 37px; padding-right: 25px; background: url(images/bot_icon-email.gif) no-repeat 10px 10px;}
.footerLinks ul li.copy {  display: block; text-decoration: none; padding-left: 36px; background: url(images/bot_icon-copyright.gif) no-repeat 10px 10px;}
.footerLinks ul li a{ color: #548DD3; text-decoration: none;}
.footerLinks ul li a:hover{ text-decoration: underline;}