/* 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: 12px;

}



body {

        margin:0px;

        padding:0px;

   text-align:center;

        border: 0;

   color:#a0b2b5;

   background-color: #3c3d42;

}



/*

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 {

  color: #fff;

  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: #2794bd;

  text-decoration:none;
  

}

a.bgr {
	font-size: 120%;
}



a:visited {

}



a.selected {

}



a:hover {

  color: #ffffff;

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

}



.equalSpace {

  margin:2px 0 2px 0;

  padding:0;

}



.textpad{

        padding-left: 2em;

        padding-right: 2em;

        padding-top: 2em;

        line-height:150%;

        margin-bottom:1.3em;

}

.servicetextpad{

        padding-left: 2em;

        padding-right: 2em;

        padding-top: 1em;

        line-height:150%;

        margin-bottom:2em;

}

.servicetextpad2{

        padding-left: 2em;

        padding-right: 2em;

        padding-top: 1em;

        line-height:150%;

        margin-bottom:2em;

		color: #FFF;
}

.newstextpad{

        padding-left: 2em;

        padding-right: 2em;

        line-height:150%;

        margin-bottom:1em;

}



/* =strong */

.strong {

font-weight: bold;

  color:#2794bd;

}



.strong a {

  color:#fff;

}



/* =headings */



h1 {

  color:#fff;

  font-size:16px;

  font-weight:bold;

  margin:0 0;

  padding: 0 0 0px 0;

}

h2 {

  color:#fff;

  text-transform:uppercase;

  font-size:13px;

  font-weight:normal;

  margin:0 0;

  padding: 0 0 0px 0;

}



h2 a {

  color:#fff;

}



h3 {

  color:#eada2d; /*A6CE39*/

  font-size:11px;

  font-weight:normal;

  margin:0 0;

  padding: 0 0 12px 0;

}





h4 {

  font-size:12px;

  margin:1px 0 2px 0;

  font-weight:normal;

  color:#fff;

}



h4 a {

  color:#fff;

  text-decoration:none;

}



h4 a:hover {

  color:#A6CE39 !important;

}



                .date {

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

                        text-transform: uppercase;

                        font-weight: bold;

                        color:#eada2d;  /*color:#A6CE39;*/

                        margin-bottom: 6px;}

                .pagebar {

                        width: 442px;

                        align: centre;

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

                        text-transform: uppercase;

                        padding: 5px;

                        margin-bottom: 4px;

                        /*background: #454545;*/

                        border: 1px solid #999;}



                .yellow {

                        color:#eada2d;}



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

        LAYOUT

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



#container {

        background: url(../img/layout/top1.jpg) top center no-repeat;

}



#main {

        margin-top: 8px;

        margin-bottom: 10px;

        background: #333333 url(../img/layout/panel_hdr.gif) top left repeat-x; /*#555559;*/

}



#footer {

        background: url(../img/layout/bottom1.jpg) top center no-repeat;

   height:300px;

}



.holder {

  margin: 0 auto;

  width: 759px;

  text-align:left;

  overflow:hidden;

}



#header{

 height:180px;

 background: url(../img/layout/hdr.jpg) no-repeat;

 width: 100%;



}

content{

        text-align: center;

}

#bar{

        height: 12px;

        background-color: #2794bd;

        margin-bottom: 10px;

}

#bar2{

        height: 12px;

        background-color: #2794bd;

        margin-bottom: 10px;

}



               #line{

                        clear: both;

                        width: 759px;

                        height: 100%;

                        background: transparent url(../img/layout/newsbkg.gif) repeat-y top left;}



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

   INDEX

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



                #indexgallery{

                        height: 90px;

                        background-color: #333333;

						padding-left: 2px;
						
                        margin-bottom: 10px;}



                .indeximg{

                        padding: 5px;

                        border: 1px solid #999;
						}





                #rural{

                        float: right;

                        height: 80px;

                        width: 250px;

                        background: url(../img/graphic/rural.gif) no-repeat;}



                .indexthumbs{

                        float: left;

                        padding: 3px;
						
						padding-top: 6px;

                        border: 1px solid #999;

                        margin-top:8px;

                        margin-left: 6px;
					
					}



                #indexabout{

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

                        width: 440px;

                        float: left;}



                #indexnews{

                        width: 220px;

                        float: left;}



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

   SERVICES

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

#services {

        padding-top: 2em;

        width: 759px;

        float: left;

        }



#serviceinfo {

        padding-top: 2em;

        width: 460px;

        float: left;

}



.servicetxt {

        padding: 6px;

}



        .servicepic {

             border-left: 1px solid #666;

             padding-top: 2em;

             padding-left: 20px;

             width: 244px;

             float: left;}



.servicepic img{

        padding-top: 1em;

}

.thumb{

        float:left;

        margin:3px;
		margin-bottom: 0px;
        }


/* Col S1 */

#col-service1 { width: 125px; padding: 0 0 10px 0; float: left; padding-left: 5px;}

#col-service1 img { padding: 1px;  float: right; margin: 1px 0; border: 1px solid #908C85;}



/* Col S2 */

#col-service2 { width: 125px;  padding: 0 0 10px 0; margin: 0 0 0 1px; float: left;}

#col-service2 img { padding: 1px; border: 1px solid #908C85; float: right; margin: 1px 0; }



/* Col S3 */

#col-service3 { width: 125px;  padding: 0 0 10px 0; margin: 0 0 0 1px; float: left; }

#col-service3 img { padding: 1px; border: 1px solid #908C85; float: right; margin: 1px 0; }



/* Col S4 */

#col-service4 { width: 125px;  padding: 0 0 10px 0; margin: 0 0 0 1px; float: left; }

#col-service4 img { padding: 1px; border: 1px solid #908C85; float: right; margin: 1px 0; }



/* Col S5 */

#col-service5 { width: 125px;  padding: 0 0 10px 0; margin: 0 0 0 1px; float: left; }

#col-service5 img { padding: 1px; border: 1px solid #908C85; float: right; margin: 1px 0; }

/* Col S6 */

#col-service6 { width: 124px;  padding: 0 0 10px 0; margin: 0 0 0 1px; float: left; }

#col-service6 img { padding: 1px; border: 1px solid #908C85; float: right; margin: 1px 0; }



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

   NEWS

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



               #news{

                        padding-top: 2em;

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

                        width: 500px;

                        float: left;}





               .clr {

                        clear: both;

                        height: 1px;

                        font-size: 1px;

                        overflow: hidden;}



               .newsdetail{

                        width: 500px;

                        background:transparent url(../img/graphic/dotline.gif) repeat-x bottom left;}



                #newsmenu{

                         width: 170px;

                         float: left;

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



                #bloglinks {

                        margin:20px 0;

                        float:left;

                        width:255px;}



                #bloglinks h2 {

                        text-indent:-9999px;

                        display:block;

                        height:0px;

                        width:255px;}



                #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{

                        text-decoration: none;

                        display:block;

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



                #bloglinks ul li a:hover{

                        background:#4c4c4c url(../img/graphic/dotline.gif) repeat-x bottom left;

                        color: #fff;}







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

   GALLERY

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



#gallery{

        width: 460px;

        float:left;

}

#gallerymenu{

        width: 244px;

        float:left;

        margin-top: 2em;

        padding-left: 25px;

}

.gallerythumbs{

        width: 244px;

        float:left;

        margin-top: 2em;

        padding-left: 5px;

}

.gallerythumbs img{

            padding: 5px;

            border: 1px solid #999;

}





.thumbnail {

  border:3px solid #323232;

}

.float {

  float: left;

  margin: 3px;

  }

div.clear {
	overflow: visible;
}

.float p {

   text-align: center;

   }

.gallerypad{

        padding-left: 1em;

        padding-right: 1em;

        padding-top: 2em;

        line-height:150%;

        margin-bottom:1.3em;

}



.gallerypad img{

            padding: 5px;

            border: 1px solid #999;

}



#thumblist

{

padding-left: 0;

margin-left: 0;

border-bottom: 1px solid #eada2d;

width: 200px;

}



#thumblist li

{

list-style: none;

margin: 0;

padding: 0.8em;

border-top: 1px solid #eada2d;

}



#thumblist li a { text-decoration: none; }





#side-menu {

float:right;

width:244px;

/*background-image:url(../img/layout/side_menu_bg_expander2.gif) repeat-y; */ }



#side-menu-top {

min-height:155px;

background-image:url(../img/layout/side_menu_bg3.gif);

background-repeat:no-repeat; }



* html #side-menu-top { height:155px; }







#side-menu-top ul {

margin:0px;

padding:6px 8px 0px 8px;

background-color: none;

border-bottom: none;}



#side-menu-top ul li {

display:block;

margin:0px;

list-style:none;

height:30px;

background-color: none;

border-bottom: none; }



#side-menu-top ul li a {

display:block;

width:230px;

color:#2794bd;

