/* Created by Grow for Apex 2006 */



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

        Grow Media Design 2006

        www.growmedia.co.uk

        One of These Pixels is Doing its Own Thing

        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

        Description:        Base setup styles

        Filename:                apex.css

        Version:                2.1

        Date:                        Mar 10, 2006

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





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

        Base Body Styles

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

        /* Netscape 4 safe font sizes */

body, div, p, th, td, li, dd        {

        font-family:         helvetica,Verdana, arial , sans-serif;

        font-size: 14px;

}



body {

        margin:0px;

        padding:0px;

   text-align:center;

        border: 0;

   color:#65665c;

   background: #1c1c1d; /*#403f3f*/ /*url(../img/layout/bkg.jpg) top left repeat-x*/;

}



/*

h1, h2, h3, h4, h5, h6, p, ul {

  position: relative;

}

*/



div.spacer {

  overflow: hidden;

        clear: both;

        height: 1px;

        margin: -1px 0 0 0;

        font-size: 1px;

}



strong, .highlight {
  font-weight:bold;
}



em, .green {

  color: #A6CE39;

  font-style:normal;

}



p {

  margin:0;

  padding: 0 0 1em 0;

}



img {

  border:0;

  /*display:block;*/

}



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

        TEXT

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



a {

  color: #b4c70b;

  text-decoration:none;

  border-bottom: 1px solid: #e5fe03

}



a:visited {

}



a.selected {

}



a:hover {

  color: #999;

  text-decoration:none;

}



a:hover strong, a:hover b {

  color: #A6CE39;

}



.abody {

 color: #2794bd;

  text-decoration:none;

  border-bottom: 1px dotted #2794bd;

}

.small {

  font-size:85%;

}


.yellow{
        color: #fff;
        padding: 2px;
        }

.textpad{

        padding-left: 34px;

        padding-right: 9px;

        /*padding-top: 2em;*/

        line-height: 150%;

}

.markers{

        padding-left: 9px;

        padding-right: 9px;

        /*padding-top: 2em;*/

        text-indent: 26px;

        line-height: 150%;

}

.markers2{

        padding-left: 9px;

        padding-right: 17px;

        /*padding-top: 2em;*/

        text-indent: 2px;

        line-height: 150%;

        float: right;

}

/* =strong */

.strong {

font-weight: bold;

  color:#2794bd;

}





/* =headings */

h1 {

   text-transform:lowercase;

  font-size:14px;

  line-height: 17px;

        text-align: justify;

        color: #fff;

        letter-spacing:2px;
          font-weight:normal;

}



h2 {

  color:#fff;

  text-transform:lowercase;

  font-size:15px;

  font-weight:normal;

  margin:0 0 10px 0;

  background: #65665c;

  padding: 0 0 0px 0px;

  width: 190px;

  letter-spacing:2px;

}



h3 {

  color:#65665c;

  font-size:18px;

  font-weight:normal;

  margin:0 0;

  padding: 0 0 0px 0;

}





h4 {

  color:#fff;

  text-transform:lowercase;

  font-size:12px;

  font-weight:normal;

  margin:0 0 10px 0;

  background: #65665c;

  padding: 0 0 0px 5px;

  letter-spacing:2px;

}



h4 a {

  color:#fff;

  text-decoration:none;

}



h4 a:hover {

  color:#A6CE39 !important;

}
h6 {
  margin:5px 0 2px 0;
  color:#65665c;

}


                .date {

                        font: 10px Helvetica, Verdana, Arial , sans-serif;

                        text-transform: uppercase;

                        font-weight: bold;

                        color: #666;

                        margin-bottom: 4px;}



object {

        border: 1px solid #999;

        padding: 2px;

}



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

        LAYOUT

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



#container {

        /*background: url(../img/layout/hdr205.gif) top center no-repeat;*/

        text-align: center;

        margin-top:20px;



}

                #window{

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

#footer {
   background: url(../img/layout/ftr90.gif) bottom center no-repeat;
   height:90px;
}

.holder {
  margin: 0 auto;
  width: 776px;
  text-align:left;
  padding: 12px;
  overflow:hidden;
}

#header{
text-align: center;
 height:205px;
 background: url(../img/layout/hdr205.gif) no-repeat;
 width: 800px;
  margin: 0 auto;
}

content{
        text-align: center;
        margin-bottom: 30px;
}
.headstrap{
  font-size: 70%;
  color: #65665c;
  text-align: left;
  margin: 0px auto;
  width: 780px;
  padding-left:20px;
        }
.footstrap{
  font-size: 70%;
  color: #65665c;
  text-align: left;
  margin: 0px auto -30px auto;
  width: 780px;
  padding-left:20px;
        }
