* {margin: 0; padding: 0; border: 0;}

body 
{
        font-family: Arial, Verdana, Helvetica, sans-serif;
        background: #ffffff url("http://www.florida-holiday.com/IMG/floridabg.gif") repeat-x;
        
}


h1.title
{
        font-size:18px;
        font-weight:bold;
        color: #0049BF;
        margin-top:10px;
        padding:0px;
}


h1
{
        font-size:18px;
        font-weight:bold;
        color: #0049BF;
        margin:0px;
        padding:0px;
}

h2 {
        font-size:14px;
        font-weight:bold;
        color: #0049BF;
        margin:0px;
        padding-left:35px;
        padding-top: 2px;
        padding-bottom: 0px;
        margin-top:10px;
        background: transparent url(../IMG/smallicon.gif) no-repeat top left;
        height: 15px;
        width: 150px;

}

h3 {
        font-size:12px;
        font-weight:bold;
        color: #0049BF;
        margin:0px;
        padding:0px;
}

h4 {
        font-size:12px;
        font-weight:bold;
        color: #0049BF;
        margin:0px;
        padding:0px;
}

P {
        margin:0px;
        MARGIN-TOP: 10px;
        color: #black;
        text-align:justify;
}

b {
        color: #00A4E5;
                }
        

#icon {
        position: absolute;
        margin-top: 0px;
        margin-left: 110px;
        border: 0px solid black
        }

#centertop IMG{
        float:left;
        margin-bottom:0px;

}

#center2 IMG{
        float:left;
        margin-bottom:0px;
        border: 1px solid #007DCE
}


/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */


#wrapper {
        width:770px;
        margin: 0 auto;
        border: 0px solid red
}

#header
{
        clear: both;
        width:794px;
        BACKGROUND:#88B6DA ;
        HEIGHT:167px;
        margin: 0px;
        padding: 0px;
        vertical-align: middle;
        BACKGROUND-IMAGE: url(../IMG/header.jpg); 
        BACKGROUND-REPEAT: no-repeat; 
        BACKGROUND-POSITION:right;
        position:absolute;
        top:0px;
}
#subnav {
        color: #000000;
        clear: both;
        width: 100%;
        background: #FFFFFF url(../img/menubg.jpg) no-repeat left top;
        height: 149px;
        border:solid 0px green;
} 

#footer {
        clear: both; 

        font-size:10px;        
        padding-top:5px;
        padding-left:5px;
        height:30px;
        width:760px;
        
        _margin-top: 5px;
        
}
#footer a {
        float:right;        
        text-decoration:underline;
        color:#000;
        font-size:10px;
        margin-right:10px;
}
#contentfloatholder {/* right faux column tab */
        background: transparent;
        float: left;
        width: 100%;
        margin-top:146px;

}
#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
                height: 0px;
    clear: both; 
    visibility: hidden;
}
/************ center for 3 -column design  ***********/
#center {
        margin: 0 254px 0 155px;
        PADDING-TOP: 58px;
        font-size:12px;
        margin-bottom:20px;
}

#center3 {
        margin: 0 140px 0 155px;
        PADDING-TOP: 58px;
        font-size:12px;
        margin-bottom:20px;
}

/************ center for 2-column design  ***********/
#center2 {
        margin: 0 0px 0 155px;
        padding:0px;
        PADDING-TOP: 15px;
        font-size:12px;
        margin-bottom:20px;
        border: 0px solid black;

        margin-left: 148px;

}


#centertop {
        margin: 0 0px 0 150px;
        padding:0px;
        PADDING-TOP: 30px;
        margin-bottom:10px;
        border: 0px solid black;


        
}


#centerwrap {
        background: transparent;
        float:left;
        width: 100%;
        margin: 0 -95% 0 0;
}

#left {
        float: left;
        width: 140px;
        PADDING-left: 0px;
        PADDING-TOP: 7px;
        margin: 0 0 0 -5%;
        font-size: 10px;
        margin-bottom:20px;
        border: 0px dashed black;


}

#right {
        font-size: 10px;
        float:right;
        WIDTH: 234px;
        margin: 0;
        PADDING:0px;
        PADDING-TOP: 58px;
        margin-bottom:20px;
}
#right2 {
        font-size: 12px;
        float:right;
        WIDTH: 234px;
        color: black;
        margin: 0;
        PADDING:0px;
        PADDING-TOP: 118px;
        margin-bottom:20px;
        
        margin-left: 5px;
}

#right3 {
        font-size: 12px;
        float:right;
        WIDTH: 130px;
        margin: 0;
        PADDING:0px;
        PADDING-TOP: 100px;
        margin-bottom:20px;
        
        margin-left: 5px;
}
#right ul li {
        margin-bottom:10px;
        color: #FFA500
}
#center , #left , #right {
min-height: 100px;
}



