/* == RESET CSS== */
 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;
}
body {
	line-height: 1;
	background-color: #fff;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
	list-style-position: inside;
}
 

:focus {
	outline: 0;
}
 

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* == END RESET CSS == */


/* == BASIC HTML == */
body {
	font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}

a:focus {
	outline: 1px dotted invert;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* Headings*/
h1 {
	font-size: 25px;
}

h2 {
	font-size: 23px;
}

h3 {
	font-size: 21px;
}

h4 {
	font-size: 19px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

/* `Spacing*/
ol {
	list-style: decimal;
}

ul {
	list-style: square;
}

li {
	margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}
/* == END BASIC HTML == */


/*Style Link*/
a:link, a:hover, a:visited, a:active {text-decoration:none;}

a:link    {color:#b97c07;}
a:hover   {color:#b97c07;text-decoration:underline;}
a:visited {color:#b97c07;}
a:active  {color:#0b97c07;}
/*End Style*/

/* == LAYOUT == */
body {
	background-color:#000;
}

#container {
	width:960px;
	margin: 0 auto;
	background-color:#fff;
}

#col_left {
	width:960px;
	height:768px;
	background-image:url(../img_bg/col_left.jpg);
	background-repeat:no-repeat;
	background-position: top left;
}

#col_right {
	width:960px;
	height:768px;
	background-image:url(../img_bg/col_right.jpg);
	background-repeat:no-repeat;
	background-position: top right;
}

#header {
	margin: 0 auto;
	width:582px;
	height:390px;
	background-color: #ffde00;
	background-image:url(../img_bg/header.jpg);
	background-repeat: no-repeat;
}

#logo_art img {
	position:absolute;
	margin: -375px 0px 0px 180px;
}

#ban_dam img {
	position:absolute;
	margin: -374px 0px 0px 390px;
}

#content2 {
	margin: 0 auto;
	width:582px;
	height: 371px;
	background-color: #fff;
	background-image:url(../img_bg/content.jpg);
	background-repeat:no-repeat;
}

#footer {
	width:960px;
	height: auto;
}
/* == END LAYOUT == */

/*Menu*/
#menu {
	width:440px;
	height:29px;
	position:absolute;
	margin: -70px 0px 0px 180px;
	background-image:url(../img_bg/menu.jpg);
	background-repeat:no-repeat;
	background-position:30px 0px;
}

#menu ul {}

#menu ul li {
	list-style:none;
}

#menu a {
	text-decoration:none;
	display:block;
	height:29px;
	float:left;
	text-indent: -9999px;
	background:url(../img_bg/menu_hover.jpg) no-repeat 0px 30px;
}

#menu a#nav-arts      {width:40px;}
#menu a#nav-graphics  {width:90px;}
#menu a#nav-contact   {width:82px;}
#menu a#nav-location  {width:87px;}
#menu a#nav-guestbook {width:95px;}

#menu a:hover#nav-arts      {background-repeat:no-repeat;background-position: 0px 0px;}
#menu a:hover#nav-graphics  {background-repeat:no-repeat;background-position: -40px 0px;}
#menu a:hover#nav-contact   {background-repeat:no-repeat;background-position: -130px 0px;}
#menu a:hover#nav-location  {background-repeat:no-repeat;background-position: -212px 0px;}
#menu a:hover#nav-guestbook {background-repeat:no-repeat;background-position: -299px 0px;}
/*Menu*/

/*Content*/
#content2 #rendiunica {text-indent:-9999px;display:none;}
/*End Content */

/*Footer*/
div#footer {
	color: #929292;
	font-size:11px;
	text-align:center
}

#footer p#link {
	line-height: 100px;
	width:100px;
	position:absolute;
	margin:0px 0px 0px 60px;
}

#footer p#link img {
	vertical-align:-8px;;
	padding: 0px 5px 0px 0px;
}

#footer div#link img {
	position:absolute;
	margin: 37px 0px 0px -30px;
}

#footer div#copyright {
	line-height: 100px;

}

#footer div#content {
	line-height: 100px;
	width:100px;
	position:absolute;
	margin:-100px 0px 0px 820px;
}

#footer div#content p img {
	position:absolute;
	margin:30px 0px 0px -33px;
}
/*End Footer*/
