html, body {
background: #ccc;
font-family: Tahoma, sans-serif;
}

#header h1 a {
width: 263px;
height: 100px;
position: absolute;
left: 20px;
top: 10px;
background: url(../img/logo.png);
background-repeat: no-repeat;
display: block;
text-indent: -9000px;
overflow: hidden;
}

#header {
position: relative;
height: 100px;
}

/* Footer */
#footer {
position: absolute;
font-weight: bold;
bottom: -40px;
font-size: 12px;
right: 20px;
text-align: right;

}

/* Lang */
ul#lang {
position: absolute;
text-align: right;
top: -2em;
right: 20px;
font-size: 12px;
}

ul#lang li {
display: inline;
}

ul#lang a.first {
border-right: solid 1px #000;
}

ul#lang a {
display: inline-block;
color: #000;
text-decoration: none;
float: left;
padding: 0 .5em;
}
ul#lang a.selected {
font-weight: bold;
}

/* Menu */
ul#menu {
position: absolute;
right: 20px;
top: 5px;
width: 700px;
text-align: right;
}

ul#menu li {
display: inline;
margin: 0;
}

ul#menu a {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
font-weight: bold;
display: inline-block;
color: #fff;
background: #b93223;
text-decoration: none;
width: 90px;
font-size: 11px;
padding: 4px 0 4px 0;
text-align: center;
margin: 0;
}

ul#menu a:hover {
background: #ef2929;
}
ul#menu a:active {
}

/* Wrap */
#owrap {
margin: auto;
background: #fff;
border: solid 2px #000;
margin: 30px auto 50px auto;
width: 750px;
}

#iwrap {
border-left: solid 50px #b93223;
}

#page {
position: relative;
width: 700px;
padding-bottom: 30px;
min-height: 400px;
}

#content {
text-align: left;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
}

#content a {
text-decoration: none;
color: #3465a4;
}
#content a:hover {
text-decoration: underline;
}

/* */
#content h1              { font-size: 2em; margin: .67em 0 }
#content h2              { font-size: 1.5em; margin: .75em 0 }
#content h3              { font-size: 1.17em; margin: .83em 0 }
#content h4, #content p,
#content blockquote, #content ul,
#content fieldset, #content form,
#content ol, #content dl, #content dir,
#content menu            { margin: 1.12em 0 }
#content h5              { font-size: .83em; margin: 1.5em 0 }
#content h6              { font-size: .75em; margin: 1.67em 0 }
#content h1, #content h2, #content h3, #content h4,
#content h5, #content h6, #content b,
#content strong          { font-weight: bolder }
#content ol, #content ul, #content dir,
#content menu, #content dd        { margin-left: 40px }
#content ol              { list-style-type: decimal }
#content ol ul, #content ul ol,
#content ul ul, #content ol ol    { margin-top: 0; margin-bottom: 0 }
#content li { display: list-item }
#content li { list-style-type: disc; }

/* */

#content p.address {
padding-top: 1em;
padding-left: 2em;
}



/* Portfolio */

#content div.tag_cloud {
font-size: 8pt;
background: #eeeeec;
padding: .5em 8em .5em 8em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
text-align: center;
}

#content div.tag_cloud .tag {
font-weight: bold;
white-space: nowrap;
text-decoration: none;
color: #000;
}
#content div.tag_cloud a.tag:hover {
text-decoration: underline;
}

div.tag_cloud .tag1 { font-size: 9pt; }
div.tag_cloud .tag2 { font-size: 12pt; }
div.tag_cloud .tag3 { font-size: 18pt; }
div.tag_cloud .tag4 { font-size: 20pt;}

div.portfolio_info {
float: right;
width: 150px;
font-size: 8pt;
margin-left: 1em;
margin-bottom: 1em;
}
img.portfolio_thumb {
padding: 3px;
display: block;
width: 150px;
height: 150px;
border: solid 1px #888;
margin-bottom: 4px;
}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}