/************* IE Mac CSS Only  works for Win too **************/
* html div#centerwrap {margin: 0 -100% 0 0;}
* html div#left {margin: 0;}


/************* DODATOK **************/
ul {
        margin:0px;
        padding:0px;
}
li {
        margin:0px;
        padding:0px;
        list-style:none;
        background-image: url(../IMG/dot.gif);
        background-repeat: no-repeat;
        background-position: 0px 6px;
        padding-left:15px;
        font-size:12px;
        font-weight:bold;
        line-height:18px;
}
/************ Left menu  ***********/

.leftup
{
        background-image: url(../IMG/lmenu_up_edge.gif);
        background-repeat: no-repeat;
        background-position: left top;
        padding: 0px;
        margin:0px;
        padding-top:11px;
        padding-bottom:10px;

}

.leftdown
{
        background-image: url(../IMG/lmenu_down_edge.gif);
        background-repeat: no-repeat;
        background-position: left bottom;
        background-color: #ffffff;
        width:140px;
        padding-left: 0px;
        margin: 0px;


}
.leftdata
{
        margin:0px;
        padding-left:6px;
        padding-right:0px;
        border-right:#00A4E5 solid 2px;
        border-left:#00A4E5 solid 2px;
        font-size:12px;
        font-weight:bold;
}
.leftdata ul {
        border-bottom:solid 2px #00A4E5;
        width:125px;        
        padding:0px;
        padding-bottom:5px;
}
#noborder {
        border:0px;
}
.leftdata ul li {
        color: #ffffff;
        background-image: url(../IMG/ydot.gif);
        padding-left:12px;

        width:115px;        
        
}
.leftdata ul li a {
        font-size:11px;
        font-weight:bold;
        text-decoration:none;
}
.leftdata ul li a:link {
        color: #00A4E5;
        text-decoration:none;
        font-size:11px;
        font-weight:bold;
}

.leftdata ul li a:hover {
        text-decoration:underline;
}
.leftdata ul li a:visited {
        color: #00A4E5;
}
.menupart {
        padding-top:5px;
}
/************ Left button ADD to favourites  ***********/
.buttonup
{
        background-image: url(../IMG/button_up_edge.gif);
        background-repeat: no-repeat;
        background-position: left top;
        padding: 0px;
        margin:0px;
        padding-top:9px;
        padding-bottom:8px;
        margin-top:12px;
}

.buttondown
{
        background-image: url(../IMG/button_down_edge.gif);
        background-repeat: no-repeat;
        background-position: left bottom;
        width:140px;
        padding: 0px;

}
.buttondata
{
        margin:0px;
        padding-left:28px;
        border-right:#FF6600 solid 2px;
        border-left:#FF6600 solid 2px;
        background-image: url(../IMG/star.gif);
        background-repeat: no-repeat;
        background-position: 3px 0px;
        line-height:18px;
}
.buttondata a {
        font-size:11px;
        font-weight:bold;
        color: #E92B2B;
        text-decoration:none;
}
.buttondata a:link {
        text-decoration:none;
}
.buttondata a:hover {
        text-decoration:underline;
}
.buttondata a:visited {
        color: #E92B2B;
}
/************ Heading  ***********/

.heading {

        height:60px;
        position:absolute;
        top:0px;
        width:300px;
}
.head_text {
        font-size:11px;
        font-weight:bold;
        color:#fff;
        position:relative;
        top:78px;
        left:73px;
}
.under_head_text {
        font-size:10px;
        font-weight:bold;
        color:#fff;
        position:relative;
        top:78px;
        left:73px;
}

/************ Buttons under heading  ***********/

.buttonup2
{
        position: absolute;
        padding: 0px;
        margin:0px;
        top:0px;
        margin-left:247px;
        width:217px;
}

 .buttonup1
{
        position: absolute;
        padding: 0px;
        margin:0px;
        top:0px;
        margin-left:0px;
        width:217px;
}



.buttondata2
{
        
        text-align:center;
        margin:0px;

        padding:0px;
        line-height:12px;
}


.buttondata2 a {
        font-size:11px;
        font-weight:bold;
        color: #E92B2B;
        _position:relative;
        _top:-2px;
        text-decoration:none;
}
.buttondata2 a:link {
        text-decoration:none;
}
.buttondata2 a:hover {
        text-decoration:underline;
}
.buttondata2 a:visited {
        color: #E92B2B;
}

.cbuttons {
        position:absolute;
        top:113px;
        margin-left:295px;
        width:464px;
        height:54px;
        padding:0px;
}
#cb2 {
        text-align:left;
        padding-left:10px;

}

