body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
vertical-align: baseline;
}

html {
height: 100%;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}

body {
line-height: 1;
color: #fff;
background: #02010b;
font-family: Georgia, serif;
font-size: 62.5%;

}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}

a {
color: #fe8f00;
}

a:hover {
color: #fda12a;
}

h1 {
font-size: 5em;
margin-bottom: 30px;
margin-left: -30px;
}

h2 {
font-size: 2.5em;
font-style: italic;
line-height: 1.4em;
width: 58%;
margin-bottom: 30px;
}

#cheat {
	position: absolute;
	display: none;
	}
	
	#everything {
		position: absolute;
		width: 100%;
		background: transparent url(images/photo_2.jpg) no-repeat top center;		
	}
	
#bkg {
	position: absolute;
	width: 100%;
	
}


#content {
width: 100%;
margin: 0 auto;
min-width: 800px;
max-width: 1400px;
width: expression(document.body.clientWidth > 1000 ? "100%" : "1000px");
width: expression(document.body.clientWidth < 1400 ? "100%" : "1400px");
}

#text {
margin: 60px 0 60px 55px;

	
}

/*Extracts*/
#extracts {
	margin-left: -8px;
	
	}

.extract {
width: 19%;
float: left;
margin-right: 30px;
overflow: visible;
margin-bottom: 42px;
}

.extract_line {
	float: left;
	width: 1px;
	height: 80px;
	background: #4a5d6a url(images/line.gif) no-repeat; 
	
	
}

.extract_text {	
font-size: 1.8em;
line-height: 1.2em;
margin-left: 8px;
}

/*Perosnlal*/
#personal {
clear: both;
height: 130px;
margin-bottom: 20px;
margin-left: -26px;
}

#contacts {
float: left;
margin-right: 7%;
overflow: visible;
margin-
}

.contact_line {
margin-bottom: 20px;
}

.square {
	float: left;
	width: 14px;
	height: 14px;
	background: #4a5d6a url(images/square.gif) no-repeat; 
	
	margin-top: 5px;
}

.contact {
font-style: italic;
font-size: 2.2em;
margin-left: 26px;
}


.specify {
font-size: 0.6em;
}

/*Resume*/

#resume {
float: left;

margin-top: 4em;
margin-left: 5%;
}

#download {
font-size: 2.2em;
margin-bottom: 5px;
}
	
#download_info {
font-size: 1.4em;
}

/*About me*/
#about_me {
clear: both;
width: 42%;
margin-bottom: 40px;
}

#about_me_text {
	margin-bottom: 40px;
}

#about_me_text p {
font-size: 1.5em;
line-height: 1.1em;
margin-bottom: 15px;
}

#conclusion {
}

#conclusion p {
font-size: 2em;
font-style: italic;
margin-bottom: 1em;
}

/*Design*/
#design {
	font-family: Arial, sans-serif;
	font-size: 1em;
	margin-bottom: 40px;
}

#lbkg {
	float: left;
	width: 30%;
	height: 1054px;
	background: #02010b url(images/lbkg.jpg) repeat-x top left;
}

#rbkg {
	float: right;
	width: 30%;
	height: 1054px;
	background: #02010b url(images/rbkg.jpg) repeat-x top right;
}