/* Created by Grow for Massimo 2006 */

/*        -------------------------------------------------------------
        Grow Media Design 2006
        www.growmedia.co.uk
        One of These Pixels is Doing its Own Thing
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        Description:        Base setup styles
        Filename:                massimo.css
        Version:                2.1
        Date:                        Jun 10, 2006
        -------------------------------------------------------------        */


/*        -------------------------------------------------------------
        Base Body Styles
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */
        /* Netscape 4 safe font sizes */

body, div, p, th, td, li, dd        {
        font-family:  gill, helvetica, arial, verdana, san-serif;
        font-size: 13px;
}

body {
        margin:0px;
        padding:0px;
        text-align:center;
        /*border: 5px solid #454545;*/
        color:#ffffff;
        line-height: 155%;
        letter-spacing: 0px;
        background: #aca592 url(../img/layout/bkg.jpg) bottom center repeat-y;
}

div.spacer {
  overflow: hidden;
        clear: both;
        height: 1px;
        margin: -1px 0 0 0;
        font-size: 1px;
}

/*        -------------------------------------------------------------
        TEXT
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */

a {
  color: #fff;
  text-decoration:none;
  /*border-bottom: 1px solid #ed083e;*/
  font-weight: bold;
  /*background: #454545;*/
}



a:hover {
  color: #ed083e;
  text-decoration:none;
  background: transparent;
}

.small {
  font-size:85%;
  letter-spacing: 1px;
}

.textpad{
        padding-left: 1.5em;
        padding-right: 1.5em;
        padding-top: 1em;
        line-height:150%;
        margin-bottom:0em;
}
img a{
        border-bottom: none;
        }


/* =headings */


h1 {
  color: #fff;
  font-size:18px;
  font-weight:bold;
  margin:0 0;
  padding: 5px 0 0px 20px;
  letter-spacing: 1px;
  /*border-bottom: 2px solid #ed083e;*/
  line-height: 30px
}

h2 {
  text-transform:uppercase;
  font-size:13px;
  font-weight:normal;
  margin:0 0;
  padding: 0 0 0px 0;
}

h2 a {
  color:#fff;
}

h3 {
  color:#fff;
  font-size:16px;
  font-weight:bold;
  margin:0 0;
  padding: 0 0 10px 0;
}

h4 {
  color: #fff;
  font-size:18px;
  font-weight:bold;
  margin-bottom:5px;
  padding: 5px 0 0px 0px;
  letter-spacing: 1px;
  border-bottom: 2px solid #ed083e;
  line-height: 30px
}

h4 a:hover {
  color:#A6CE39 !important;
}

                .date {
                        font: 10px Helvetica, Verdana, Arial , sans-serif;
                        text-transform: uppercase;
                        font-weight: bold;
                        color: #ebebeb;
                        margin-bottom: 4px;}

img {
        border: none;
}

/*        -------------------------------------------------------------
        LAYOUT
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */

#container {
        width: 100%;
        \width: 100%;  /* for IE5/Win */
        w\idth: 100%;  /* for good browsers */
        margin: 0px auto 0px auto;
        overflow: visible;
        text-align: centre;
             /*background: url(img/layout/hdr_450.jpg) top center no-repeat;*/
}



#content {
        width: 800px;
        padding: 0px;
        margin-top: 0px;
        margin-bottom: 30px;
        margin-right: auto;
        margin-left: auto;
        /* opera does not like 'margin:20px auto' */
        text-align:left;
        /* part 2 of 2 centering hack */
        width: 800px; /* ie5win fudge begins */
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 770px;
        }
html>body #content {
        width: 770px; /* ie5win fudge ends */
        }


#footer {
        background: url(../img/layout/ftr_110.jpg) top center no-repeat;
   height:110px;
}

.holder {
  margin: 0 auto;
  width: 759px;
  text-ali9n:left;
  overflow:hidden;
}

#header{
 height:60px;
 background: url(../img/layout/hdr_60.jpg) no-repeat;
}


                #window{
                         width:800px;
                         text-align:left;
                         margin-left:auto;
                         margin-right:auto;
                        background: url(../img/layout/mdr.jpg) bottom center repeat-y;}


.left2 {
position: relative;
        width: 261px;
        float: left;
        left: 10px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background: url(../img/layout/rhgrad.jpg) top left repeat-x;
        -moz-box-sizing: padding-box;

}

.left2 a{
border-bottom: none;
}
.headright {
        width: 490px;
        float: left;
        padding:9px 10px 9px 30px;
        -moz-box-sizing: padding-box;
}



