/*------------------------------------------------------------------------------
resets
------------------------------------------------------------------------------*/
body, h1, h2, h3, ul { margin: 0; padding: 0; }
/*------------------------------------------------------------------------------
typography
------------------------------------------------------------------------------*/
/*---- families */
body { font-family: Verdana, Arial, Helvetica, sans-serif; }
h1 { font-family: Arial, Helvetica, sans-serif; }
h2, h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
/*---- sizes */
body { font-size: 11px; }
h1 { font-size: 36px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }
h1 small { font-size: 66%; line-height: 120%; }
h1 sup { font-size: 40%; }
/*---- weights */
h1, h2, h3 { font-weight: normal; }
/*---- special */
a { text-decoration: none; }

a:hover { text-decoration: underline; }
body, h3 { text-transform: lowercase; line-height: 130%; }
ul li { list-style-type: square; }
.center { text-align: center; }
/*------------------------------------------------------------------------------
colors
------------------------------------------------------------------------------*/
h1, h2 { color: #EEF8FF; }
/*.column-std h2 { border-left: 10px solid #333438; padding-left: 9px; padding-top: 4px; margin-left: -10px; }*/
body { background-color: #333438; color: #BBBBCC; }
a { color: #9BD; }
a.com { color: #9BD; }
a.net { color: #D96; }
h3 { background-color: #181818; border-bottom: 1px solid #000; }
small { color: #667; }
.column-std { background-color: #222; border-top: 1px solid #444; }
/*------------------------------------------------------------------------------
borders width & styles
------------------------------------------------------------------------------*/
/*h3, .column { border-style: solid; }
/*h3 {
border-width: 0 0 2px 10px;
padding-left: 4px;
}*/
a img { border: none; }
/*
.column {
border-width: 1px 0 0 1px;
}*/
/*------------------------------------------------------------------------------
opacity
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
disposition, padding, margin
------------------------------------------------------------------------------*/
h3, p, ul { margin: 5px 0 5px 0; }
h1, h2 { margin-bottom:10px; }
h3 { margin-top: 20px; }
.clear { clear: both; }
.left { float: left; }
body { padding: 60px 0 150px 30px; }
h3 { padding: 3px 0 3px 6px; }
ul { margin-left: 14px; }
.column { width: 200px; 	margin: 10px 10px 0 0;}
.column-std {
	padding: 10px 10px 50px 10px;
}
.large { width: 245px; }
#head { padding: 0px 5px 0 5px;  max-width: 600px!important; }
img.illustration { margin-top: -60px; margin-left: -10px; margin-bottom: -10px; /*border-left: 1px dotted #9BD*/ }
div.illustration { padding-top: 40px; }
/*------------------------------------------------------------------------------
images
------------------------------------------------------------------------------*/
body { background-image: url(bg00.gif); background-repeat: no-repeat; background-attachment: fixed; }
.column-std { background-image: url(column-bg.gif); background-repeat: repeat-x; background-position: right bottom; }
h1 { background-position: left top; background-repeat: no-repeat; padding-top: 100px; }