/* CSS Layout */

@import "resetstyle.css";
@import "textstyle.css";



body {
	text-align:center;
	margin:0;
  /* background: url(../images/bg_dots.gif) center fixed repeat-y; */
  }
  
#topbar {
	height:2em;
	background:#B5592B;
	margin-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
  }

#topcont {
	width:75em;
	min-width:744px;
	margin:0 auto;
	text-align:left;
	padding-top: 5px;
  /* background: url(../images/whiteline.gif) repeat-y; */
  }

#headwrapper {
	margin-right: auto;
	margin-left: auto;
	width: 1050px;
	overflow: visible;
}
.rbox1 { 
	-moz-border-radius: 20px; 
}
.rbox1A { 
    -moz-border-radius: 20px;
	-webkit-border-top-left-radius: 20px;
   	-webkit-border-top-right-radius: 20px;
   	-webkit-border-bottom-right-radius: 20px;
   	-webkit-border-bottom-left-radius: 20px;
}
.roundbox2 { 
	-moz-border-radius: 6px;
	-webkit-border-top-left-radius: 6px;
   	-webkit-border-top-right-radius: 6px;
   	-webkit-border-bottom-right-radius: 6px;
   	-webkit-border-bottom-left-radius: 6px;
}
#container {
	width:76em;
	text-align:left;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
  }
  
#logobar {
	height:40px;
	margin-bottom:5px;
	position: fixed;
	width: 130px;
	left: 150px;
	top: 60px;
  }
  
.logo {
  height:40px;
  width:300px;
 
  }
  
#strapline {
  height:20px;
  margin:0 0 10px 0;
  } 

span.left {
  float:left;
  text-align:left;
  width:40%;
  }

span.right {
  float:right;
  text-align:right;
  width:60%;
  }

#controls {
  padding-top:5px;
  font-size:.8em;
  }
.pagright {
	text-align: right;
	margin-right: 10px;
}
#hotspot {
	min-height:64px;
	margin-bottom: 10px;
	padding: 11px 10px 0px 40px;
	color: #CC9933;
	border: 1px solid #FF9900;
	line-height: 2em;
	background-color: #FAF4E4;
	background-image: url(../ass/citu_rop-whitedrop.gif);
	background-repeat: repeat-y;
	-moz-border-radius:25px 6px 6px 6px;
	-webkit-border-top-left-radius: 25px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
}
  
#mainav {
	height:120px;
	margin:10px auto;
	background-color: #C47328;
	width: 100%;
  }
  
#navleft {
	width:30%;
	padding:0 10 0 0;
	float:left;
	background-color: #D4D6B8;
	text-align: right;
	left: 40px;
  }
  
#navcenter {
  width:30%;
  padding:0;
  float:left;
  }
  	
#navright {
	width:30%;
	padding:0;
	float:left;
	text-align: left;
  }
  
#panel {
  float:left;
  width:59em;
  min-width:744px;
  height:100px;
  margin:0 0 30px 0;
  border:solid 1px #ccc;
  background:#3C5065 url(../images/panel_work.jpg) left no-repeat;
  }
  
#project #panel {height:1px; overflow:hidden; border:none; background:#ccc;}

#content {
  /* background:url(../images/vrule.gif) top 33% repeat-y; */
  }

#contentleft {
	float:left;
	width:25%;
	padding-right:1em;
  /* border-right:1px solid #ccc; */
  }


#contentright {
	float:right;
	width:70%;
	padding-left:1em;
	border-left:1px solid #ccc;
	position: relative;
  }
  
#contentrighthome {
  float:left;
  width:30%;
  padding-left:1em;
  margin-left:1.2em;
  border-left:1px solid #ccc;
  }

  
#contentmid {
  float:left;
  width:30%;
  padding-left:1em;
  border-left:1px solid #ccc;
  }

.cleaner {clear:both; margin:0; padding:0; line-height:0; height:0; }

#footer {
	margin:0px 0 10px;
	border-top:1px solid #ccc;
	padding:3px 0 8px;
	background-color: #ADADAD;
  }
#footer li {display: inline; background-image: url(../images/pipe.gif); padding: 0 0.25em 0 0.5em;}
#topcont li {display: inline; background: url(../images/pipewht.gif) no-repeat 0 1px; margin:0; padding: 0 0 0 1em; font-size: 1em;}
#footer li.start, #topcont li.start {display: inline; background-image: none; padding-left: 0.25px; padding-right:0px;}


/* Logo link */
#Logo { margin-right: 10px;}	
#Logo a {  text-indent: -1000em;  width: 185px; height: 32px; display: block; overflow: hidden; /* For nested divs in Safari *//* For nested divs in Safari */ }
/* IE 5 hack */
#Logo a {overflow: hidden;  } /* end hack */

/* Case study images */
.chrome { background: transparent url(../images/chrome.jpg) no-repeat left top; margin: 20px 0;}
.screen {margin: 26px 0 15px 2px;}

/* People pics */
.people { clear: left; border-top: #ccc 1px solid; padding: 10px 0; }
.firstperson { clear: left; border-top: none; padding: 10px 0; }
.people a, .firstperson a {
	padding: 1px 0 0 18px;
	background: transparent url(../images/icon_mail.gif) no-repeat left 0px;
	font-size: 0.8em;
}

.people a:hover, .firstperson a:hover {
	background: transparent url(../images/icon_mail.gif) no-repeat left -18px;
}

.people h4, .firstperson h4 {
	margin: 0;
}

.headshot { margin-right: 25px; float: left; width: 87px; height: 112px; clear: left;}


/* Contact page */
#contentright dl { background-color: #f3f3f3; padding: 14px; border: #ccc 1px solid;}
#contentright dt { font-weight: normal; font-size: 0.9em;}
/*#contentright .button { width: 8em; border: #666 1px solid;}*/
#contactdetails dt { float: left; position: relative; width: 5em; font-size: 0.9em;}
#contactdetails dd { margin: 0 0 2px 0; font-weight: normal; font-size: 0.9em;}
#stretch { width:85%; margin-bottom: 25em;}

/* Quicklinks */
#quicklinks ul {
	width:100%;
}

#quicklinks li {
	float:left;
	background:url("../images/bubble_left.gif") no-repeat left top;
	height:50px;
    padding:0 0 0 50px;
	margin-bottom:10px;
	list-style:none;
	width:70%;
}

#quicklinks a {
    display:block;
    background:url("../images/bubble_right.gif") no-repeat right top;
	height:50px;
    /* padding:5px 15px 4px 6px; */
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	line-height:4.3;
}

#quicklinks li.message {background:url("../images/bubble_message.gif") no-repeat left top;}

#quicklinks li.office {background:url("../images/bubble_office.gif") no-repeat left top;}
#rubbar {
	height:1.7em;
	background:#8C8F7B;
	margin-bottom:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 20px;
	-moz-border-radius: 3px;
	-webkit-border-top-left-radius: 3px;
   	-webkit-border-top-right-radius: 3px;
   	-webkit-border-bottom-right-radius: 3px;
   	-webkit-border-bottom-left-radius: 3px;
}

#fot {
	text-align:left;
	min-width: 500px;
	margin-left:0px;
	margin-right:0px;
	margin-top: 0px;
	padding: 4px 0px;
	float: left;
	width: 64em;
	margin-bottom: 0px;
}
#fot p {
	text-align:center;
	min-width: 500px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
}
#out {
}
#contentright1 {
	float:right;
	width:65%;
	padding-left:1em;
	border-left:1px solid #ccc;
	overflow: auto;
	height: 600px;
}