.right2 {
        width: 519px;
        float: left;
        padding: 0px 0px 0px 0px;
        margin: -7px 0px 0px 10px;
        background:  url(../img/layout/rhgrad2.jpg) bottom right repeat-x;
        -moz-box-sizing: padding-box;
}
.right2b {
        width: 519px;
        height: 100%;
        float: left;
        padding: 0px 0px 0px 0px;
        margin: -7px 0px 0px 10px;
        background:  url(../img/layout/rhgrad3.jpg) top right repeat-x;
        -moz-box-sizing: padding-box;
}
.right2c {
        width: 519px;
        float: left;
        padding: 0px 0px 0px 0px;
        margin: -7px 0px 0px 10px;
        -moz-box-sizing: padding-box;
}
.right2d {
        width: 519px;
        float: left;
        padding: 0px 0px 0px 0px;
        margin: -7px 0px 0px 10px;
        background:  url(../img/layout/rhgrad3.jpg) top right repeat-x;
        -moz-box-sizing: padding-box;
        border-bottom: 1px solid #999;
}
.redbar {
        width: 519px;
        float: left;
        height: 40px;
        padding: 0px 0px 10px 0px;
        margin: -7px 0px 0px 10px;
        background: url(../img/graphic/redbar2.gif) top left no-repeat;
        -moz-box-sizing: padding-box;
}

.right3 {
        width: 300px;
        float: left;
        padding: 5px;
        -moz-box-sizing: padding-box;
}
.right4{
        width: 200px;
        float: left;
        padding: 5px;
        -moz-box-sizing: padding-box;
}

#addleft {
color: #d8d8d8;
        width: 200px;
        float: left;
        margin: 10px 10px 10px 0px;
        padding: 0px 0px 0px 30px;
}
.brdrimg{
        padding: 1px;
        margin: 20px 0px 0px 10px;
        border: 1px solid #908C85;
}
.indexnews{
        float:left;
        width: 210px;
        margin-right: 30px;
        }

/*        -------------------------------------------------------------
   FORMS
------------------------------------------------------------------*/
                .txt {
                        border:1px solid #a0a0a0;
                        color: #fff;
                        background-color:#404040;
                        width:360px;
                        margin-top:2px 0;
                        padding-left: 2px;}
                 .txt2 {
                        border:1px solid #a0a0a0;
                        color: #fff;
                        background-color:#404040;
                        width:200px;
                        margin-top:2px 0;
                        padding-left: 2px;}
                .fieldname {
                        font: 11px Helvetica, Verdana, Arial , sans-serif;
                        text-transform: lowerrcase;
                        letter-spacing: 1px;
                        font-weight: normal;
                        color: #ffffff;
                        margin-bottom: 4px;}

                .bg {
                        background-color:#2f3e3e;
                        padding:3px;
                        width:314px;}

                #contact-form p {
                        margin-bottom:15px;}

                .red {
                      font-size: 90%;
                      color: #ed083e;
                      font-weight: bold;}

                #mailinglist{
                       width: 210px;
                       /*border: 1px solid #999; */
                       /*padding: 15px 0px 15px 30px;*/
                       margin-bottom: 20px;
                       /*background: url(../img/layout/mailbkg.gif) repeat;*/
                       float:left;
                        }
                .formleft{
                        float: left;}
                .formright{
                        float: right;}

/*        -------------------------------------------------------------
        LOGO
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */

                #logo {
                   background-image: url(../img/layout/logo.jpg);
                        height: 79px;
                        width: 250px;
                        display: block;
                        padding-left: 0px;
                        margin: 0px 0px 0px 0px;
}

                #logo a {
                        height: 79px;
                        width: 250px;
                        display: block;
                        border: none;
                        background: transparent; }

                #logo a:hover {
                        background: transparent; }

/*        -------------------------------------------------------------
        BOTTOM MENU
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */
#btm {
  margin-left:30px;
  padding-top:35px;
  text-align: left;
  width: 760px;
  font-size: 80%;
  color: #666;
}


/*        -------------------------------------------------------------
        MAINMENU
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */


#menu{
        margin: 10px 0px 10px 70px;
}

#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist ul
{
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
}


#navlist li
{
color: #fff;
padding-left: 10px;
background-image: url(../img/layout/arrow.gif);
background-repeat: no-repeat;
background-position: 0 0.9em ;
line-height: 24px;
}

#navlist li a {
color: #fff;
font-weight: normal;
letter-spacing: 2px;
background: transparent;
border-bottom: none;
}

#navlist li a:hover {
color: #ed083e;
}

#navlist li a.selected {
color: #ed083e;
}
#submenu{
        margin: 0px 0px 0px 10px;
        padding: 0px 0px 0px 10px;
        /*border-left: 1px solid #ed083e; */
        -moz-box-sizing: padding-box;
}
#submenulist ul{
margin: 0px 0px 0px 0px; /*removes indent IE and Opera*/
padding: 0px 0px 0px 0px; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
        }

