body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:17px;
margin: 0px;
}

.biggertext{
font-size:22px;
}
#outer_container {
	text-align:center;
	z-index:0;
}
#outer_container{
width:100%;
}
#inner_container {
	position:relative;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:950px;
	height:600px;
	z-index:10;
}
#logo {
	position:relative;
	left:25px;
	top:15px;
	width:454px;
	height:44px;
}
#logo a img{
border:none;
}
.absolute{
position:absolute;
}
#menu ul{
	font-size:13px;
	font-weight:bold;
	margin-top:0px;
	margin-left:0px;
	padding-left:0px;
	
}
#menu li{
	display:inline;
	margin-right:27px;
	line-height:12px;
}
#menu li a{
	text-decoration:none;
	color:#456976;
}
#menu li a.thispage{
color:#789ba8;
}
#menu li a:hover, #menu li a:active, #menu li a.selected{
	color:#789ba8;
}

#menu {
	position:absolute;
	left:164px;
	top:95px;
	width:590px;
	height:16px;
	
}
#safsal_img {
	position:fixed;
	background-color:#FFFFFF;
	left:0px;
	bottom:0px;
	width:800px;
	height:115px;
	text-align:left;
	z-index:1;
}
#safsal_img img{
height:115px;
}
#pageheader, .hideingraphic{
position:absolute;
left: -1000em;
}
/*#text pages*/
#about {
	position:absolute;
	left:230px;
	top:134px;
	width:550px;
	height:340px;
	color:#9ebd3e;
	line-height:2em;
	opacity: .1;
	filter: alpha(opacity=10);
	MozOpacity: .1;
	KhtmlOpacity: .1;	
}
#aboutnoscript {
	position:absolute;
	left:230px;
	top:134px;
	width:550px;
	height:340px;
	color:#9ebd3e;
	line-height:2em;
	opacity: 1;
	filter: alpha(opacity=100);
	MozOpacity: 1.0;
	KhtmlOpacity: 1.0;	
}
#teasers{
position:fixed;
height:414px;
width:170px;
right:150px;
bottom:-12px;
background:url(../images/blog_intheworks_bg.png) no-repeat;
color: #7C755C;
font-size:12px;
padding-left:0;
z-index:40;
}
#teasers li{
margin-left:8px;
list-style:none; 
margin-top:0;
}
#teasers a{
text-decoration:none;
}
#teasers li.second{
position:absolute;
top:181px;
}
#teasers li p{
margin:auto 0;
width:150px;
padding: 0 15px 0 0;
text-align:left;
line-height:1.35em;
}
#teasers li p a, #teasers h3 a{
color: #7C755C;
}
#teasers li p a:hover, #teasers li h3 a:hover{
color: #4D4839;
}
#teasers h2{
font-size:13px;
text-align:left;
font-weight: normal;
}
#teasers h2 a{
color:#456976;
}
#teasers li h2 a:hover{
color: #084052;
}
#teasers h3{
font-weight: normal;
font-size:12px;
text-align:left;
padding: 0 15px 0 0;
}
#teasers img{
border: 1px solid #7C755C;
margin-top:7px;
margin-right:9px;
}
#intro {
	position:absolute;
	left:108px;
	top:146px;
	width:655px;
	height:160px;
	color:#7c755c;
	line-height:2em;
	opacity: .1;
	filter: alpha(opacity=10);
	MozOpacity: .1;
	KhtmlOpacity: .1;
}
#indexintro {
	position:absolute;
	left:108px;
	top:146px;
	width:655px;
	height:160px;
	color:#7c755c;
	line-height:2em;
	opacity: 1;
	filter: alpha(opacity=100);
	MozOpacity: 1.0;
	KhtmlOpacity: 1.0;
}
#solutions {
	position:absolute;
	left:42px;
	top:121px;
	width:640px;
	height:268px;
	color:#77b2bb;
	line-height:2em;
	opacity: .1;
	filter: alpha(opacity=10);
	MozOpacity: .1;
	KhtmlOpacity: .1;
}
#solutionsnoscript {
	position:absolute;
	left:42px;
	top:121px;
	width:640px;
	height:268px;
	color:#77b2bb;
	line-height:2em;
	opacity: 1;
	filter: alpha(opacity=100);
	MozOpacity: 1.0;
	KhtmlOpacity: 1.0;
}
.biggertopmargin{
display:block;
margin-top:20px;
}
/*#gallery page*/
#gallerymenu {
	position:absolute;
	left:70px;
	top:23%;
	width:273px;
	height:306px;
}

