/* 
   Design215.com CSS/104 stylesheet, v11.24.05 
   for donziyachts.com v12.12.05
   
   body
     #container
       #pagehead
         .navbar
         .navlinks
         .navlinks2
       #pagebody
         #titlebar
         #contentbg
           #contentbox
             #contenthead
             .column1a
             .minheight
             .column2a
             .xclearline
           #endcap
     #footer
      

   Overall styles and classes for HTML elements 
   ----------------------------------------------------------------------------- 
*/
body {
  font-family:verdana,helvetica,sans-serif; font-size:11px; color:#ffffff; 
  margin:0; padding:0;
  background:#193e6c url(images/chart11013.gif) center top repeat-y fixed;
}

  /* Separators to clear column floats */
  div.xclear {
    clear:right; height:1px; line-height:1px; 
    margin:0; padding:0;
  }
  div.xclearline {
    clear:both; height:1px; line-height:1px;
    margin:0 3px 0 1px; padding:0;
  }

  /* Sets the minimum height of the page content, or can be a column divider */
  div.minheight {
    position:relative; float:left; text-align:right;
    width:10px; height:600px; 
  }

table {
  margin:0 0 0 12px;
}

table td { /* replaces td.c2 */
  font-family:verdana,helvetica,sans-serif; font-size:11px; color:#ffffff; line-height:150%; 
}
h1 {
  font-family:verdana,helvetica,sans-serif; font-size:14px; font-weight:bold; color:#ffffff;
   margin:0; padding:2px 0 0 10px;
}
h2 { /* replaces span class="c2med" */
  font-family:verdana,helvetica,sans-serif; font-size:14px; font-weight:bold; color:#ffffff;
  margin:0 10px 0 10px; padding:2px 0 2px 0;
}
h3 { /* used on difference.php */
  font-family:verdana,helvetica,sans-serif; font-size:14px; font-weight:bold; color:#ffffff;
  margin:0; padding:2px 0 2px 0;
}
p {
  font-family:verdana,helvetica,sans-serif; font-size:11px; color:#ffffff; line-height:130%;
  margin:0 10px 0 10px; padding:0;
}
  p.p1 { /* for images */
    font-family:verdana,helvetica,sans-serif; font-size:11px; color:#ffffff;
    margin:4px 0 0 10px; padding:0;
  }
  p.p2 {
    font-family:verdana,helvetica,sans-serif; font-size:12px; color:#ffffff; line-height:150%;
    margin:4px 10px 0 10px; padding:0;
  }
  p.r2 {
    text-align:right;
    font-family:verdana,helvetica,sans-serif; font-size:11px; color:#ffffff; line-height:150%;
    margin:4px 4px 4px 10px; padding:0;
  }

/* this tag is used to hide text that should be visible when no stylesheet is available */
tt {display:none;} 
  