/************ second version (villa listing) ***********/
.card {
        float:left;
        width:298px;
        margin-top:5px;

}
.cardhead {
        color:#fff;
        width:288px;
        height:24px;
        background-image: url(../IMG/card_head.gif);
        background-position: -1px 0px;
        background-repeat: no-repeat;
        margin-bottom:10px;
        padding-left:10px;
        font-size:11px;
        font-weight:bold;
        padding-top:2px;
}
.spacer {
        width:14px;
        height:10px;
        float:left;
}
.card_text {
        width:155px;
        font-size:10px;
        padding-right: 10px;
        float:right;
        text-align:justify;
        float:right;
}
.card_text a{
        color:black;
        text-decoration:none;
}
.card_text a:link{
        color:black;
        text-decoration:none;
}
.card_text a:hover{
        text-decoration:underline;
}
.card_text a:visited{
        color:black;

}

/************ third version  (villa listing detail) ***********/

.cardhead2 {
        color:#fff;
        width:609px;
        height:24px;
        background-image: url(../IMG/card_head2.gif);
        background-position: 0px 0px;
        background-repeat: no-repeat;
        margin-bottom:8px;
        margin-top:15px;
        padding-left:10px;
        font-size:12px;
        font-weight:bold;

}
.description {
        margin:0px;
        padding:0px;
        width:280px;
        font-size:12px;
        text-align:justify;
        padding-right:10px;
        float:right;
}
.other {
        display:block;
        margin-top:10px;
        font-size:12px;
        width:615px;
        text-align:justify;
        clear: both; 
}
.other ul {
        margin:0px;
        padding:0px;
}
.other li {
        margin:0px;
        padding:0px;
        list-style:none;
        background-image: url(../IMG/dot.gif);
        background-repeat: no-repeat;
        background-position: 0px 3px;
        padding-left:15px;
        font-size:12px;
        font-weight:normal;
        line-height:18px;
}
.optional {
        width:595px;
        background:#D5E9F8;
        padding:10px;
        background: #F4F9FD url(../IMG/optionalbg.gif) no-repeat top left;
        border: 1px solid #00A4E5
}
/*************** ONLINE BUTTON ********************/

.pcup
{
        background-image: url(../IMG/pc_up_edge.gif);
        background-repeat: no-repeat;
        background-position: left top;
        padding: 0px;
        margin:0px;
        padding-top:9px;
        padding-bottom:8px;
        margin-top:12px;

}

.pcdown
{
        background-image: url(../IMG/pc_down_edge.gif);
        background-repeat: no-repeat;
        background-position: left bottom;
        width:205px;
        padding: 0px;
        margin-top:15px;
}
.pcdata {
        text-align:center;
        margin:0px;
        border-right:#00A4E5 solid 2px;
        border-left:#00A4E5 solid 2px;
        background:#ffffff;
        background-image: url(../IMG/pc.gif);
        background-repeat: no-repeat;
        background-position: 15px 0px;
        padding:0px;
        line-height:12px;
        height:44px;
        padding-left:65px;
        text-align:left;
}
.pcdata a {
        font-size:12px;
        font-weight:bold;
        _position:relative;
        _top:-2px;
        text-decoration:none;
        color: #0044B1;
}
.pcdata a:link {
        color: #0044B1;
        text-decoration:none;
}
.pcdata2 a:hover {
        text-decoration:underline;
}
.pcdata2 a:visited {
        text-decoration:none;
        color: #0044B1;
}


.sdline {
        font-size:14px;
        color: #0044B1;
        margin-top:2px;
}
.trline {
        margin-top:2px;
        font-size:18px;
        color: #0044B1;
}

.price {
        font-weight:bold;
        color: #00A4E5
}


.formbutton {
        color: #0044B1;
        font-size:12px;
        font-weight:bold;        
        border:solid 1px #FF6600;
        background-color: #F5F596;
        
}


.thumbs
{
display: block;
/*width: 300px;*/
}

.thumbs img
{

        margin: 2px;
        border: 1px solid #000000;
}


ul.itallook li
{
font-style: italic;
font-weight: normal;
}

TABLE.BOTTOM {width: 770px;
                          text-align: left;
                          color: #BEBEBE;
                          padding: 0px;
                          margin: 0px;

}

TD.BOTTOM { font-family: Verdana, "Verdana", Sans-Serif;
            font-size: 7pt;
                }
a.bottom:link { color: #BEBEBE; text-decoration: none }
a.bottom:visited { color: #BEBEBE; text-decoration: none }
a.bottom:hover { color:#000000; text-decoration: underline }
a.bottom:active { color: #BEBEBE; text-decoration: none}

a.BIG:link { color: #00AB04; text-decoration: none }
a.BIG:visited { color: #00AB04; text-decoration: none }
a.BIG:hover { color:#000000; text-decoration: underline }
a.BIG:active { color: #00AB04; text-decoration: none}