#gallerymenu h2, #gallerymenu h2 a, h1#innovationHeader{
font-size:17px;
color:#77b2bb;
margin-bottom:0;
text-decoration:none;
outline:none;
}
#gallerymenu ul{
font-size:13px;
color:#6d553f;
line-height:1.9em;
padding-left:0px;
list-style-type:none;
margin-top:7px;
}
#gallerymenu ul a, #gallerymenu ul a:link {
color:#6d553f;
text-decoration:none;
}
#gallerymenu ul a:hover{
color:#877d73;
}
#gallerymenu ul a:active, #gallerymenu ul a:focus{
color: #403225;
outline:none;
}
#galleryboard {
	position:fixed;
	right:10%;
	top:150px;
	max-height: 322px;
	min-height:270px;
	min-width:380px;
	width:30%;
	z-index:10;
	text-align:center;
}
#galleryboard .bgimg{
height:100%;
width:100%;
right:0px;
position:absolute;
}
#galleryphoto{
position:relative;
top:20px;
margin-bottom:80px;
}
#galleryphoto img{
border:none;
max-width:85%;
}

#photocontrols{
position:absolute;
font-size:65%;
font-weight:bold;
width:100%;
top:86%;
margin-left:0%;
}
#photocontrols a{
color:#456976;
text-decoration:none;
}
#photocontrols ul{
width:15%;
margin-top:0px;
padding-left:0px;
display:inline;
}
#photocontrols li{
display:inline;
margin-right:5px;
font-size:120%;
}
#photocontrols span{
margin-top:0%;
}
#photocontrols span.about{
padding-left:8%;
padding-right:8%;
}
.aboutcontainer{
display:none;
}
.about a:hover .aboutcontainer{
display:block;
position:absolute;
width:95%;
background-image:url(../images/about_corner_left.gif);
background-position:left bottom;
background-repeat:no-repeat;
min-height:22%;
opacity:0.9;
MozOpacity:0.9;
KhtmlOpacity:0.9;
filter: Alpha(Opacity=90);
top:-186%;
margin-right:2%;
margin-left:2%;
z-index:99;
}
.rightbackground{
position:absolute;
display:block;
height:100%;
width:4%;
right:0px;
background-image:url(../images/about_corner_right.gif);
background-position:right bottom;
background-repeat:no-repeat;

}
#abouttheproject{
width:85%;
background-color:#6d553f;
color:#8db5c4;
background-repeat:repeat;
padding:4%;
margin: 0px auto;
display:block;
min-height:30px;
z-index:50;
bottom:0px;
}
#ibox_close_a{
display:block;
position:relative;
line-height:1.8em;
	background-image: url(../images/closeBG.png);
	background-repeat: no-repeat;
	background-position: center center;
	color:#333333;
	text-decoration:none;
	width:76px;
	height:24px;
	margin:10px auto 0px;
	font-size:13px;
}
/**research  and  innovation page*/
.largetxt{
font-size:120%;
}
.smalltxt{
font-size: 80%;
}
.strong{
font-weight: bold;
}
h1#innovationHeader{
margin-left:77px;
margin-top:108px;
margin-bottom:20px;
}

#gallerymenu.innovation {
	position:relative;
	top:0;
	left:77px;
	height:auto;
}
#innovation li.current{
color: #261E16;
}

#projinfo{
width:440px;
margin-left:77px;
margin-top: 80px;
color: #6D553F;
font-size:13px;
padding-bottom: 200px;
}
#projinfo h2{
font-size:14px;
}
#showmoreButton{
margin-top:30px;
display: none;
color:#6D553F;
}
#projinfo a{
	color:#6D553F;
}
#projinfo a:hover, #projinfo a:active{
color: #403225;
outline:none;
}
#moreinfo{
margin-top:20px;
}
/*#contact page*/
#form{
position:absolute;
top:150px;
left:293px;
width:350px;
height:340px;
z-index:200;
}
form{
color: #7c755c;
}
fieldset{
border:none;
padding:0px;
margin:0px;
}
input, textarea{
width:221px;
color: #7c755c;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#fdfefa;
border:#9ebd3e 1px solid;
padding:0px 2px;
}
input{
float:right;
height:20px;
}
label{
float:left;
}
#form p{
padding:0px 0px 20px 0px;
margin-top:0px;
}
#form span{
font-size:10px;
float:right;
margin-right:-300px;
line-height:20px;
}
textarea{
float:right;
}
.submit{
width:221px;
text-align:center;
float:right;
margin-top:10px;
}
#send{
float:none;
position:relative;
width:50px;
margin-left:auto;
margin-right:auto;
border:none;
color:#7aa633;
font-size:17px;
}
/*hcard*/
.vcard{
position:fixed;
bottom:120px;
left:50px;
background-image:url(../images/hcard.png);
background-repeat:no-repeat;
background-position:left top;
font-size:10px;
height:15px;
padding-left:90px;
}
.vcard abbr{
font-size:13px;
color:#7aa633;
}