#bar{
        height: 12px;
        background-color: #e5fe03;
        margin-bottom: 10px;
}

#bar2{
        height: 2px;
        background-color: #e5fe03;
        margin-bottom: 0px;
        width: 90%;
}

                .left{
                        padding-top: 3px;
                        width: 540px;
                        text-align: left;
                        float: left;
                       /*border: 1px solid #000;
                        background: #fff;*/}

                .right{
                        padding: 3px 0px 0px 0px;
                        width: 220px;
                        text-align: left;
                        float:right;
                        }

/*        -------------------------------------------------------------
   INDEX
------------------------------------------------------------------*/

               #indexnews{
                        width: 185px;
                        float: right;
                        padding-right: 25px;}

        dl{
                margin: 0;
                padding: 2px 0 0 0;}


        dt{
                color: #fff;
                background: url("../img/layout/newstop.gif") top left no-repeat;
                padding: 4px  20px;
                font-weight: bold;}

        dd{
                color: #fff;
                margin: 0;
                padding: 8px 0 0px 0;
                background: url("../img/layout/lineborder.gif") top left repeat-x;}


.indexwork{
        margin-left: 20px;
}


/*        -------------------------------------------------------------
        PROJECT
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */


.project{
        margin-left: 34px;
        padding-right: 9px;
        padding-top: 5px;
        padding-bottom: 2em;
        line-height: 150%;
        width: 440px;
        /*background: #343434;*/
        border-bottom: 2px solid #e4fe02;
}
.project img{
        padding: 3px 3px 3px 0px;
}

                .projectleft{
                        padding-top: 10px;
                        width: 480px;
                        text-align: left;
                        float: left;
                       /*border: 1px solid #000;
                        background: #fff;*/}


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

   SERVICES

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

.service{
        margin-left: 34px;
        padding-right: 9px;
        padding-top: 5px;
        padding-bottom: 2em;
        line-height: 150%;
        width: 500px;
        /*background: #343434;*/
        /*border-bottom: 2px solid #e4fe02;*/
}
.servicetxt{
        text-align: center;
        }

/* Col S1 */

.col-service1 { width: 250px; padding: 0 3px 14px 2px; margin: 0 0 0 1px; float: left;}

.col-service1 img { padding: 2px;  margin: 1px 0; }






#rightlist {
padding: 5px 10px 5px 0px;
list-style-image: url(../img/graphic/arrow.gif); }

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

   NEWS

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

                .cmnthdr{

                     padding: 0px 0 0px 0;

                        background: none}



                .blogcmnt {

                        font-size: 12px;

                        text-transform: uppercase;

                        color: #65665c;

                        margin: 0px 0px 8px 0px;


                        border-bottom: 1px solid #65665c;}



               #news{

                        padding-top: 1em;

                        /*border-right: 1px solid #666; */

                        width: 355px;

                        float: left;

                        }

               #newsright{

                        padding-top: 2em;

                        /*border-right: 1px solid #666; */

                        width: 160px;

                        }



               .newsdetail{
                        float: left;
                        margin-bottom: 5px;}


               .newsdetail img {

                           padding: 1px;

                           margin-bottom: 15px;

                           border: 1px solid #908C85;}



                .newsmenu{

                        height: 100%;

                         width: 215px;

                         float: right;

                         /*background-color: #2794bd;*/}



                #bloglinks {

                        margin: 0px 0;

                        float:right;

                        width:215px;}



                #bloglinks h2 {

                        text-indent:-9999px;

                        display:block;

                        height:0px;

                        width:215px;}



                #bloglinks ul{

                        list-style-type: none;

                        background:transparent;

                        padding:1px 0 0 0;
                        border-top: 1px solid #222222;
                        margin: 0 0 0px 0;}



                #bloglinks ul li{
                        border-bottom: 1px solid #222222;
                        background: #65665c}



                #bloglinks ul li a{

                        font-weight: normal;

                        color: #fff;

                        letter-spacing: 0px;

                        text-decoration: none;

                        display:block;

                        border-bottom: none;

                        padding:9px 10px 9px 20px;}



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

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

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

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

#navcontainernews a{
display: block;
padding: 5px 0px 10px 20px;
width: 195px;
color: #fff;
border-bottom: 1px solid #222222;
background-color: #65665c;
text-decoration: none;}



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

#navcontainernews ul ul li {
color: #fff;
border-bottom: 1px solid #222222;
background-color: #65665c;
margin: 0 0 0px 0; }

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

}

#navcontainernews ul ul a:hover{

