/* Gominola Creative Media 2006
________________________________________*/
body, div, ul, li, a, p, img, table, tr, td, span, h1, h2, h3, input, select, option, textarea
{
	border: 0;
	margin: 0;
	padding: 0;
	font: 11px Verdana, sans-serif;
	line-height: 15px;
	text-align: left;
}
body
{
	background: #FFF7DF;
}
ul
{
	list-style: none;
}

#wrap
{
	width: 980px;
	height: auto;
	float: left;
}


/* Header
________________________________________*/
#header
{
	width: auto;
	height: 57px;
	padding: 20px 0px 0px 40px;
	background: url("/content/img/bg_header.jpg") no-repeat;
}

/* Logo
________________________________________*/
#logo
{
	float: left;
	background: url("/content/img/kaerolina_logo_new3.gif") no-repeat;
	width: 283px;
	height: 41px;
	height: 51px;
}
	#logo p
	{
		display: none;
	}

/* Menu
________________________________________*/
#menu
{

	width: 800px;
	height: auto;
	padding-top: 6px;
}
	#menu li
	{
		background: url("/content/img/button.gif") no-repeat;
		width: 147px;
		float: left;
	}
		#menu li a
		{
			height: 25px;
			display: block;
			line-height: 25px;
			padding-left: 15px;
			color: #FFF7DF;
			text-decoration: none;
		}


/* Content
________________________________________*/
#content-holder
{
	float: left;
	background: url("/content/img/bg_top.jpg") no-repeat;
	padding-top: 18px;
}
#content
{
	float: left;
	width: 779px;
	height: auto;
	background: url("/content/img/bg_wood.jpg") repeat-y;
}
/* Category
________________________________________*/
#category
{
	float: left;
	width: 750px;
	padding: 12px 12px 0px 12px;
}
	#category li
	{
		background: url("/content/img/button.gif") no-repeat;
		width: 147px;
		float: left;
	}
		#category li a
		{
			height: 25px;
			display: block;
			line-height: 25px;
			padding-left: 15px;
			color: #FFF7DF;
			text-decoration: none;
		}

/* Thumb
________________________________________*/
#thumb
{
	margin-top: 7px;
}
#thumb p
{
	margin: 5px 0px;
	padding: 0px 12px;
	color: #543500;
}
	#thumb p a
	{
		color: #543500;
		font-weight: bold;
		text-decoration: none;
	}
	#thumb p a:hover
	{
		color: #FFF;
		background: #543500;
	}
#thumb ul
{
	padding: 0px 0px 0px 9px;
	width: 760px;
}
	#thumb li
	{
		background: url("/content/img/bg_thumb.gif") no-repeat;
		width: 147px;
		height: 126px;
		height: 116px;
		display: block;
		float: left;
		padding: 4px 0px 0px 4px;
	}
		#thumb li a img
		{
			float: left;
			width: 133px;
			height: 100px;
			height: 90px;
		}
		#thumb li div
		{
			float: left;
			background: url("/content/img/corner_thumb.gif") no-repeat;
			width: 133px;
			height: 100px;
			height: 90px;
			margin-top: -100px;
			margin-top: -90px;
		}
		#thumb li p
		{
			float: left;
			text-align: center;
			width: 133px;
			overflow: hidden;
			margin: 0;
			padding: 0;
		}
			#thumb li p a
			{
				text-decoration: none;
				font-size: 10px;
				font-weight: normal;
			}
			#thumb li p a:hover
			{
				background: none;
			}



