/* URI: http://www.rinogropuzzo.hr | CSS master stylesheet | Copyright (c) 2010. Multilink d.o.o (http://www.multilink.hr) */

/* Globals ******************************************************************************************/
* {margin:0;padding:0;}
html{font:10px/14px Arial, Helvetica, sans-serif;background:#7d7977;padding-top:6px;}	
.has_js{overflow:hidden;}												
body{font-size:1.4em;line-height:1.4em;color:#fff;background:#000;}

/* Containers ***************************************************************************************/
.wrap{width:940px;padding:0 10px;margin:0 auto;}
#head{height:74px;background:url(../cssimg/head.png) center top no-repeat;}
#nav{height:45px;background:#333;}
#content, #facebook{margin-top:30px;position:relative;z-index:99;}
#book{margin-top:30px;position:relative;z-index:79;} 

/* Background *****************************************************************************************/
#overlay, img.bck{min-height:100%;min-width:1014px;width:100%;height:auto;position:absolute;top:125px;left:0;}
#overlay{display:block;background:url(../cssimg/overlay.png) repeat-x;z-index:9;}
#line{display:block;height:400px;background:url(../cssimg/line.png) center top no-repeat;z-index:9;}
body.msie6lt #line{min-height:1200px;height:auto !important;height:1200px;}

/* Headings *******************************************************************************************/
h1{float:left;margin-top:27px;font-size:2.4em;text-transform:uppercase;}
h1 a:hover{color:#cc3300;}

/* Inline **********************************************************************************************/
a, a:hover, a:active, a:focus{outline:none;text-decoration:none;}
a{color:#fff;}
a img{border:none;background:none;}
address{background:#000;padding:40px;min-height:60px;height:auto !important;height:60px;}
address p{float:left;width:273px;}
address a:hover{color:#cc3300;}

/* Nav ************************************************************************************************/
#nav ul{list-style:none;padding:0;}
#nav li{float:left;margin-right:10px;}
#nav li#about{float:right;margin-right:60px;}
#nav a{display:inline-block;padding:17px 2px 17px 0;height:11px;text-transform:uppercase;}
body.ff2 #nav a{display:block;}
body.ff2 #nav a, body.msie7 #nav a, body.msie6lt #nav a{padding:14px 2px 14px 0;height:17px;}
#nav a:hover, #nav a.selected{background:#cc3300;}

/* Content *********************************************************************************************/
/* Facebook */
#facebook a{display:block;width:116px;height:75px;background:url(../cssimg/facebook.png) repeat-x;text-indent:-9999em;}
#content li{list-style:none;}
/* book */
#book a{display:block;width:220px;height:255px;background:url(../cssimg/the_roads_of_pleasure.png) repeat-x;text-indent:-9999em;}
#content li{list-style:none;}

/* Photo carousel */
.jcarousel-container{width:900px;padding:0 20px;margin:0;}
.jcarousel-direction-rtl{direction:rtl;}
.jcarousel-container-horizontal{width:900px;padding:0;}
.jcarousel-clip-horizontal{width:900px;height:250px;}
.jcarousel-item{width:225px;height:250px;text-align:center;display:table;}
.jcarousel-item a{vertical-align:middle;display:table-cell;}
.jcarousel-item-placeholder{background:#000;color:#fff;}
.jcarousel-next-horizontal, .jcarousel-prev-horizontal{position:absolute;top:50%;display:block;cursor:pointer;}
.jcarousel-next-horizontal{right:-20px;height:20px;width:32px;background:url(../cssimg/next.png);margin-top:-10px;}
.jcarousel-prev-horizontal{left:-20px;height:22px;width:28px;background:url(../cssimg/prev.png);margin-top:-11px;}
body.msie6lt .jcarousel-next-horizontal{background:url(../cssimg/next-ie.png);}
body.msie6lt .jcarousel-prev-horizontal{background:url(../cssimg/prev-ie.png);}
.jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active, .jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active, body.msie6lt .jcarousel-next-disabled-horizontal, body.msie6lt .jcarousel-next-disabled-horizontal:hover, v.jcarousel-next-disabled-horizontal:active, body.msie6lt .jcarousel-prev-disabled-horizontal, body.msie6lt .jcarousel-prev-disabled-horizontal:hover, body.msie6lt .jcarousel-prev-disabled-horizontal:active{cursor:default;background:none;}
/* ColorBox */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:#000;}
#cboxContent{margin-top:20px;}
#cboxLoadedContent{background:#000;padding:5px;}
#cboxTitle, #cboxCurrent{position:absolute;left:-9999px;}
#cboxPrevious, #cboxNext{position:absolute;top:50%;width:40px;height:40px;margin-top:-20px;text-indent:-9999em;}  
#cboxPrevious{left:-15px;background:#000 url(../cssimg/prev.png) center center no-repeat;}
#cboxNext{right:-15px;background:#000 url(../cssimg/next.png) center center no-repeat;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
#cboxClose{position:absolute;top:10px;right:-5px;display:block;background:#000 url(../cssimg/close.png) center center no-repeat;width:40px;height:40px;text-indent:-9999em;z-index:9999;}
body.msie7 #cboxClose{top:25px;}

/* Float fix *************************************************************************************/
.float:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.float{display:block;}
* html .float{height: 1%;}
.float{display:block;}
/* end float fix */