padding:0px 7px 0px 8px;

line-height:30px;

font-size:11px;

font-weight:bold;

background-image:url(../img/layout/gall_menu_button2.gif);

background-repeat:no-repeat;

background-color: transparent;

border-bottom: none;}



#side-menu-top ul li a:hover {

background-position:left bottom;

color:#ffffff;

background-color: none;

border-bottom: none;}



#side-menu-top ul li.selected a {

background-position:left bottom;

color:#ffffff; }







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

   CASESTUDY

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

#casestudy{

        width: 759px;

}



.casestudyitem{

        width: 759px;





}

.casearrow{

       background: url(../img/graphic/arrowbig_right.gif) no-repeat top left;

       min-height: 140px;

       margin-left:10px;

       }

/* for IE */

* html .casearrow {

 height: 140px;

}

.casestudyitem img{

        padding: 5px;

        border: 1px solid #999;

        margin: 20px;

        float: right;

}

.casestudytext {

        float: left;

        background:transparent url(../img/graphic/dotline.gif) repeat-x bottom left;

        margin-bottom:1.5em;

}

.casestudydetailleft{

        float: left;

        padding-left: 2em;

        padding-right: 2em;

        padding-top: 1em;

        line-height:150%;

        padding-bottom:2.6em;

        background:transparent url(../img/graphic/arrowbig.gif) no-repeat top left;

}



.casestudydetailleft img{

            float: left;

            padding: 5px;

            border: 1px solid #999;

            margin-right: 2em;

}

.casestudydetailleft p{

        padding-bottom: 2em;;

}



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

   LINKS

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

                 #links{

                        border-right: 1px solid #666;

                        width: 440px;

                        float: left;}



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



                * html #contact {

                        height: 300px;}



            #contactright{

                        width: 220px;

                        float: left;

                        padding-left: 20px;}

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

   FORMS

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

                .txt {

                        border:1px solid #6f787c;

                        color: #fff;

                        background-color:#3a3a3e;

                        width:360px;

                        margin-top:2px 0;

                        padding-left: 2px;

                        font-family: helvetica, arial, verdana

                        font-sixe: 11px

                        letter-spacing: 1.5px ;}



                .fieldname {

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

                        text-transform: lowercase;

                        letter-spacing: 1px;

                        font-weight: normal;

                        color: #ebebeb;

                        margin-bottom: 4px;}



                .bg {

                        background-color:#2f3e3e;

                        padding:3px;

                        width:314px;}



                #contact-form p {

                        margin-bottom:15px;}



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

        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 {

                        padding-bottom:50px;

                          padding-bottom:10px;}



#mainMenu {

  width:759px;

  top: 100px;

  overflow: none;

}



#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/menu3.gif);

}



#mainMenu a {

   display:block;

   text-decoration:none !important;

   font-size:1px;

        background-image: url(../img/layout/menu3.gif);

        overflow: hidden;

   height:60px;

}



#mainMenu a span {

  visibility:hidden;

}



#mainMenuServices, #mainMenuServices a {

  background-position: 0 0;

  width: 109px;

}

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

  background-position: 0px 60px;

}



#mainMenuAbout, #mainMenuAbout a {

  background-position: -109px 0;

  width: 108px;

}

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

  background-position: -109px 60px;

}



#mainMenuNews, #mainMenuNews a {

  background-position: -217px 0;

  width: 108px;

}

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

  background-position: -217px 60px;

}



#mainMenuCase, #mainMenuCase a {

  background-position: -325px 0;

  width: 108px;

}

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

  background-position: -325px 60px;

}



#mainMenuGallery, #mainMenuGallery a {

  background-position: -433px 0;

  width: 108px;

}

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

  background-position: -433px 60px;

}



#mainMenuLinks, #mainMenuLinks a {

  background-position: -541px 0;

  width: 108px;

}

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

  background-position: -541px 60px;

}



#mainMenuContact, #mainMenuContact a {

  background-position: -650px 0;

  width: 109px;

}

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

  background-position: -650px 60px;

}



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

        BOTTOM MENU

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

#copyright {

  margin-top:10px;

  font-size:10px;

  float: right;

  text-align: right;

}

#copyright ul {

  margin:0;

  padding:0;

  list-style:none;

  display:inline;

}



#copyright li {

  display:inline;

  /*border-left: 1px solid #999999;*/

  padding: 0 2px 0 2px;

  margin:0;

  font-size:4px;

}



#copyright ul li a {

  text-decoration:none;

  font-size:9px;

  color:#777;

}



