@charset "UTF-8";
/* CSS Document */

@charset "utf-8";

body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background:url(images/bkgnd_light.png) repeat;
}
html {
	padding:0;
	margin:0;
}
li.bg, .bg {
	clear:both;
	border-bottom:1px solid #a6a6a6;
	padding:0;
	margin:10px 0;
	background:none;
	list-style:none;
}
p.clr, .clr {
	clear:both;
	padding:0;
	margin:0;
}
.main {
	position: relative;
	margin:0 auto;
	padding:0;
}

/* text */
h1 {
	margin:0;
	padding:10px 0px 0px 0px;
	color:#808080;
	font:normal 18px/1.2em Arial, Helvetica, sans-serif, normal;
}
h1 a, h1 a:hover {
	color:#005d45;
	text-decoration:none;
}
h1 span {
	color:#ffa800;
}
h1 small {
	display:block;
	font:normal 14px/1.2em Arial, Helvetica, sans-serif;
	letter-spacing:normal;
}
slider_footer_text {
	margin:0;
	padding:10px 0px 0px 0px;
	color:#808080;
	font:normal 38px/1.2em Arial, Helvetica, sans-serif;
}

contact_text {
	margin:0;
	padding:10px 0px 0px 0px;
	color:#808080;
	font:normal 18px/1.2em Arial, Helvetica, sans-serif;
}

/* header */
.header_resize {
	margin:0 auto;
	padding:0;
	width:930px;
	height: 120px;
}
.header {
	position: relative;
	margin:0;
	padding:0;
	height: 120px;
	background:url(images/bkgnd_light.png) repeat;
}

/* logo */
.logo {
	position: relative;
	width:250px;
	height:120px;
	margin:0 auto;
	padding:0;
	/* float:left; */
	background:url(images/logo_handmedia.png) no-repeat;
	z-index: 600;
}

/* body */
.body_resize {
	margin:0 auto;
	padding:0px 0px 0px 0px;
	position: relative;
	
	width:930px;
	height: 600px;
	z-index: 400;
}
.body {
	position: relative;
	margin:0;
	padding:0px 0px 0px 0px;
	height: 600px;
	
	
}
.body_background {
	position: absolute;
	margin:0;
	padding:0px 0px 0px 0px;
	top: 120;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
}

/* clouds */
#clouds {
	background: url(images/clouds.jpg) repeat-x;
	position: relative;
	height: 300px;
}

/* grass */
.grass {
	background: url(images/grass.jpg) repeat-x;
	position: relative;
	height: 300px;
}

/* content panel */
.content_panel {
	/* background: url(images/panel_bkgnd.png) repeat-x; */
	position: absolute;
	top: 35px;
	left: 105px;
	right: 0px;
	bottom: 0px;
	width: 720px;
	height: 480px;
	z-index: 200;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}

.panel_edges {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 720px;
	height: 480px;
	z-index: 250;
}

.panel_edge_top {
	background: url(images/panel_edge_top.png) repeat-x;
	position: absolute;
	top: 0px;
	left: 3px;
	right: 0px;
	bottom: 0px;
	width: 714px;
	height: 3px;
	z-index: 250;
}

.panel_edge_bottom {
	background: url(images/panel_edge_bottom.png) repeat-x;
	position: absolute;
	top: 477px;
	left: 3px;
	right: 0px;
	bottom: 0px;
	width: 714px;
	height: 3px;
	z-index: 250;
}

.panel_edge_left {
	background: url(images/panel_edge_left.png) repeat-y;
	position: absolute;
	top: 3px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 3px;
	height: 474px;
	z-index: 250;
}

.panel_edge_right {
	background: url(images/panel_edge_right.png) repeat-y;
	position: absolute;
	top: 3px;
	left: 717px;
	right: 0px;
	bottom: 0px;
	width: 3px;
	height: 474px;
	z-index: 250;
}

.panel_corner_top_left {
	background: url(images/panel_corner_top_left.png) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 3px;
	height: 3px;
	z-index: 250;
}

.panel_corner_top_right {
	background: url(images/panel_corner_top_right.png) no-repeat;
	position: absolute;
	top: 0px;
	left: 717px;
	right: 0px;
	bottom: 0px;
	width: 3px;
	height: 3px;
	z-index: 250;
}