.photo{
	padding:2px;
	background-color:#ffffff;
	margin:6px 18px 6px 5px;
	float: left;
	border-top: 1px solid #bababa;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #bababa;
}
#logobar1 {
	height:100px;
	margin-bottom:5px;
}
#logobar1 li {
	background-color: #FFFFFF;
	padding: 2px;
	height: 15px;
	border: 1px solid #333333;
	width: 90px;
}
#logobar1 ul {
	display: block;
	float: left;
	margin-left: 30px;
}
#rubb {
	height:1.5em;
	background:#454E52;
	margin-bottom:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 20px;
	padding-bottom: 2px;
	-moz-border-radius: 4px;
	-webkit-border-top-left-radius: 4px;
   	-webkit-border-top-right-radius: 4px;
   	-webkit-border-bottom-right-radius: 4px;
   	-webkit-border-bottom-left-radius: 4px;
}
#rubb a {
	color: #CCCCCC;
}
iframe {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	width: 730px;
	overflow: visible;
	height: 790px;
}
#contentlist {
	width: 100%;
	text-align: left;
	margin: 0px;
	float: left;
}
#contentrightList {
	float:right;
	width:70%;
	border-left:1px solid #ccc;
	position: relative;
	padding-left: 1em;
}
#contentleftList {
	float:left;
	width:23%;
}
#listbar {
	width: 545px;
	padding-right: 2px;
	padding-left: 2px;
	display: block;
}
#listbar p {
	padding-left: 83px;
}
#listbar input {
	background-color: #E6E6E6;
	height: 12px;
	width: 65px;
}
#prodbar {
	padding-right: 2px;
	padding-left: 2px;
	width: 700px;
	padding-top: 15px;
}
#prodbarleft {
	float: left;
	width: 200px;
}
#prodbarleft p {
	font-size: 0.8em;
	padding-left: 0px;
}
#prodbarleft .noborder {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#prodbarright {
	float: right;
	width: 470px;
}
#prodbar p {
	padding-left: 0px;
}
#prodbar input {
	background-color: #E6E6E6;
	height: 15px;
	width: 95px;
	font-size: 10px;
	border: 1px dotted #CCCCCC;
}
#fot ul {
	text-align:center;
	min-width: 500px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
}
#footer ul {
	margin:2px 0 10px;
	padding:2px 0 8px;
	text-align: center;
}
#contentleftkassa {
	float:left;
	width:25%;
	padding-right:2em;
}
#contentleftkassa table {
	float:none;
	width:260px;
	padding-right:2em;
	text-align: left;
	font-size: 11px;
}
#artikel {
	height: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CE7928;
	clear: right;
	padding-top: 15px;
	margin-top: 10px;
}
#contentleftkassa textarea {
  float:left;
  width:29%;  
  padding-right:2em;
}
#adv {
}

#finans {
	font-size: 1em;
	background-color: #EFF2E0;
	border-top: 2px solid #BAD600;
	border-right: 1px solid #BAD600;
	border-bottom: 6px solid #BAD600;
	border-left: 1px solid #BAD600;
}
.noborder {
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin-left: 5px;
}
.rightp {
	text-align: right;
}
#finans td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding: 2px 2px 2px 15px;
}
#contentleft input {
	width: 200px;
}
#finans input {
	width: 17px;
	font-size: 9px;
	color: #CC3300;
	height: 17px;
	border: 1px solid #999999;
	padding: 1px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	display: inline;
}
#rubb2 {
	height:1.4em;
	background:#C0D200;
	margin-bottom:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 20px;
}
#product {
}
#product input {
	background-color: #FFFFFF;
	width: 20px;
}
#product input.submit {
	background-color: #FFFFFF;

	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #990000;
	height: 15px;
}
#reg {
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin-right: 0px;
	padding-left: 5px;
	padding-right: 5px;
	width: 100%;
}
#rubbsok {
	height:1.5em;
	background:#595B59;
	margin-bottom:4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	-moz-border-radius: 4px;
	-webkit-border-top-left-radius: 4px;
   	-webkit-border-top-right-radius: 4px;
   	-webkit-border-bottom-right-radius: 4px;
   	-webkit-border-bottom-left-radius: 4px;
}
#prodbar img {
	padding: 2px;
	border: 1px solid #81978E;
	margin-top: 40px;
}
.borderm {
	padding: 2px;
	margin-right: 0px;
	border: 1px solid #CCCCCC;
	margin-left: 10px;
}
#artikel2 {
	margin: 0px;
	height: 150px;
}
#topleft {
	float: none;
	width: 230px;
	position: relative;
	margin-right: 10px;
	padding-right: 10px;
}
#topright {
	float: right;
	width: 240px;
	position: relative;
	padding: 10px;
	clear: right;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border: 4px solid #CC6600;
	background-color: #9BC8FF;
	text-align: justify;
}
#topright h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 3em;
}
.photo2 {
	padding:4px;
	background-color:#ffffff;
	margin:6px 18px 6px 5px;
	float: right;
	border-top: 1px solid #bababa;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #bababa;
}

