/* developed by Nur Web Agency */

* { margin: 0; padding: 0; }
body { margin: 0; padding: 0; background: #fff url(images/img01.jpg) repeat-x; font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #666; }
h1, h2, h3 { margin: 0; padding: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #F49500; }
h2 { text-transform: uppercase;	font-size: 18px; }
h3 { text-transform: uppercase; letter-spacing: 2px; font-size: 11px; }
p, blockquote, ul, ol { line-height: 18px; text-align: justify; }
blockquote { padding-left: 20px; background: url(images/img05.gif) repeat-y; }
a { color: #F49500; }
a:hover { text-decoration: none; }
a:active, a:focus { outline: none; }
form { margin: 0; padding: 0; }

/* Header */
#header_container { width: 760px; height: 180px; margin: 0 auto; /*background: url(images/img02.jpg);*/ position: relative; z-index: 10; }
#header { position: absolute; top: 0; left: 0; width: 760px; height: 180px; z-index: 20; }
#header h1, #header h2 { text-transform: lowercase; font-weight: normal; color: #fff; }
#header h1 { float: left; padding: 52px 0 0 20px; font-size: 26px; }
#header h1 strong { font-size: 36px; font-weight: bold; text-transform: none; }
#header p { float: right; margin: 0; padding: 134px 20px 0 0; }
#header p a:link img, #header p a:visited img { padding: 1px; border: #fff 1px solid; margin-left: 7px; }
#header p a:hover img { border: #4e4e4e 1px solid !important; }

/* Menu */
#menu_container { width: 760px; height: 50px; margin: 0 auto; }
#menu { margin: 0; padding: 0; list-style-type: none; }
#menu ul { list-style-type: none; padding: 0; margin: 0; }
#menu li { position: relative; float: left; margin-left: 3px; }
#menu table { border-collapse:collapse; position: absolute; top: 0; left: 0; z-index: 80; font-size: 1em; } /* for IE5.5 and IE6 only */
#menu li a:link, #menu li a:visited { display: block; float: left; height: 33px; padding: 17px 20px 0 20px; background: url(images/img03.gif) no-repeat; text-transform: uppercase; text-decoration: none; font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #d8d8d8; }
#menu li a:hover { color: #fff; background: url(images/img03.gif) no-repeat; }
#menu li a:hover > a { color: #fff; background: url(images/img03.gif) no-repeat; }
#menu li a.first:link, #menu li a.first:visited { display: block; float: left; height: 33px; padding: 17px 20px 0 20px; text-transform: uppercase; text-decoration: none; font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #d8d8d8; background: none; }
#menu li a.first:hover { color: #fff; }
#menu li a.first:hover > a { color: #fff; }
#menu li ul li a:link, #menu li ul li a:visited { text-transform: lowercase; font-weight: normal; background-color: #4e4e4e; background-image: none; color: #d8d8d8; width: 140px; height: 30px; padding: 0 20px; line-height: 28px; border-top: #fff 1px solid; overflow: hidden; }
#menu li ul li a:hover { color: #fff; }
#menu ul, 
#menu :hover ul ul,
#menu :hover ul :hover ul ul { position: absolute; left: -9999px; width: 180px; }
#menu :hover ul{ left: -3px; top: 50px; background: url(images/pix.gif); /* the background image is for IE7 */ } 
#menu :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul { padding: 0 3px; left: 200px; top: 0; }

/* Content */
#content { width: 720px; margin: 0 auto 20px auto; padding: 20px; background: #fff url(images/img04.jpg) repeat-x left bottom; }

/* Posts */
#posts { float: left; width: 480px; }
a.thumb_left:link img, a.thumb_left:visited img, .pic_left { float: left; border: 1px solid #ff8817; margin-right: 5px; padding: 1px; }
a.thumb_right:link img, a.thumb_right:visited img, .pic_right { float: left; border: 1px solid #ff8817; padding: 1px; }
a.thumb_left:hover img, .thumb_right:hover img { border-color: #2d2d2d !important; }
.clear { clear: both; }
.esito { font-weight:bold; color: #f90; }
#controllo { display: none; }
.input { float: left; width: 450px; margin-right: 30px; font-size: 11px; font-weight: bold; }
.input input { width: 290px; padding: 0px 5px; margin-bottom: 7px; height: 18px; border-top: #8e8e8e 1px solid; border-right: #c7c7c7 1px solid; border-bottom: #c7c7c7 1px solid; border-left: #8e8e8e 1px solid; background: transparent url(images/input_bg.gif) top left repeat-x; font-size: 10px; color: #666; line-height: 16px; }
.textarea { float: left; width: 480px; font-size: 11px; font-weight: bold; }
.textarea textarea { width: 470px; padding: 0px 5px; margin-bottom: 7px; height: 150px; border-top: #8e8e8e 1px solid; border-right: #c7c7c7 1px solid; border-bottom: #c7c7c7 1px solid; border-left: #8e8e8e 1px solid; background: #fff url(images/input_bg.gif) top left repeat-x; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; line-height: 18px; }
.checkbox { float: left; width: 480px; }
.submit_contatti { text-align: right; width: 480px; padding-right: 30px; }

/* Prodotti */
#submenu { float: left; width: 200px; }
#right { float: right; width: 480px; padding-left: 20px; background: url(images/img05.gif) repeat-y; }
#submenu ul, #submenu li, #submenu ul li ul, #submenu ul li ul li { list-style-type: none; padding: 0; margin: 0; }
#submenu li.subtitle { display: block; text-indent: 20px; text-transform: uppercase; text-decoration: none; font-weight: bold; color: #666; width: 200px; padding: 0; margin-bottom: 1px; line-height: 28px; background-color: #b9b9b9; }
#submenu li a:link, #submenu li a:visited { display: block; text-transform: uppercase; text-decoration: none; font-weight: bold; color: #666; width: 160px; padding: 0 20px; margin-bottom: 1px; line-height: 28px; background-color: #b9b9b9; }

#submenu li.subtitle ul li a:link, #submenu li ul li a:visited { display: block; text-transform: lowercase; text-decoration: none; font-weight: bold; color: #666; width: 160px; padding: 0 20px 0 20px; margin-bottom: 1px; line-height: 28px; background: #cdcdcd url(images/arrow_submenu.gif) 20px center no-repeat; }

#submenu li a:hover, #submenu li.subtitle ul li a:hover { color: #fff; }

/* Links */
#links { float: right; width: 200px; padding-left: 20px; background: url(images/img05.gif) repeat-y; }
#links ul { margin: 0; padding: 0; list-style: none; }
#links li ul { padding: 5px 0 30px 0; }
#links li li { padding: 7px 10px; background: url(images/img06.gif) repeat-x left bottom; }
#links li a { text-decoration: none; }
#links li a:hover { text-decoration: underline; }
#links li i { font-style: normal; font-size: 9px; }
#links li h2 { font-size: 14px; }

/* Footer */
#footer { height: 100px; padding: 20px; background: #2D2D2D url(images/img07.gif) repeat-x; }
#footer p { text-align: center; color: #999; }
#footer a.linknur:link, #footer a.linknur:visited { line-height: 13px; padding: 1px 39px 3px 0; text-decoration: underline; color: #f49500; background: url(images/logo_nur.png) right 2px no-repeat; }
#footer a.linknur:hover { text-decoration: none; }

/* Lightbox */
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox img { width: auto; height: auto; }
#lightbox a img { border: none; }
#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }
#prevLink, #nextLink { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }
#imageData { padding:0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }  
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }     
#imageData #bottomNavClose { width: 66px; float: right;  padding-bottom: 0.7em; outline: none; }    
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }