/* @override 
	http://ui-studio/css/main.css
	http://ui-studio.fr/css/main.css
*/

/* @group reset */

/* Eric Meyer's CSS reset
 * http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 */

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 {
	color: #fff;
	line-height: 1;
	font-size: 0.75em; /* 12px */
	font-family: Arial, Helvetica, sans-serif;
	background: #353535;
}

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: "" "";
}

em {
	font-style: normal;
}

/* @end */

.hide {
	display: none;
}

/*a {
	text-decoration: underline;
	outline: none;
	color: #06c;
}

a:visited {
	color: #49e;
	text-decoration: underline;
}

a:hover, a:focus, a:active {
	color: #06c;
	text-decoration: none;
	background-color: #bde;
}*/

a {
	color: #75a10b;
	outline: none;
	text-decoration: underline;
}

a:visited {
	color: #75a10b;
	text-decoration: none;
}

a:hover, a:focus, a:active {
	color: #4c7200;
	text-decoration: none;
	background-color: #e3ff9f;
}

.articles .main a.linkout {
	padding-right: 14px;
	background-image: url(/images/layout/linkout.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.articles .main sup a {
	font-size: 0.7em;
	line-height: 0.7em;
	vertical-align: 0.5em;
	text-decoration: none;
}

hr {
	display: none;
	overflow: hidden;
}

#wrap {
	width: 960px;
	margin: 0 auto;
}

#skip {
	position: absolute;
	left: 160px;
	top: -1em;
}

/* @group #header */

#header {
	float: left;
	color: #fff;
	background: #525252;
}

#header .logo {
	float: left;
	position: relative;
	width: 320px;
}

#header .nav {
	float: left;
	background: url(/images/layout/nav-fr.png) no-repeat right top;
}

#header .nav li {
	float: left;
}

#header .logo a, #header .nav a, #header .nav a span {
	position: relative;
	display: block;
	width: 160px;
	height: 0;
	padding-top: 48px;
	overflow: hidden;
	background: url(/images/layout/nav-fr.png) no-repeat;
}

#header .logo a {
	width: auto;
	color: #ccc;
	text-decoration: none;
}

#header .logo a:hover span {
	position: absolute;
	left: 140px;
	top: 12px;
	display: block;
	line-height: 3;
}

#header .nav a span {
	position: absolute;
	left: 0;
	top: 0;
}

#header .nav .home a {
	background-position: -320px 0;
}
#header .nav .home a:hover, #header .nav .home a:focus, #header .nav .home a:active, #header .nav .home.current a,
#header .nav .home a span {
	background-position: -320px -48px;
}

#header .nav .prestations a {
	background-position: -480px 0;
}
#header .nav .prestations a:hover, #header .nav .prestations a:focus, #header .nav .prestations a:active, #header .nav .prestations.current a,
#header .nav .prestations a span {
	background-position: -480px -48px;
}

/*#header .nav .articles a {
	background-position: -480px 0;
}
#header .nav .articles a:hover, #header .nav .articles a:focus, #header .nav .articles a:active, #header .nav .articles.current a,
#header .nav .articles a span {
	background-position: -480px -48px;
}*/

#header .nav .clients a {
	background-position: -640px 0;
}
#header .clients a:hover, #header .clients a:focus, #header .clients a:active, #header .nav .clients.current a,
#header .nav .clients a span {
	background-position: -640px -48px;
}

#header .nav .articles a {
	background-position: -800px 0;
}
#header .nav .articles a:hover, #header .articles a:focus, #header .articles a:active, #header .articles.current a,
#header .nav .articles a span {
	background-position: -800px -48px;
}

/* @end */

/* @group #content */

#content {
	clear: both;
	float: left;
	width: 960px;
	margin: 12px 0 0;
}

#home #content, #articlesList #content {
	padding: 0 0 10px;
}

#clientsList #content {
	margin: 0 0 1px;
}

#clientsPage #content {
	margin: 12px 0 1px;
}

/* @group .introduction */

div.introduction {
	position: relative;
	height: 0;
	padding-top: 312px;
	overflow: hidden;
	background: url(/images/home/default.png);
}

