/* SCREEN.CSS
   This is where all styles for on-screen media are declaired
   
   FILE INFO
   Revision number:  1.0
   Last updated:     06/06/2006
   Last updated by:  Matt Wilcox ( matt@karova.com )

------------------------------------------------------------------------------------------------------ */

@import url(screen_extended.css);  /* import browser specific CSS */

@media all {

/* =global_reset */
   *                                     { margin: 0; padding: 0; }
   ul, dl, ol                            { list-style-position: inside; }
   ul ul, ul ol, ul dir, ul menu, ul dl,
   ol ul, ol ol, ol dir, ol menu, ol dl,
   dir ul, dir ol, dir dir, dir menu, 
   dir dl, menu ul, menu ol, menu dir,
   menu menu, menu dl, dl ul, dl ol,
   dl dir, dl menu, dl dl                { margin-top: 0; margin-bottom: 0; }
   p, ul, ol, dl, dd, blockquote, form   { margin-bottom: 1em; }

/* =html =body */
   html {
     font: 87.5%/140% Verdana, Helvetica, Ariel, sans-serif; color: #333; background : #fff url(../images/html.jpg) 50% 0 no-repeat; }
   body {
     background : url(../images/body.gif) 50% 100% no-repeat; }

/* =hx */
   h2, h3, h4, h5, h6 {
     margin-bottom : 1em;
     font-size : 1.3em; font-weight : normal; }

/* =h1 */
   h1 {  }

/* =h2 */
   #nav_main h2,
   #nav_supp h2 {
     position : absolute; left : -999em;
     overflow : hidden; }
     
   h2.destinations {
     position : absolute; left : -999em;
     overflow : hidden; }
     
   .article_4 h2 {
     font-weight : bold; color : red; }

/* =h3 */
   #content_sub h3 {
     position : relative; left : -5px; clear : both;
     display : block; width : 234px; height : 46px; margin : 2em 0 .5em 0;
     text-indent : -999em; overflow : hidden; background : url(../images/h3_contact.gif) 0 0 no-repeat; }
   #content_sub h3.awards {
     background-image : url(../images/h3_awards.gif); }
   #content_sub h3.award_fcs {
     background-image : url(../images/h3_award_fcs.gif); }
   .productarticle #content_sub h3.awards {
     border-top : 2em solid #fff; }
   #content_sub h3.credit-cards {
     border-top : 2em solid #fff;
     background-image : url(../images/h3_credit-cards.gif); }
   #content_sub h3.distributor {
     background-image : url(../images/h3_distributor.gif); }
   
   h2.destinations {
     position : absolute; left : -999em;
     overflow : hidden; }

/* =h4 */
   h4 {  }

/* =p */
   p {
     font-size : 100%; }
   p.accessibility {
     position : absolute; left : 0;
     display : block; width : 100%; margin-top : -2em; padding : .25em 0 1em 0;
     text-align : center; z-index : 2; }
   p.accessibility:hover {
     margin-top : 0; padding : .25em 0;
     color : #787878; background-color : #ffd; }
   .productarticlelist #content_main p {
     padding-bottom : 2em; }
   
   p.image {
     font-size : .8em; line-height : 1.2em; }
     
   #branding p {
     position : absolute; left : -999em;
     overflow : hidden; }
     
   #siteinfo p {
     margin-bottom : 0;
     font-size : .8em; line-height : 1.3em; color : #ccc; }
     
   p.award_fcs {
     border : 2px solid red; padding : 5px 5px 65px 5px;
     background : url(../images/award_6.gif) 0 100% no-repeat; }

/* =blockquote */
   blockquote {  }

/* =em =strong =del =ins =abbr =acronym =code */
   em          { font-style : normal; border-bottom : 1px solid; }
   strong      { font-weight : bold; background : #f7f766; }
   del         { text-decoration : line-through; }
   ins         { text-decoration : none; color : #009; font-family : Georgia; }
   del[title],
   ins[title]  { cursor : help; }
   acronym,
   abbr        { text-decoration : none; border-bottom : none; font-style : italic; cursor : help; }
   code        { font : 87.5% dialogue, 'Courier New', courier, serif; color : #000; }
   form code   { color : #646464; }
   
   label em {
     position : absolute; left : 370px;
     color : #f33; border-bottom-width : 0; }

/* =address */
   address      { font-style : normal; }
   form address { margin-left : 0; }
   address span { display : block; }

/* =dl =dt =dd */
   dl {  }
   #content_sub dt { color : #404040; text-transform : lowercase; }
   
/* =ul */
   #nav_main ul {
     display : block; width : 740px; height : 38px;
     list-style-type : none; background : url(../images/nav_main.gif) 0 0 no-repeat; }
   #nav_supp ul {
     list-style-type : none; }
     
   ul.destinations {
     margin-top : 2em;
     list-style-type : none; list-style-position : outside; }

/* =ol */
   ol {  }

/* =li */
   #nav_main li,
   #nav_supp li {
     display : inline; }
     
   ul.destinations li {
     min-height : 130px; padding-left : 155px; }
   li.destination_3 {
     background : url(../images/destination_1.jpg) 0 0 no-repeat; }
   li.destination_2 {
     background : url(../images/destination_2.jpg) 0 0 no-repeat; }
   li.destination_4 {
     background : url(../images/destination_3.jpg) 0 0 no-repeat; }
   li.destination_1 {
     background : url(../images/destination_4.2.jpg) 0 0 no-repeat; }
     
     
   .article #content_main li {
     list-style-type : none; list-style-position : inside; line-height : 1.8em;}
   .installationarticle #content_main dl dt,
   .article #content_main li,
   .product_article_2 #content_main dl dt,
   .product_article_1 #content_main dl dt,
   .product_article_3 #content_main dl dt {
     padding-left : 18px;
     background : url(../images/bullet.gif) 0 6px no-repeat; }
     
   ul.destinations li {
     position : relative; }

