/* Created by Grow for Support Key 2006 */

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


/*        -------------------------------------------------------------
        Base Body Styles
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */

html, body, form, fieldset {
    margin: 0;
    padding: 0;
    font: normal 100.01%/1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

html { font-size: 62.5%; } /* 1em = 10px */

html { font-size: 86%; } /* override it ... go bigger */



body {
        margin:0px;
        padding:0px;
        text-align:center;
        border: 0;
        color:#fff;
        line-height: 155%;
        background: #494949 url(../img/bkg_mm.jpg) repeat-x;
}

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

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

a {
  color: #c1272d;
  background-color: transparent;
  text-decoration:none;
  font-weight: bold;
}

a:hover {
  color: #c1272d;
  background-color: transparent;
  font-weight: bold;
  text-decoration:underline;
}

.small {
  font-size:80%;
}

.smallgrey {
  font-size:80%;
  color: #777;
}

.xsmall {
  font-size:75%;
}

.textpad{
        padding-left: 3.5em;
        padding-right: 4em;
        padding-top: 0.5em;
        padding-bottom:1.5em;
}

img a {
        border:none;
        }

/* =headings */


h1 {
  color: #c1272d;
 font-size: 180%;
 font-weight: normal;
  margin:0 0;
  padding: 0 0 0px 0px;
  line-height: 23px;
}

h2 {
  font-size: 164%;
  font-weight:normal;
  color: #fff;
  margin:0 0;
  padding: 0 0 0px 0;
}


h3 {
  color:#fff;
  font-size: 125%;
  font-weight:bold;
  margin:0 0;
  padding: 0 0 0px 0;
}
h4 {
  color:#c1272d;
  font-size: 118%;
  font-weight:normal;
  margin:0 0;
  padding: 0 0 0px 0;
}

.uline{
        text-decoration: underline;
}

h5 {
  text-transform:uppercase;
  font-size: 100%;
  font-weight:bold;
  color: #fff;
  margin:0 0;
  padding: 0 0 0px 0;
  background: #c1272d;
  width: 190px;
}

h6 { font-size: 86%; font-weight: bold; }



                .date {
                        font-size: 10px;
                        font-weight: bold;
                        color: #666;
                        background-color: transparent;}

.blue{
        color: #06e2d0;
}

.red{
        color: #c1272d;
}


.markers{

        padding-left: 9px;
        padding-right: 9px;
        margin-top: 10px;
        text-indent: 26px;
        line-height: 150%;
}


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

#container {
        width: 100%;
        \width: 100%;
        w\idth: 100%;
        margin: 40px auto 0px auto;
        overflow: visible;
        text-align: centre;}


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

        }

html>body #content {

        }



#footer {
        background: url(../img/ftr_66-900.gif) top center no-repeat;
   height:66px;
}


#header{
 height:160px;
 width: 900px;
 background: url(../img/hdr_160-900.gif) no-repeat;
}




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

.panel {
        width: 900px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        background: #313131 url(../img/btm_upr.gif) top center no-repeat;
        height: 440px;
}

.panel1{
                         background: #2b2c2b;
                         width: 680px;
                        margin-left: 20px;
                        margin-top: 15px;
                        margin-bottom: 15px;
                        text-align: left;
                        border: 1px solid #000;
                        float: left;
                        }

.rightfloat{
        float: right;
        width: 250px;
        padding: 25px 0px 30px 40px;
        text-align: center;
        }

.right-img-float{
        float: right;
        padding: 0px;
        }

.left-img-float{
        float: left;
        padding: 0px;
        }

.imgholder {
        width: 760px;
        height: 180px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 20px;
        background: url(../img/shops.gif) bottom left no-repeat;
}
#topright{
        text-align:right;
        width: 900px;
        position: relative;
        top: 20px;
        right: 30px;
        font-size: 85%;
}

.number{
        font-size: 24px;
        letter-spacing: -2px;
        line-height: 24px;
}

.indleft{
        width: 700px;
        padding-left: 3.5em;
        padding-right: 3.5em;
        padding-top: 1em;
        line-height:150%;
        margin-bottom:1.3em;
        float: left;
}
.invest{
        padding-top: 2em;
        }


