/**
 *
 * 	CSS - dicabrio.com
 *
 *	colors
 *	-------------------
 *	deep-red: 	#CD0018
 *	dark-gray:	#333333
 *	light-gray:	#cbcbcb
 *
 */

*
{
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial;
}

h3
{
	margin: 0 1px 10px 0;
	padding: 10px 10px 0 10px;
	background: rgb( 220, 220, 220 );
	border-bottom: 1px solid #CD0018;
}

h3 em
{
	font-style: normal;
}

h3 a
{
	text-decoration: none;
	color: #000;
}

h4
{
	margin: 0 1px 10px 0;
	padding: 10px 10px 0 10px;
}

a
{
	color: #CD0018;
}

a:hover
{
	color: #CD0018;
	text-decoration: none;
}

a:visited
{
	color: #333;
}

a.p-item
{
	
	
}

a.p-item img
{
	margin: 0 10px 20px 10px;
	border: 1px solid #000;
}

a img {
	border: none;
	margin: 0;
	padding: 0;
}

p
{
	margin-bottom: 10px;
	padding: 0 10px;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #333;
}

p.intro
{
	font-weight: bold;
}

ul, ol
{
	margin-bottom: 15px;
	padding: 0 0 0 30px;
	font-size: 0.8em;
	line-height: 1.5em;
	color: #333;
}

dl
{
	padding: 0 0 20px 0;
	font-size: 0.8em;
	color: #888;
}

dt
{
	padding: 0 0 10px 10px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #cbcbcb;
}

dd
{
	padding: 0 0 10px 30px;
}

pre
{
	margin: 0 1px 10px 0;
	padding: 10px;
	background: rgb(240, 240, 240);
	border-top: 1px dotted #CD0018;
	border-bottom: 1px dotted #CD0018;
	font-size: 0.8em;
	font-family: courier;
	color: #333;
	overflow: auto;
}

code
{
	font-size: 1em;
	font-family: courier;
	color: #666;
}

.float-right
{
	float: right;
}

.float-left
{
	float: left;
}

.helper-left
{
	float: left;
	margin: 0 10px 10px 10px;
	border-top: 1px solid #333;
}

.helper-left img
{
	border: 0;
}

.helper-left em
{
	display: block;
	padding: 5px;
	background: rgb( 240, 240, 240 );
	font-size: 0.7em;
}

.helper-right
{
	float: right;
	margin: 0 10px 10px 10px;
	border-top: 1px solid #333;
}

.helper-right img
{
	border: 0;
}

.helper-right em
{
	display: block;
	padding: 5px;
	background: rgb( 240, 240, 240 );
	font-size: 0.7em;
}

img.portfolio-drawings
{
	margin: 0;
	border: 1px solid #333;
}

#wrapper
{
	position: relative;
	margin: 0 auto;
	width: 923px;
	overflow: hidden;
}

#header
{
	margin-bottom: 10px;
	background: #333;
}

#header a
{
	display: block;
	width: 230px;
	border-right: 1px solid #fff;
	background: #CD0018;
}

#header a img
{
	border: 0;
}

#header span
{
	display: block;
	margin: 0;
	padding: 0;
	width: 230px;
	border-right: 1px solid #fff;
	background: #CD0018;
}

#menu
{
	margin: 0 0 10px 0;
	padding: 0;
	height: 30px;
	font-size: 1em;
	letter-spacing: 0.06em;
	list-style: none;
	background: #333;
	border-top: 1px solid #333333;
}

#menu li
{
	float: left;
	height: 30px;
	border-right: 1px solid #fff;
}

#menu li a
{
	float: left;
	padding: 0 10px;
	height: 30px;
	font-size: 0.8em;
	color: #fff;
	text-decoration: none;
	line-height: 2.3em;
}

#menu li a.active
{
	background: #CD0018
}

#menu li a:hover
{
	background: #CD0018
}

#main
{
	overflow: hidden;
	border-top: 1px solid #333;
}

#big-main-block-last,
#big-main-block,
#main-block,
#sub-block,
#last-block
{
	float: left;
	margin-bottom: -32767px !important;
	padding-bottom: 32767px !important;
}

#big-main-block
{
	width: 693px;
	background: #fff url(/images/BG-main.gif) repeat-y 100% 0;
}

#big-main-block-last
{
	width: 692px;
}

#main-block
{
	width: 462px;
	background: #fff url(/images/BG-main.gif) repeat-y 0 0;
}

#sub-block
{
	width: 231px;
	background: #fff url(/images/BG-body.gif) repeat-y 0 0;
}

#last-block 
{
	width: 230px;
}

h1 strong,
h2 strong
{
	font-weight: normal;
}

h1 em,
h2 em
{
	font-style: normal;
}

#big-main-block-last h1,
#big-main-block-last h2,
#big-main-block h1,
#big-main-block h2,
#main-block h1,
#main-block h2,
#sub-block h1,
#sub-block h2,
#last-block h1,
#last-block h2
{
	margin-bottom: 20px;
	padding: 10px 10px 0 10px;
	background: #888;
	font-size: 1.4em;
	font-weight: normal;
	color: #fff;
}

#big-main-block h1,
#big-main-block h2,
#main-block h1,
#main-block h2,
#sub-block h1, 
#sub-block h2
{
	border-right: 1px solid #fff;
}

#sub-block ul.menu
{
	list-style: none;
	padding: 10px 10px 0 10px;
}

#submenu
{
	list-style: none;
	font-size: 0.8em;
	margin: 10px 0 0 0;
	padding: 0;
	letter-spacing: 0.06em;
	border-top: 1px solid #CD0018;
}

#submenu li a
{
	display: block;
	margin-right: 1px;
	padding: 5px 10px;
	border-bottom: 1px solid #fff;
	background: rgb( 240, 240, 240 );
	font-weight: bold;
	color: #333;
	text-decoration: none;
}

#submenu li a:hover
{
	background: rgb( 220, 220, 220 );
}

#submenu li a.active
{
	background: rgb( 200, 200, 200 );
}

#footer
{
	clear: both;
	width: 903px;
	padding: 10px;
	border-top: 1px solid #cbcbcb;
	background: #fff;
	font-size: 9px;
	color: #333;
}

#drawing-base
{
	position: absolute;
	top: 0;
	right: 0;
	width: 231px;
	height: 548px;
	overflow: hidden;
}

#drawing-base img
{
	position: absolute;
	top: 0;
	right: 0;
}


#drawing-overlay
{
	position: absolute;
	top: 0;
	right: 0;
	width: 321px;
	height: 250px;
	overflow: hidden;
}

#drawing-overlay img
{
	position: absolute;
	top: 0;
	right: 0;
}

.article
{
	margin-bottom: 30px;
}

.fakelink
{
	color: #CD0018;
	text-decoration: underline;
	cursor: pointer;
}

.fakelink-hover
{
	color: #CD0018;
	text-decoration: none;
	cursor: pointer;
}