html, body {height: 100%;} 
body {background:#212121 url(images/background.jpg) repeat-x top center; text-align:center; margin:0 auto; font:normal 75%/140% Verdana, Arial, Helvetica, sans-serif;}
#MainLayout {background:url(images/bg-main.jpg) no-repeat top center; width:900px;}
#MainLayout {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -40px;} /* wrapper */

#top-navigation ul {padding:10px 0 0 0; margin:0}
#top-navigation ul li {list-style:none; float:left; color:#dadbdb}
#top-navigation ul li a {color:#dadbdb; text-decoration:none; display:inline-block; margin:0 25px;}
#top-navigation ul li a:hover {color:#ffffff;}

#header {text-align:left; margin:48px 0 0 1px; padding:0;}

#face {float:left; display:inline-block;}

#logo {padding:25px 0 0 0; float:right;}
#logo h1 {overflow:hidden; padding:0; margin:0; text-align:right; width:200px; height:43px;}
#logo h1 a {font:normal 80% bickham; font-style:italic; color:#dfdfdf; text-decoration:none;}
#logo h1 a:hover {text-decoration:none;}
#logo h1 img {float:right}

#content-home {padding:0; margin:0; text-align:left;}
#content-home a img, #text img, #left-navigation img {background:url(images/bg-image.png) repeat top left; padding:20px; display:inline-block;}
#text img {margin:3px;}
#home #webdesign, #about-me, #photos {float:left;}
#home #webdesign, #photos {margin-right:40px}

#content-home h2 {font:normal 120% Verdana, Arial, Helvetica, sans-serif; color:#676767; padding:70px 0 10px 0; margin:0;}
#content-home h2 a {color:#676767; text-decoration:none;}
#content-home h2 a:hover {color:#999999;}

a img {border:0;}
a {color:#676767}
a:hover {color:#cccccc;}

td {vertical-align:top; padding:0 15px 0 0}

ul li {list-style-image:url(images/list-item.png);}

/* standard content */
#content-standard {width:900px; display:inline-block; padding:50px 0; margin:0 !important; color:#cccccc; font:normal 100% verdana, Arial, Helvetica, sans-serif; text-align:left; color:#676767}
#text {margin-left:300px;}
#text h2, #text-full h2 {color:#676767; font:normal 175%/180% Verdana, Arial, Helvetica, sans-serif; font-variant:small-caps; padding:0; margin:0;}
#text ul li {padding:5px 0}

/* full width layout */
#text-full {padding:0 50px; margin:10px 0; text-align:left;}

/* left navigation*/
#left-navigation {float:left; text-align:left; width:250px; margin-top:7px;}
#left-navigation ul {margin:0; padding:0}
#left-navigation li {list-style:none; list-style-image:none; border-bottom:1px dotted #474747; padding:0 0 10px 10px; margin-bottom:10px;}
#left-navigation li a {color:#666666; text-decoration:none; display:block; width:250px;}
#left-navigation li a:hover {color:#dddddd;}

#left-navigation li {display:none;}

#links #left-navigation li.links {display:block; border:0}
#webdesign li.webdesign, #contact li.contact, #around-world li.around-world, #aboutme li.about-me {display:block;}

/* contact form */
#frmContact {padding:10px 0 10px 30px}
#frmContact td {padding:5px 15px 0 0}
input, textarea, select {border:1px solid #666666; background-color:#333333 !important; color:#cccccc; font:90% verdana; padding:2px 5px;width:230px;}
textarea {height:75px}
input.button {padding:3px 15px 3px 15px; border:1px solid #666666; color:#999999; background-color:#333333; font-size:80%; font-family:tahoma; cursor:hand; width:auto !important;}

/* znakove entity */
table.znakove-entity {border-top:1px solid #666666; border-left:1px solid #666666;}
table.znakove-entity td, table.znakove-entity th {border-bottom:1px solid #666666; border-right:1px solid #666666; padding:5px;}

/* footer */
#footer, .push {height: 40px;}
#footer {text-align:right; width:900px; font-size:85%; margin:0 auto;}
#footer a {display:inline-block; background:#282828; border:1px solid #393939; border-bottom:0; color:#666666; text-decoration:none; padding:11px 20px}
#footer a:hover {color:#cccccc;}