/* Large
________________________________________*/
#work_holder
{
	float: left;
	width: 730px;
	background: url("/content/img/bg_large.gif") no-repeat;
	margin: 20px 0px 0px 9px;
	padding: 15px;
}
	#work
	{
		float: left;
		width: 700px;
		height: 350px;
		overflow: hidden;
	}
		#work td
		{
			padding-right: 15px;
			width: 425px;
		}
		#work img
		{
			float: left;
		}
		#work a div
		{
			float: left;
			background: url("/content/img/corner_large.gif") no-repeat;
			width: 425px;
			height: 319px;
			margin-top: -319px;
		}
	.titulo
	{
		float: left;
		width: 194px;
		height: 20px;
		background: url("/content/img/bg_titulo.png") no-repeat;
		line-height: 20px;
		padding-left: 10px;
		color: #543500;
		margin: 0px 0px 10px 10px;
	}
	.nav
	{
		float: left;
	}
		.nav a
		{
			color: #543500;
			text-decoration: none;
			line-height: 23px;
		}
		.nav a:hover
		{
			border-bottom: 3px solid #543500;
		}
		.nav img
		{
		}
	#work_desc p
	{
		float: left;
		color: #543500;
		padding-left: 10px;
		margin: 10px 30px 0px 10px;
		width: 700px;
		height: auto;
	}
	#work_desc p a
	{
		color: #543500;
		font-weight: bold;
		text-decoration: none;
	}
	#work_desc p a:hover
	{
		color: #FFF;
		background: #543500;
	}


/* Error
________________________________________*/
#error
{
	width: auto;
	height: auto;
	margin: 5px 0px;
	padding: 0px 12px;
	color: #543500;
}
	#error p
	{
		margin: 5px 0px;
	}


/* Contact
________________________________________*/
#contact, #contact_result
{
	width: auto;
	height: auto;
	background: none;
	margin: 5px 0px;
	padding: 0px 12px;
	color: #543500;
}
	#contact p
	{
		margin: 5px 0px;
		color: #543500;
	}
	#contact h1
	{
		color: #543500;
	}
	#contact h2
	{
		font-weight: bold;
		color: #543500;
		margin: 5px 0px;
	}
	#contact input, #contact textarea
	{
		background: #FFF7DF;
		width: 250px;
		color: #000;
		padding: 1px;
		margin: 0px 0px 10px 0px;
	}
	#contact .bt
	{
		width: auto;
		height: auto;
		background: #ED1B23;
		color: #FFF;
		font-size: 11px;
		font-weight: bold;
		padding: 2px 5px;
	}


/* Bottom
________________________________________*/
#bottom
{
	clear: left;
	width: auto;
	height: auto;
	background: url("/content/img/bg_bottom.jpg") no-repeat;
	padding-top: 18px;
}


/* Credits
----------------------------------------------- */
#credits
{
	float: left;
	padding-top: 20px;
}
#credits a
{
	background: url("../img/gominola.gif") no-repeat top left;
	background-position:0px 0px;
	width: 91px;
	height: 30px;
	display: block;
	text-indent:-10000px;
	float: right;
}
#credits a:hover
{
	background-position:0px -30px;
}



/* News
________________________________________*/
#col
{
	width: 180px;
	height: auto;
	margin: 77px 0px 20px 0px;
	float: right;
}
#news, #newsletter
{
	float: left;
	width: 180px;
	height: auto;
	padding-bottom: 20px;
}
	#news h2, #newsletter h2
	{
		background: url("../img/news_top.gif") no-repeat top left;
		width: 160px;
		height: 25px;
		display: block;
	}
		#news h2 span, #newsletter h2 span
		{
			color: #FFF7DF;
			padding-left: 15px;
			line-height: 25px;
			vertical-align: middle;
		}
	#news #news-holder, #newsletter #newsletter-holder
	{
		background: url("../img/news_bottom.gif") #543500 no-repeat bottom left;
		padding-bottom: 25px;
		width: 160px;
	}
	#news #news-holder p, #newsletter #newsletter-holder p
	{
		color: #999966;
		padding: 5px 15px;
		text-align: justify;
		font-size: 10px;
		line-height: 13px;
	}
	#news #news-holder p a
	{
		color: #FFF7DF;
		font-weight: bold;
		text-decoration: none;
		font-size: 10px;
		line-height: 13px;
	}
	#newsletter input
	{
		width: 90px;
	}
	#newsletter input.bt
	{
		width: auto;
	}