.bullett{
padding-top: 3.5em;
margin-right: 10px;
margin-top: 10px;
width: 300px;
float: left;
background: url(../img/btm_right.jpg) no-repeat;
}


.indexnews{
     width: 250px;
     float: right;
     padding: 10px;
        }

.indexdetail{
     float: left;
     width: 490px;
     padding-top: 20px;
     padding-right: 20px;
     border-right: 2px solid #000;
        }

.maincontent{
width: 800px;
min-height: 300px;
margin-left: 0px;
padding-top: 0em;
}

.maincontent2{
width: 900px;
margin-left: 0px;
padding-top: 0em;
}


#contactleft{
        padding-top: 1em;
        float: right;
        }

#contactright{
 padding-top: 0em;
margin-right: 0px;
margin-top: 10px;
width: 300px;
float: left;
}


#techright{
        padding-top: 2em;
        float: right;
        margin-top: 10px;
        width: 360px;
        }

#techleft{
 padding-top: 0em;
padding-right: 20px;
margin-top: 10px;
width: 400px;
float: left;
}


.bar{
        width: 730px;
        margin-left: 33px;
        background: url(../img/bar2.gif) repeat-x;
        height: 6px;
}

  /*        -------------------------------------------------------------
        NEWS
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */
.newsstory{
        float: right;
        width: 530px;
        }
.newslinks{
        float: left;
        }

.newstextpad{
        padding-left: 1.0em;
        padding-right: 4em;
        padding-top: 0.5em;
        padding-bottom:1.5em;
}

.newsvideo{
        margin-left: 25px;
        }

div#sidecolumn {
        float: left;
        width: 280px;
        margin: 0px 0 50px 50px;
        padding: 0;
        color: #333333;
        background-color: #252525;
        border-bottom: 2px solid #000;
}

.newshdr{
        background-color: #353535;
        border-bottom: 2px solid #000;
        padding-left: 50px;
        padding-right: 2em;
        padding-top: 1.0em;
        padding-bottom:1.5em;

}

.newsmenuhdr{
        background-color: #353535;
        padding-left: 4em;
        padding-right: 0em;
        padding-top: 1.0em;
        padding-bottom:1.5em;
         border-bottom: 2px solid #000;
}

/* secondary navigation */

ul.secondary_nav {
        margin: 0;
        padding: 0 0 15px 0;
        list-style-type: none;
        border-right: 2px solid #000;
        border-left: 2px solid #000;
}


ul.secondary_nav li p {
        list-style-type: none;
        margin: 0;
        padding: 4px 0px 5px 28px;
        border-bottom: 1px solid #e2e2e2;
}

ul.secondary_nav li p a {
        text-decoration: none;
        color: #06e2d0;
}

ul.secondary_nav li p a:hover {
       color: #c1272d;;
        background: transparent;
}

ul.secondary_nav li p a.selected {
   color: #c1272d;
}



.newsflash{
        padding-top: 0px;
        border-bottom: 2px solid #000;
        }




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


.navcontainer{
              position: absolute;
              top: 173px;
        /*margin: 90px 0px 0px 0px;*/
        }


.navlist
{
margin: 0;
padding: 0 0 20px 40px;
border-bottom: none;
}

.navlist ul, .navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

.navlist a:link, .navlist a:visited
{
float: left;
line-height: 16px;
font-weight: normal;
margin: 0 18px 4px 10px;
text-decoration: none;
color: #fff;
}

.navlist a:link.current, .navlist a:visited.current, .navlist a:hover
{
/*border-bottom: 3px solid #000;*/
padding-bottom: 6px;
background: transparent;
color: #c1272d;
}

