@charset "UTF-8";
/* CSS Document */
/* ----- BASE */

* { font-family: "Lucida Grande", "Lucida Sans", verdana, "trebuchet ms", arial; font-size: 12px; color:#808785; }

html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

td {
	vertical-align: top;
}

p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	line-height: 24px;
}

select {
	margin-bottom: 5px;
}

a { }
a:link { text-decoration: underline; }
a:visited { text-decoration: underline; }
a:hover { text-decoration: underline; color:#ff284f; }
a:active { }

a.roze:link { text-decoration: none; color:#ff284f; }
a.roze:visited { text-decoration: none; color:#ff284f; }
a.roze:hover { text-decoration: underline; }
a.roze:active { }


/* ----- MAIN MENU */
#menu {
	height: 390px;
	width: 200px;
} 


/* ----- SUBNAV */
#subnav {
	height: 250px;
	background-color: #e8ece7;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #bfc7c2;
	width: 180px;
	display: table;
	padding-right: 20px;
}
#subnav ul {
	margin: 0px;
	text-align: right;
	display: table-cell;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#subnav li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	line-height: 24px;
}

#subnav a:link { text-decoration: none; }
#subnav a:visited { text-decoration: none; }
#subnav a:hover { text-decoration: underline; color:#ff284f; }

/* ----- COLUMNS PORTFOLIO */
#portfolio {
	width: 600px;
	float: right;
	display: inline;
	background-color: #FFFFFF;
	padding-top: 60px;
	height: 600px;
	padding-right: 20px;
}
#portfolio #image {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#portfolio p {
	margin: 0px;
	padding: 0px;	
}
#portfolio #column {
	float: left;
	width: 200px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bfc7c2;
	text-align: left;
	padding-right: 20px;
	height: 180px;
	padding-left: 0px;
}
#portfolio #column2 {
	float: left;
	width: 250px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bfc7c2;
	text-align: left;
	padding-right: 20px;
	height: 180px;
	padding-left: 10px;
}
#portfolio #column ul {
	margin: 0px;
	padding: 0px;
}
#portfolio #column li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	line-height: 24px;
}
#portfolio #navi {
	float: left;
	width: 80px;
	padding-left: 10px;
}
#portfolio #navi img {
	vertical-align: text-top;
}
#portfolio #navi #goforth {
	padding-left: 20px;
}


/* ----- MAIN DIVS */
#mainDiv {
	width: 860px;
	margin:0 auto 0 auto;
}
#linksDiv {
	width: 200px;
	height: 620px;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	float: left;
	padding-bottom: 40px;
}


/* ----- COLOURS */
.roze { color: #ff284f; }
.white { color: #FFFFFF; }
.marker { background-color: #e8ece7; }

#portfolio_clmn #start {
	width:125px;
	background-color: #e8ece7;
}
#portfolio_clmn #end {
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #bfc7c2;
}