/*CSS document for kaarins.com by jay swanson at blueswandesign.com all rights reserved*/
/*--------------eric's browser 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, 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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

a:img {
	border: 0;
	text-decoration: none;
}

body { 
	font-size: 62.5%;
	font-family: 'Lucida Grande', Helvetica, sans-serif;
	background: #ffffff; 
	padding: 0 20px;
	color: #000;
}

table tr {
	vertical-align: top;
}


/*
------------STRUCTURE---------------*/
div#container {
	position: left;
	width: 100%;
	margin-left: 0;
	overflow: auto;
	white-space: nowrap;
}

div#left {
	float: left;
	width: 270px;
	height: 100%;
	background: #FFF;
}

div#right {
	width: auto;
	height: 560px;
	margin: 42px 0 0 0;
	overflow: auto;
	white-space: nowrap;
}

div#right2 {
	width: auto;
	height: 100%;
	margin: 42px 0 0 0;
}

div#aboutcontainer {
	width: 900px;
	margin: 0 auto;
}

ul.photos {
	display: inline;
	width: 10000px;
	white-space: nowrap;
}

ul.photos li {
	display: inline;	
}

.about {
	width: 400px;
	float: left;
	margin: 80px 0 0 20px;
}


.aboutimg {
	float: right;
	margin-top: 80px;
}

.contact {
	width: 500px;
	float: left;
	margin-top: 80px;
}

div#menu {
	float: left;
	width: 80px;
	font-size: 1.2em;
	margin-top: 24px;
}

div#menu ul {
	list-style: none;
	margin-left: 15px;

}

div#menu ul li a {
	text-decoration: none;
}

div#menu ul li.active a:link,
div#menu ul li.active a:visited {
	color: #aaa;
}

div#menu ul li.active a:hover {
	color: #666;
}

div#footer {
	float: left;
	width: 200px;
	margin: 150px 0 0 15px;
}


/*----------TYPOGRAPHY------------*/

p {
	font-size: 1.2em;
	color: #000;
}


h1{ 
	width: 265px;
	height: 281px;
	font-family: Helvetica, sans-serif;
	font-size: 4.0em;
	letter-spacing: -1px;
	color: #000;
	text-indent: -9999px;
	background: url(images/kaarins_logo.jpg) no-repeat top left;
}

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


a:hover{ 
	color: #999; 
}

.clear {
	clear: both;	
}