.navlist a:hover { color: #c1272d; }





.redlist li{
/*background-image: url(../img/list_bkg.gif);*/
        }

.bluelist {
     color: #06e2d0;
        }

.bluelist li {
           padding-right: 6em;
           padding-top: 5px;
                     }

.reditalics{
color: #c1272d;
font-style: italic;
font-size: 120%;
padding-right: 4em;
        }

        .smallred{
color: #c1272d;
font-size: 90%;
        }

/*        -------------------------------------------------------------
        SERVICES
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */
                .news {
                        margin-bottom: 0px;
                        padding: 0px 20px 20px 20px;
                     }
                .services {
                        margin-bottom: 0px;
                        padding: 0px;
                        /*background: url(../img/line_btm2.gif) bottom repeat-x;*/}

                .servicespic {
                        float: left;
                        margin: 0px 10px 0px 10px;
                        padding: 2px;
                        width: 150px;
                        height: 150px;
                        }


                .servicesdetail {
                         background: #2b2c2b;
                        width: 900px;
                        margin-left: 0px;
                        margin-top: 0px;
                        margin-bottom: 0px;
                        text-align: left;
                        border-bottom: 2px solid #000;
                        float: left;
                        }

.servicehdr{
        background-color: #353535;
        border-bottom: 2px solid #000;
        padding-left: 3.5em;
        padding-right: 2em;
        padding-top: 1.0em;
        padding-bottom:1.5em;
}




/*        -------------------------------------------------------------
        digital
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */

                .digital {
                        margin-bottom: 0px;
                        padding: 0px;
                        /*background: url(../img/line_btm2.gif) bottom repeat-x;*/}

                .digitaldetail {
                         background: #2b2c2b;
                        width: 900px;
                        margin-left: 0px;
                        margin-top: 0px;
                        margin-bottom: 0px;
                        text-align: left;
                        border-bottom: 2px solid #000;
                        float: left;
                        }



/*        -------------------------------------------------------------
        BOTTOM
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */
#btm {
  margin-left:40px;
  padding-top:25px;
  padding-left: 50px;
  text-align: left;
  width: 700px;
  font-size: 80%;
  color: #666;
  background: url(../img/btm_logo.gif) no-repeat 0px 10px;}








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

 #holderMainMenu {
                          margin:0px 0px 0px 30px;}

#mainMenu {
  width:720px;
  padding:85px 0px 0px 0px;
  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/menu2.gif);
}

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

#mainMenu a span {
  visibility:hidden;
}

#mainMenuServices, #mainMenuServices a {
  background-position: 0 0;
  width: 105px;
}
#mainMenuServices a:hover, #mainMenuServices a.selected {
  background-position: 0px 25px;
}

#mainMenuAbout, #mainMenuAbout a {
  background-position: -105px 0;
  width: 80px;
}
#mainMenuAbout a:hover, #mainMenuAbout a.selected {
  background-position: -105px 25px;
}

#mainMenuNews, #mainMenuNews a {
  background-position: -185px 0;
  width: 95px;
}
#mainMenuNews a:hover, #mainMenuNews a.selected {
  background-position: -185px 25px;
}

#mainMenuCase, #mainMenuCase a {
  background-position: -280px 0;
  width: 70px;
}
#mainMenuCase a:hover, #mainMenuCase a.selected {
  background-position: -280px 25px;
}

#mainMenuGallery, #mainMenuGallery a {
  background-position: -350px 0;
  width: 80px;
}
#mainMenuGallery a:hover, #mainMenuGallery a.selected {
  background-position: -350px 25px;
}

#mainMenuContact, #mainMenuContact a {
  background-position: -430px 0;
  width: 80px;
}
#mainMenuContact a:hover, #mainMenuContact a.selected {
  background-position: -430px 25px;
}


#mailform1{
        float:left;
}
#mailform2{
        float:right;
        width: 250px;
}
#mailform{
        width: 693px;
        padding: 20px 0px 0px 0px;
        border: 2px solid fff;

}
#mailform3{
        width: 413px;
        padding: 20px 0px 0px 0px;
        border: 2px solid fff;

}
label,input{
        display: block;
        width: 312px;
        float: left;
        margin-bottom: 10px;
}
.box{
        background-color: #232323;
        border: 1px solid #999;
        color: #fff;
        font-family: arial;
}
.submit{
        display: block;
        width: 60px;
        float: right;
}
label {
        text-align: right;
        width: 270px;
        padding-right: 20px;
}

br {
        clear: left;
}