#lab .introduction{
	position: relative;
	height: 0;
	padding-top: 208px;
	overflow: hidden;
	background: url(/images/home/intro-lab.gif) no-repeat right;	
}

ol.introduction {
	clear: both;
	float: left;
	width: 960px;
	margin-bottom: 12px;
	color: #fff;
	background: #525252 url(/images/layout/home-introduction-bg.png) 320px 0;
}

ol.introduction li {
	float: left;
	position: relative;
	width: 220px;
	min-height: 108px;
	padding: 12px 10px 12px 89px;
	border-left: 1px solid #353535;
	background-position: 10px 12px;
	background-repeat: no-repeat;
	background: url(/images/layout/home-introduction.png) no-repeat 0 -36px;
}

ol.introduction .concept {
	padding-left: 90px;
	border: none;
}

ol.introduction .design {
	background-position: -319px -36px;
}

ol.introduction .code {
	background-position: -638px -36px;
}

ol.introduction h2 {
	height: 0;
	padding-top: 36px;
	margin: 12px 0 6px;
	overflow: hidden;
	background: url(/images/layout/home-introduction.png) no-repeat;
}

ol.introduction .design h2 {
	background-position: -319px 0;
}

ol.introduction .code h2 {
	background-position: -638px 0;
}

ol.introduction p {
	font-size: 1.25em; /* 15px */
	line-height: 1.6; /* 24px */
}

/* @end */

/* @group .latestArticles */

.latestArticles {
	clear: both;
	float: left;
	width: 960px;
}

.latestArticles li {
	clear: both;
	float: left;
	width: 960px;
	margin: 0 0 2px;
	color: #525252;
	background: #fff;
}

.latestArticles img {
	float: left;
	width: 320px;
	height: 130px;
}

.latestArticles div {
	float: right;
	width: 639px;
	min-height: 130px;
	border-left: 1px solid #525252;
}

.latestArticles h3 a {
	display: block;
	color: #525252;
	font-size: 1.5em; /* 18px */
	line-height: 2; /* 36px */
	padding: 0 10px;
	background: #ccb;
	text-decoration: none;
}

.latestArticles h3 a:hover, .latestArticles h3 a:focus, .latestArticles h3 a:active, .latestArticles .hover h3 a {
	color: #fff;
	text-decoration: none;
	background: #8b0;
}

.latestArticles h3 a em {
	float: right;
	font-size: 0.78em;
	font-style: normal;
	line-height: 2.571;
}

.latestArticles p {
	width: 460px;
	padding: 12px 0 10px 10px;
	font-size: 1em;
	line-height: 1.333;
}

.latestArticles p a {
	display: block;
	text-align: right;
}

.latestArticles .paginate {
	float: right;
	width: 940px;
	padding: 10px;
	color: #fff;
	text-align: right;
	background: #444;
}

.latestArticles .paginate a {
	color: #333;
	text-decoration: underline;
}

/* @end */

/* @group .featuredProjects */

ul.featuredProjects {
	float: left;
}

ul.featuredProjects li {
	float: left;
	width: 319px;
	margin: 12px 1px 0 0;
	background: #525252;
}

ul.featuredProjects.old {
	margin: 0 0 12px;
}

ul.featuredProjects.old li {
	margin: 0 1px 1px 0;
}

ul.featuredProjects a {
	display: block;
	color: #333;
	text-decoration: none;
}

ul.featuredProjects a:hover,
ul.featuredProjects a:focus,
ul.featuredProjects a:active {
	color: #fff;
	text-decoration: none;
	background: #8b0;
}

ul.featuredProjects img {
	display: block;
	width: 100%;
	height: 132px;
}

ul.featuredProjects span {
	display: block;
	padding: 0 10px;
	font-size: 1em;
	line-height: 2;
}

/* @end */

/* @group .searchArticles */

.searchArticles {
	float: left;
	width: 940px;
	background: #525252;
	padding: 12px 10px;
	margin: 12px 0 0;
}

