/* reset */

/* v1.0 | 20080212 */

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, u, i, 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;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* rest */

body { 
	background: #adadad;}
	
	
/* Header */	

div#header {
	margin: 0 auto; margin-top: 70px; width:900px; height:110px; background:#fff;}

div#header h1{
	float:left; margin-top:0px; text-indent: -9999em; padding: 30px 0px 0px 40px; }
	
div#header h1 a{
	display: block; width: 350px; height:62px; background: url(../images/kate-bosco.gif) 0 -63px no-repeat; padding: 0px 10px 0px 0px;}
	
div#header h1 a:hover {
	background: url(../images/kate-bosco.gif) 0px 0px no-repeat; }


/* Nav */
div#nav {
	float:left; margin:55px 0 0 50px;}
		
div#nav ul { 
	height:1%; overflow:hidden;}
	
div#nav li {
	float:left; margin:0 5px 0 5px; border-right: 1px dotted #adadad; padding: 2px 9px 5px 2px; font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; font-size: 18px; font-style: bold; }
	
div#nav li.last {
	border-right: none;}
	
	div#nav li#about a {
		display:block; width:55px; height:18px; text-indent:-9999em; background:url(../images/sprite.gif) no-repeat;}
	div#nav li#about a:hover {
		display:block; width:55px; height:18px; background:url(../images/sprite.gif) -80px 0 no-repeat;}
	div#nav li#about a.on {
		display:block; width:55px; height:18px; background:url(../images/sprite.gif) -80px 0 no-repeat;}
	div#nav li#about a.visited {
		display:block; width: 55px; height:18px; background:url(../images/sprite.gif)  no-repeat;}
		
	div#nav li#work a {
		display:block; width:50px; height:18px; text-indent:-9999em; background:url(../images/sprite.gif) 0 -20px no-repeat;}
	div#nav li#work a:hover {
		display:block; width:50px; height:18px; background:url(../images/sprite.gif) -80px -20px no-repeat;}
	div#nav li#work a.on {
		display:block; width:50px; height:18px; background:url(../images/sprite.gif) -80px -20px no-repeat;}
	div#nav li#work a.visited {
		display:block; width: 50px; height:18px; background:url(../images/sprite.gif) 0 -20px no-repeat;}
		
	div#nav li#blog a {
		display:block; width:42px; height:21px; text-indent:-9999em; background:url(../images/sprite.gif) 0 -39px no-repeat;}
	div#nav li#blog a:hover {
		display:block; width:42px; height:21px; background:url(../images/sprite.gif) -80px -39px no-repeat;}
	div#nav li#blog a.on {
		display:block; width:42px; height:21px; background:url(../images/sprite.gif) -80px -39px no-repeat;}
	div#nav li#blog a.visited {
		display:block; width:42px; height:21px; background:url(../images/sprite.gif) 0 -39px no-repeat;}
		
	div#nav li#friends a {
		display:block; width:47px; height:18px; text-indent:-9999em; background:url(../images/sprite.gif) 0 -64px no-repeat;}
	div#nav li#friends a:hover {
		display:block; width:47px; height:18px; background:url(../images/sprite.gif) -80px -64px no-repeat;}
	div#nav li#friends a.on {
		display:block; width:47px; height:18px; background:url(../images/sprite.gif) -80px -64px no-repeat;}
	div#nav li#friends a.visited {
		display:block; width: 47px; height:18px; background:url(../images/sprite.gif) 0 -64px no-repeat;}
		
	div#nav li#contact a {
		display:block; width:73px; height:18px; text-indent:-9999em; background:url(../images/sprite.gif) 0 -85px no-repeat;}
	div#nav li#contact a:hover {
		display:block; width:73px; height:18px; background:url(../images/sprite.gif) -80px -85px no-repeat;}
	div#nav li#contact a.on {
		display:block; width:73px; height:18px; background:url(../images/sprite.gif) -80px -85px no-repeat;}
	div#nav li#contact a.visited {
		display:block; width: 73px; height:18px; background:url(../images/sprite.gif) 0 -85px no-repeat;}
	

/* Content */	
		
div#content {
	margin: 0 auto; width: 900px; min-height: 375px; background:#fff; 100% 100% repeat-y; padding: 10px 0px 0px 0px; }
	
div#content h2{
	width: 400px; font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; padding: 5px 55px 15px 55px; color: #000;}
	
div#content p{
	width: 500px; font-family: "Arial", sans-serif; font-size: 14px; line-height: 150%; font-style: normal; padding: 5px 20px 20px 55px; color: #000;}
	
div#content p a{
	color: #000; font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; text-decoration: none; padding: 0px 4px 2px 2px; }
	
div#content p a:hover{
	color: #fff; background: #e00084; padding: 0px 4px 2px 2px;}
	
.index { 
	background:#fff url(../images/homepageart.gif) 50% 50% no-repeat !important; } 
	
.about { 
	background:#fff url(../images/me.gif) 100% 100% no-repeat !important; }
	
.contact{
	background:#fff url(../images/call.gif) 100% 100% no-repeat !important; }

.friends{
	background:#fff url(../images/thumbs-up.gif) 100% 100% no-repeat !important; }
	
.dropcap{
	padding: 0px 14px 5px 0px; float: left; margin-top: -15px; margin-left: -5px; }



/* Links*/

#links ul { 
	float: left; margin:0px 5px 0px 55px; background:#fff; width: 140px; height-max: 200px;}

#links ul li{ 
	padding:5px 10px 10px 0px; color:#000; font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; text-decoration: none;}	
	

#links ul li a { 
	color: #000; font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; text-decoration: none; padding: 0px 4px 2px 3px;}

#links ul li a:hover { 
	color: #fff; background: #e00084; padding: 0px 4px 2px 3px;}
	
.right {
	float: right; }


/* Footer */
	
div#footer {
	margin: 0 auto; width: 900px; height: 20px; padding: 0px; background: #000;}
	
div#footer p{
	width: 200px; font-family: "Arial", sans-serif; font-size: 8px; font-style: normal; padding: 7px 10px; color: #e00084; }
		
		
		
	
/* Box around Easy Slider */
	
div#hold {
	margin: 30px 0px 0px 100px; width: 760px; height: 340px; background: url(../images/hold.gif) no-repeat; padding: 2px 0px 0px 2px;
}


		
/* Easy Slider */

#slider ul, #slider li{
	margin:0px; padding:0px; list-style:none; }
	
#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:696px; height:241px; overflow:hidden; }
		
span#prevBtn{ 
	display:block; width:90px; height:77px; position:absolute; margin-left: -85px; margin-top: -200px;}
	
span#prevBtn a{ 
	display: block; width:90px; height: 241px; background: url(../images/btn_prev.gif) no-repeat 0 0;text-indent: -9999em; }
	
span#nextBtn{ 
	display:block; width:90px; height:77px; position:absolute; margin-left: 698px; margin-top: -200px;}	
	
span#nextBtn a{ 
	display: block; width: 90px; height: 77px; background: url(../images/btn_next.gif) no-repeat 0 0; text-indent: -9999em; }
		

/* Easy Slider */