body, form, input {
color : #6b6a6a;
font-family : Colibri, Helvetica, sans-serif;
font-size : 12px;
text-align : center;
}
img {
border : 0;
}
a:link, a:visited {
color : #333;
text-decoration : none;
}
a:hover {
color : #666;
text-decoration : underline;
}
#global {
margin-left : auto;
margin-right : auto;
width : 90%;
text-align : left;
}
#corps {
float : left;
display : block;
border : 1px solid #bfbfbf;
height : 95%;
width : 1000px;
margin : auto;
padding : 30px 30px 30px 30px;
}
#header {
display : inline;
float : left;
height : 50px;
text-align : right;
}
#header h1 a {
text-decoration : none;
}
#nav {
display : inline;
float : right;
font-size : 22px;
}
#nav ul li {
display : inline;
list-style : none;
padding : 25px 30px 0 30px;
}
#nav ul li a {
color : #a5a5a5;
font-size : 20px;
height : 25px;
line-height : 24px;
text-align : right;
text-decoration : none;
width : 535px;
}
#nav ul li a:link, a:visited {
color : #a5a5a5;
}
#nav ul li a:hover {
color : #868686;
}
#title {
clear : left;
display : inline;
float : left;
height : 30px;
padding : 50px 0 0 0;
text-align : left;
width : 200px;
}
#content, #content_bio, #content_home {
display : inline;
float : left;
height : 450px;
padding : 60px 10px 10px 50px;
text-align : left;
width : 700px;
}
#content_bio {
height : 80%;
}
content_home {
padding : 10px 10px 10px 30px !important ;
}
#footer {
clear : both;
display : inline;
float : left;
height : 30px;
margin : 0 50px 0 50px;
padding : 5px 0 5px 5px;
text-align : center;
font-size : 10px;
width : 90%;
}
h1 {
color : #868686;
display : inline;
font-size : 26px;
font-weight : 105;
text-align : left;
line-height : 1em;
}
h2 {
font-size : 24px;
font-weight : 100;
}
h3 {
display : block;
font-size : 13px;
}
p.email {
display : inline;
text-align : right;
font-size : 12px;
color : #999;
padding : 0 0 0 0;
line-height : 1em;
}
/*
			img
		*/
.thumbnail {
float : left;
background : url(../images/shadowAlpha.png) no-repeat right bottom !important ;
background : url(../images/shadow.gif) no-repeat right bottom;
margin : 10px 0 0 10px !important ;
margin : 10px 0 0 5px;
}
.thumbnail img {
display : block;
position : relative;
background-color : #fff;
border : 1px solid #a9a9a9;
margin : -6px 6px 6px -6px;
padding : 4px;
}
/*
			Contact location
		*/
#location {
clear : both;
display : inline;
float : left;
width : 200px;
}
/*
			Contact form
		*/
#form {
background : url(../images/separator.jpg) no-repeat left top;
display : inline;
float : left;
margin-left : 80px;
padding-left : 80px;
width : 300px;
}
form {
padding : 0;
width : 350px;
text-align : left;
}
fieldset {
padding : 0;
margin-bottom : 10px;
}
legend {
color : #a0522d;
font-weight : bold;
}
label {
padding-top : 10px;
display : block;
}
label.inline {
display : inline;
}
input {
text-align : left;
padding : 0 0 0 0;
border : 1px solid #bfbfbf;
background-color : #ededed;
}
textarea {
text-align : left;
border : 1px solid #bfbfbf;
background-color : #ededed;
}
input[type="image"]:hover {
border : 2px outset white;
background-color : white;
}
/*
			Vertical Accordions
		*/
		
		.accordion_toggle {
			display: block;
			height: 30px;
			width: 680px;
			/*background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;*/
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			/*background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;*/
			/*color: #ffffff;*/
			border-bottom: 1px solid #f68263;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 450px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
	#container{
	margin: 0px 0px 0px 0px;
	
	}
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 680px;   
      height: 100px;    
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
    }