.panel_corner_bottom_left {
	background: url(images/panel_corner_bottom_left.png) no-repeat;
	position: absolute;
	top: 477px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 3px;
	height: 3px;
	z-index: 250;
}

.panel_corner_bottom_right {
	background: url(images/panel_corner_bottom_right.png) no-repeat;
	position: absolute;
	top: 477px;
	left: 717px;
	right: 0px;
	bottom: 0px;
	width: 3px;
	height: 3px;
	z-index: 250;
}

.unika_foglia_grafica {
	background:url(images/deleted_unika_foglia_grafica.png);
	position: relative;
	width:152px;
	height:480px;
	margin:0 auto;
	float:right;
	z-index: 240;
}

.slider_header {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 720px;
	height: 30px;
	z-index: 230;
}

.slider_header_left {
	background:url(images/slider_header_panel_left.png) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 3px;
	height: 30px;
	
}

.slider_header_middle {
	background:url(images/slider_header_panel_middle.png) repeat-x;
	position: absolute;
	top: 0px;
	left: 3px;
	right: 0px;
	bottom: 0px;
	width: 714px;
	height: 30px;
	
}

.slider_header_right {
	background:url(images/slider_header_panel_right.png) no-repeat;
	position: absolute;
	top: 0px;
	left: 717px;
	right: 0px;
	bottom: 0px;
	width: 3px;
	height: 30px;
	
}

.slider_footer {
	position: absolute;
	top: 410px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 720px;
	height: 70px;
	z-index: 230;
}

.slider_footer_left {
	background:url(images/slider_footer_panel_left.png) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 3px;
	height: 70px;
	
}

.slider_footer_middle {
	background:url(images/slider_footer_panel_middle.png) repeat-x;
	position: absolute;
	top: 0px;
	left: 3px;
	right: 0px;
	bottom: 0px;
	width: 714px;
	height: 70px;
	
}

.slider_footer_right {
	background:url(images/slider_footer_panel_right.png) no-repeat;
	position: absolute;
	top: 0px;
	left: 717px;
	right: 0px;
	bottom: 0px;
	width: 3px;
	height: 70px;
	
}

.logo_unika_mini {
	background:url(images/logo_handmedia_mini.png) no-repeat;
	position: absolute;
	top: 11px;
	left: 45px;
	right: 0px;
	bottom: 0px;
	width: 120px;
	height: 70px;
	
}

.slider_footer_text {
	position: absolute;
	top: 12px;
	left: 200px;
	right: 0px;
	bottom: 0px;
	width: 480px;
	height: 70px;
	
}

.panel_content {
	background: url(images/garden_screen.png) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 720px;
	height: 480px;
	z-index: 220;
}

.panel_bkgnd {
	background: url(images/panel_bkgnd.png) repeat-x;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 720px;
	height: 480px;
	z-index: 210;
}

.panel_shadow {
	background: url(images/panel_shadow.png);
	position: absolute;
	top: 485px;
	left: 71px;
	right: 0px;
	bottom: 0px;
	width: 788px;
	height: 112px;
	z-index: 100;
}

/* footer */
.footer_resize {
	margin:0 auto;
	padding:10px 0px 0px 0px;
	position: relative;
	width:930px;
	height: 120px;
}
.footer {
	position: relative;
	margin:0;
	padding:0;
	height: 120px;
	background:url(images/bkgnd_light.png) repeat;
}


/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/

/*====================*/
/*=== Reset Styles ===*/
/*====================*/
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;
}
body {
	line-height:1;
	color:black;
	background:white;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/*===================*/
/*=== Main Styles ===*/
/*===================*/
body {
	font:14px/1.6 Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color:#333;
	background:#eee;
}

a, a:visited {
	color:blue;
	text-decoration:none;
}
a:hover, a:active {
	color:#000;
	text-decoration:none;
}

/* #dev7link {
    position:absolute;
    top:0;
    left:50px;
    background:url(images/dev7logo.png) no-repeat;
    width:60px;
    height:67px;
    border:0;
    display:block;
    text-indent:-9999px;
} */

.theme-default #slider {
    margin:30px auto 0 auto;
    width:720px; /* Make sure your images are the same size */
    height:380px; /* Make sure your images are the same size */
	z-index: 900;
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:150px;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}