/***************************************************
			      Reset
***************************************************/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary {
  margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

a img {
  border: none
}

aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block}

/***************************************************
			      Global styles
***************************************************/

html {
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
	width: 100%;
	height: 100%;
}

body {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background-color: white;
	color: #575757;
	margin: 0; 
	height: 100%; 
	line-height: 1.6;
	background-image: url(../images/bg.png); 
	background-position: left top;
	background-repeat: repeat;	
}

p {
	margin-top: 3px;
	padding-bottom: 0.5em;
}

a:link {
	color: green;
/*	text-decoration:none;
	font-weight:bold;
*/
}

a:visited {
	color: green;
}
		
h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
	position: relative;
}

h1 {
	font-size: 2em;
	line-height: 0.9;
	color: #666666;
	text-align: left;
	margin-bottom: 13px;
	padding-bottom: 15px;
}

 h1 span {
	font-size: 1.9em;
	line-height: 12px;
	color: #666666;
	margin-left: 10px;
}
	
h2 {
	font-size: 1.7em;
	line-height: 1.8;
	color: #666666;
	text-align: left;
	border-bottom: 1px solid #A3A3A3;
	margin-bottom: 7px;
	padding-bottom: 12px;
}
	
h3 {
	font-size: 1.5em;
	line-height: 0.9;
	color: #575757;
	text-align: left;
	margin-bottom: 6px;
	padding-bottom: 5px;
}

h4 {
	font-size: 1.2em;
	line-height: 0.9;
	color: #CC3333;
	text-align: left;
	margin-bottom: 0.7em;
	margin-top: 1em;
}

h5 {
	font-size: 1.1em;
	font-style:italic;
	text-decoration:underline;
	line-height: 0.9;
	color: #666666;
	text-align: left;
	margin-bottom: 0.6em;
	margin-top: 0.8em;
}


/***************************************************
			    Main containers
***************************************************/
	
.container {
	position: relative;
	width: 920px;
/*	height:25px;*/
	margin: 0 auto;
	background-color: transparent;
	min-height:100%;
}

.group_triple {
 	float: left;
	width: 276px;
	position: relative;
	background: transparent;
	padding: 10px 15px 15px 15px;
}

.group_single {
	float: left;
	width: 276px;
	position: relative;
	background: transparent;
	padding: 10px 0px 15px 15px;
}

.group23 {
	float: none;
	position: relative;
	background: transparent;
	margin-left:276px;
	padding: 10px 15px 15px 15px;
	border-left: 1px solid #A3A3A3;
}

.group23small {
	float: none;
	position: relative;
	background: transparent;
	margin-left:276px;
	padding: 2px 15px 15px 0px;
/*	border-left: 1px solid #A3A3A3;*/
}
	
	
/***************************************************
			        HEADER
***************************************************/
		
header {
	position: relative;
/*	float: left;*/
	width: 100%;
	height: 105px;
	border-bottom: 1px solid #A3A3A3;*/
}

.header_fixed{
	width: 920px;
	height: 105px;
	position:fixed; 
	z-index: 1000;
	background-image: url(../images/bg.png); 
	background-position: left top;
	background-repeat: repeat;	
	padding-bottom: 4px;
}

.fixed_header_margin {
  padding-top:110px;
  padding-left:276px;
}
	
#header_logo {
	position: relative;
/*  float: left;*/
	left: 0px;
	width: 246px;
	height: 43px;
	top: 22px;
}

.clearing {
	clear: both;
	display: inline;
	width: 100%;
	height: 0;
	overflow: hidden;
}

#header_description {
  color:gray;
	font-size: 18px;
	line-height: 1.8;
/*	color: #666666;
*/	text-align: left;
	margin: 0 0 0 5px;
	padding-top: 0.7em;
/*	float:left;*/
}

#intro_availability {
  color: blue;
	font-size: 14px;
	font-style:italic;
	/*font-weight:bold;*/
	margin: 0;
	padding-top: 0em;
	padding-bottom: 0em;
/* 	float:left;*/
 	text-align:center;
 	vertical-align:middle;
 	display:inline-block;
 	height:2.8em;
    line-height: 1.4em;
    white-space: pre-line;
}


/***************************************************
			        FOOTER
***************************************************/

footer {
	z-index: 2000;
  position:fixed; 
  bottom: 0;
	color:silver;
	height: 25px;
	clear: both;
	width: 100%;
	background-color: black;
  padding-top: 2px;
/*  margin-top:-35px;*/
}

