/*
CSS File

*/
@import url(reset.css);

body{background-image:url("background.gif");background-position:50% 0%;background-repeat:repeat-y;}
body * {line-height:17px;font-family:Arial;}

strong { font-weight:bold;}
a{text-decoration:none;  color:#ff7200;outline: none;}
a:hover{text-decoration:underline;}
.flash-replaced .alt { display: block; height: 0;	position: absolute;	overflow: hidden;	width: 0;}

/* =layout (helpers) */
.cols_4{float:left; width:676px;}
.cols_3{float:left; width:507px;}
.cols_2{float:left; width:338px;}
.cols_1{float:left; width:169px;}

.mt { margin-top:17px;}
.mr { margin-right:17px;}
.mb { margin-bottom:17px;}
.ml { margin-left:17px;}
.ml1 { margin-left:1px;} 

p { margin-bottom:12px;}

/* =main (all pages) */
#main{ width:849px; margin:50px auto;}

  /* =menu */
  #menu{
  /*background:#ccff00;opacity:.5;filter:alpha(opacity=50);*/
  margin-top:-5px;
  float:left;width:171px;text-align:right;font-size:10px;text-transform:uppercase;}
  #menucontent{margin-right:18px;}
  #menu #logo{height:42px;}
  #menu h1{color:#ff7200;font-weight:normal;margin-bottom:33px;} /*line-height:25px;margin-bottom:28px;}*/
  #menu h2{color:#ff7200;line-height:25px;margin-top:29px;font-weight:normal;}
  #menu a{color:#000;text-decoration:none;line-height:25px;}
  #menu a:hover{text-decoration:underline;}

  /* =content (all pages) */
  #content{ 
  margin-left:1px; padding-bottom: 50px;
  /*background:#ffcc00;opacity:.5;filter:alpha(opacity=50);*/
  float:left; width:677px;}
  #content div{font-size:12px;}
  #content h1{margin-bottom:0px;font-size:36px;height:36px;margin-left:0px;line-height:36px;}
  #content h2{margin-bottom:3px;font-size:20px;height:30px;}
  #content h4{font-weight: bold;}
  #content h4.subtitle {margin-top:5px;}
  #content h1.toptitle {margin-bottom:30px;margin-top:-4px;}

/* =contact/cv */
#contactForm input,#contactForm textarea {font-size:13px;} 
#contactForm #form_subj{display:none;}
#contactForm input, #contactForm a{display:block;}
#contactForm #form_message {font-size:13px;}

/* =home */
#content .project_short{float:left;  width:338px;  height:103px;margin-bottom:14px;}
#content .project_thumb{float:left;  width:169px;}
#content .project_short_infos{float:left;  padding-left:5px;  width:164px;height:103px;}
#content div.project_title{font-size:11px;  font-weight:bold;}
#content div.project_caption{font-size:11px;  font-weight:normal;}

#content .project_link{margin-top:4px;}
#content .project_link a{font-size:11px; font-weight:normal;  text-decoration:none;  color:#ff7200;}
#content .project_link a:hover{text-decoration:underline;}

.text_intro img { width:338px;height:auto;}

/* =project */
#content .gallery{height:440px;}
#content .gallery ul{height:410px;}
#content .gallery ul li{position:absolute;  width:676px;  height:410px;  overflow:hidden;}
#content .gallery ul li img{width:676px;  height:410px;cursor: pointer;}
#gallery_control { width:672px;padding:2px;}
#gallery_buttons {float:left;}
#gallery_buttons a {color:#000;padding-right:5px;font-size:11px;}
#gallery_buttons a.selected {color:#000;padding-right:5px;text-decoration:underline;}
#gallery_playpause {color:#000;padding-left:5px;}
div#gallery_caption { float:right;font-size:11px;}
#gallery_caption .no {margin-right:5px;font-size:11px;}
         

/* =contact / cv */
#form_name, #form_email { padding:3px;border:1px solid #000;width:331px; height:18px;margin-left:-1px;margin-bottom:8px; }
#form_message { padding:3px;border:1px solid #000;width:331px; height:204px;margin-left:-1px; margin-bottom:8px;}
#content a.bt_send { display:block;width:100px;height:20px;color:#fff;background-color:#000;text-transform:uppercase;text-align:center;padding-top:2px;}
/*#content #cv div{ font-size:10px;}   */


/* =allprojects */
.grouped_projects {
  margin-bottom:50px;
}
.group_title {
  clear:both;
  margin-bottom:50px;
}