a:link,
a:visited {text-decoration:none; font-weight:bold; color:#ffb500;}
a:hover   {text-decoration:underline; font-weight:bold; color:#ffb500;}

a.c1:link    {text-decoration:none; color:#ccccee;}
a.c1:visited {text-decoration:none; color:#ccccee;}
a.c1:hover   {text-decoration:underline; color:#ffe347;}

  ul.blist {
    list-style:none; width:99%;
    margin:0 0 0 10px; padding:0; 
  }
  ul.blist li {
    margin-bottom:6px; padding:0 0 0 16px;  
    background:transparent url(images/accent.gif) 0px 6px no-repeat;
  }

  ul.alist {
    list-style:none; width:99%;
    margin:0; padding:0; 
  }
  ul.alist2 {
    list-style:none; width:99%;
    margin:0 0 0 12px; padding:0; 
  }
  ul.alist li,
  ul.alist2 li {
    margin-bottom:6px; padding:0 0 0 16px;  
    background:transparent url(images/bt5.gif) no-repeat;
  }

/* create an h1 for the left column for standards compliance so h2 doesn't come before h1 */
h1.difference {
  width:400px; height:24px; 
  background:transparent url(images/head_difference2.gif) no-repeat;
}
h1.articles {
  width:400px; height:24px; 
  background:transparent url(images/head_articles.gif) no-repeat;
}
h1.boatshows {
  width:400px; height:24px; 
  background:transparent url(images/head_boatshows.gif) no-repeat;
}
h1.fishtails {
  width:400px; height:24px; 
  background:transparent url(images/head_fishtails.gif) no-repeat;
}
h1.r80 {
  width:600px; height:24px; 
  background:transparent url(images/head_r80.gif) no-repeat;
}
h1.r73 {
  width:600px; height:24px; 
  background:transparent url(images/head_r73.gif) no-repeat;
}
h1.z65 {
  width:600px; height:24px; 
  background:transparent url(images/head_r65.gif) no-repeat;
}
h1.r58 {
  width:600px; height:24px; 
  background:transparent url(images/head_r58.gif) no-repeat;
}
h1.r165 {
  width:600px; height:24px; 
  background:transparent url(images/head_r165.gif) no-repeat;
}
#contenthead h1 span {display:none;} /* replace text with an image */

h1.news { /* created for standards compliance, used on rendezvous, boatshows, fishtails, etc */
  font-family:verdana,helvetica,sans-serif; font-size:14px; font-weight:bold; color:#ffffff;
  margin:0; padding:2px 0 2px 0;
}

#contenthead h2,h2.t1 {
  margin:0; padding:2px 0 2px 0;
}

img {
  color:#ffffff;
  border-color:#ffffff;
  padding:0;
}
  img.xpic {
    margin:2px 3px 3px 2px; padding:0;
    border:solid 1px #aaaaaa;
  }
  img.xthumb {
    margin:2px; padding:0;
    border:solid 1px #aaaaaa;
  }
  img.xright {
    float:right;
    margin:4px 0 4px 16px; padding:0;
  }
  img.xleft {
    float:left;
    margin:4px 16px 4px 4px; padding:0;
  }
  img.xbutton {
    margin:0; padding:0; border:0;
  }
  
table.specs {
  width:480px; 
  padding:6px; margin:4px 0 2px 12px;
  border:1px solid #ffffff;
}
table.specs td {
  padding:4px 2px 2px 2px;
  border-bottom:1px dotted #ffb500;
}

label.noshow,
h1.noshow,
span.noshow {display:none;}

form {margin:0; padding:0; display:inline;}
pre {font-size:12px; margin:0 0 0 12px;}
acronym {border-bottom:dashed 1px #000000; cursor:help; font-weight:bold; color:#0000aa;}

/* 
   Styles for layout DIVs
   -----------------------------------------------------------------------------
*/

#container {
  position:static; /* "static" must be used or any background is ignored */
  text-align:center; margin:0; padding:0;
}

  /* Page Header, full width of container */
  #pagehead {
    position:relative; height:120px;
    text-align:center; margin:0; padding:0;
    background:#286bab url(images/horizbg01.gif) 0px 1px repeat-x;
  }
    #pagehead div.navbar {
      position:absolute; width:570px; top:42px; left:50%;
      text-align:left; margin:0 0 0 -240px; padding:0;
      font-family:verdana,helvetica,sans-serif; font-size:12px; color:#000000;
    }
    #pagehead p {
      display:inline;
      text-align:left;
    }
    #pagehead ul {
      display:none;
    }
    #pagehead a {
      line-height:21px; font-weight:bold;
      font-family:arial,helvetica,san-serif; font-size:12px;
      padding:3px 4px 3px 4px; margin:0;
    }
    #pagehead a:link,
    #pagehead a:visited {text-decoration:none; color:#ffffff;}
    #pagehead a:hover   {
      text-decoration:none; color:#ffffff;
      background:transparent url(images/menu_ht.gif) 0px -2px repeat-x;
    }

    /* menu separator dot */
    .mdot {
      background:transparent url(images/menu_dot.gif) no-repeat;
      font-family:arial,helvetica,san-serif; font-size:10px;
      padding:0; margin:0;
    }  
  
  /* DIVs for navigation links */
  div.navlinks {
    position:absolute; width:750px; top:94px; left:50%;
    text-align:left;
    padding:2px 0 0 0; margin:0 0 0 -240px;
  }
  div.navlinks2 {
    position:absolute; width:125px; top:3px; left:50%;
    padding:0; margin:0 0 0 -375px;
  }

  /* Page body, full width of container */
  #pagebody {
    position:relative;
    text-align:center; margin:0; padding:0;
  }

    /* Titlebar, content above content box */
    #titlebar {display:none;}

    /* Outer content box, defines outer width of content (use width:??px )*/
    #contentbg {
      position:relative; width:780px;
      text-align:left; margin:0 auto 0 auto; padding:2px 0 0 0; line-height:1px;
    }
      /* Inner content box for margins and a second background (do NOT define a width) */
      #contentbox {
        position:relative;
        font-family:verdana,helvetica,sans-serif; font-size:11px; color:#ffffff; line-height:130%;
        text-align:left; margin:0; padding:0;
      }
        /* Content above columns */
        #contenthead {
          width:100%; margin:10px 0 6px 10px; padding:0;
        }
      
          /* Columns, Total width must be <= 750px */
          
          /* LEFT columns */
          div.L_xxsmall,
          div.L_xsmall,
          div.L_small,
          div.L_large,
          div.L_xlarge,
          div.L_xxlarge,
          div.L_full {
            position:relative; float:left; margin:0; padding:0;
          }
          
          /* RIGHT columns */
          div.R_xxsmall,
          div.R_xsmall,
          div.R_small,
          div.R_large,
          div.R_xlarge,
          div.R_xxlarge {
            position:relative; float:right; margin:0; padding:0;
          }
          
          /* Column width combinations:  xxs+xxl, xs+xl, xs+xs+xs, s+l, full */
          div.L_xxsmall,div.R_xxsmall {width:120px;}
          div.L_xsmall,div.R_xsmall {width:250px;}
          div.L_small,div.R_small {width:300px;}
          div.L_large,div.R_large {width:450px;}
          div.L_xlarge,div.R_xlarge {width:500px;}
          div.L_xxlarge,div.R_xxlarge {width:630px;}
          div.L_full {width:750px;}
          
          /* exceptions */
          #pag_yachts div.L_xxsmall {width:80px;}
          #pag_yachts div.R_xxlarge {width:670px;}

          
          /* OLD FORMAT */

          /* Columns, set 1, full width single column */
          div.column1a {
            position:relative; float:left; width:720px; 
            margin:0; padding:0; 
          }
          
          /* Columns, set 2, for articles and galleries, reverse for difference.php */
          div.column1b {
            position:relative; float:left; width:250px; 
            margin:0; padding:0; 
          }
          div.column2b {
            position:relative; float:left; width:500px; 
            margin:0; padding:0; 
          }
          
          /* Columns, set 3, shipyard news, forms */
          div.column1c {
            position:relative; float:left; width:400px; 
            margin:0; padding:0; 
          }
          div.column2c {
            position:relative; float:left; width:350px; 
            margin:0; padding:0; 
          }
          
          /* Columns, set 4, full width single column, r58, r65, etc */
          div.column1d {
            position:relative; float:left; width:670px; 
            margin:0; padding:0; 
          }
          
      /* Bottom of content box */
      #endcap {
        position:relative; width:780px; height:1px; font-size:1px; line-height:1px;
        clear:both; margin:0 auto 0 auto;
      }
      
    /* Footer, extends to bottom edge of window */
    #footer {
      position:relative; height:150px;
      /* position:absolute; width:100%; height:120px; bottom:0px; */
      text-align:center; margin:0 auto 0 auto; padding:0;
      background:#286bab url(images/footer.gif) left top repeat-x; 
    }
      #footer p {
        position:relative; width:780px;
        text-align:center; margin:0 auto 0 auto; padding:0;
        font-family:verdana,helvetica,sans-serif; font-size:10px; color:#000000;
      }
      #footer p.xnav {
        position:relative; width:780px;
        text-align:center; margin:0 auto 0 auto; padding:24px 0 0 0;
        font-family:verdana,helvetica,sans-serif; font-size:10px; color:#708FB0;
      }
  
      #footer a:link,
      #footer a:visited {text-decoration:none; color:#BDDAFF;}
      #footer a:hover {text-decoration:underline; color:#ffbf11;}
  
      /* W3C validation links */
      #footer a.w3 {
        font-family:verdana,helvetica,sans-serif; font-size:12px; font-weight:bold;
      }
      #footer a.w3:link,
      #footer a.w3:visited {text-decoration:none; color:#193e6c;}
      #footer a.w3:hover {text-decoration:none; color:#ffe347;}