.vcard a{
text-decoration:none;
font-size:10px;
color:#F2F2F2;
}
.vcard a.add{
color:#999999;
}
.vcard a:hover{
text-decoration:underline;
}
.vcard abbr{
border:none;
}
/*alerts*/
.alert{
position:relative;
line-height:2em;
top:100px;
left:50px;
color:#7c755c;
width:70%;
}
.alert a{
color:#7c755c;
}
/*#extras page*/
#extras{
position:fixed;
top:30%;
left:5%;
height:210px;
width:832px;
}
#extras a img{
border:none;
}
.extrasbox{
position:relative;
height:100%;
width:195px;
background-image:url(../images/extrasbox.png);
background-repeat:no-repeat;
background-position:bottom;
float:left;
margin-right:16px;
}
#wallpapers, #screensavers, #mobiledesktop, #mobilescreensaver, #onlymobiledesktop, #onlymobilescreensaver{
position:relative;
bottom:0px;
margin-top:20px;
width:200px;
}
#wallpapers span, #screensavers span, #mobiledesktop span, #mobilescreensaver span, #onlymobiledesktop span, #onlymobilescreensaver span{
margin-left:43px;
font-size:14px;
color:#5e7d21;
font-weight:bold;
}
#wallpapers a.title, #screensavers a.title, #mobiledesktop a.title, #mobilescreensaver a.title, #onlymobiledesktop a.title, #onlymobilescreensaver a.title{
margin-left:45px;
text-decoration:none;
font-size:14px;
color:#7c755c;
font-weight:bold;
}
#mobiledesktop a.title, #mobilescreensaver a.title, #onlymobiledesktop a.title, #onlymobilescreensaver a.title{
margin-left:43px;
}
#mobiledesktop span, #mobilescreensaver span, #onlymobiledesktop span, #onlymobilescreensaver span{
margin-left:45px;
}
#screensavers span, #mobilescreensaver span, #onlymobilescreensaver span{
padding-top:10px;
}
#wallpapers a:hover.title, #screensavers a:hover.title, #mobiledesktop a:hover.title, #mobilescreensaver a:hover.title, #onlymobiledesktop a:hover.title, #onlymobilescreensaver a:hover.title{
color:#5e7d21;
}
#wallpapers ul, #mobiledesktop ul, #mobilescreensaver ul, #onlymobiledesktop ul, #onlymobilescreensaver ul{
width:30%;
list-style:none;
font-size:10px;
padding-left:22px;	
padding-top:8px;
}
#mobilescreensaver ul, #onlymobilescreensaver ul{
margin-top:40px;
clear:both;
margin-left:50px;
}
#wallpapers li, #mobiledesktop li, #mobilescreensaver li, #onlymobiledesktop li, #onlymobilescreensaver li{
margin-bottom:3px;
}
#wallpapers li a, #mobiledesktop li a, #mobilescreensaver li a, #onlymobiledesktop li a, #onlymobilescreensaver li a{
text-decoration:none;
color:#615b48;
}
#wallpapers li a:hover, #mobiledesktop li a:hover, #mobilescreensaver li a:hover, #onlymobiledesktop li a:hover, #onlymobilescreensaver li a:hover{
color:#456976;
}
#wallpapers img, #mobiledesktop img, #onlymobiledesktop img{
float:right;
margin-right:26px;
}
.firstimg{
margin-top:19px;
}
.secondimg{
padding-top:7px;
}
.extrasbox h2{
	font-size:16px;
	color:#7c755c;
	line-height:1em;
	margin-top:0px;
	margin-left:22px;
}
#screensavers img, #mobilescreensaver img, #onlymobilescreensaver img{
margin-top:30px;
margin-left:48px;
float:left;
}
#mobilescreensaver img, #onlymobilescreensaver img{
margin-top:18px;
margin-left:52px;
}
#lastbox{
margin-right:0px;
}
#lastbox ul{
width:75%;
list-style:none;
padding-left:25px;
margin-top:37px;
}
#lastbox li{
margin-bottom:0.5em;
}
#lastbox a{
display:block;
text-decoration:none;
font-size:11px;
color:#615b48;
padding-right:20px;
line-height:1.1em;
}

#lastbox a:visited{
	background:url(../images/tick.gif) no-repeat right center;
	color:#777058;
	}
#lastbox a:hover{
color:#456976;
background:transparent;
}
.doublewidth{
width:406px;
background-image:url(../images/double_box.png);
background-repeat:no-repeat;
padding:0px;
}
#mobiledesktop, #mobilescreensaver{
display: none;
}
.invisible{
visibility:hidden;
}
.hide{
display:none;
}

#intheworks{
color: #7C755C;
font-size:13px;
position:relative;
top:100px;
width:900px;
}
#intheworks p{
width: 300px;
}
#intheworks h1{
color: #9EBD3E;
font-size:15px;
}

#intheworks img{
position:absolute;
right:0;
top:10px;
border:1px solid #ccc097;
}

#intheworks a {
color:#789BA8;
}

#intheworks a:hover, #intheworks a:focus {
color:#2C444D;
}

h2.intheworkslink{
margin-top:30px;
}
#gallerymenu h2.intheworkslink a{
color:#9EBD3E;
font-size:15px;
}