#submenulist li
{
color: #fff;
padding-left: 10px;
background-image: url(../img/layout/arrow.gif);
background-repeat: no-repeat;
background-position: 0 0.9em ;
line-height: 24px;
}

#submenulist li a {
color: #b5b5b5;
font-weight: normal;
font-size: 90%;
letter-spacing: 2px;
background: transparent;
border-bottom: none;
}

/*      ---------------------------------------------------------------
        MENULIST
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -       */

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: transparent;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
text-align: center;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color:transparent;
text-decoration: none;
float: left;
color: #fff;
font-weight: normal;
letter-spacing: 2px;
background: transparent;
border-bottom: none;
/*border-right: 1px solid #fff;*/
}

#navcontainer ul li a:hover
{
background: transparent;
color: #ed083e;
border-bottom: none;
}

#navcontainer ul li a.selected {
color: #ed083e;
}


/*        -------------------------------------------------------------
   CONTACT
------------------------------------------------------------------*/
                .contact{
                        padding:9px 10px 9px 20px;
                }
.servicetxt {
        padding: 6px;
}
.contact img{
        padding-top: 1em;
}

/* Col S1 */
#col-contact1 { width: 160px; padding: 0 2px 10px 0; float: left;}
#col-contact1 img { padding: 1px;  float: left; margin: 1px 0; border: 1px solid #908C85;}

/* Col S2 */
#col-contact2 { width: 160px;  padding: 0 2px  10px 0; margin: 0 0 0 1px; float: left;}
#col-contact2 img { padding: 1px; border: 1px solid #908C85; float: left; margin: 1px 0; }

/* Col S3 */
#col-contact3 { width: 160px;  padding: 0 2px  10px 0; margin: 0 0 0 1px; float: left; }
#col-contact3 img { padding: 1px; border: 1px solid #908C85; float: left; margin: 1px 0; }

/*        -------------------------------------------------------------
   INDEX
------------------------------------------------------------------*/
.index{
        padding:0px 15px 9px 20px;
}

.indexitem{
        background:transparent url(../img/graphic/dotline.gif) repeat-x bottom left;
}
.indextext img{
        padding: 1px;
        float: right;
        margin: 20px 0px 0px 10px;
        border: 1px solid #908C85;
}
.indextext {
        float: left;
        width: 480px;
}




/*        -------------------------------------------------------------
   NEWS
------------------------------------------------------------------*/

               #news{
                        padding-top: 1em;
                        /*border-right: 1px solid #666; */
                        width: 355px;
                        float: left;
                        }
               #line{
                        width: 518px;
                        height: 100%;
                        background: transparent url(../img/layout/linebkg.gif) repeat-y top left;}

               #newsright{
                        padding-top: 2em;
                        /*border-right: 1px solid #666; */
                        width: 160px;
                        }
               .clr {
                        clear: both;
                        height: 1px;
                        font-size: 1px;
                        overflow: hidden;}

               .newsdetail{
                        float: left;
                        margin-bottom: 5px;
                        width: 355px;
                        background:transparent url(../img/graphic/dotline.gif) repeat-x bottom left;}


               .newsdetail img {
                           padding: 1px;
                           margin-bottom: 15px;
                           border: 1px solid #908C85;}

                .newsmenu{
                        height: 100%;
                         width: 160px;
                         float: right;
                         /*background-color: #2794bd;*/}

                #bloglinks {
                        margin:20px 0;
                        float:left;
                        width:160px;}

                #bloglinks h2 {
                        text-indent:-9999px;
                        display:block;
                        height:0px;
                        width:160px;}

                #bloglinks ul{
                        list-style-type: none;
                        background:transparent url(../img/graphic/dotline.gif) repeat-x top left;
                        padding:1px 0 0 0;
                        margin: 0 0 10px 0;}

                #bloglinks ul li{
                        background:transparent url(../img/graphic/dotline.gif) repeat-x bottom left;}

                #bloglinks ul li a{
                        font-weight: normal;
                        color: #fff;
                        letter-spacing: 1px;
                        text-decoration: none;
                        display:block;
                        border-bottom: none;
                        padding:9px 10px 9px 20px;}

                #bloglinks ul li a:hover{
                        background:#c20632 url(../img/graphic/dotline.gif) repeat-x bottom left;
                        color: #fff;}



#navcontainernews {
margin-left: 0px;
float:right;}

