/**
* CSS
* 
* @name: HELLO STEFAN, GRID
* @author: Stefan Coisson (www.hellostefan.com) 
* @what?: I love you.
*/


/* FROM INEXHIBIT */
* {
	margin: 0;
	padding: 0;
}

html, body { 
	font-family:Georgia, "Times New Roman", Times, serif;
	background-color:#fff;
	color: #000;
	text-decoration: none;
	word-spacing: Normal;
	text-align: left;
	letter-spacing: 0px;
	text-indent: 0px;
	line-height: 1em;
	font-size: 13px;
	height: 100%;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color:#555 }
a:active { text-decoration: none;  color:#de0000; }
a:visited { text-decoration: none;  color:#555; }
a:hover { text-decoration: none;  color:#de0000; }

a img { border: none; }

#menu ul { 
	margin-bottom:0; 
	list-style:none; 
	float: left; 
	width:auto; 
	padding: 0 60px 10px 0; 

	}

#menu ul li.section-title { color: #de0000; text-decoration: none; font-weight: bold; padding-top:10px; padding-bottom: 1px;}

#menu ul li { display:block; margin:0; padding:0; }

#menu li{ margin:0; padding:0; }

.menu { vertical-align:bottom; }


.container { padding: 0px 0px 0px 0px; height:100%; min-height: 100%; }

p { margin: 0 0 9px 0; }

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }
h5 { font-size: 10px; }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 0px 0; }

#once { clear: left; }

#content {
width:901px;
	font-family:Georgia, "Times New Roman", Times, serif;
	background-color:#fff;
	color: #000;
	text-decoration: none;
	word-spacing: Normal;
	text-align: left;
	letter-spacing: 0px;
	text-indent: 0px;
	line-height: 150%;
	font-size: 13px;
	height: 100%;
	}
	
  

/**type changes**/

.name { text-transform:none; color:#de0000; font-weight:bold; }

.title { font:Georgia, "Times New Roman", Times, serif; line-height: 13pt; font-size: 10pt; color:#00ADEF; font-weight:bold; }

.hello { font:Georgia, "Times New Roman", Times, serif; line-height:125%; font-size:36px; color:#de0000; }

.info { font:Georgia, "Times New Roman", Times, serif; line-height:125%; font-size:36px; padding-bottom:10px; }

/* RESUME */

table#grid {
    vertical-align: top;
    border: none;   
    border-collapse: collapse;
    margin: 0px;
	}

.td1 {
	width:132px;
	padding-right:75px;
	margin:0px;
    vertical-align: top;
    border-collapse: collapse;
	}

.td2 {
	width:179px;
	padding-right:75px;
	margin:0px;
    vertical-align: top;
    border-collapse: collapse;
	}
	
.td3 {
	width:86px;
	padding-right:56px;
	margin:0px;
    vertical-align: top;
    border-collapse: collapse;
	}

.td4 {
	padding-right:60px;
	width:122px;
	margin:0px;
    vertical-align: top;
    border-collapse: collapse;
	}

.tdabout {
	padding-top:0px;
	width:350px;
	padding-right:66px;
	margin:0px;
    vertical-align: top;
    border-collapse: collapse;
	}

#grid ul { margin-bottom:0; list-style:none; padding-bottom:15px; }

#grid ul li { display:block; margin:0; padding:0; }

.bold { font-weight:bold;}

.italic { font-style:italic }

/* MAIN STRUCTURE */

#wrap { 
	margin:0 auto;
	margin:0 0 -40px 0px;
	background:#fff; 
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:940px;
	clear:both;
	}


/* TOP INFO */

#logo { 
	background:#fff; 
	width:60px; 
	height:110px; 
	margin:65px 0px 0px 30px; 
	float:left; 
	overflow:auto; 
	}

#name { 	
	background:#fff; 
	width:800px; 
	height:15px;
	padding-bottom:10px;
	margin:25px 20px 0px 20px; 
	float:right; 
	overflow:none; 
	}

/* NAVIGATION */

#nav { 	
	background:#fff; 
	width:800px; 
	height:auto;
	vertical-align:top;
	margin:0px 0px 0px 0px; 
	float:right; 
	overflow:none; 
	}

.clear {clear:both;}


/* HEADER(MAIN CONTENT) */
	
#content { 
	background:#fff; 
	float:left; 
	height:100%; 
	padding:75px 20px 50px 230px; 
	clear:both; 
	overflow:auto; 
	}


/* FOOTER */
#push {
	background: none;
	}
#footer { 
	background:#fff;
	float:left;
	height:40px;
	width:820px;
	padding-left:120px;
	margin:0 0 0 20px;
	}