@charset "utf-8";
/* CSS Document */
body 
{
  background: none;
  font-family: "Myriad Pro", Arial;
  margin: 0;
  padding: 0;
}

h2
{
    margin:0px;
}

ul
{
    list-style-type:square;
}

a
{
    color:#498fb3;
}

a:hover
{
    text-decoration:none;
    color:#498fb3;
}

a img
{
    padding:1px;
    border:1px solid transparent;
}

a:hover img
{
    border:1px solid #498fb3;
}

.flt_left, .flt_right
{
    position:relative;
    display:block;
}

.flt_left 
{
    float:left;
    margin:0 10px 10px 0;
}

.flt_right
{
    float:right;
    margin:0 0 10px 10px;
}

body.home  { background: #363636 url(../images/bg-home.jpg)        no-repeat scroll center 15px; }
body.blue  { background: #363636 url(../images/bg-consulting.jpg)  no-repeat scroll center 15px; }
body.green { background: #363636 url(../images/bg-engineering.jpg) no-repeat scroll center 15px; }
body.red   { background: #363636 url(../images/bg-marketing.jpg)   no-repeat scroll center 15px; }
body.grey  { background: #363636 url(../images/bg-about.jpg)       no-repeat scroll center 15px; }
body.grey2  { background: #363636 url(../images/bg-about.jpg)       no-repeat scroll center 15px; }

#wrapper 
{
  width: 920px;
  height: 704px;
  display: block;
  margin: 0px auto 0;
  top:15px;
  background: none;
  position:relative;
}

/* START HEADER */

#header
{
  width: 920px;
  height: 122px;
  display: block;
  position:relative;
  padding: 0 0px 15px 0px;
  margin-top:-1px;
  margin-bottom:2px;
  background: none;
}

#header img { float: left; }
#header a img {border:0px none;}
#header a:hover img {border:0px none;}  

#topmenu
{
  /* width: 473px; */
  height: 26px;
  float: right;
  margin-top: 81px;
}

#topmenu ul 
{
  background-color: #393939;
  text-decoration: none;
  list-style: none;	
  margin: 0;
  padding: 0;
  float: right;
}

#topmenu ul li 
{
  display: block;
  height: 26px;
  float: left;
  cursor:pointer;
}

#topmenu ul li.theone
{
    background-color:#111;
}

#topmenu a 
{
  line-height: 26px;
  /*height: 26px;
  display: block;
  float: left;*/
  padding: 0 10px;
  font-family: "Myriad Pro", Arial;
  font-size: 14px;
  color: white;
  text-decoration: none;
}

#topmenu a:hover 
{
  cursor: pointer;
}

/* END HEADER */


/* START MAIN CONTENT */

.blue  { background-color: #448ebd; }
.green { background-color: #a3b604; }
.red   { background-color: #de4e00; }
.grey  { background-color: #656565; }
.grey2  { background-color: #656565; }

#main
{
  width: 920px;
  height: 507px;
  padding: 0px 0px;
  display: block;
  position: relative;
}

.bgconsulting
{
	/*background: white url(../images/bg-consulting.jpg) no-repeat;*/
}



#bgtransparent
{
  position: relative;
  width: 920px;
  height: 449px;
  display: block;
  z-index: 5;
  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;

}


#content
{
  position: absolute;
  width: 895px;
  height: 374px;
  margin-top: 25px;
  margin-left: 25px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  color: #3c3c3c;
  display: block;
  overflow:hidden;  
  padding-top: 40px;
  background-color: white;
  z-index: 10;
}

#content h1
{
  font-size: 24px;
  margin-top: 0;
}

/* START SIDEBAR */

#sidebar
{
  float: left;
  width: 180px;
  height: 350px;
  display: block;
  padding-left: 18px;
  font-family: Verdana;
  font-size: 12px;
  color: #7e7e7e;
  border-right: 1px solid #ccc;
}

#sidebar ul 
{
  text-decoration: none;
  list-style: none;	
  margin: -10px -10px;
  padding: 0;
}

#sidebar ul li 
{
  display: block;
  margin: 0 5px;
  height: 30px;
  font-family: Helvetica;
  font-size:16px;
  background: url(../images/pos-sidebar.jpg) no-repeat -20px 10px;
}

#sidebar a 
{
  position: relative;
  line-height:35px;
  color: #e08630;
  padding-left: 15px;
  text-decoration: none;
}

#sidebar li.theone { background-position: 4px 10px; }

#sidebar img
{
  margin: 2px 0px;
}

#sidebar .bottom
{
  position:absolute; display:block; bottom:15px;
}

/* END SIDEBAR */

#text
{
  float: left;
  margin-top:-5px;
  margin-left: 5px;
  max-width: 675px;
  height: 360px;
  padding-left:10px;
}

#text p, #text ul
{
    line-height:20px;
    margin:10px 0 20px;
}

#scroll
{
  width: 655px;
  height: 300px;
  padding-right: 15px;	
}

/* START BOTTOM MENU */

#smenu
{
  clear: both;
  width: 920px;
  height: 58px;
  display: block;
  margin-top: 0px;
  position: absolute;
  z-index: 12;  
}


#stransparent
{
  position: relative;
  height: 57px;
  display: block;
  z-index: 6;
  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}

#stransparent.blue { width: 227px; }
#stransparent.green { width: 458px; }
#stransparent.red { width: 689px; }
#stransparent.grey { width: 920px; }
#stransparent.grey2 { width: 920px; }

#buttons { margin-top: 7px; }
#bmenu #buttons { *margin-top: 4px;}

.button, .btransparent
{
  display: block;
  margin-right: 4px;
  height: 38px;
  width: 227px;
  float: left;
  color: white;
}

.btransparent
{
  height: 12px;
  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}

.btransparent.none
{
  background-color: white;
  filter:alpha(opacity=0);
  -moz-opacity:0.0;
  -khtml-opacity: 0.0;
  opacity: 0.0;
}
.button.grey, .btransparent.grey { margin-right: 0px; }
.button.grey2, .btransparent.grey2 { margin-right: 0px; }

.button a 
{
  line-height: 38px;
  font-size: 20px;
  display: block;
  width: 210px;
  font-family: "Century Gothic";
  padding-left: 20px;
  color: white;
  text-decoration: none;
  background: url(../images/pos-smenu.png) no-repeat 250px 8px;
}

.button a.theone { background-position: 210px 8px; }

/* END BOTTOM MENU */

/* START HOME PAGE */


#magic
{
  text-align: center;
  padding-top: 160px;
  padding-bottom: 80px;
}

#bmenu
{
  clear: both;
  width: 920px;
  height: 58px;
  display: block;
  margin-top: 0px;
  position: absolute;
  bottom:137px; 
  _bottom:0px;
  z-index: 12;  
}

.button 
{
  display:block;
  position:relative;
  width:227px;
  overflow:hidden;
  background-position:0 0;
}

#bmenu .button
{
  height: 175px;
}

.button span { 
  margin: 0;
  display:block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  width: 180px;
  height: 135px;
  color: white;
  cursor: pointer;
}

.button span a:hover
{
  color: white;
}

/* END HOME PAGE */


/* START FOOTER */

#footer
{
  padding-top: 20px;
  font-size: 10px;
  width: 920px;
  height: 40px;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  color: #969696;
  line-height: 15px;
  z-index: 20;
  background: none;
}

#footer span
{
  float: left;
}

.square
{
  width: 7px;
  height: 15px;
  margin-right: 7px;
  display: block;
}

/* Contact form */
#contact-left
{
	float: left;
	padding-right: 20px;
	border-right: 1px solid #555;
}

#contact-left table td
{
	padding: 2px 5px;	
}

#contact-right
{
	float: left;
	padding-left: 20px;
}

/* Media page */
ul.media-list
{
	margin: 0;
	
}

ul.media-list li
{
	margin: 10px 0;
	
}

/* Errors */
p.error
{
	color: red;
}

/* About page*/
.member 
{
    position:relative;
    display:block;
    float:left;
    width:168px;
    height:195px;
    overflow:hidden;
    margin-left:10px;
    margin-right:35px;
}

.map
{
    position:relative;
    display:block;
    float:left;
    width:390px;
    margin-right:20px;
}

.map-details
{
    position:relative;
    display:block;
    float:left;
    width:230px;
}

.map-details ul
{
    margin:0px;
    padding:0px;
}

.map-details ul li
{
    margin-left:20px;
    margin-bottom:10px;
}

.apps, .apps img, .apps p, .apps a.link
{
    position:relative;
    display:block;
}

.apps
{
    padding:10px 0px; 
}

.apps img
{
    float:left;
    margin:0px 15px 15px 0px;
}

.apps h3
{
  margin-top:5px; 
}

/*** News rotator / home page ***/

#news-rotator
{
    position:absolute; 
    display:block;
    top:10px; 
    left:0px; 
    height:300px; 
    width: 920px;
}

#news-main, 
.news,
.news-image,
.news-text,
#news-list
{
    position:relative;
    display:block;
}

#news-main
{
    width:600px;
    height:300px;
    background:#666;
    float:left;
}

#news-main .news
{
    position:absolute;
    display:block;
    top:0px; 
    left:0px;
}

#news-main .news-image
{
    background-color:#333;
    height:300px;
    width:600px;
    overflow:hidden;
}

#news-main .news-image img
{
    position:absolute;
    display:block;
}

#news-main .news-image img.thumb
{
    position:absolute;
    display:none;
}

#news-main .news .news-text
{
    position:absolute;
    bottom:0px;
    left:0px;
    padding:10px 15px;
    width:570px;
    height:20px;
    color:#fff;
    background:#000;
    opacity:0.8;
    filter:alpha(opacity=80);
    overflow:hidden;
}

#news-main .news-text h2
{
    font-size:18px;
    margin:0px;
}

#news-main .news-text p
{
    font-size:12px; 
    margin-bottom:5px;
}

#news-main .more
{
    position:absolute;
    display:block;
    bottom:11px;
    right:8px;
    font-size:12px;
    font-weight:bold;
    color:#777;
    z-index:20;
}

#news-main .thumb
{
    display:none;
}

#news-list
{
    width:300px;
    float:left;
    margin-left:10px;
    .margin-left:5px;
}

#news-list .news
{
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px;
    box-shadow: 1px 1px 3px #888;
    height:84px;
    width:300px;
    padding:5px;
    margin:0 0 6px;
    background:#dedede;
    overflow:hidden;
    opacity:0.8;
    filter:alpha(opacity=80);
    border:1px solid transparent;
    cursor:pointer;
}

#news-list .news.selected
{
    border-color:#498fb3;;
    opacity:1;
    filter:alpha(opacity=100);
}

#news-list .news .news-image
{
    float:left;
    margin-right:5px; 
    width:84px;
    height:84px;
}

#news-list .news .news-image img
{
    display:block;
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px;
}

#news-list .news .news-image img.full
{
    display:none;
}

#news-list .news .news-text
{
    height:81px;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-text-overflow:ellipsis;
}

#news-list .news .news-text h2
{
    font-size:14px;
    margin:7px 0 0;
}

#news-list .news .news-text p
{
    font-size:10px;
    margin:3px 0; 
}

/*** Social bar ***/

#social
{
    position:absolute;
    display:block;
    right:0px; 
    top:35px;
}

#social .label, #social a
{
    position:relative;
    display:block;
    float:left;
}

#social .label
{
    margin-top:9px;
    margin-right:6px; 
    fint-size:18px;  
}

#social img
{
    height:32px;
    width:32px;
}

#social a:hover
{
    opacity:0.75;
    filter:alpha(opacity=75);
}