.searchArticles form {
	float: left;
	width: 310px;
}

.searchArticles .categories,
.searchArticles .categories h3,
.searchArticles .categories ol,
.searchArticles .categories ol li {
	float: left;
}

.searchArticles .categories {
	margin-left: 10px;
}

.searchArticles .categories h3 {
	color: #353535;
	line-height: 2;
	margin-right: 10px;
}

.searchArticles ol li a {
	display: block;
	padding: 0 10px;
	color: #fff;
	line-height: 2;
	font-weight: bold;
	text-decoration: none;
}

.searchArticles ol li a:hover, .searchArticles ol li a:focus, .searchArticles ol li a:active {
	text-decoration: none;
	background: #8b0;
}

.searchArticles label {
	color: #353535;
	line-height: 2;
	margin-right: 10px;
}

.searchArticles input {
	color: #353535;
	line-height: 1.5;
	width: 200px;
	border: none;
}

#search {
	width: 280px;
}

.searchArticlesResults {
	clear: both;
	float: left;
	width: 960px;
	padding: 0 0 12px;
	margin: 1px 0 0;
	background: #444 url(/images/layout/searchArticlesResults-bg.gif) repeat-y 320px 0;
}

.searchArticlesResults div {
	float: left;
	width: 299px;
	padding: 0 10px;
}

.searchArticlesResults h4 {
	padding: 11px 0 1em;
	color: #353535;
	text-transform: uppercase;
}

.searchArticlesResults li {
	padding: 0 0 0.5em;
}

.searchArticlesResults li a {
	color: #75a10b;
	text-decoration: none;
	
}

.searchArticlesResults li a:hover,
.searchArticlesResults li a:focus,
.searchArticlesResults li a:active {
	color: #fff;
	text-decoration: underline;
	background: none;
}

.searchArticlesResults li .jq-strong {
	color: inherit;
	font-weight: normal;
	text-decoration: underline;
}

/* @end */

/* @group #articlesList */



/* @end */

/* @group #articlesPage */

.articles #content {
	background: #fff url(/images/layout/faux-column.gif) repeat-y;
	margin: 12px 0;
}

.articles .main {
	float: right;
	width: 639px;
	padding: 0 0 20px;
	color: #525252;
	line-height: 1.5;
	background: #fff;
}

body.articles .main h1 a {
	display: block;
	padding: 0 10px;
	color: #525252;
	font-size: 1.5em;
	line-height: 2;
	text-decoration: none;
	background: #ccb;
}


.articles .main h1 a:hover {
	color: #fff;
	text-decoration: none;
	background: #8b0;
}

.articles .main h1 em {
	float: right;
	font-size: 0.78em;
	line-height: 2.571;
}

.articles .main .chapeau {
	padding: 0.78em 0 0;
	font-weight: bold;
}

.articles .main h3 {
	font-weight: bold;
	padding: 0 10px;
}

.articles .main p,
.articles .main dl {
	padding: 0 10px 0.5em;
	width: 460px;
}

.articles .main a {
	text-decoration: underline;
	outline: none;
}

.articles .main pre {
	margin: 0 10px 1em;
	padding: 1em 0 0;
	width: 480px;
	color: #fff;
	background: #353535 url(/images/layout/code-top.gif) no-repeat;
}

.articles .main pre code {
	display: block;
	width: 450px;
	padding: 0 15px 1em;
	overflow: auto;
	background: url(/images/layout/code-bottom.gif) no-repeat left bottom;
}

.articles .aside {
	float: left;
	width: 320px;
	color: #525252;
	font-size: 1em;
	line-height: 1.5;
	background: #fff;
}

.articles .aside h3 {
	color: #fff;
	font-size: 1em;
	line-height: 1;
	font-weight: normal;
	padding: 1em 10px 1em;
	margin-bottom: 1em;
	background: #ccb;
	text-transform: uppercase;
}

.articles .aside li, .articles .aside p {
	padding: 0 10px 0.5em;
}

.articles .aside .photo img {
	width: 100%;
	height: 132px;
}

