/* general styles */
body {
	margin:0;
	padding:0;
	border:0;
	width:100%;
	background:#938973;
	min-width:600px; 
	font-size:90%;
	font-family: Arial, Helvetica, sans-derif;
}
h2 { color: #dad5cb; margin:.8em 0 .6em 0; padding:0; font-size:16px; }
h1, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}
/* header styles */
#header {
	clear:both;
	float:left;
	width:100%;
	background: #3b3327 url(images/logo_rudi.gif) 15px 5px no-repeat;
	color:#eee; 
}
#header {
	border-bottom:10px solid #938973;
}
#header p,
#header h1 {
	padding:7px 15px 0 105px;
	margin: 6px 0px 0px 0px;
	font-family: Helvetica;
	font-size: 18px !important;
	text-transform: uppercase;
}
#header h2 {
	padding:.4em 15px 0 15px;
	margin:0;
}
#header ul {
	float:left;
	list-style:none;
	margin:10px 0 0 0;
	padding:0 0 0 20px;
}
#header ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li a {
	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:10px 18px;
	text-align:center;
	background:#eee;
	color:#000;
	text-decoration:none;
	position:relative;
	left:15px;
	line-height:1.3em;
}
#header ul li a:hover {
	background:#dad5cb;
	color:#000;
}
#header ul li a.active,
#header ul li a.active:hover {
	color:#fff;
	background:#938973;
	font-weight:bold;
}
#header ul li a span {
	display:block;
}
/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}
/* column container */
.colmask {
	position:relative;
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;
	border-top:1px solid #fff;
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}
.col2 { min-height: 570px; }
a:link { font-size:12px; color:#f90; font-weight:normal; text-decoration:none; }
a:active { font-size:12px; color:#f90; font-weight:normal; text-decoration:none; }
a:visited { font-size:12px; color:#f90; font-weight:normal; text-decoration:none; }
a:hover { font-size:12px; color:#fff; font-weight:normal; text-decoration:underline; background:none; }

/* 2 Column (right menu) settings */
.rightmenu {
	background:#282118;	/* right column background colour */
	color:#fff;
}
.rightmenu .colleft {
	right:25%;			/* right column width */
	background:#dad5cb;	/* left column background colour */
}
.rightmenu .col1 {
	width:71%;			/* left column content width (left column width minus left and right padding) */
	left:25%;			/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
	width:21%;			/* right column content width (right column width minus left and right padding) */
	left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	background:#938973;
	color:#fff;
	border-top:1px solid #fff;	
	font-size: 12px;
}
#footer p {
	padding:10px;
	margin:0;
}

#about_cont { padding:10px 0 10px 40px; color: #282118; }
#about_cont p { letter-spacing: .03em; line-height: 125%; }
#about_cont h2 { letter-spacing: .03em; line-height: 125%; color: #938973; }
.about_before { font-size: 30px; letter-spacing: .03em; }
#about_img { float:right; clear:right; border:0; }
#about_img img { vertical-align:top; margin: 20px 0 20px 20px; background:#333; padding:10px; }

.project_cont { width:675px; margin:20px auto 20px auto; padding:0; overflow:hidden; }
.project_r { float:right; display:inline; width:320px; margin:0; padding:0; }
.project_l { float:left; display:inline; width:320px; margin:0; padding:0; }
.project_thumb { background:#666; padding:10px 10px 4px 10px; margin:0; }
.project_img { vertical-align:top; margin:0; padding:0; }
.project_title { background:#222; padding:6px 8px; margin:0 auto 20px auto; font-size:16px; color:#fff; line-height:130%; }

.project_page_hdr { width:690px; margin:20px auto 0 auto; padding:8px 0 4px 10px; background:#333; overflow:hidden; }
.project_page_hdr h1 { color: #fff; font-size: 22px; font-weight:bold; padding:0; display:inline; }
.project_page_cont { width:660px; margin:0 auto 20px auto; padding:20px; background:#666; }
.project_page_cont h4 { text-align:right; font-size: 11px; color: #ccc; margin: 110px 20px 0px 0; }
.project_page_back { float: right; display:inline; margin: 4px 20px 0 0; padding:0; font-size: 11px; }
.project_page_back a:link { font-size:12px; color:#f90; font-weight:normal; text-decoration:none; }
.project_page_back a:active { font-size:12px; color:#f90; font-weight:normal; text-decoration:none; }
.project_page_back a:visited { font-size:12px; color:#f90; font-weight:normal; text-decoration:none; }
.project_page_back a:hover { font-size:12px; color:#eee; font-weight:normal; text-decoration:underline; background:none; }
.project_page_title { float: left; display:inline; margin: 0; padding:0; }
.project_page_img { width:660px; text-align:center; padding:0; margin: 20px auto; }
.project_page_img img { padding:10px; background:#333; }

.hot { color:#f90; font-weight:bold; font-size:12px; }

#rudi_info { float: right; display:inline; margin: 5px 20px 0 0; font-size: 12px; color: #fff; clear:right; line-height:160%; }
#rudi_logo_link { float: left; margin: 0; clear:none; display:inline; }
#rudi_info a { font-size: 10px; text-transform:uppercase; }