/* =img */
   img,
   img a { border : none; }
   #content_sub p img {
    margin-left : 36px; }
   
   p.image img {
     margin-bottom : .5em; }

/* =hr */
   hr { display : none; }

/* =a */
   a:link    { color : #000; text-decoration : underline; }
   a:visited { color : #000; text-decoration : underline; }
   a:hover,
   a:focus   { background-color : #efefef; color : #000; text-decoration : underline; }
   a:active  { background-color : #fff; color : #f1f5f0; outline : none; }
   
   p.accessibility a:link,
   p.accessibility a:visited {
     background-color : #eed; }
   p.accessibility a:hover {
     background-color : #ccb; }
   p.accessibility a:focus {
     position : absolute; left : 1em;
     margin-top : 2em;
     background-color : #ccb; }
   p.accessibility:hover a:focus {
     position : relative; left : 0;
     margin-top : 0; }
     
   h1 a:link,
   h1 a:visited {
     position : absolute; top : 15px; left : 16px;
     display : block; width : 254px; height : 63px;
     text-indent : -999em; overflow : hidden; background-color : transparent; }
   h1 a:hover {
     background-color : transparent; }
     
   #nav_main a {
     float : left;
     display : block; height : 38px; }
   #nav_main li.home a:link,
   #nav_main li.home a:visited {
     width : 63px;
     text-indent : -999em; overflow : hidden; background : transparent; }
   #nav_main li.products a:link,
   #nav_main li.products a:visited {
     width : 82px;
     text-indent : -999em; overflow : hidden; background : transparent; }
   #nav_main li.installation a:link,
   #nav_main li.installation a:visited {
     width : 100px;
     text-indent : -999em; overflow : hidden; background : transparent; }
   #nav_main li.about a:link,
   #nav_main li.about a:visited {
     width : 80px;
     text-indent : -999em; overflow : hidden; background : transparent; }
   #nav_main li.contact a:link,
   #nav_main li.contact a:visited {
     width : 95px;
     text-indent : -999em; overflow : hidden; background : transparent; }
     
   #nav_main li.home a:hover,
   #nav_main li.home a:focus {
     background : url(../images/nav_main.gif) 0 -38px no-repeat; }
   #nav_main li.products a:hover,
   #nav_main li.products a:focus {
     background : url(../images/nav_main.gif) -63px -38px no-repeat; }
   #nav_main li.installation a:hover,
   #nav_main li.installation a:focus {
     background : url(../images/nav_main.gif) -145px -38px no-repeat; }
   #nav_main li.about a:hover,
   #nav_main li.about a:focus {
     background : url(../images/nav_main.gif) -245px -38px no-repeat; }
   #nav_main li.contact a:hover,
   #nav_main li.contact a:focus {
     background : url(../images/nav_main.gif) -325px -38px no-repeat; }
     
   .default #nav_main li.home a:link,
   .default #nav_main li.home a:visited {
     background : url(../images/nav_main.gif) 0 -76px no-repeat; cursor : default; }
   .productarticle #nav_main li.products a:link,
   .productarticle #nav_main li.products a:visited,
   .productarticlelist #nav_main li.products a:link,
   .productarticlelist #nav_main li.products a:visited {
     background : url(../images/nav_main.gif) -63px -76px no-repeat; cursor : default; }
   .installationarticle #nav_main li.installation a:link,
   .installationarticle #nav_main li.installation a:visited {
     background : url(../images/nav_main.gif) -145px -76px no-repeat; cursor : default; }
   .article_0 #nav_main li.about a:link,
   .article_0 #nav_main li.about a:visited {
     background : url(../images/nav_main.gif) -245px -76px no-repeat; cursor : default; }
   .contact #nav_main li.contact a:link,
   .contact #nav_main li.contact a:visited {
     background : url(../images/nav_main.gif) -325px -76px no-repeat; cursor : default; }
     
   #nav_supp a {
     margin-right : 1.5em;
     background-color : transparent; color : #fff; text-decoration : none; }
   #nav_supp a:hover,
   #nav_supp a:focus {
     text-decoration : underline; }
   #nav_supp li.installation a {
     position : absolute; top : 0px; left : 470px;
     display : block; width : 147px; height : 70px; overflow : hidden;
     text-indent : -999em; background : url(../images/nav_intersite.jpg) 0 -140px no-repeat; cursor : default; }
   #nav_supp li.training a {
     position : absolute; top : 0px; left : 617px;
     display : block; width : 123px; height : 70px; overflow : hidden;
     text-indent : -999em; background : url(../images/nav_intersite.jpg) -147px 0 no-repeat; }
   #nav_supp li.training a:hover,
   #nav_supp li.training a:focus {
     background : url(../images/nav_intersite.jpg) -147px -70px no-repeat; }
     
   #siteinfo a:link,
   #siteinfo a:visited {
     background : transparent; color : #fff; text-decoration : none; }
   #siteinfo a:hover,
   #siteinfo a:focus {
     text-decoration : underline; }
     
   a#award_1,
   a#award_2,
   a#award_3,
   a#award_4,
   a#award_5,
   a#award_6 {
     float : left;
     display : block; width : 66px; height : 55px;
     text-indent : -999em; overflow : hidden; background : url(../images/award_1.gif) 0 0 no-repeat; }
   a#award_2 {
     width : 67px;
     background-image : url(../images/award_2.gif); }
   a#award_3 {
     width : 85px;
     background-image : url(../images/award_3.gif); }
   a#award_4 {
     width : 77px; height : 61px;
     background : url(../images/award_4.gif) 7px 0 no-repeat; }
   a#award_5 {
     width : 142px; height : 61px;
     background : url(../images/award_5.gif) 7px 0 no-repeat; }
   a#award_6 {
     width : 180px;
     background : url(../images/award_6.gif) 0 0 no-repeat; }
     
   ul.destinations li a.block {
     position : absolute; top : 0; left : 0;
     display : block; width : 445px; height : 105px;}
   ul.destinations li a.block:hover,
   ul.destinations li a.block:focus {
     background-color : transparent; }
   
