html, body {
	height: 100%;
}

body, td, th, a, h1, h2, li, ul, p, span, input, select, textarea {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #c7c7c7;
}

body {
	margin: 0;
	padding: 0;
	background-color: #161a1a;
	overflow: auto;
}

table {
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

td {
	padding: 0;
	margin: 0;
}

a {
	color: #219fed;
	text-decoration: none;
	outline: none;
	border: none;
}

a:visited {
	color: #219fed;
}

a:hover {
	color: #80D6F6;
	outline: none;
	border: none;
}

h1 {
	color: #00aced;
	font-size: 18px;
	font-weight: normal;
}

h2, h2 a, h3 {
	font-size: 14px;
	font-weight: normal;
	color: #00aced;
	margin: 0;
	padding: 0;
}

h3 {
	font-size: 12px;
}

h2 a:hover {
	color: #80D6F6;
	text-decoration: none;
}

div {
	text-align: justify;
}

img {
	border: 0;
}

/* ==================================================================
	MainPage
================================================================== */

table.MainPage {
	background-color: #080808;
	background-image: url(/images/background.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 100%;
	height: 100%;
}

table.MainPage td.Content {
	padding-top: 56px;
	text-align: center;
}

/* ==================================================================
	MainMenu
================================================================== */
#MainMenu {
	width: 100%;
	height: 53px;
	border: 0;
}

#MainMenu td {
	height: 53px;
	padding: 5px 30px 0 0;
}

#MainMenu div {
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(/images/menu-all.png);
	cursor: pointer;
	width: 100%;
	height: 29px;
}

#MainMenu div.AboutMe:hover {
	background-position: 0 -29px;
}

#MainMenu div.Webdesign {
	background-position: -53px 0;
}

#MainMenu div.Webdesign:hover, #MainMenu div.WebdesignA {
	background-position: -53px -29px;
}

#MainMenu div.Identity {
	background-position: -98px 0;
}

#MainMenu div.Identity:hover, #MainMenu div.IdentityA {
	background-position: -98px -29px;
}

#MainMenu div.PhotoEditing {
	background-position: -175px 0;
}

#MainMenu div.PhotoEditing:hover, #MainMenu div.PhotoEditingA {
	background-position: -175px -29px;
}

#MainMenu div.Illustrations {
	background-position: -309px 0;
}

#MainMenu div.Illustrations:hover, #MainMenu div.IllustrationsA {
	background-position: -309px -29px;
}


/* ==================================================================
	My Projects
================================================================== */
table.MyProjects {
	background-image: url(/images/line-h.gif);
	background-repeat: repeat-x; 
	background-position: top;
	margin-top: 5px
}

#MyProjects td {
	padding-top: 5px;
}

#MyProjects td.splitter {
	padding: 5px 10px 0 10px; 
	color: #666666;
}

/* ==================================================================
	Contact Me
================================================================== */

td.ContactMeLeft, td.ContactMeMid {
	background-image: url(/images/line-v.gif);
	background-repeat: repeat-y; 
	background-position: right;
}

td.ContactMeLeft {
	padding: 0 25px 0 0;
}

td.ContactMeMid {
	padding: 0 25px 0 25px;
}

td.ContactMeRight {
	padding: 0 0 0 25px;
}

td.ContactMeH {
	color: #00aced;
	font-size: 18px;
	padding-bottom: 20px;
}

td.ContactDetail {
	vertical-align: top;
	padding-top: 5px;
	padding-left: 10px;
	color: white;
}

#ContactMe a {
	color: white;
}

#ContactMe a:hover {
	color: #80D6F6;
}

#ContactMe {
	text-align: left;
}


/* ==================================================================
	Rafal
================================================================== */

td.RafalTop {
	vertical-align: bottom;
	text-align: right;
	padding-right: 75px;
}

td.RafalBottom {
	vertical-align: top;
	text-align: right;
}

/* ==================================================================
	Gallery
================================================================== */

#Gallery {
	width: 801px;
}

#GalleryImage {
	width: 801px;
	height: 465px;
	cursor: pointer;
	position: relative;
	vertical-align: middle;
	text-align: center;
}

img.GalleryImage {
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	width: 801px;
	height: 465px;
	overflow: hidden;
	display: none;
}

#Gallery img.Loading {
	position: absolute;
	top: 196px;
	left: 360px;
}

#Gallery table.Description {
	display: none;
}

#Gallery table.Description td.Project {
	background-image: url(/images/line-v.gif);
	background-repeat: repeat-y; 
	background-position: right;
	vertical-align: top;
	min-width: 379px;
}

#Gallery table.Description td.Project h1 {
	text-align: left;
}

#Gallery table.Description td.Project div {
	margin-right: 25px;
}

#Gallery table.Description h1, #Gallery table.Description h2 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 7px;
	margin-right: 25px;
}

#Gallery table.Description div.Link {
	display: none;
	padding-top: 10px;
}

#Gallery table.Description td.Thumbs {
	padding: 0 0 0 20px;
}

#Gallery table.Description td.Thumb {
	padding: 0 5px 0 5px;
	width: 130px;
	height: 85px;
}

#Gallery table.Description td.Thumb div {
	background-image: url("images/loading-thumb.gif");
	background-position: center;
	background-repeat: no-repeat;
	width: 114px;
	height: 79px;
}

#Gallery table.Description td.Thumb img {
	border: 1px solid #333333;
	width: 110px;
	height: 75px;
}

#Gallery table.Description td.Thumb a:hover img, 
#Gallery table.Description td.Thumb a:focus img, 
#Gallery table.Description td.Thumb a:active img {
	border: 1px solid #595959;
}

#Gallery table.Description td.Tools {
	width: 250px;	
	padding: 0 0 0 25px;
}

#Gallery table.Description td.Tools td.Tool {
	padding-left: 5px;
}

#Gallery td.Arrow div.Left {
	background-image: url(/images/arrows.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-right: 30px;
	display: none;
}

#Gallery td.Arrow a:hover div.Left,
#Gallery td.Arrow a:focus div.Left,
#Gallery td.Arrow a:active div.Left {
	background-position: 0 -64px;
	outline: none;
}

#Gallery td.Arrow div.Right {
	background-image: url(/images/arrows.png);
	background-position: -52px 0;
	background-repeat: no-repeat;
	margin-left: 30px;
	display: none;
}

#Gallery td.Arrow a:hover div.Right,
#Gallery td.Arrow a:focus div.Right,
#Gallery td.Arrow a:active div.Right {
	background-position: -52px -64px;
	outline: none;
}

#Gallery td.Arrow img {
	width: 52px;
	height: 64px;
}

#Gallery tr.Paging td.Numbers {
	padding: 0 5px 0 5px;
	color: #494949;
}

/* ==================================================================
	Footer
================================================================== */
td.Footer {
	padding: 50px 0 10px 0;
	text-align: center;
	color: #2a2a2a;
	font-size: 11px;
	vertical-align: bottom;
}

#Footer a {
	color: #494949;
	font-size: 11px;
}