/* Homepage */
body#pag_home {background:#286bab;}
#pag_home #pagebody {background:#193e6c;}
#pag_home #contentbox {
  background:#153154 url(images/sidebar_blue.gif) left top repeat-y;
}
#pag_home #contenthead {margin:0; padding:0; line-height:1px; height:1px;}
#pag_home div.L_xxsmall {width:165px; height:360px; overflow:hidden;}
#pag_home div.L_xxlarge {width:600px;}

  h1.sidetext {
    position:relative; margin:0; padding:8px 0 6px 12px;
    background:transparent url(images/sidetext_top.gif) left top no-repeat;
  }
  p.sidetext {
    line-height:110%; height:188px; overflow:hidden;
    position:relative; margin:0; padding:2px 12px 2px 12px;
    background:transparent url(images/sidetext_mid.gif) left top repeat-y;
  }
  span.sidetext {
    position:relative; display:block; width:162px; height:16px;
    background:transparent url(images/sidetext_end.gif) left top no-repeat;
  }
  
  img.xbutton {
    margin:0 0 4px 5px;
  }


/* General purpose DIVs */

  /* accent line */
  div.xline {
    height:1px; line-height:1px;
    margin:3px; padding:0 0 3px 0;
    border-top:solid 1px #aaaaaa;
  }

  /* forms boxes */
  div.xbox1 {
    width:90%; padding:4px 8px 4px 8px; border:solid 1px #000000;
    background:#eeeeee;
  }

  /* quoted articles */
  div.xarticle {
    width:600px;
    margin:4px 4px 0 10px; padding:0;
  }
    div.xarticle h2 {
      margin:4px 0 2px 0;
    }  