#navcontainernews ul
{
margin-left: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

#navcontainernews li { margin: 0 0 1px 0; }

#navcontainernews a
{
display: block;
padding: 5px 0px 10px 20px;
width: 140px;
color: #fff;
background-color: #4f4f4f;
text-decoration: none;

}

#navcontainernews a:hover
{
color: #fff;
background-color: #c20632;
text-decoration: none;
}

#navcontainernews ul ul li { margin: 0 0 1px 0; }

#navcontainernews ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width: 125px;
color: #fff;
background-color: #727272;
text-decoration: none;

}

#navcontainernews ul ul a:hover
{
color: #fff;
background-color: #b1082f;
text-decoration: none;
}

/*        -------------------------------------------------------------
        GALLERY
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */
               #gallery{
                        padding-top: 1em;
                        /*border-right: 1px solid #666; */
                        width: 500px;
                        float: left;
                       }

               #galleryarc{
                        padding-top: 2em;
                        /*border-right: 1px solid #666; */
                        width: 500px;
                        }
.gallerypad{
        padding-left: 15px;
        padding-right: 5px;
        padding-top: 0em;
        line-height:150%;
        margin-bottom:1.3em;

}

.gallerypad img{
            padding: 5px;
            border: 1px solid #999;
}

.gallerypad a{
            background: transparent;
}

.gallerypad a:hover{
            background: transparent;
}

div.float {
  float: left;
  padding-right: 8px;
  }

div.float p {
   width: 70px;
   text-align: center;
   font-size: 80%;
   }
                .pagebar {
                        width: 470px;
                        letter-spacing:normal;
                        align: centre;
                        font: 10px Helvetica, Verdana, Arial , sans-serif;
                        text-transform: uppercase;
                        padding: 5px;
                        margin-bottom: 4px;
                        /*background: #454545;*/
                        border: 1px solid #999;}

/*        -------------------------------------------------------------
   REVIEWS
------------------------------------------------------------------*/
#reviews{
        padding:9px 15px 9px 20px;
}

.reviewitem{
        background:transparent url(../img/graphic/dotline.gif) repeat-x bottom left;
}
.reviewitem img{
        border: 5px solid #000;
        margin: 20px;
        float: right;
}
.reviewtext {
        float: left;
        width: 240px;
}

/*        -------------------------------------------------------------
   MENU
------------------------------------------------------------------*/
               .menuhold{
                        padding-top: 1em;
                        /*border-right: 1px solid #666; */
                        width: 346px;
                        float: left;
                        text-align: center;
                        margin-left: 3px;
                        }
               .menuhold img{
                           padding: 1px;
                           margin-bottom: 20px;
                           border: 1px solid #908C85;}

.menuitem{
        padding: 35px 10px 0px 10px;
        margin: -10px 0px 0px 0px;
        background:  url(../img/graphic/menusep.gif) top center no-repeat;  /*#585858 */
        -moz-box-sizing: padding-box;
}
.menuitem img{
        border: 5px solid #000;
        margin: 0px;
        float: right;
}
.menutext {

        font-size: 12px;
        text-align: center;
}
.menutext p{
         font-size: 12px;

}
.menutitle{

margin: 0px 5px -10px 5px;
        color: #f3184b;
        font-weight: bold;
        font-size: 14px;

}
.price{
        float: right;
        color: #edebd7;

}

/*        -------------------------------------------------------------
   HISTORY
------------------------------------------------------------------*/
.history{
        padding:9px 15px 9px 20px;
}

.historyitem{
        background:transparent url(../img/graphic/dotline.gif) repeat-x bottom left;
}
.history img{
        border: 5px solid #000;
        margin: 20px;
        float: right;
}
.historytext {
        float: left;
        width: 240px;
}




/*        -------------------------------------------------------------
   LINKS
------------------------------------------------------------------*/

                .linkurl {
                        font-weight: normal;
                        font: 12px Helvetica, Verdana, Arial,  sans-serif;
                        text-transform: lowercase;
                        color: #fff;}

                #linkzone {
                        margin:20px 0;
                        float:left;
                        width:518px;}

                #linkzone h2 {
                        text-indent:-9999px;
                        display:block;
                        height:0px;
                        width:518px;}

                #linkzone ul{
                        list-style-type: none;
                        background:transparent url(../img/graphic/dotline.gif) repeat-x top left;
                        padding:1px 0 0 0;
                        margin: 0 0 10px 0;}

                #linkzone ul li{
                        background:transparent url(../img/graphic/dotline.gif) repeat-x bottom left;}

                #linkzone ul li a{
                        text-decoration: none;
                        display:block;
                        padding:9px 10px 9px 20px;}

                #linkzone ul li a:hover{
                        background:#c20632 url(../img/graphic/dotline.gif) repeat-x bottom left;
                        color: #fff;}

                #linkzone ul li a span {
                        color: #ebebeb;
                        font-size:.92em;
                        font-weight: normal; }