.transparent_class {  
    filter:alpha(opacity=50);  
    -moz-opacity:0.5;  
    -khtml-opacity: 0.5;  
    opacity: 0.5;  
} .photocontentleft {
	padding:4px;
	background-color:#ffffff;
	margin:6px 15px 6px 10px;
	border-top: 1px solid #bababa;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #bababa;
	clear: both;
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-top-left-radius: 3px;
   	-webkit-border-top-right-radius: 3px;
   	-webkit-border-bottom-right-radius: 3px;
   	-webkit-border-bottom-left-radius: 3px;
}

/*.button {
	color: #000;
	background-color: #EAF3F5;
	padding: 5px 7px;
	background-image: url(../images/tab_on.jpg);
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-top: 1px solid #999;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #666;
	width: 65px;
}*/
.button:hover {
	background-color: #666;
	color: #CCC;
	background-image: url(../head/images/tab_off.jpg);
}

#contentright #artikel .button {
	border: #666 1px solid;
	background-color: #CCCCCC;
	padding: 3px 5px;
	clear: both;
}

/*a.rounded, .button {
  outline: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle; 
  display: -moz-inline-box;
  display: inline-block;
  overflow: visible;
}*/

#contentright #artikel .button a {
	border: #666 1px solid;
	background-color: #CCCCCC;
	padding: 3px 5px;
	color: #333333;
}
#contentright #artikel  .button:hover  {
	border: #666 1px solid;
	background-color: #666;
	padding: 3px;
	color: #FFFFFF;
}
#prodbar h3 {
	padding-left: 0px;
}
#prodbar h2 {
	padding-left: 0px;
}
#audio {
	font-size: 1em;
	color: #999900;
	width: 95%;
	border: thin dotted #CCCCCC;
	float: left;
	padding-left: 7px;
	padding-bottom: 10px;
	padding-top: 0px;
	margin-bottom: 5px;
	display: block;
}
#pdf {
	font-size: 0.8em;
	color: #999900;
	width: 95%;
	border: thin dotted #CCCCCC;
	float: left;
	padding-left: 7px;
	background-color: #DFE5C4;
	margin-bottom: 5px;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}
#pdf a {
	font-size: 1em;
	color: #999900;
}
#prodbar .imglow {
	padding: 2px;
	margin-top: 0px;
	float: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* Base Superbox Styles */
#superbox-overlay{position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;}
#superbox-wrapper{position:fixed;z-index:9999;top:0;display:table;width:100%;height:100%;}
#superbox-container{position:relative;display:table-cell;width:100%;height:100%;margin:0;padding:0;vertical-align:middle;}
#superbox{margin:0 auto;padding:0;}
#superbox-container .loading{margin:0;text-align:center;}

/* IE7 */
*:first-child+html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
*:first-child+html #superbox{position:relative;top:-50%;display:block;}
/* IE6 - Thanks to Thickbox for IE expressions */
* html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
* html #superbox{position:relative;top:-50%;display:block;}
* html #superbox-overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');}
* html #superbox-wrapper{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

/* Default Theme */
#superbox-overlay{background:#000;}
#superbox-container .loading{text-align:center;font-size:40px;color:#fff;}
#superbox{padding:10px;background:#fff;}
#superbox-innerbox{padding:10px 0;}
#superbox.image{text-align:center;}
#superbox .close{clear:left;font-size:16px;}
#superbox .nextprev{overflow:hidden;margin:0;}#engbox {
	width: 400px;
	padding-right: 25px;
	padding-left: 25px;
	font-family: "Century Gothic", Helvetica, sans-serif;
	font-size: 1em;
	color: #712500;
}
/*#card form .submit {
	color: #000;
	background-color: #EAF3F5;
	padding: 5px 7px;
	background-image: url(images/tab_on.jpg);
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-top: 1px solid #999;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #666;
	width: 65px;
}*/
#card input:hover {
	background-color: #cee;
	color: #FFF;
	background-image: url(images/tab_off.jpg);
}
#card form table tr td input {
}
#finans input .edit {
	width: 17px;
	font-size: 9px;
	color: #CC3300;
	height: 17px;
	padding: 1px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	display: inline-block;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
	background-color: #FFF;
}