color: #fff;
background-color: #a7b80e;
text-decoration: none;}


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

   GALLERY

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





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

   FORMS

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

                .txt {

                        border:1px solid #222222;

                        color: #fff;

                        background-color:#65665c;

                        width:300px;

                        margin-top:2px 0;

                        padding-left: 2px;}

                 .txt2 {

                        border:1px solid #222222;

                        color: #fff;

                        background-color:#65665c;

                        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;}





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

   LINKS

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



                .linkurl {

                        font: 12px Helvetica, Verdana, Arial,  sans-serif;

                        text-transform: lowercase;

                        color: #fff;}



                #linkzone {

                        margin:20px 0;

                        float:left;

                        width:440px;}



                #linkzone h2 {

                        text-indent:-9999px;

                        display:block;

                        height:0px;

                        width:440px;}



                #linkzone ul{

                        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:#4c4c4c url(../img/graphic/dotline.gif) repeat-x bottom left;

                        color: #fff;}



                #linkzone ul li a span {

                        color: #a0b2b5;

                        font-size:.92em;}



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

   CONTACT

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





                #contact{

                        width: 440px;

                        float: left;}



           #contactright{

                        width: 220px;

                        float: left;

                        padding-left: 20px;}




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

        LOGO

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



                #logo {

                        background-image: url(../img/layout/logo.jpg);

                        height: 90px;

                        width: 207px;

                        display: block;

                        padding: 0px;

                        margin: 10px 0px 0px 0px;

                        float: left; }



                #logo a {

                        height: 90px;

                        width: 207px;

                        display: block;

                        border: none;

                        background: transparent;

                        background-image: url(../img/layout/logo.jpg); }



                #logo a:hover {

                        background: transparent; }



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

        TOPMENU

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



                #topMenu {

                          float:right;}



                #topMenu ul {

                          margin:0;

                    padding:0;

                    list-style:none;}



                #topMenu li {

                    float:left;

                    border-right: 1px solid #666666;

                    padding: 13px 7px 0 7px;}



                #topMenu a {
                    text-decoration:none;
                    font-size:10px;
                    color:#EBEBEB;}

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


                #holderMainMenu {
                          margin:0px 0px 0px 0px;
                          float: right;}


#mainMenu {
  padding:172px 20px 0px 42px;
  overflow: none;
  -moz-box-sizing: padding-box;
}

#mainMenu ul {
  margin: 0;
  padding: 0;
}

#mainMenu li {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: inline;
        float: left;
        background-image: url(../img/layout/menu2.gif);
}


#mainMenu a {
   display:block;
   text-decoration:none !important;
   font-size:1px;
   background-image: url(../img/layout/menu2.gif);
   overflow: hidden;
   height:29px;
}

#mainMenu a span {
  visibility:hidden;
}

#mainMenuHome, #mainMenuHome a {
  background-position: 0 0;
  width: 70px;
  border: none;
}

#mainMenuHome a:hover, #mainMenuHome a.selected {
  background-position: 0px 29px;
}

#mainMenuNews, #mainMenuNews a {

  background-position: -70px 0;

  width: 70px;

  border: none;

}

#mainMenuNews a:hover, #mainMenuNews a.selected {
  background-position: -70px 29px;

}


#mainMenuAbout, #mainMenuAbout a {

  background-position: -140px 0;

  width: 100px;

  border: none;

}

#mainMenuAbout a:hover, #mainMenuAbout a.selected {

  background-position: -140px 29px;

}

#mainMenuClasses, #mainMenuClasses a {
  background-position: -240px 0;
  width: 60px;
  border: none;
}

#mainMenuClasses a:hover, #mainMenuClasses a.selected {
  background-position: -240px 29px;
}

#mainMenuKnit, #mainMenuKnit a {
  background-position: -300px 0;
  width: 65px;
  border: none;
}

#mainMenuKnit a:hover, #mainMenuKnit a.selected {
  background-position: -300px 29px;
}



#mainMenuShop, #mainMenuShop a {
  background-position: -365px 0;
  width: 90px;
  border: none;
}

#mainMenuShop a:hover, #mainMenuShop a.selected {
  background-position: -365px 29px;
}

#mainMenuLinks, #mainMenuLinks a {
  background-position: -455px 0;
  width: 65px;
  border: none;
}

#mainMenuLinks a:hover, #mainMenuLinks a.selected {
  background-position: -455px 29px; }



/*        -------------------------------------------------------------
        FOOTER
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */

#btm {
  margin-left:40px;
  padding-top:25px;
  text-align: left;
  width: 740px;
  font-size: 80%;
  color: #666;}