/***********************************************************
Title:     Main | Emile Blume - Netcreators.com
************************************************************/

/* Global reset v1.0 | 20081023 //////////////////////////////////////////////////////////////////////*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, strong, u, i, em, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background:transparent;
}

a img { border: none; }
abbr, acronym, .help { border-bottom:1px dotted #333; cursor:help; }
blockquote, q { quotes:none;}
blockquote { margin: 0 0 1.3em 1.3em; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

dd { margin-left:1em;}
sup, sub { font-size:x-small; vertical-align:top; }
sub { vertical-align:bottom;}
table { border-collapse:collapse; border-spacing:0; empty-cells:show; }

/* Base ////////////////////////////////////////////////////////////////////////////////*/
body { 
	background: #FFF;
	color:#777777;
	font: normal 71%/1.5 Arial, Helvetica ,sans-serif;
	font: normal 12px/1.5 Arial, Helvetica ,sans-serif;
}

h1, h2, h3, h4, h5, h6 { 
	color:#5D5D5D;
	line-height:1em;
	font-weight:bold; 
	margin-bottom:1em;
}

h3, h4, h5, h6 { margin-bottom: 0; }
h1 { font-size: 1.5em;  color:#008BD7;}
h2 { font-size: 1.2em;  color:#008BD7;}
h3 { font-size: 1em; }
h4 { font-size: 1em; }
h5 { font-size: 1.1em; font-style:italic; }

p, .csc-frame-rulerAfter, form { 
	font-size: 1em; 
	margin-bottom:1.3em; 
	}
pre, code, kbd, samp { font-size:1em; }
pre code { font-size:1em; }

a { color:#008BD7; text-decoration:underline;}

hr, .csc-frame-rulerAfter {
	clear:both;
	background: #CCC;
	color: #CCC;
	border: 0;
	height: 1px;
}

ol, ul { 
	list-style: disc outside;
	margin: 0 0 1.3em 0;
	padding: 0 0 0 1.3em;
}

li { padding-left: 1.3em; }
ol { list-style: decimal;}
.hidden { display: none; }
.unhidden { display: block; }

/* table  //////////////////////////////////////////////////*/
td { height:auto; padding:0.3em; text-align:left;}
td p { margin:0; }
caption, th { padding:0.3em; }
col { background:silver; }
thead th, tfoot th { background:gray; color:white; }
caption { background:black; color:white; font-style:italic; }

/* Layout 3 cols ///////////////////////////////////////////////////////////////*/
#container {
	margin: auto;
	width: 900px;
	position: relative;
}

#main, #left, #center, #right, #footer {
	float: left;
	display: inline; /* workaround for IE6*/
}

#main { background: url(../img/bg-main.png) no-repeat left 100px;}
#page-title { display: none;}

#header{
	background: url(../img/bg-header.png) no-repeat left bottom; 
	height: 99px;
	position: relative;
	width: 900px;
}

/* Left  ////////////////////////////////////////////////////////////////////////*/
#left { 
	background: url(../img/bg-left.png) no-repeat left top;
	width: 172px;

	min-height: 480px;
	height: auto !important;
	height: 480px;
	
	padding-top:20px;
}

/* Center ///////////////////////////////////////////////////////////////////////*/
#center{
	/*	
	min-height: 350px;
	height: auto !important;
	height: 350px;
	*/
	width: 490px;
	margin: 20px 40px 20px 14px;
	overflow: hidden;
	position: relative;
}

/* Right ////////////////////////////////////////////////////////////////////////*/
#right { 
	margin:18px 0 0 12px; 
	width: 170px;
}

/* Footer ////////////////////////////////////////////////////////////////////////*/
#footer{
	color: #B0B0B0;
	font-size: 0.8em;
	height: 30px;
	width: 900px;
	position: relative;
}

/* Misc /////////////////////////////////////////////////////////////////////////////////*/
#logo a {
	height: 82px;
	width: 449px;
	left: 0;
	top: 8px;
	position: absolute;
	cursor: pointer;
}

#copy {
	left: 192px;
	top: 0;
	position: absolute;
}

a.download {
	background:url(../img/download.gif) no-repeat left;
	padding-left: 16px;
}

/* setting for overlapping header images */
h1, h2, h3, h4, h5, h6, p, form { 
	position:relative; z-index:2;
}

div.img-wrap { 
	clear:both; 
	float:left; 
	display:inline; 
	width:490px; 
	margin-bottom:-24px;
	
	position:relative;
	z-index:1;
}

.img-wrap .csc-textpic-text { top:230px; position:absolute; }