/*css layout formatting done by mtness.net*\
	on behalf of primel.net
    for http://bc-horvath.de
\*              2008-07-30                */

* { margin: 0; border: 0; padding: 0; }

html
{
 	height: 100%;
}

body
{
 	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: arial, helvetica, arial, verdana, sans-serif;
	font-size: 1.1em;
}

.keywords, .hidden { display: none; }

a:link   { text-decoration: none;}
a:visited{ text-decoration: none;}
a:hover  { text-decoration: underline;}
a:active { text-decoration: none;}

/* basic layout settings */
/* ************************************************************************** */
#wrapper
{
	width: 100%;
	height: 100%;
	background: #fff;
	overflow: hidden;
}

#wrapper td
{
	vertical-align: middle;
	text-align: center;
}
	
#container
{
	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 972px;
	height: 588px;
	background: #fff;
}

#logo
{
	position: absolute;
	top: 24px;
	left: 8px;
	width: 453px;
	height: 27px;
	color: #6A4724;
}

#printaddress { display: none; }

#right
{
	position: absolute;
	top: 0;
	right: 8px;
	width: 155px;
	height: 528px;
	background: #fff;
}

#left
{
	position: absolute;
	top: 51px;
	left: 8px;
	width: 141px;
	height: 312px;	/* mind the padding! IE6 handles it different! */
	background: #fff;
}
#nav
{ 
	margin: 0;
	list-style: none; 
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;	
}
#nav li { border-top: 1px solid #797269; width: 130px; }
#nav li a { color: #BEBFB1; display: block; padding: 6px 0; width: 130px; }
#nav li a:hover { color: #7E7F71; text-decoration: none; }
#nav li a#selected { color: #6B4825; }

#content
{
	position: absolute;
	top: 24px;
	left: 149px;
	width: 660px;	/* mind the padding! IE6 handles it different! */
	height: 564px;	/* mind the padding! IE6 handles it different! */
	overflow:auto;
	background: #fff;
	font-size: 10px;
}

#content h1 { font-size: 1.0em; padding: 0 0 8px 0; }
#details h1 { font-size: 1.0em; padding: 0 0 8px 0; font-weight: normal;}
#content h2 { font-size: 1.0em; }
#content h3 { font-size: 1.15em; }
#content h4 { font-size: 1.1em; font-style: normal; }
#content h5 { font-size: 1.05em; font-style: normal; }
#content h6 { font-size: 1em; font-style: normal; }
#content p  { font-size: 1em; padding: 10px 0 0 0; }
#details p  { font-size: 1em; padding: 10px 10px 0 0; }
#content a  { color: #777; margin: 4px 0 4px 0; }
#content em { font-style: normal; color: #fff; }
#content ul { list-style: none; }
#content li { margin-bottom: 5px; }

#logo_frame
{
	position: absolute;
	top: 24px;
	left: 149px;
	width: 312px;
	height: 27px;
	border-right: 1px solid #797269;
	border-bottom: 1px solid #797269;
	background: #fff;
}

#cf_o,
#cf_u,
#cf_l,
#cf_r { position: absolute; display: block; background: #797269; }

#cf_o { top: 24px; left: 149px; width: 660px; height:   1px; }
#cf_u { top:485px; left: 149px; width: 661px; height:   1px; }
#cf_l { top: 24px; left: 149px; width:   1px; height: 462px; }
#cf_r { top: 24px; left: 809px; width:   1px; height: 462px; }

#prev
{
	display: block;
	position: absolute;
	top: 440px;
	left: 150px;
	width: 60px;
	height: 20px;
	background: #fff;
	text-align: center;
	text-transform: uppercase;
	line-height: 20px;
	font-size: 10px;
	z-index: 12; 
	cursor: pointer;
	visibility: hidden;
}

#next 
{
	display: block;
	position: absolute;
	top: 440px;
	left: 749px;
	width: 60px;
	height: 20px;
	background: #fff;
	text-align: center;
	text-transform: uppercase;
	line-height: 20px;
	font-size: 10px;
	z-index: 12; 
	cursor: pointer;
	visibility: hidden;
}


/* specific layout settings */
/* ************************************************************************** */


#content #project_singleview p  { font-size: 1em; padding: 10px 0 0 0; color: #838476; }
#content #project_singleview p strong,
#content #project_singleview p b { font-weight: normal; color: #000; }

#content .project_image
{
	position: absolute;
	top: 0;
	left: 0;
}
#content .project_description 
{
	position: absolute;
	top: 462px;
	left: 0;
}

#mousemove
{
}

#portfolio
{
	position: absolute;
	top: 24px;
	left: 11px;
	width: 144px;
	height: 460px;
 	overflow: hidden;
}

#overview
{
	/* background: #f6f6f6; */
	width: 143px;
}

#overview .month
{
	border-bottom: 1px solid #ccc;
	clear: both;
}
#overview .month_title
{
	position: relative;
	float: left;
	width: 90px;
	display: block;
	font-size: 10px;
	margin: 6px 0 0 0;
}
#overview .month_pics
{
}
#overview .project_mini_pic
{
	display: block;
	float: right;
	clear: right;
	width: 51px;
	height: 36px;
	margin: 0 0 4px 0;
	border-top: 1px solid #ccc;
	padding: 5px 0 0 0;
}
#overview .mini_desc
{
	display: none;
}
#arrow_up
{
	position: absolute;
	top:-11px;
	left: 10px;
	width: 145px;
	height: 35px;
	border-bottom: 1px solid #797269;
	background: #fff top right no-repeat url(../images/arrow_up.gif);
	cursor:pointer;
}
#arrow_down
{
 	position: absolute;
	top: 485px;
	left: 10px;
	width: 145px;
	height: 36px;
	border-top: 1px solid #797269;
	background: #fff top right no-repeat url(../images/arrow_down.gif);
	cursor:pointer;
}
#arrow_up:hover,
#arrow_down:hover { background-position: right -36px; }

#arrow_up_ws
{
	display: block;
	position: absolute;
	top:25px;
	left: 10px;
	width: 145px;
	height: 0;
	line-height: 0;
	border-top: 1px solid #fff;
}
#arrow_down_ws
{
	display: block;
	position: absolute;
	top:484px;
	left: 10px;
	width: 145px;
	height: 0;
	line-height: 0;
	border-top: 1px solid #fff;
}

/* ************************************************************************** */

/* debugging only! */
/* #ajaxContent #project_singleview { display: none; } */

#details
{
	position: absolute;
	top: 0;
	left: 0;
	width: 660px;
	height: 550px;
	background: #fff;
	line-height: 1.3em;
}

.details_desc
{
	position: absolute;
	top: 30px;
	left: 324px;
	line-height: 1.65em;
}

div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	clear:both;
	float:left;
}
div.csc-textpic-intext-left div.csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	margin-right:10px !important;
}
div.csc-textpic-imagewrap {
	padding:0pt;
}
div.csc-textpic-text {
	padding-top: 30px;
	z-index: 23;
}

/* ************************************************************************** */