/* Extra Styles for this site */
.xdash {border:1px dashed #000000;}  
  
/* div for full sized images in galleries 
   - setting a height creates a gap if image is smaller in height
   - works fine without a set height in IE6, Firefox PC
*/
#xpic { 
  position:relative;
}


td.n1 { /* normal text */
  font-family:arial,helvetica,sans-serif; font-size:12px; color:#ffffff; line-height:120%;
  text-align:left; 
}  

div.righthead {
  position:relative; width:400px; height:105px; margin:0; padding:0;
  background:#ffffff url(images/righthead.jpg) no-repeat;
}

.dash2 {
  position:static; display:block;
  border-bottom:1px dashed #BDDAFF;
  margin:0 0 0 10px; padding:0;
}
.dash3 {  /* paragraph separator */
  display:block; line-height:4px;
  border-bottom:1px dashed #BDDAFF;
  margin:0 40px 4px 40px; padding:0;
}

  .box2 {border:1px solid #000000;}
  .boxBlur {
    font-family:courier new,courier,monospace; font-size:12px; 
    border:1px solid #132a47; color:#ffffff; background:#265189;
  }
  .boxFocus {
    font-family:courier new,courier,monospace; font-size:12px;
    border:1px solid #000000; color:#000000; background:#ffffcc;
  }
  .submitButton {
    font-family:arial,helvetica; font-size:12px; font-weight:bold;
    border:1px solid #ffbf11; color:#ffffff; background:#265189;
  }

  /* form error messages */
  .errmsg {
    display:block; width:400px; margin:0; padding:5px;
    font-size:11px;
    color:#ff0000; background:#ffffcc;
    border:2px solid #000000;
  }
  
  .xred {color:#ff0000;}
  .xbg1 {background:#00418b;}
  .xbg2 {background:#1C252E;}
  .xbg3 {background:#132A47 url(images/bg_left.gif)}


/* Design215 Slideshow */
#xssw1,
#xssw2 {
  position:absolute; visibility:hidden;
  filter:alpha(opacity=100);
}
#xslidetext {
  position:absolute;
}
  #xslidetext b {
    font-family:verdana,helvetica,sans-serif; font-size:14px; font-weight:bold; color:#ffffff;
    line-height:22px;
  }
  
#xslidenum {display:none;}

  
/* Design215 Drop Menu, v02.04.06 */
#xtooltip {text-align:left;}
#xtooltip table {margin:0; padding:0;}
td.tt1,
td.tt2 {color:#ffffff; background:#132A47; text-align:left;}
td.tt3 {font-weight:bold; color:#ffffff; cursor:pointer;}
.ttbg1 {background:#265189;}
.ttbg2 {background:#000000;}
.ttbg3 {background:#000000;}

#menuabout { /* about roscioli */
  position:absolute; width:140px; visibility:hidden;
}
#menuyachts { /* yachts */
  position:absolute; width:260px; visibility:hidden;
}
#menuvideo { /* video */
  position:absolute; width:240px; visibility:hidden;
}
#menunews { /* news */
  position:absolute; width:160px; visibility:hidden;
}
#menuarticles { /* articles */
  position:absolute; width:260px; visibility:hidden;
}
#menucontact { /* contact */
  position:absolute; width:130px; visibility:hidden;
}
  div.dropx {
    text-align:left;
    background:#132a47;
    border:1px solid #000000;
  }
  div.dropx a {
    position:relative; display:block;
    font-family:verdana,helvetica; font-size:10px; font-weight:bold; color:#ffffff;
    padding:4px;
  }
  div.dropx a:link {text-decoration:none; color:#ffffff;}
  div.dropx a:visited {text-decoration:none; color:#ffffff;}
  div.dropx a:hover {text-decoration:none; color:#132a47; background:#ffffff;}
  
  div.dropx a.m1 {  /* yachts menu */
    padding:1px;
  }
  div.dropx img, div.dropx td {
    border:0; margin:0; padding:0px;
  }

  span.menu2 {
    position:relative;
    top:-17px; margin:0; padding:0 0 0 6px;
  }