#copyright ul li a:hover {

  color: #2794bd;

}

/* added new for photo album */

div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	height: 145px;
	width: 210px;
	overflow: auto;
}
ul.sc_menu {
	display: block;
	height: 110px;
	/* max width here, for users without javascript */	
	width: 5000px;	
	padding: 15px 0 0 15px; 
	/* removing default styling */
	margin: 0;
	background: url('navigation.png');		
	list-style: none;
}
.sc_menu li {
	display: block;
	float: left;	
	padding: 0 4px;
}
.sc_menu a {
	display: block;
	text-decoration: none;
}
.sc_menu span {
	display: none;
	margin-top: 3px;
	
	text-align: center;
	font-size: 12px;	
	color: #fff;
}
.sc_menu a:hover span {
	display: block;
}
.sc_menu img {
	border: 3px #fff solid;	
/* 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
*/	
}
.sc_menu a:hover img {
	filter:alpha(opacity=50);	
	opacity: 0.5;
}


/* Here are styles for the back button, don't look at them */

#back {
	display: block;
	width: 500px;
	text-align: center;
	color: #003469;
	font-size: 16px;
}

/* end of photo album */

div.flashindex {
	background: #2794bd;
	width: 739px;
	margin: 0 auto;
	padding: 10px;
}

#indexPhoto{
	width: 529px;
	float:left;
	height: 180px;
	background-image:  url('/images/ross/ilum.jpg');
}

#indexDesc {
	height: 170px;
	float:right;
	width:200px;
	background:#333333;
	padding: 5px;
	background-image: url('/images/ross/bg.jpg');
}

#indexFoot {
	margin-top: 10px;
	clear: both;
	height: 70px;
}

#indexFoot2 {
	margin-top: 24px;
	clear: both;
	height: 30px;
}

hr.space {
	color: #2794bd;
	border: 1px solid #2794bd;
	clear: both;
}

tr.bagingo {
	background: #333333;
}

hr.spacefirefox {
	color: #2794bd;
	border: 1px solid #2794bd;
}

div.indexType {
	width: inherit;
	border: 2px solid #1d1d1d;
	width: 120px;
	display: inline-table;
	padding: 1px;
	padding-top: 25px;
	color: #FFF;
	font-weight: bold;
	background-image: url('/images/ross/butbg.jpg');
	text-align: center;
	font-size: 90%;
	height: 40px;
	overflow: hidden;
}


#mm{
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	width: 100%;
	background: #3c3d42;
	clear: both;
}

tr.ns {
	margin: 0px;
	padding: 0px;
}

td.indexType6 {
	border: 0px solid #1d1d1d;
	width: 120px;
	color: #FFF;
	font-weight: bold;
	background-image: url('/images/ross/butbg2.jpg');
	text-align: center;
	font-size: 90%;
	height: 64px;
	margin: 0px;
	padding: 0px;
}

table.services{
	width: 98%;
	margin: 0 auto;
	margin-top: 10px;
	background: #3c3d42;
}

table.services2{
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	width: 98%;
	margin-left: 12px;
}

td.indexType {
	border: 0px solid #1d1d1d;
	width: 120px;
	color: #FFF;
	font-weight: bold;
	background-image: url('/images/ross/butbg2.jpg');
	text-align: center;
	font-size: 90%;
	height: 64px;
}

td.indexType- {
	border: 0px solid #1d1d1d;
	width: 16.6%;
	color: #FFF;
	font-weight: bold;
	background-image: url('/images/ross/butbg2.jpg');
	text-align: center;
	font-size: 90%;
	height: 64px;
}

td.maintxt {
	vertical-align: top;
	text-align: left;
}

div.indexType2 {
	width: inherit;
	border: 2px solid #1d1d1d;
	width: 16.6%;
	display: inline-table;
	padding: 0px;
	padding-top: 26px;
	color: #FFF;
	font-weight: bold;
	background-image: url('/images/ross/butbg.jpg');
	text-align: center;
	font-size: 90%;
	height: 40px;
}

div.indexType3 {
	display: inline;
	background-image: url('/images/ross/butbg.jpg');
	text-align: center;
	height: 50px;
	padding: 14px;
	margin-bottom: 4px;
	position: relative;	
	font-weight: bold;
}

p.serviceDesc {
	padding: 2px;
	padding-top: 6px;
}

a.indexLink {
	color: #b5b5b5;
}

a.indexLink:hover {
	color: #FFF; 
	/*color: #003d62; */
}