/* Joe Scerri Design | CSS by Daniele Kaehr */

*:focus {
	outline: 0;
}
body {
	background: #ffffff;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
img {
	border-style: none;
	display: block;
}

/*  Design ----------------------------  */

div#logo {
	position: absolute;
	top: 61px;
	left: 14px;
}
div#bar_1 {
	position: absolute;
	width: 70px;
	height: 1px;
	top: 114px;
	left: 14px;
	background-color: #000000;
}
div#bar_2 {
	position: absolute;
	width: 84px;
	height: 1px;
	top: 114px;
	left: 100px;
	background-color: #000000;
}
div#bar_3 {
	position: absolute;
	width: 572px;
	height: 1px;
	top: 114px;
	left: 233px;
	background-color: #000000;
}
div#bar_4 {
	position: absolute;
	width: 168px;
	height: 1px;
	top: 114px;
	left: 100px;
	background-color: #000000;
}
div#bar_5 {
	position: absolute;
	width: 714px;
	height: 1px;
	top: 114px;
	left: 233px;
	background-color: #000000;
}
div#bar_menu {
	width: 12px;
	height: 1px;
	background-color: #000000;
}
div#navigation {
	position: absolute;
	top: 119px;
	left: 233px;
}
div#back_to_top{
	position: absolute;
	top: 0px;
	left: 0px;
}

/*  Texts ----------------------------  */

.text12 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	line-height: 14px;
	font-style: normal;
	color: #000000;
}
.text12 a:link, .text12 a:visited, .text12 a:active {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	line-height: 14px;
	font-style: normal;
	text-decoration: none;
	color: #000000;
}
.text12 a:hover {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	line-height: 14px;
	font-style: italic;
	color: #000000;
}
.text12_u {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	line-height: 14px;
	font-style: normal;
	text-decoration: underline;
	color: #000000;
}
.text12_u a:link, .text12_i a:visited, .text12_i a:active {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	line-height: 14px;
	font-style: normal;
	text-decoration: underline;
	color: #000000;
}
.text12_u a:hover {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	line-height: 14px;
	font-style: italic;
	text-decoration: underline;
	color: #000000;
}
.text12_i {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	line-height: 14px;
	font-style: italic;
	color: #000000;
}
.text12_i a:link, .text12_i a:visited, .text12_i a:active {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	line-height: 14px;
	font-style: italic;
	text-decoration: none;
	color: #000000;
}
.text12_i a:hover {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	line-height: 14px;
	font-style: italic;
	text-decoration: none;
	color: #ffffff;
	background-color: #000000;
}
.text12_i_selected {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	line-height: 14px;
	font-style: italic;
	color: #000000;
}
.text12_i_selected a:link, .text12_i_selected a:visited, .text12_i_selected a:active, .text12_i_selected a:hover {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	line-height: 14px;
	font-style: italic;
	text-decoration: none;
	color: #ffffff;
	background-color: #000000;
}
.text11, .text11_alternative {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 11px;
	line-height: 14px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
}
.text11_bold {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #000000;
}
.text11_normal {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #000000;
}

/*  Menu Containers ----------------------------  */

div#main_menu {
	position: absolute;
	width: 70px;
	height: 100px;
	top: 138px;
	left: 14px;
}
div#portfolio_menu {
	position: absolute;
	width: 70px;
	height: 100px;
	top: 138px;
	left: 100px;
}
div#print_menu, div#logos_menu, div#projects_menu, div#published_menu, div#online_menu, div#illustration_menu {
	position: absolute;
	width: 150px;
	height: 100px;
	top: 267px;
	left: 100px;
}

/*  Content Containers ----------------------------  */

div#content {
	position: absolute;
	width: 572px;
	top: 138px;
	left: 233px;
}
div#projects {
	position: absolute;
	width: 280px;
	top: 0px;
	left: 0px;
}
div#videos {
	position: absolute;
	width: 294px;
	top: 0px;
	left: 294px;
}
div#second_column {
	position: absolute;
	width: 168px;
	height: 100px;
	top: 138px;
	left: 100px;
}

/*  Menus spacings ----------------------------  */

div#bar_container {
	margin-top: 4px;
	margin-bottom: 2px;
}
div#bar_container_selected {
	margin-top: 4px;
	margin-bottom: 2px;
}

/*  Portfolio content ----------------------------  */

div#picture_1 {
	margin-top: 6px;
}
div#picture_2 {
	margin-top: 14px;
}
div#text {
	margin-top: 0px;
	margin-bottom: 14px;
}

/*  Firefox Hacks ----------------------------  */

.gecko div#bar_container {
	margin-top: 5px;
	margin-bottom: 1px;
}
.gecko div#bar_container_selected {
	margin-top: 4px;
	margin-bottom: 1px;
}
.gecko .text11 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 11px;
	line-height: 14px;
	margin-top: 1px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
}
.gecko .text11_alternative {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 11px;
	line-height: 14px;
	margin-top: 2px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
}