/* AUTHOR: MAROS TAKAC || EMAIL: SKODATEAM@HOTMAIL.CO.UK */ /* CSS UPDATED: 5/10/2007 22:32 updater:max */ /* GENERAL SETTINGS */ * { padding:0; margin:0} p{ padding:1em; font-family:helvetica, arial, sans-serif} h1,h2,h3,h4,h5,h6{font-family:"Lucida Grande", tahoma, sans-serif; line-height:100%; letter-spacing:0px; color:#333333; font-weight: 100; } body{font-family:helvetica, arial, sans-serif; background-color: #FAFAFA; background-image:url(bkg_pattern.png); background-repeat:repeat-x} /* HEADER */ div#header{width:800px; margin:0 auto; height:auto; overflow:hidden; margin-top:2em;border-bottom:none; padding-top:0.3em; } div#header h3{ float:left; margin-top:0.6em; margin-left:0.6em; padding-bottom:0.6em;} div#header ul.links{ float:right} div#header ul.links li{ list-style-type:none; width:100px; float:left; margin-left:0.3em} div#header ul.links li a{ display:block; text-align:center; text-decoration:none; padding:0.9em; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px; font-weight:100; border-top:thin dotted #CCCCCC; border-bottom:thin dotted #FFFFFF } div#header ul.links li a:hover{ background-color: #00CC00; color:#FFFFFF; font-weight:bold; border-bottom:thin dotted #000000} /* MAIN IMAGE */ div#mainImage{ width:800px; height:392px; margin:0 auto; background-image:url(mainImage2.png); background-repeat:no-repeat; } /* CONTAINER */ div#container{ width:800px; height:auto; margin:0 auto; border-top:none; border-bottom:none; color:#FFFFFF; overflow: hidden} /* ACCOMODATION */ div#container div#left table.accomodationTable{ border-collapse:collapse; background-color: #FAFAFA; font-size:12px; color:#666666; margin-left:11em; width:420px; margin-top:1em; margin-bottom:1em} div#container div#left table.accomodationTable tr{ border-bottom:thin solid #FFFFFF} div#container div#left table.accomodationTable tr td{ padding:0.6em;} div#container div#left table.accomodationTable tr{ background-color: #F5F5F5} div#container div#left table.accomodationTable tr:hover{ background-color:#009900; color:#FFFFFF;} div#container div#left table.accomodationTable tr td.firstTD{ font-weight:bold} div#container div#left{ float:left; padding-right:210px;} div#container div#left h3 { color:#000000; margin-left:7.5em; width:350px; } div#container div#left p { font: 70%/160% Verdana, Arial, Helvetica, sans-serif; margin-left:11.5em; margin-right:3em; color: #666666; margin-bottom:1em;} div#container div#right{ float:right; width:211px; margin:0 0 0 -212px;} div#container div#right ul.gallery{ list-style-type:none; width:200px; text-align:center} div#container div#right ul.gallery li{ margin-bottom:0.4em; } div#container div#right ul.gallery li a img{ border:thin solid #CCCCCC; padding:0.3em} div#container div#right ul.gallery li a img:hover{ border:thin solid #009900;} div#container div#right ul.gallery li a.seeMoreLink{ text-decoration:none; font-size:11px; color: #999999} div#container div#right ul.gallery li a.seeMoreLink:hover{ text-decoration:underline; color:#009900} div#container p img{ border:thin solid #CCCCCC; padding:0.3em} div#container p img:hover{ border:thin solid #009900;} div#container p img.mapImage{ margin-top:1.5em; margin-left:4em; border:none} div#container p img.attractionsImage{ margin:1em 0} /* ATTRACTIONS */ /* div#container div#left */ div#container div#left_attractions{ float:left; padding-right:110px} div#container div#left_attractions p { font: 70%/160% Verdana, Arial, Helvetica, sans-serif; margin-left:11.5em; margin-right:1em; color: #666666; margin-bottom:1em; } div#container div#left_attractions h3 { color:#000000; margin-left:7.5em; width:350px; } div#container div#left_attractions h4.activityTitle { color:#000000; margin-left:9.92em; width:200px; padding-top:0.9em; padding-bottom:0.5em; font-size:14px } /* RIGHT_NAVIGATION */ div#right ol.right_navigation{width:130px; margin-left:7em;} div#right ol.right_navigation li{ margin-left:0.5em; margin-bottom:1em } div#right ol.right_navigation li a{ text-decoration:none; display:block; text-transform: lowercase; color: #999999; font-size:12px; border-bottom:dotted thin #CCCCCC } div#right ol.right_navigation li a:hover{ color: #009900} /* RATES */ div#container div#left table#accomodationTable2{ border-collapse:collapse; background-color: #FAFAFA; font-size:12px; color:#666666; margin-left:11em; width:420px; margin-top:1em; margin-bottom:1em} div#container div#left table#accomodationTable2 thead th { padding:0.6em; text-align:left} div#container div#left table#accomodationTable2 thead th.secondTH{ text-align:center} div#container div#left table#accomodationTable2 tr{ border-bottom:thin solid #FFFFFF} div#container div#left table#accomodationTable2 tr td{ padding:0.6em;} div#container div#left table#accomodationTable2 tr{ background-color: #F5F5F5} div#container div#left table#accomodationTable2 tr:hover{ background-color:#009900; color:#FFFFFF;} div#container div#left table#accomodationTable2 tr td.secondTD{ text-align:center } div#container div#right ul.gallery li img{ border:thin solid #CCCCCC; padding:0.3em} div#container div#right ul.gallery li img:hover{border:thin solid #009900;} /* CONTACT */ div#container div#left_attractions form#contactForm label, div#container div#left_attractions form#contactForm label span { display:block} div#container div#left_attractions form#contactForm label span{ color: #ACACAC; font-size:11px; margin-bottom:0.2em} div#container div#left_attractions form#contactForm:hover label span,div#container div#left_attractions form#contactForm:hover fieldset input#submit,div#container div#left_attractions form#contactForm:hover fieldset input#reset{ color:#000000} /* FIELDSET */ div#container div#left_attractions form#contactForm fieldset{ border:none; width:250px; margin-left:8.8em; text-align:left} /* INPUT IN GENERAL INCLUDING SUBMIT/RESET BUTTONS*/ div#container div#left_attractions form#contactForm fieldset input{ border: thin solid #F9F9F9; background-color:#FFFFFF; outline:none; margin-bottom:0.5em; color: #000000;font-size:11px;padding:0.4em; width:200px} div#container div#left_attractions form#contactForm fieldset input:hover{ border:solid thin #009900} /* SUBMIT/RESET BUTTONS*/ div#container div#left_attractions form#contactForm fieldset input#submit,div#container div#left_attractions form#contactForm fieldset input#reset{ font-size:11px; padding:0.4em;color: #ACACAC; width:auto; margin-top:0.5em} div#container div#left_attractions form#contactForm fieldset input#submit:hover,div#container div#left_attractions form#contactForm fieldset input#reset:hover{ color:#000000} /* TEXT AREA */ div#container div#left_attractions form#contactForm fieldset textarea{ border:solid thin #F9F9F9;color: #000000;font-size:11px; padding:0.4em;width:200px} div#container div#left_attractions form#contactForm fieldset textarea:hover{ border:solid thin #009900} /* CONTACT RIGHT / UL - CONTACT DETAILS*/ div#container div#contactRight{float:right; width:auto} div#container div#contactRight ul.contactDetails{ list-style-type:none; margin-top:0.85em} div#container div#contactRight ul.contactDetails li {font-size:11px;color:#ACACAC; margin-bottom:1em; background-color:#FFFFFF; padding:0.4em; width:250px;border:solid thin #FFFFFF } div#container div#contactRight ul.contactDetails li:hover{border:solid thin #009900; color:#000000} /* FOOTER */ div#footer{ width:800px; height:auto; margin:0 auto; margin-bottom:2em} div#footer h4.copyright{font: 70%/160% Verdana, Arial, Helvetica, sans-serif; text-align:center; color: #ACACAC} div#footer h4 small a {color:#009900;}