@charset "UTF-8";

/* RESET
--------------------------------------------------------------------------------------- */
html{background: #fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin: 0;padding: 0;}table{border-collapse:collapse;border-spacing: 0;}fieldset,img{border: 0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border: 0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;overflow:hidden;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit; resize: none;outline:none;}legend{color:#000;}
body {font-family: "helvetica neue", Arial, sans-serif; font-size:12px;line-height:150%;color:#6d6e71;}table{font-size:inherit;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}em{font-style:italic;}strong{font-weight:bold;}

/* FOUNDATION
--------------------------------------------------------------------------------------- */
p {margin: 0; line-height: 1.35em;}
/*
a {color: #6d6e71; text-decoration: none; outline: none; -moz-transition: all linear .2s; -o-transition: all linear .2s; -webkit-transition: all linear .2s; transition: all linear .2s;}
*/
a {color: #6d6e71; text-decoration: none; outline: none;}
a:hover {color: #09bae4; text-decoration: none; font-weight: normal;}

img {max-width: 100%; height: auto; width: auto\9; /* ie8 */}


/*
.video embed,
.video object,
.video iframe { width: 100%; height: auto;}
*/

/* REUSABLE STYLES
--------------------------------------------------------------------------------------- */
.clear {clear: both;}
.vertgap {height: 12px; clear: both;}
.hidden {display:none;}
.active {color: #09bae4;}

/* PAGE CONTENT
--------------------------------------------------------------------------------------- */
#Page {background: #fff;}
#Pagecontent {position: relative; background: #fff; width: 951px; margin: 0; padding: 24px 0px 34px 20px; border: none;}
/* #Pagecontent {position: relative; background: #fff; width: 951px; margin: 0; padding: 24px 10px 34px 20px; border: none;} */
#Leftpane {position: fixed; float:left; width:220px;/*  width:209px; */ margin: 0; padding: 0 0 13px 0;}
#Logo {position: absolute; top: 0px; height: 80px;}
#Copy {position: absolute; top: 121px; height: 280px; overflow: hidden; z-index: 20;}
.copytitle {font-weight: normal; line-height: 1.35em;}
.copycontent {width: 194px; line-height: 1.35em;}
.projectbtn {}

#cat {position: absolute; top: 90px; height: 320px; overflow: hidden; z-index: 10;}
#projectlist {position: absolute; top: 340px; overflow: hidden; z-index: 30;}

#projectTitle {font-weight: bold; padding: 0 0 8px 0;}

#Menu {position: absolute; top: 405px; z-index: 30;}

#Searchform {position: absolute; top: 549px;}

#Rightpane {float:right; width:711px; margin: 0; padding: 0;}
.feature {padding: 0 11px 6px 0;}
.feature-img {position: relative; width: 700px; margin: 0 auto; text-align: center;}
.feature-name {padding: 0 0 0 0;}

#Lang {position: relative; float: right; padding: 3px 6px 3px 6px; color: #999999; font-size: 0.9em; background: #f2f2f2; 
  -webkit-border-bottom-right-radius: .3em; -webkit-border-bottom-left-radius: .3em;
  -moz-border-radius-bottomright: .3em; -moz-border-radius-bottomleft: .3em;
  border-bottom-right-radius: .3em; border-bottom-left-radius: .3em;}
#Lang a {color: #999999;} 
#Lang a:hover {color: #09bae4;} 

/* .slideshow img { display: none;}
.slideshow img.first { display: block} */
.slides_control {height: 549px;}
.navselect {color: #09bae4;}

/* Projects
--------------------------------------------------------------------------------------- */
.project {width: 100%; padding: 0 0 0 0; clear: both;}

.project .leftcol {float: left; width:226px; margin-right: 11px; padding: 0 0 6px 0;}
.project .rightcol {float: left; width:226px; margin-left: 11px; padding: 0 0 6px 0;}

.project a {color: #6d6e71; text-decoration: none;}
.project a:hover {color: #09bae4; text-decoration: none; font-weight: normal;}

/* News
--------------------------------------------------------------------------------------- */
#News {width: 700px; border-top: 1px solid #7f7f7f; padding: 10px 0 6px 0; clear: both;}

#News .leftcol {float: left; width:226px; padding: 0 0 6px 0;}
#News .rightcol {float: left; width:226px; margin-left: 11px; padding: 0 0 6px 0;}

#News a {color: #6d6e71; text-decoration: none;}
#News a:hover {color: #09bae4; text-decoration: none;}

/* FOOTER
--------------------------------------------------------------------------------------- */
#Footer {width: 700px; border-top: 1px solid #7f7f7f; padding: 6px 0 6px 0; clear: both;}

#Footer .leftcol {float: left; width:226px;}
#Footer .rightcol {float: left; width:226px; margin-left: 11px;}

#Footer a {color: #6d6e71; text-decoration: none;}
#Footer a:hover {color: #09bae4; text-decoration: none;}

/* FORMS
--------------------------------------------------------------------------------------- */
.sform {margin: 0; padding: 0 0 13px 0;}
.sform li {display: block; clear: both; margin: 0; padding: 8px 0 8px 0; color: #313131; text-shadow: 0 1px rgba(255,255,255,0.9); width: 100%;}
.sform label {position: absolute; z-index: 2; top: 4px; left: 11px; display: block; color: #bcbec0; font-weight: bold; -moz-user-select: none; -webkit-user-select: none;}
.sform input[type=text] {min-width: 188px; border: 1px solid #bcbec0; background: #fcfcfc url(../images/search-mag-glass.gif) no-repeat right center;}
/*
.sform label {position: absolute; z-index: 2; top: 4px; left: 11px; display: block; color: #bcbec0; font-weight: bold; -moz-user-select: none; -webkit-user-select: none; -moz-transition: all 0.16s ease-in-out; -webkit-transition: all 0.16s ease-in-out;}
.sform input[type=text] {min-width: 188px; border: 1px solid #bcbec0;}
*/
textarea, input[type=text] {padding: 4px 5px 4px 5px; line-height: 1em; color: #8c7e7e; background: #fcfcfc; border: 1px solid; border-color: #bcbec0; }
textarea:focus, input[type=text]:focus {background-color: #fff; box-shadow: inset 0 1px 1px rgba(34,29,29,0.1); -moz-box-shadow: inset 0 1px 1px rgba(34,29,29,0.1); -webkit-box-shadow: inset 0 1px 1px rgba(34,29,29,0.1);}

/* Media Queries for Responsive Design
--------------------------------------------------------------------------------------- */
@media only screen and (max-height: 640px) {
  #Leftpane {position: relative; float:left; width:220px; margin: 0; padding: 0;}
}

.slides_container {
    width:700px;
    height: 549px;
    overflow: hidden;
}
.slides_container div {
    width: 700px;
    /* height: 549px; */
    display:block;
}