#footer_placeholder
{
  width:100%;
  min-height:20px;
  overflow:auto;
}

#FooterCopyright {
 	float:left;
  padding-left: 3em;
}

#FooterModified {
  padding-left: 0;
  padding-right: 3em;
	float:right;
}

	
/***************************************************
				   HOLDERS
***************************************************/	

.holder_content {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 4px;
	margin-bottom: 5px;
	padding-top: 10px;
	/*border-top: 1px solid #A3A3A3;*/
	border-bottom: 1px solid #A3A3A3;
}
		
.holder_content.bottom {
	border-bottom: 0px solid transparent;
}
		
/***************************************************
			        GALLERY
***************************************************/

.photo {
	position: relative;
	float: left;
	margin: 0 0 0 0;
    padding: 4px;
    background-color: #fafafa;
	border: 1px solid #D6D6D6;
}


a.photo_hover {
	position: relative;
	float: left;
	margin: 0 0 0 0;
    padding: 4px;
    background-color: #fafafa;
	border: 1px solid #D6D6D6;
}

a.photo_hover:hover {
	background-color: white;
	opacity: 0.9;
	z-index: 900;
	top:1px;
}
	
a.photo_hover.my {
	margin: 0 8px 0 0;
	padding: 4px;
}

a.photo_hover.my:hover {
	background-color: white;
	opacity: 0.9;
	z-index: 900;
	top:1px;
}


/***************************************************
				       MENU
***************************************************/

nav {
	position: absolute;
	width: 520px;
	top: 28px;
	left: 400px;
	background: transparent;
	border-top: 1px solid #A3A3A3;
	border-bottom: 1px solid #A3A3A3;
}

nav ul li {
	float: left;
	padding-left: 1em;
	line-height:1.3em;
}

nav ul li a {
	font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: normal;
	display: block;	/* IE6, IE7 line height fix */
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: transparent;
	margin-left: 0.3em;
  text-decoration: none;
}

nav ul li a:link {
	color: #666666;
}

nav ul li a:visited {
	color: #666666;
}

nav ul li a:hover {
  color: black;
  position:relative;
  top:1px;	
}

nav ul li a.current {
	color: #CC3333;
}

nav#nav_project {
  top: 110px;
  width: 210px;
  left: 20px;
	background: transparent;
  padding-bottom:15px;
	/*border-right: 1px solid #A3A3A3;*/
	/*border-left: 1px solid #A3A3A3;*/
	border-top: 0px solid transparent;
}

nav#nav_project ul li {
	float:none;
	display: block; 
	text-align: left;
  color: black;
}

nav#nav_project ul li.not_a {
	font-size: 1.0em;
  color: #666666;
	margin-left:7px;
	margin-top: 15px;
	margin-bottom: 7px;
	text-decoration: underline;
}

nav#nav_project ul li a{
  color: green;
	font-size: 0.9em;
	padding: 0px 0px 2px 2px;
  /*color: blue;*/
	/*font-weight:bold;*/
}

nav#nav_project ul li a:hover {
  top:-1px;	
}


/***************************************************
				   SPECIFIC
***************************************************/
 	
.button {
  border-radius: 3px 3px 3px 3px;
  /*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  */
  transition: background-color 300ms ease-out 0s;
    
	width: 71px;
	height: 14px;
	position: relative;
	margin-top: 12px;
	padding: 8px;
	display: inline-block;
	color: black;
 	background-color:#ddd;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 0.9em/100% Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.button:hover {
	background-color:#aaa;
}
	
.button:active {
	position: relative;
	top: 1px;
}

.button.contact {
	width: 16em;
    color:white;
	background-color:#5da423;
}

.button.contact:hover {
	background-color:#457a1a;
}


/***************************************************
				   Skills only
***************************************************/

#skill_table {
  border-spacing: 1em;
}


#skill_table td {
  vertical-align:top;
  width:50%;
  padding: 0 1em 1em 1em;
  border-bottom: 1px solid #A3A3A3;
  border-right: 1px solid #A3A3A3;
/*  background: white;
   -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
           border-radius: 7px;
           border: 1px #A3A3A3 solid;*/
}

.skill_list {
  list-style: none;
  padding: 0;
  float:none;
  padding-left: 1em;
} 
 
.skill_list li {
}