/* 	client - jan wernej
	author - mic wernej
	
	contents
	=================
	
	=1. global reset
	=2. html and body
	=3. layout
	=4. headings
	=5. typography
	=6. navigation
	=7. lists
	
*/

/******************************************************
=1. global reset
******************************************************/
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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
a:focus {		/* removed dotted outline for links */
	outline: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}

/******************************************************
=2. html and body
******************************************************/
html	{
	height: 100%;
	}

body {
	height: 100%;
	font:76%/150% "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
	color: #333;
	background: #fff url(../images/body-bg.jpg) repeat-x top left;
	}

/******************************************************
=3. layout
******************************************************/
#wrapper {
	width:782px;
	margin:0 auto;	
	}

#header {
	padding:0;
	margin:0 0 0 180px;
	height:63px;
	width:600px;
	background:#d7e5fd;
	border:1px #fff solid;
	}


#right-col {
	float:right;
	margin:0;
	padding:0;
	width:600px;
	background:#fff /*url(../images/rightcol-bg.gif)  left 320px repeat-y*/;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	}
	
	#banner {
		border:1px #FFF solid;
		margin:-1px 0 0 0;
		}
		
	#content {
		background:#f9f8dc;
		padding:10px;
		}
		
		div.image-float {
			float:right;
			padding:3px;
			background:#fff;
			border:1px solid #999;
			}
		
#left-col {
	float:left;
	width:180px;
	}
	
	#contacts {
		margin:45px 0 0 0;
		padding:7px;
		width:156px;
		height:145px;
		background:transparent url(../images/contacts-bg.gif) top left no-repeat;
		}
		
#footer {
	width:782px;
	margin:20px auto;
	float:right;	
	}
	
/******************************************************
=4. headings
******************************************************/
h1 {
	background:url(../images/jan-wernej.gif) right  3px no-repeat;
	height:60px;
	width:528px;
	text-indent:-2000px;
	padding:0 0 0 60px;
}

h2 {
	font:1.5em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#35349A;
	padding:0 0 10px 30px;
	background:url(../images/heading-twirl.gif)  left 3px no-repeat;
	}

#contacts h3 {
	font:1.1em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#fff;
	padding:0 0 3px 0;
	}
	
#content h3 {
	font:1em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#35349A;
	padding:0 0 3px 0;
}


/******************************************************
=5. typography
******************************************************/
p {
	line-height:2em;
	padding:0 0 20px 0;
	}
	
	#contacts p {
		line-height:normal;
		padding:0;
		color:#fff
		}
		
	p.emphasis {
		margin:5px;
		font-weight:bold;
		}
					
	#footer p{
		float:right;
		font-size:0.8em;
		color:#ccc;
		}
		
blockquote {
	border:1px solid #87865e;
	margin:10px 20px;
	padding:10px 10px 10px 50px;
	font:1.1em Georgia, "Times New Roman", Times, serif;
	color:#87865e;		
	background:#fff url(../images/open-quote.gif) 5px 5px no-repeat;
	}
	
	blockquote p {
		background:#fff url(../images/close-quote.gif) bottom right no-repeat;
		display:block;
		line-height:2em;
		padding:0;
		}

a,
a:visited
 {
	color: #333;
	}
	
	a:hover {
		color:#87865e;
		text-decoration:none;
		}
			
		
#header h1 a {
	display:block;
	height:60px;
	width:480px;
	}

#contacts a {
	color:#fff;
	}
	
	#contacts a:hover {
		text-decoration:none;
		}
		
#footer a,
#footer a:visited {
	color:#999;
	}
	
	#footer a:hover {
		color:#666;
		text-decoration:none;	
		}
	
	
/******************************************************
=6. navigation
******************************************************/

#menu ul {
	width:170px;
	}
	
	#menu ul li {
		height:27px;
		width:170px;
		font:1em Georgia, "Times New Roman", Times, serif;
		font-weight:bold;		
		}
		
		/*ie 6 fix*/
		* html body #menu ul li {
			font-size:1em;
			}
		
		#menu ul li a {
			display:block;
			width:170px;
			height:27px;
			color:#fff;
			text-decoration:none;
			padding:5px 0 0 5px;			
			}
			
			/*ie 6 fix*/
			* html body #menu ul li a{
				padding:7px 0 0 5px;
				height:20px;
				}
			
			#menu ul li a:hover {
				background:url(../images/menu-over.gif) top left no-repeat;
				color:#87865e;
				}
				
/******************************************************
=7. lists
******************************************************/
#content ul {
	margin:-10px 0 10px;
	}

	#content ul li {
		line-height:1.5em;
		margin:0 0 0 40px;
		list-style-type:disc;
		}