.articles .aside .photo p {
	font-size: 0.8333em;
	line-height: 1;
	padding: 0 10px 1em;
}

.articles #comments {
	clear: both;
	padding: 1em;
	background: #ccb;
}

.articles #comments h3 {
	margin: 0;
	padding: 0;
}

.articles #comments p {
	margin: 0;
	padding: 0;
}

.articles #comments form {
	padding: 10px 0;
}

.articles #comments form ul {
	margin: 0;
	padding: 0;
}

.articles #comments form label {
	display: block;
	line-height: 1;
}

.articles #comments form input {
	display: block;
	padding: 2px;
	margin: 0;
}

.articles #comments ol li {
	display: block;
}

.articles #comments ol li.odd {
	
}

.articles #comments ol li.even {
	background: #fff;
}

/* @group formation */

.articles .main h2 {
	clear: both;
	margin: 1.5em 0 0.5em 10px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.articles .main h2 span {
	font-weight: normal;
}

.articles .main p {
	margin: 0.5em 0 0;
}

.articles .main ul {
	margin: 0.5em 0 0.5em 2em;
}

.articles .main ul li {
	margin: 0.2em 0;
}

.articles .main acronym, 
.articles .main abbr {
	cursor: help;
}

.articles .main acronym:hover, 
.articles .main abbr:hover {
	border-bottom: 1px dotted #555;
}

.articles .main a acronym, a abbr,
.articles .main a acronym:hover, a abbr:hover {
	border: none;
	cursor: pointer;
}

.articles .main .thumb {
	float: right;
	margin: 0 0 0 0.5em;
}
.articles img.screenshot{
	display: block;
	margin: 0 auto;
	border: 2px solid #ccb;
}

.articles .main code {
	font: 1em "Courier New", Courier, mono;
}

/* @group footnote */

.articles .main .footnote {
	float: left;
	margin-top: 0.3em;
	padding-top: 0.8em;
	border-top: 1px solid #ccc;
}

.articles .main .footnote dt, .articles .main .footnote dd {
	font-size: 80%;
	line-height: 130%;
}

.articles .main .footnote dt {
	float: left;
	margin: 0 0.5em 0 0;
}

.articles .main .footnote dd {
	margin: 0 0 1em 1.5em;
}

.articles .main .footnote dt a {
	text-decoration: none;
}

.articles .main .footnote a.backLink {
	padding: 2px 3px 1px 3px;
	vertical-align: -.2em;
	font-size: 1em;
	line-height: 0;
	text-decoration: none;
}


/*.articles .main a.linkout {
	padding-right: 14px;
	background-image: url(/images/layout/linkout.gif);
	background-repeat: no-repeat;
	background-position: right center;
}*/

/* @end */

.excerpt {
	margin: 0 0 1em;
}
.excerpt h1 {
	margin: 0;
}

.excerpt h1 a {
	color: #f60;
}

.excerpt h1 a:hover {
	background-color: #ffb;
}

/* @end */

/* @end */



/* @group #clientsList */

.clientsList {
	float: left;
	width: 100%;
	padding: 0.5em 0;
	margin: 12px 0 0;
	background: #444;
}

.clientsList p {
	clear: left;
	float: left;
	padding: 0.5em 10px 0.5em;
	color: #353535;
	font-weight: bold;
}

.clientsList li {
	float: left;
}

.clientsList li a,
.clientsList li span {
	display: block;
	padding: 0.5em 10px;
	color: #5c7227;
	text-decoration: none;
}

.clientsList li a:hover,
.clientsList li a:focus,
.clientsList li a:active {
	color: #fff;
	background: #75a10b;
	text-decoration: none;
}

.clientsList li span {
	color: #666;
}

/* @end */

/* @group #clientsPage */

#clientDetails {
	clear: both;
	float: left;
	width: 960px;
}

#clientsPage .details {
	float: right;
	width: 319px;
	min-height: 400px;
	color: #353535;
	background: #fff;
}

#clientsPage .details h1 {
	display: block;
	padding: 0 10px;
	border: 1px solid #353535;
	border-width: 0 0 1px;
	margin-bottom: 0.666em;
	color: #353535;
	font-size: 1.5em;
	line-height: 2;

}

