@charset "UTF-8";
/* CSS Document */
/* Eric Meyer Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/* Rest of the Styles */


tab* { padding: 0; margin: 0; outline: 0; }


html{
   height: 100%;
}
body {
    font-size: 13px;
    line-height: 16px;
    font-family: Arial, sans-serif;
    color: #656565;
	background: #fff;
    text-align: left;
	height:00%;
}

div.wrapper {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -180px auto;

}

div.nudge{
   height: 180px;
   clear: both;
}

div.stickyfooter
{
	height: 180px; 
	   clear: both;
   position: relative;
}/* .push must be the same height as .footer */


.pics { height: 225px; width: 300px; padding:0; margin:0; overflow: hidden }



.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

.cld { font-size: 0; line-height: 0; height: 10px; clear: both; }

a img { border: 0; }
a { color: #ff9933; text-decoration: underline; }
a:hover { text-decoration: none;}

.left { float: left; display: inline; }
.right { float: right; display: inline;} 
.notext {font-size: 0; line-height: 0; text-indent: -4000px;}

.center {display: block; margin: 0 auto;}

.shell {margin: 0 auto; width: 960px; height: 100%;}

#header {background: url(images/header2.gif) repeat-x 0 0; height: 55px; }

h1#logo {float: left; padding-top: 5px;}
h1#logo a {background: url(images/logo.gif) no-repeat 0 0; display: block; width: 194px; height: 43px;}

h2 {font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 23px; line-height: 23px;}
h3 {font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 16px; color: #333333; line-height: 125%;}
h4 {font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 14px; color: #262626;}

.captions {font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 9px; color: #262626;}

#navigation {float: right; padding-top: 10px;}
#navigation ul {list-style-type: none;}
#navigation ul li {display: inline; float:left; padding-right: 5px;}
#navigation ul li a {background: url(images/nav.gif) no-repeat 0 0; padding-left: 47px; height: 32px;  float: left; color: #fff; font-family: tahoma, sans-serif; color: #fff; font-size: 14px;}
#navigation ul li a span {background: url(images/nav.gif) no-repeat right 0; padding-right: 47px; height: 21px; display: block; float: left; padding-top: 6px; line-height: 14px;}
#navigation ul li a:hover, #navigation ul li.active a {text-decoration: none; background-image: url(images/nav-hover.gif); color: #343434;}
#navigation ul li a:hover span, #navigation ul li.active a span {background-image: url(images/nav-hover.gif);}


#navigation2 {float: right; padding-top: 5px;}
#navigation2 ul {list-style-type: none;}
#navigation2 ul li {display: inline; float:left; padding-right: 10px;}
#navigation2 ul li a {padding-left: 5px; height: 10px;  float: left; color: #fff; font-family: tahoma, sans-serif; color: #666; font-size: 14px;}
#navigation2 ul li a span { padding-right: 10px; height: 10px; display: block; float: left; padding-top: 5px; line-height: 14px;}
#navigation2 ul li a:hover, #navigation ul li.active a {text-decoration: none; color: #000;}
#navigation2 ul li a:hover span, #navigation ul li.active a span{}


#heading {background: #fff; padding-top:10px;}
.heading-yaci {background: #fff url(images/yaciBanner.gif) no-repeat center 1px; float: left; width: 960px; height: 90px; padding-top: 12px; }
.heading-left {float: left; width: 300px; padding: 10px; }

.heading-middle {float: left; width: 300px; padding: 10px; }
.heading-right {float: left; width: 300px; padding: 10px; }

.headingc-left {float: left; width: 340px; padding: 0px; }
.headingc-right {float: left; width: 580px; padding: 10px; }

.headingt-left {float: left; width: 280px; padding: 10px; }
.headingt-right {float: right; width: 635px; padding-left: 20px; }

.consultants {margin-left:10px; margin-bottom:10px; float:right;border-style:solid; border-width:1px; border-color:#000}
.thumbs{float:left; margin-right:10px; margin-top:10px; border-style:solid; border-width:1px; border-color:#000}
#heading h1 {color: #333; font-size: 36px; padding-top: 20px; padding-left: 15px;}
#heading h2 {color: #333; font-size: 24px; padding-top: 10px; padding-bottom: 10px; }
.projectlist { width: 280px; padding: 0px; }
.projectlist img {float: left; padding-right: 10px; padding-bottom: 0px;}
.projectlist p {}

#heading p {padding-bottom: 16px;}

#footer {background: #52350b url(images/footerbg.gif) ; height: 250px; padding-top: 0px;}
#footer a {text-decoration: underline; color: #ccc; font-size: 12px;}
#footer a:hover {text-decoration: none;}
.footer-content { height: 100px;}
.footer-left {float: left; width: 300px; padding: 10px; }
.footer-middle {float: left; width: 300px; padding: 10px; }
.footer-right {float: left; width: 300px; padding: 10px; }
.feature h2 {color: #fff; padding-bottom: 5px;}
#footer h4 {color: #fff; font-size: 15px; padding-top: 10px; padding-bottom: 10px;}
.feature img {padding-right: 6px;}
.feature p {float: left; width: 198px; font-size: 12px; line-height: 15px; color: #fff; height: 71px;}
.feature p span {padding-bottom: 4px; display: block;}
.feature a.more {background: url(images/more.gif) no-repeat 0 0; display: block; float: left; width: 24px; height: 11px;}

#main { padding-top: 10px; padding-bottom: 20px; }
#main h3 {padding-top: 10px; padding-bottom: 6px;}

#main a.rss {background: url(images/rss.gif) no-repeat 0 0; width: 11px; height: 11px;}
.link-margin { margin-right: 10px; margin-left: 2px;}
.leftcolumn {width: 450px; float: left; padding-left: 10px; padding-right: 20px;}
.rightcolumn {background: #e9e9e9; width: 450px; float: left; padding-left: 20px; padding-right: 10px;}


.containingbox
		{ width: 600px; padding-top: 10px; padding-bottom: 25px; }
.floatimgleft { float:left; margin-top:0; margin-right:10px; margin-bottom: 5px; }
.floatimgright {float: right; margin: 0 0 5px 5px;}


ul.news {list-style-type: none; padding-bottom: 8px;}
ul.news li {background: url(images/newsitem-bg.gif) repeat-x 0 bottom; padding-top: 6px; padding-bottom: 7px;}
ul.news li small {color: #606d0f; font-size: 11px;}
ul.news li small.grey {color: #656565;}

.contacts {font-size: 12px; }
strong.usa {background: url(images/flag-usa.gif) no-repeat 0 11px; padding-left: 20px; display: block; padding-top: 8px;}
strong.swe {background: url(images/flag-swe.gif) no-repeat 0 11px; padding-left: 20px; display: block; padding-top: 8px;}


#footer ul {list-style-type: none; float: left; padding-left: 19px; background: transparent;}
#footer ul li {display: inline; float: left; padding-right: 9px;}
#footer ul li a {text-decoration: underline; color: #6e6e6e; font-size: 10px;}
#footer ul li a:hover {text-decoration: none;}
#footer p.copy {float: right; font-size: 10px; color: #6e6e6e; padding-right: 10px;}


div.float {
  float: left;
  padding: 0;
  }
  
div.float p {
   text-align: left;
     padding: 0;
   font-size: 75%;
   }

/* projects Tab styles */
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;

}
.tab_content {
	padding: 15px;
}


.tab_content ul{
	list-style-position: inside;
	list-style: none;
	padding-left: 15px;
	padding-bottom: 15px;
	line-height: 120%;
	}
	
	.tab_content ol{
	list-style-position: inside;
	list-style: decimal;
	padding-left: 15px;
	padding-bottom: 15px;
	line-height: 120%;
	}

.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}