/* =table */
   table { border-collapse : collapse; }

/* =caption */
   caption {  }

/* =thead */
   thead {  }

/* =tfoot */
   tfoot {  }
   
/* =tbody */
   tbody {  }
   
/* =tr */
   tr {  }
   
/* =th */
   th {  }

/* =td*/
   td {  }

/* =form */
   .contact form {
     margin-top : 2em; border-top : 1px solid #dfdfdf; padding-top : 2em; }

/* =fieldset */
   fieldset {
     padding : 1em; margin-bottom : 2em;
     border : 2px solid #e4e4e4; background-color : #e4e4e4; }

/* =legend */
   legend {  }

/* =label */
   label      { margin-bottom : .75em; }
   label { display : block; }
   label span { display : block; width : 130px; float : left; font-weight : normal; color : #404040; }

/* =input */
   input          { 
     width : 200px; padding : .25em; border : 1px solid #b3b3b3;
     font: 87.5%/140% Verdana, Helvetica, Ariel, sans-serif; color: #eee; background : #b3b3b3; }
   input.checkbox { 
     width : auto; margin-right : 1em; }
   input:focus    { 
   background-color : #ffd; color : #404040; }
   
   input.submit {
     width : auto;
     background-color : #808080; border-color : #808080; }
   input.submit:focus {
     width : auto;
     background-color : #ffd; }
     
/* =textarea */
   textarea {
     width : 99%; height : 8em; padding : .25em; border : 1px solid #b3b3b3;
     font: 87.5%/140% Verdana, Helvetica, Ariel, sans-serif; color: #eee; background : #b3b3b3; }
   textarea:focus {
     background-color : #ffd; color : #404040; }

/* =select */
   select {  }

/* =div */
   form div { padding : .5em 0; text-align : center; }
   
   #container { 
     position : relative;
     width : 740px; margin : 0 auto;
     text-align : left; }
   #branding  { height : 150px; z-index : 50; }
   #content {
     background : url(../images/content.gif) 50% 0 repeat-y;
     overflow : hidden; }
   #content_main {
     float : left;
     width : 450px; margin-left : 10px; padding-bottom : 3em; }
   #content_sub {
     float : right;
     width : 220px; margin-right : 10px; padding-bottom : 3em;
     font-size : 87.5%; }
   #nav_main {
     position : absolute; top : 79px; left : 0; }
   #nav_supp {
     clear : both;
     padding-top : 48px; }
   #nav_supp  {  }
   #siteinfo  {
     clear : both; padding-bottom : 1em; }

}