#clientsPage .details p {
	font-size: 1em;
	line-height: 1.5;
	padding: 0 10px 1em;
}

#gallery {
	float: left;
	position: relative;
	width: 641px;
	min-height: 400px;
}

#gallery img {
	display: block;
	width: 640px;
}

#gallery li {
	position: absolute;
	left: 0;
	top: 0;
}

/* @group gallery */

ul.gallery {
	clear: both;
	float: left;
	width: 960px;
	height: 35px;
	overflow: hidden;
	border-top: 1px solid #353535;
	list-style: none;
	background: #3e3e3e;
}

ul.gallery li {
	float: left;
	border-right: 1px solid #353535;
}

ul.gallery li a {
	float: left;
	width: 159px;
	height: 35px;
	text-indent: -3000px;
	background: #353535 url(/images/layout/clients-galleryNav.gif);
}

ul.gallery li.th1 a {
	width: 160px;
}

ul.gallery li.th2 a {
	background-position: -161px 0;
}

ul.gallery li.th3 a {
	background-position: -321px 0;
}

ul.gallery li.th4 a {
	background-position: -481px 0;
}

ul.gallery li.th5 a {
	background-position: -641px 0;
}

ul.gallery li.th6 {
	border: none;
}

ul.gallery li.th6 a {

	background-position: -801px 0;
}

/* @end */

/* @end */

/* @group #contact */

#contact #content,
#prestations #content {
	background: #fff url(/images/layout/faux-column.gif) -320px 0;
	margin: 12px 0;
}

#contact .main,
#prestations .main {
	float: left;
	width: 640px;
	color: #525252;
	line-height: 1.5;
	background: #fff url(/images/layout/contact-cards.gif) no-repeat 20px 10px;
}

#prestations .main {
	background: #fff;
}

#contact .main div.intro {
	background: #ccb url(/images/layout/contact-cards.gif) no-repeat 20px 10px;
}

#prestations .main div.intro {
	background: #ccb;
}

#contact .main .intro h2,
#prestations .main .intro h2 {
	min-height: 87px;
	padding: 12px 12px 12px 250px;
	font: 2em/1.2em Georgia;
}

#prestations .main .intro h2 {
	padding: 12px;
}

#contact .main p.intro {
	padding: 1em 10px 2em 250px;
}

#prestations .main p.intro {
	padding: 1em 10px 2em;
}

#contact .main .projectsPlanner {
	clear: both;
	float: left;
	width: 379px;
	padding: 1em 10px 1em 250px;
}

#contact .main .projectsPlanner ul {
	float: left;
	margin: 1em 0 0;
}

#contact .main .projectsPlanner ul li {
	float: left;
}

#contact .main .projectsPlanner ul li a {
	display: block;
	width: 189px;
	padding: 148px 0 10px;
	text-align: center;
	background: no-repeat center top;
}

#contact .main .projectsPlanner ul li a:hover,
#contact .main .projectsPlanner ul li a:focus,
#contact .main .projectsPlanner ul li a:active {
	color: #fff;
	background-position: center bottom;
	background-color: #8b0;
}

#contact .main .projectsPlanner ul li.txt a {
	background-image: url(/images/layout/contact-projectsPlannerTxt.gif);
}

#contact .main .projectsPlanner ul li.pdf a {
	background-image: url(/images/layout/contact-projectsPlannerPdf.gif);
}

#contact .main h1 {
	font-weight: bold;
}

#prestations .main ul {
	margin: 1em 10px 2em;
}

#contact .main form {
	clear: both;
	float: left;
	width: 620px;
	padding: 1em 10px 2em;
	background: #ccb;
}

#contact .main form h1,
#contact .main form p {
	margin-left: 240px;
}


#contact .main form li {
	clear: both;
	float: left;
	width: 100%;
	padding: 0 0 6px;
}

#contact .main form label {
	float: left;
	width: 230px;
	margin-right: 10px;
	text-align: right;
}

