/**
* CSS
* 
*/

* {
	margin: 0;
	padding: 0;
}


#mail{
	background-color:#FFF;
	margin-left: auto;
	margin-right: auto;
	width: 185px;
	height:150px;
	margin-left:10px;
	margin-top:0px;
	padding:5px;
	position:absolute;
}

#headermail {
	
	width: 195px;
	height:5px;
	background: none;
	border-top-width:medium;
	border-top: 6px #403A3C solid;
	margin-left:-5px;
	margin-top:8px;
}


	


body {
		background-image: url(http://www.juliensouply.com/ndxz-studio/site/img/fond.jpg);
		background-repeat:repeat;
		font-size: 62.5%;
		font-family: Georgia, serif;
	}


label { 
	text-transform: uppercase;
	letter-spacing: 1px; 
	font-weight: normal; 
	color: #403A3C;
	padding-bottom: 3px;
	}
	
input {
	font-size: 10px;
	font-family: Geneva, 'Lucida Grande', Helvetica, sans-serif;
	color: #403A3C;
	}



textarea {
	font-size: 10px;
	font-family: Geneva, 'Lucida Grande', Helvetica, sans-serif;
	background: #fff;
	color: #403A3C;
}





h1 { 
	font-size: 30px;
	font-weight: bold;
	color:#D10019;
	font-family: Georgia, serif;
	letter-spacing:-1px;
	line-height:10px;
	margin-left:10px;
	}


h2 {
	font-size:20px;
	font-weight: normal;
	color:#000000;
	font-family: Georgia, serif;
	letter-spacing:-1px;
	margin-left:10px;
}
h3 {
	color:#999;
	font-family: Georgia, serif;;
	font-style:italic;
	font-size:12px;
	font-weight:lighter;
	letter-spacing:0.02cm;
	line-height:16px;
	padding-top:10px;
	margin-left:10px;
}

a:link { text-decoration: none; color:#D10019 }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color:#D10019  }
a:hover { text-decoration: underline; color: color:#999; }

#menu a:link { text-decoration: none; color: color:#D10019 }
#menu a:active { text-decoration: none; }
#menu a:visited { text-decoration: none; color:#D10019  }
#menu a:hover { text-decoration: underline; color:#D10019}

#footer a:link { color:#D10019;}
#footer a:active { color:#D10019;}
#footer a:visited {color:#D10019}
#footer a:hover { color:#D10019 text-decoration: underline;}

#theform { padding-left: 10px; width:500px;}

a img { border: none; }

#global {
	background-color:#FFF;
	margin-left: auto;
	margin-right: auto;
	width: 720px;
	margin-top:30px;
}

#page {
}

#header {
	
	width: 720px;
	height:5px;
	text-align: center;
	background: none;
	border-top-width:medium;
	border-top: 6px #403A3C solid;
}

#footer {

	background: none;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: thin #403A3C solid;
	
}



#menu {
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
	padding: 15px 0 10px ;
	position: relative;
	background-color: #fff;
	border-bottom: thin #403A3C solid;

	
}

#menu ul {

	list-style: none;
	float:left;
	width:100px;
	margin-left:40px;
	white-space:normal;
	}

#menu li {padding: 1.3px; }

#menu ul li.section-title { 
	text-transform: uppercase;
	letter-spacing: 1px; 
	font-weight: normal; 
	color: #403A3C;
	padding-bottom: 3px;
	
	}


#content {
	width:720px;
	margin: 0;
    top: 0;
}

#desc {
	
	background: #eee;
	margin-top: 12px;
	padding: 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;

}

#showlink { text-align: right;}

#bottom {

	background: none;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-top: medium #403A3C double;
	width:720px;
	position:relative;

}

.container {
		width:720px;
	margin: 0;
    top: 0;

}

.small {font-size: 12px;}
.large {font-size: 16px;}
.light { color: #AAA3A6; }
.white { color:#FFF; }




.overlay {

	position: fixed;
	top: 0;
	left: auto;
	right: auto;
	width: 720px;
	background: #403a3c;
	filter: alpha(opacity=95);
	-moz-opacity: .95;
	-khtml-opacity: .95;
	opacity: .95;
	
}


#resume { color: #FFF; padding: 30px; font-size: 11px; line-height: 16px; }
#resume p { width: 500px;}
#resume em { font-weight: 800; letter-spacing: 1px; font-style: normal;}
#resume strong {padding-bottom: 7px;}

.rlinks { font-size: 14px; }

#closeButton{ 
	background: url(ite/hellobrandon/img/close.png); 
	background-position: center left; 
	background-repeat: no-repeat; 
	
	}

#closeButton a:link, #closeButton a:active, #closeButton a:visited, #closeButton a:hover {
	font-size: 9px;
	padding-left: 15px;
	color: #FFF;
	text-decoration: none;
	letter-spacing: 2px;
	font-weight: 800;

}

strong {font-weight: bold; text-transform: uppercase; letter-spacing: 2px;}
.uppercase {text-transform: uppercase; letter-spacing: 1px;}

#content p { margin-bottom: 9px; }

p {
    margin: 0 0 9px 0;
}



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

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

#info { text-align: center; font-size: 11px; color: #AAA3A6;}

#once { clear: left; }
#rand { }
#iframed { height: 450px; }