#contact .main form input,
#contact .main form textarea {
	float: left;
	width: 375px;
	padding: 0;
	border: 1px solid #a3a395;
	border-width: 1px 0 0;
}

#contact .main form .submit input {
	width: auto;
	margin-left: 240px;
	line-height: 1;
	padding: 6px;
	border: none;
	color: #fff;
	background: #525252;
}

#contact .main form .submit input:hover {
	background: #8b0;
}

#contact .aside,
#prestations .aside {
	float: left;
	width: 319px;
	color: #525252;
	font-size: 1em;
	line-height: 1.5;
	background: #fff;
	margin-left: 1px;
}

#contact .aside form,
#prestations .aside form {
	height: 7em;
	min-height: 87px;
	padding: 12px 10px;
	margin: 0 0 1px;
	background: #ccb;
}

#contact .aside form fieldset,
#prestations .aside form fieldset {
	width: 240px;
	margin: 0 auto;
}

#contact .aside form legend,
#prestations .aside form legend {
	font-weight: bold;
	line-height: 2;
	padding: 0 0 0.2em;
}

#contact .aside form p.submit,
#prestations .aside form p.submit  {
  padding-left: 120px;
}

#contact .aside form ol,
#prestations .aside form ol {
	clear: both;
	float: left;
}

#contact .aside form li,
#prestations .aside form li {
	clear: both;
	float: left;
	width: 100%;
	line-height: 2;
	padding: 0;
}

#contact .aside form label,
#prestations .aside form label {
	clear: left;
	float: left;
	width: 90px;
}

#contact .aside form input,
#prestations .aside form input {
	float: left;
	width: 140px;
	border: 1px solid #a3a395;
	border-width: 1px 0 0;
}

#contact .aside h2,
#prestations .aside h2 {
	font-weight: bold;
	text-transform: uppercase;
	padding: 1em 10px;
}

#contact .aside h3,
#prestations .main h3 {
	font-weight: bold;
	padding: 0 10px 0.25em;
}

#prestations .main .prestations {
	float: left;
	width: 33%;
}

#contact .aside ul,
#prestations .aside ul  {
	padding: 0 0 1em;
}

#contact .aside li,
#prestations .main li,
#prestations .aside li {
	padding: 0 10px 0.25em 20px;
}

#contact .aside li li,
#prestations .aside li li {
	padding-left: 10px;
}

#prestations .aside li strong {
	display: block;
	font-weight: bold;
}


/* @end */

/* @group .default */

body.default #content {
	margin: 12px 0;
	color: #525252;
	font-size: 1em;
	line-height: 1.5;
	background: #fff url(/images/layout/faux-column.gif) repeat-y 320px 0;
}

body.default #content .title {
	padding: 12px 10px;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: none;
	background: #ccb;
}

body.default #content p {
	padding: 12px 10px 0;
}

body.default .main {
	float: left;
	width: 640px;
	padding: 0 0 10px;
}

body.default .aside {
	float: left;
	width: 319px;
	margin-left: 1px;
	padding: 0 0 10px;
}

body.default .aside h2 {
	font-weight: bold;
	text-transform: uppercase;
	padding: 12px 10px;
}

body.default .aside h3 {
	font-weight: bold;
	padding: 0 10px 0.25em;
}

body.default .aside ul {
	padding: 0 0 1em;
}

body.default .aside li {
	padding: 0 10px 0.25em 20px;
}

body.default .aside li li {
	padding-left: 10px;
}

/* @end */

/* @group #lab */

#labs #content {
	background-color: transparent;
}

#labs .aside {
	width: 321px;
	background: none;
}

#labs .aside ul.products {
	width: 100%;
	background: none;
}

#labs .aside ul.products li a {
	display: block;
	width: 301px;
	padding: 0 10px;
	margin: 0 0 2px;
	color: #353535;
	font-size: 1.5em;
	line-height: 2;
	text-decoration: none;
	background: #444 url(/images/layout/lab-tab.jpg) 321px 0;
}

#labs .aside ul.products li a:hover {
	color: #fff;
}

#labs .aside ul.products li a.current {
	border-width: 1px 0 ;
	color: #fff;
	background: #525252;
}

#labs .aside h3 {
	color: #444;
	margin-bottom: 0;
	background: transparent;
}

#labs .aside li {
	padding: 0;
}

#labs .main {
	padding: 0;
}

#labs .main #comments {
	margin: 20px 0 0;
}

/* @end */

/* @end */

/* @group #footer */

#footer {
	clear: both;
	padding: 0 10px;
	margin: 0 0 24px;
	color: #353535;
	line-height: 3;
	text-align: right;
	background: #525252;
}

#footer .code {
	float: left;
}

#footer .code li {
	float: left;
	padding: 0 15px 0 0;
}

#footer .code a {
	color: #fff;
	text-decoration: none;
}

#footer .code a:hover {
	text-decoration: underline;
}

#footer a {
	color: #353535;
	text-decoration: underline;
}

#footer a:hover, #footer a:focus, #footer a:active {
	color: #fff;
	text-decoration: none;
	background: none;
}

/* @end */
#error #content,
body.popup {
	background: #fff;
	color: #525252;
}

#error h1,
body.popup h1 {
	padding: 12px 10px;
	margin: 0 0 12px;
	font-size: 1.5em;
	font-weight: bold;
	color: #525252;
	background: #ccb;
}

body.popup h2 {
	padding: 12px 10px;
	font-weight: bold;
}

body.popup p {
	padding: 0 10px 6px;
	line-height: 1.5;
}

#error #content ul {
	padding: 0 10px;
}

#error #content ul li {
	padding: 6px 0;
	font-size: 1.5em;
}

#error #content p {
	float: left;
	padding: 6px 10px;
	margin: 0 0 6px;
}

#error #content p.previous a {
	float: left;
	padding: 6px 12px;
	color: #fff;
	text-decoration: none;
	background: #525252;
}

#error #content p.previous a:hover,
#error #content p.previous a:focus,
#error #content p.previous a:active {
	background: #8b0;
}

body.popup div.vcard {
	padding: 0 10px;
	line-height: 1.5;
}

/* @group Fancybox 1.0.0 */

div#fancy_overlay {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	background-color: #333;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(/images/fancy/fancy_progress.png) no-repeat;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -12px;
	height: 30px;
	width: 30px;
	background: transparent url(/images/fancy/fancy_closebox.png) ;
	cursor: pointer;
	z-index: 100;
	display: none;
}

div#fancy_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0; 
	margin: 0;
	z-index: 96;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 92;
}

div#fancy_title {
	position: absolute;
	bottom: -35px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

/*div#fancy_title table {
	margin: 0 auto;
}*/

/*div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 2px;
}*/

/*td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(/images/fancy/fancy_title_left.png) repeat-x;
}*/

/*td#fancy_title_main {
	height: 32px;
	background: transparent url(/images/fancy/fancy_title_main.png) repeat-x;
}*/

/*td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(/images/fancy/fancy_title_right.png) repeat-x;
}*/

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 58px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #444;
	background: #FFF;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 10px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	background-image: url(data:image/gif;base64,AAAA);
	z-index: 100; 
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

a#fancy_left:hover {
	background: transparent url(/images/fancy/fancy_left.gif) no-repeat 0% 100%;
}

a#fancy_right:hover {
	background: transparent url(/images/fancy/fancy_right.gif) no-repeat 100% 100%;
}

#fancy_bigIframe, #fancy_freeIframe {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

div#fancy_bg {
	display: none;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: url(/images/fancy/fancy_shadow.png) 0 -18px;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: url(/images/fancy/fancy_shadow.png) 0 -36px;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(/images/fancy/fancy_shadow_sides.png) repeat-y -13px 0;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(/images/fancy/fancy_shadow.png) 0 -54px;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background:  url(/images/fancy/fancy_shadow.png) 0 -72px;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: url(/images/fancy/fancy_shadow.png) 0 -90px;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: url(/images/fancy/fancy_shadow_sides.png);
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: url(/images/fancy/fancy_shadow.png);
}

/* @end */