Loading...
The URL can be used to link to this page
Your browser does not support the video tag.
style
/* Theme Name: Welcome Inn Theme URI: http://themefuse.com/demo/wp/welcomeinn/ Description: If you need a hotel oriented wordpress theme, you have to try Welcome Inn. It comes in 2 additional flavors: ski resort and spa. Enjoy! Version: 1.0.8 Author: ThemeFuse Author URI: http://themefuse.com */ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :) */ /*------------------------------------------------ CSS STRUCTURE: 1. GENERAL TYPOGRAPHY 1.1 Global Reset 1.2 Extra fonts 1.3 General Styles 1.4 List Styles 1.5 Borders & Dividers 1.6 Headers 1.7 Tables 1.8 Images 1.9 Forms 1.10 Buttons 1.11 Columns Styles 2. SITE STRUCTURE 2.1 Header - Topmenu 2.2 Header Image Slider 2.3 Middle content 2.4 Homepage Baners Top 2.5 Header Top Image 2.7 Footer 3. EXTENDED TYPOGRAPHY 3.1 Typographic Elements - Framed boxes - Quotes - Colored Text 4. EXTENDED ELEMENTS 4.1 Boxes 4.2 Newsletter box 4.3 List Rooms 4.4 News List items 4.5 Pagination 4.6 Table Pricing 4.7 Contact Form 4.8 Contact Social Box 4.9 Reservetion Form 4.10 Comment form 4.11 Contact Box 5. WIDGETS 5.1 Widget Recent Comment 5.2 Widget Recent Entries ------------------------------------------------*/ /*============================================================================================*/ /* 1. GENERAL TYPOGRAPHY */ /*============================================================================================*/ /*----------------------------------------------*/ /* 1.1 Global Reset */ /*----------------------------------------------*/ body, html { height: 100%; } 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, b, u, i, center, 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-size: 100%; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; }/* remember to define focus styles! */ del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */ /*----------------------------------------------*/ /* 1.2 Extra fonts */ /*----------------------------------------------*/ @font-face { font-family: 'JournalRegular'; src: url('css/journal-webfont.eot?') format('eot'), url('css/journal-webfont.woff') format('woff'), url('css/journal-webfont.ttf') format('truetype'), url('css/journal-webfont.svg#webfontGhV9TBys') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MelbourneBold'; src: url('css/melbourne_bold-webfont.eot?') format('eot'), url('css/melbourne_bold-webfont.woff') format('woff'), url('css/melbourne_bold-webfont.ttf') format('truetype'), url('css/melbourne_bold-webfont.svg#webfontzCPiyXMS') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MelbourneRegular'; src: url('css/melbourne_reg-webfont.eot?') format('eot'), url('css/melbourne_reg-webfont.woff') format('woff'), url('css/melbourne_reg-webfont.ttf') format('truetype'), url('css/melbourne_reg-webfont.svg#webfontQzFjdvCi') format('svg'); font-weight: normal; font-style: normal; } /*----------------------------------------------*/ /* 1.3 General Styles */ /*----------------------------------------------*/ /* Floating & Alignment */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto} .alignleft { float: left} .alignright { float: right} .text-right { text-align:right} .text-left { text-align:left} .text-center { text-align:center} /* Clear Floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;} .clearfix { display: inline-block;} * html .clearfix { height: 1%;} .clearfix { display: block;} .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0;} .fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden;} a { text-decoration:none; outline:none; color:#7aa218} /*---------------------- ------------------------*/ /* 1.4 List Styles */ /*----------------------------------------------*/ ul{ list-style:disc outside; } ol{ list-style:decimal outside; } li{ margin:0;} ol li{ margin-top:5px; margin-bottom:7px } ul, ol, dd{ margin-left:25px; } ul ul, ol ul, ul ol, ol ol{ margin-bottom:0; } /*----------------------------------------------*/ /* 1.5 Borders & Dividers */ /*----------------------------------------------*/ hr{ border:0px solid transparent !important; background-color:transparent !important; height:1px; background:#ededed} .border { border:1px solid #d6d6d6} .divider_space, .divider, .divider_thin { clear:both; display:block; margin-bottom:20px; padding-top:20px; width:100%;} .divider_thin { margin-bottom:10px; padding-top:10px;} .divider{ background:url(images/divider_line.gif) bottom repeat-x; padding-top:22px; margin-bottom:40px;} .clearboth{ clear:both; display:block; font-size:0px; height:0; line-height:0; width:100%;} /*----------------------------------------------*/ /* 1.6 Headers */ /*----------------------------------------------*/ h1,h2,h3,h4,h5,h6{ font-weight:normal; font-family: 'MelbourneRegular', Arial, sans-serif; color:#1a1a1a} h1{ font-size:24px; line-height:24px; margin-bottom:20px} h2{ font-size:20px; font-family: 'MelbourneRegular', Arial, sans-serif; line-height:23px; margin-bottom:15px} h3{ font-size:19px; line-height:22px;} h3.widgettitle{ margin-bottom:10px; } h4{ font-size:17px; color:#333; margin-bottom:10px;} h5{ font-size:16px; font-weight:normal;} h6{ font-size:14px; letter-spacing:2px; margin-bottom:5px; padding-bottom:5px; text-transform:uppercase; line-height:20px; font-weight:normal; color:#444e69;} /*------------------ ----------------------------*/ /* 1.7 Tables */ /*----------------------------------------------*/ table.fancy_table,.widget_calendar table { border-collapse:separate; border-spacing:0; width:99%; padding:2px 0; } table,td,th { vertical-align:middle; text-align:center; font-size:13px;} th{ padding:10px; text-transform:uppercase; letter-spacing:1px;} td{ padding:10px; } table.fancy_table,.widget_calendar table{margin:20px 2px; } .fancy_table th,.widget_calendar table th{border-bottom:1px solid #fff;} .fancy_table td,.widget_calendar table td{color:#888;border- top:1px solid #eee;} .fancy_table,.widget_calendar table{border:1px solid #fff;} /*----------------------------------------------*/ /* 1.8 Images */ /*------------------------------------------ ----*/ img.alignleft { margin:5px 16px 5px 0 !important;} img.alignright { margin:5px 0 5px 16px !important;} img.framed,.video_frame,.wp-caption,#flickr a img, dl.gallery-item img{ padding:6px;margin:2px; } p.wp-caption-text{ margin-bottom:0px; text-align:center;} .wp-caption{ margin-bottom:10px !important; padding-top:10px; text-align:center;} .image_frame img, img.image_frame{ background:#fff; padding:7px; border:1px solid #d6d6d6; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} /*----------------------------------------------*/ /* 1.9 Forms */ /*----------------------------------------------*/ fieldset{ padding:20px; border:1px solid #e0e0e0;} form .row { padding:5px 0} input[type=text],input[type=password],textarea{ color:#a6a6a6; padding:8px; border:1px solid #e0e0e0; background:#fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} textarea{ width:90%; font-size:12px; background:#fff; overflow:auto; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} input, textarea,input[type="submit"]:focus{ outline:0 none;} input[type="radio"],input[type="checkbox"]{ margin-right:10px; margin-left:10px;} button::-moz-focus-inner { border: 0; padding: 0;} input[type="reset"],input[type="submit"],input[type="button"], button{ background:url(images/btn_submit.gif) 0 0 no-repeat #abc742; border:none; color:#344c01; margin:0; outline-width:0; padding:3px 30px 15px 30px; height:32px; font-family: 'MelbourneRegular', Arial, sans-serif; text-shadow:#fff 0 1px 1px; font-size:18px; line-height:19px; text-align:center} input[type="button"]:hover, input[type="button"]:focus,input[type="reset"]:hover, input[type="reset"]:focus,input[type="su bmit"]:hover,input[type="submit"]:focus, button:hover,button:focus{ color:#5e2f7f; cursor:pointer;} /*----------------------------------------------*/ /* 1.10 Buttons */ /*---------------- ------------------------------*/ .button_link { background:url(images/buttons_bg.gif) no-repeat right -32px transparent; color:#344c01; display:inline-block; margin:5px 0; border:0 none; padding:0 20px 0 0; font-family: 'MelbourneRegular', Arial, sans-serif; font-size:17px; height:32px} .button_link span{ background:url(images/buttons_bg.gif) no-repeat left 0 transparent; display:block; line-height:12px; color:#344c01; padding:12px 10px 8px 20px; text-shadow:#faff8d 0 1px 1px} /*------------------------------------------- ---*/ /* 1.11 Columns Styles */ /*----------------------------------------------*/ /* 960px grid system ~ Core CSS. 24 Columns ~ Margin left: 5px ~ Margin right: 5px */ /* =Containers --------------------------------------------------------------------------------*/ .container_24 { margin-left: auto; margin-right: auto; width: 960px; } /* =Grid >> Global --------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 { display: inline; float: left; margin-left: 5px; margin-right: 5px; } .push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12, .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15, .push_16, .pull_16, .push_17, .pull_17, .push_18, .pull_18, .push_19, .pull_19, .push_20, .pull_20, .push_21, .pull_21, .push_22, .pull_22, .push_23, .pull_23 { position: relative; } /* =Grid >> Children (Alpha ~ First, Omega ~ Last) --------------------------------------------------------------------------------*/ .alpha {margin-left: 0;} .omega {margin-right: 0;} /* =Grid >> 24 Columns --------------------------------------------------------------------------------*/ .container_24 .grid_1 {width: 30px;} .container_24 .grid_2 {width: 70px;} .container_24 .grid_3 {width: 110px;} .container_24 .grid_4 {width: 150px;} .container_24 .grid_5 {width: 190px;} .container_24 .grid_6 {width: 230px;} .container_24 .grid_7 {width: 270px;} .container_24 .grid_8 {width: 310px;} .container_24 .grid_9 {width: 350px;} .container_24 .grid_10 {width: 390px;} .container_24 .grid_11 {width: 430px;} .container_24 .grid_12 {width: 470px;} .container_24 .grid_13 {width: 510px;} .container_24 .grid_14 {width: 550px;} .container_24 .grid_15 {width: 590px;} .container_24 .grid_16 {width: 630px;} .container_24 .grid_17 {width: 670px;} .container_24 .grid_18 {width: 710px;} .container_24 .grid_19 {width: 750px;} .container_24 .grid_20 {width: 790px;} .container_24 .grid_21 {width: 830px;} .container_24 .grid_22 {width: 870px;} .container_24 .grid_23 {width: 910px;} .container_24 .grid_24 {width: 950px;} /* =Prefix Extra Space >> 24 Columns --------------------- -----------------------------------------------------------*/ .container_24 .prefix_1 {padding-left: 40px;} .container_24 .prefix_2 {padding-left: 80px;} .container_24 .prefix_3 {padding-left: 120px;} .container_24 .prefix_4 {padding-left: 160px;} .container_24 .prefix_5 {padding-left: 200px;} .container_24 .prefix_6 {padding-left: 240px;} .container_24 .prefix_7 {padding-left: 280px;} .container_24 .prefix_8 {padding-left: 320px;} .container_24 .prefix_9 {padding-left: 360px;} .container_24 .prefix_10 {padding-left: 400px;} .container_24 .prefix_11 {padding-left: 440px;} .container_24 .prefix_12 {padding-left: 480px;} .container_24 .prefix_13 {padding-left: 520px;} .container_24 .prefix_14 {padding-left: 560px;} .container_24 .prefix_15 {padding-left: 600px;} .container_24 .prefix_16 {padding-left: 640px;} .container_24 .prefix_17 {padding-left: 680px;} .container_24 .prefix_18 {padding-left: 720px;} .container_24 .prefix_19 {padding-left: 760px;} .container_24 .prefix_20 {padding-left: 800px;} .container_24 .prefix_21 {padding-left: 840px;} .container_24 .prefix_22 {padding-left: 880px;} .container_24 .prefix_23 {padding-left: 920px;} /* =Suffix Extra Space >> 24 Columns --------------------------------------------------------------------------------*/ .container_24 .suffix_1 {padding-right: 40px;} .container_24 .suffix_2 {padding-right: 80px;} .container_24 .suffix_3 {padding-right: 120px;} .container_24 .suffix_4 {padding-right: 160px;} .container_24 .suffix_5 {padding-right: 200px;} .container_24 .suffix_6 {padding-right: 240px;} .container_24 .suffix_7 {padding-right: 280px;} .container_24 .suffix_8 {padding-right: 320px;} .container_24 .suffix_9 {padding-right: 360px;} .container_24 .suffix_10 {padding-right: 400px;} .container_24 .suffix_11 {padding-right: 440px;} .container_24 .suffix_12 {padding-right: 480px;} .container_24 .suffix_13 {padding-right: 520px;} .container_24 .suffix_14 {padding-right: 560px;} .container_24 .suffix_15 {padding-right: 600px;} .container_24 .suffix_16 {padding-right: 640px;} .container_24 .suffix_17 {padding-right: 680px;} .container_24 .suffix_18 {padding-right: 720px;} .container_24 .suffix_19 {padding-right: 760px;} .container_24 .suffix_20 {padding-right: 800px;} .container_24 .suffix_21 {padding-right: 840px;} .container_24 .suffix_22 {padding-right: 880px;} .container_24 .suffix_23 {padding-right: 920px;} /* `Push Space >> 24 Columns --------------------------------------------------------------------------------*/ .container_24 .push_1 {left: 40px;} .container_24 .push_2 {left: 80px;} .container_24 .push_3 {left: 120px;} .container_24 .push_4 {left: 160px;} .container_24 .push_5 {left: 200px;} .container_24 .push_6 {left: 240px;} .container_24 .push_7 {left: 280px;} .container_24 .push_8 {left: 320px;} .container_24 .push_9 {left: 360px;} .container_24 .push_10 {left: 400px;} .container_24 .push_11 {left: 440px;} .container_24 .push_12 {left: 480px;} .container_24 .push_13 {left: 520px;} .container_24 .push_14 {left: 560px;} .container_24 .push_15 {left: 600px;} .container_24 .push_16 {left: 640px;} .container_24 .push_17 {left: 680px;} .container_24 .push_18 {left: 720px;} .container_24 .push_19 {left: 760px;} .container_24 .push_20 {left: 800px;} .container_24 .push_21 {left: 840px;} .container_24 .push_22 {left: 880px;} .container_24 .push_23 {left: 920px;} /* `Pull Space >> 24 Columns ------------------------------------------------------------------------------- -*/ .container_24 .pull_1 {left: -40px;} .container_24 .pull_2 {left: -80px;} .container_24 .pull_3 {left: -120px;} .container_24 .pull_4 {left: -160px;} .container_24 .pull_5 {left: -200px;} .container_24 .pull_6 {left: -240px;} .container_24 .pull_7 {left: -280px;} .container_24 .pull_8 {left: -320px;} .container_24 .pull_9 {left: -360px;} .container_24 .pull_10 {left: -400px;} .container_24 .pull_11 {left: -440px;} .container_24 .pull_12 {left: -480px;} .container_24 .pull_13 {left: -520px;} .container_24 .pull_14 {left: -560px;} .container_24 .pull_15 {left: -600px;} .container_24 .pull_16 {left: -640px;} .container_24 .pull_17 {left: -680px;} .container_24 .pull_18 {left: -720px;} .container_24 .pull_19 {left: -760px;} .container_24 .pull_20 {left: -800px;} .container_24 .pull_21 {left: -840px;} .container_24 .pull_22 {left: -880px;} .container_24 .pull_23 {left: -920px;} .col_1, .col_1_2, .col_1_3, .col_2_3, .col_1_4, .col_3_4, .col_1_5, .col_2_5, .col_3_5, .col_4_5, .col_1_6, .col_5_6, .col_3_8, .col_5_8, .col_1_12 { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px;} .col { float:left} /* Col 1/2 */ .container_24 .grid_17 .col_1_2 , .container_24 .grid_17 .text .col_1_2 { width:313px;} .container_24 .col_1_2 , .container_24 .text .col_1_2 { width:458px;} /* Col 1/3 */ .container_24 .grid_17 .col_1_3, .container_24 .grid_17 .text .col_1_3 { width:201px;} .container_24 .col_1_3, .container_24 .text .col_1_3 { width:298px;} /* Col 1/4 */ .container_24 .grid_17 .col_1_4, .container_24 .grid_17 .text .col_1_4 { width:145px;} .container_24 .col_1_4, .container_24 .text .col_1_4 { width:218px;} /* Col 1/5 */ .container_24 .grid_17 .col_1_5, .container_24 .grid_17 .text .col_1_5 { width:112px;} .container_24 .col_1_5, .container_24 .text .col_1_5 { width:170px;} /* Col 1/6 */ .container_24 .grid_17 .col_1_6, .container_24 .grid_17 .text .col_1_6 { width:89px;} .container_24 .col_1_6, .container_24 .text .col_1_6 { width:138px;} .container_24 .col_1_7, .container_24 .text .col_1_7 { width:115px;} /* Col 1/12 */ .container_24 .grid_17 .col_1_6, .container_24 .grid_17 .text .col_1_6 { width:34px;} .container_24 .col_1_6, .container_24 .text .col_1_6 { width:58px;} /* Col 2/3 */ .container_24 .grid_17 .col_2_3, .container_24 .grid_17 .text .col_2_3 { width:424px;} .container_24 .col_2_3, .container_24 .text .col_2_3 { width:618px;} /* Col 2/5 */ .container_24 .grid_17 .col_2_5, .container_24 .grid_17 .text .col_2_5 { width:246px;} .container_24 .col_2_5, .container_24 .text .col_2_5 { width:362px;} /* Col 3/4 */ .container_24 .grid_17 .col_3_4, .container_24 .grid_17 .text .col_3_4 { width:480px;} .container_24 .col_3_4, .container_24 .text .col_3_4 { width:698px;} /* Col 3/5 */ .container_24 .grid_17 .col_3_5, .container_24 .grid_17 .text .col_3_5 { width:380px;} .container_24 .col_3_5, .container_24 .text .col_3_5 { width:554px;} /* Col 3/8 */ .container_24 .grid_17 .col_3_8, .container_24 .grid_17 .text .col_3_8 { width:229px;} .container_24 .col_3_8, .container_24 .text .col_3_8 { width:338px;} /* Col 4/5 */ .container_24 .grid_17 .col_4_5, .container_24 .grid_17 .text .col_4_5 { width:514px;} .container_24 .col_4_5, .container_24 .text .col_4_5 { width:746px;} /* Col 5/6 */ .container_24 .grid_17 .col_5_6, .container_24 .grid_17 .text .col_5_6 { width:536px;} .container_24 .col_5_6, .container_24 .text .col_5_6 { width:778px;} /* Col 5/8 */ .container_24 .grid_17 .col_5_8, .container_24 .grid_17 .text .col_5_8 { width:397px;} .container_24 .col_5_8, .container_24 .text .col_5_8 { width:578px;} /*================================== ==========================================================*/ /* 2. SITE STRUCTURE */ /*============================================================================================*/ body { background:url(images/head_bg.jpg) #fff; font-family:Arial, Helvetica, sans-serif; color:#595959; font-size:13px; line-height:1.4em; min-width:996px} /*---------------------- ------------------------*/ /* 2.1 Header */ /*----------------------------------------------*/ .head { background:url(images/head_bg_center.jpg) center 0 no-repeat;} .head .container { height:152px;} .logo { position:absolute; top:50px; left:36px; width:300px} .head_right { float:right; margin:50px 25px 0 300px} .icon-top { line-height:29px; padding-right:20px; color:#686e73; font-family:'MelbourneRegular', Arial, sans-serif; font-size:15px; text-align:right} .icon-phone { background:url(images/icon_phone.png) right 5px no-repeat;} .icon-map { background:url(images/icon_map_point.png) right 5px no-repeat;} .icon-top span, icon-top a { color:#82a62b; text-decoration:none} /* topmenu */ .menu-header { height:35px; background:url(images/topmenu_bg.gif) 0 0 repeat-x; z-index:2;} .menu-header .container { z-index:3} .topmenu { height:35px; z-index:1300; margin:0; padding:0; font-family:'MelbourneRegular', Arial, sans-serif; font-size:16px;} .topmenu li { display:block; float:left; height:35px; position:relative; list-style:none; margin-left:40px} .topmenu li a { display:block; padding:8px 2px 0 2px; color:#747a80; } .topmenu li a:hover, .topmenu .current-menu-item a, .topmenu .current-menu-item li a:hover, .topmenu .current-menu-item .current_page_item a, .topmenu .current-menu-ancestor a, .topmenu .current-menu-ancestor a:hover, .topmenu li li.current-menu-ancestor a, .topmenu .current-post-ancestor a, .topmenu li .current-menu-ancestor .current-menu-item a{ color:#e7e7e7;} .topmenu .current-menu-item li a, .topmenu .current-menu-ancestor li a, .topmenu li .current-menu-ancestor li a { color:#747a80;} .topmenu li ul { display:none; position: absolute; top: 35px; left: -10px; z-index: 1308; width: 155px; padding:0; margin:0;} .topmenu li ul li ul { display:none; position: absolute; top:0px; left:155px; z-index: 1308; width: 154px;} .topmenu li ul li { display:block; background:url(images/dropdown_bg.png) 0 0 repeat-y; width: 135px; margin:0; height:auto; padding:0 10px; clear:both; position:relative;} .topmenu li ul li a { display:block; color:#7d7d7d; padding:7px 5px 7px 5px; background:url(images/dropdown_line.png) bottom repeat-x;} .topmenu li a span { display:block;} .topmenu li a:hover span { cursor:pointer} .topmenu li:hover ul li ul { display:none;} .topmenu li:hover ul, .topmenu li:hover ul li:hover ul{ display:block} .submenu-arrow{ float:right; vertical-align:top;} /*----------------------------------------------*/ /* 2.2 Header Image Slider */ /*----------------------------------------------*/ .header { background:url(images/header_image_bg.gif); min-height:116px; z-index:1} .header .container { width:990px; min-height:116px;} .homepage .container{ height:404px; background:url(images/slider_bg.png) 0 0 no-repeat;} .header .caption { font-family:'MelbourneRegular', Arial, sans-serif; font-size:18px; color:#747a80;} .header .caption:first-child { bottom:0px} .header-line { background:url(imag es/header_line.gif) 0 0 repeat-x; height:8px; clear:both} /*----------------------------------------------*/ /* 2.3 Middle content */ /*----------------------------------------------*/ .container { position:relative; z-index:0; width:960px; margin:0 auto} .middle { background:url(images/middle_bg.jpg) 0 0 repeat-x #fff} .middle .container { background:url(image s/middle_center_bg.jpg) center 0 no-repeat; min-height:200px; padding-top:130px} .middle .padding50px { padding-top:50px!important} /*----------------------------------------------*/ /* 2.4 Homepage Baners Top */ /*----------------------------------------------*/ .baners_top { position: absolute; top:-42px; left:120px;} .baner-item { float:left; text-align:center ;} .baner-img { background:url(images/baners_top_shadow.png) center bottom no-repeat; padding:0 5px 5px 5px;} .baner-item img { width:230px;} .baner-item h2 { margin:10px 0 0 0; line-height:1em; font-family:'MelbourneRegular', Arial, sans-serif; font-size:21px;} .baner-item h2 span { font-size:29px; font-family:'JournalRegular', 'Times New Roman', Times, serif; padding-right:4px; line-height:1em} /*----------------------------------------------*/ /* 2.5 Header Top Image */ /*----------------------------------------------*/ .header-title-image { width:730px; position: absolute; left:115px; top:-92px; text-align:center;} .header-title-image .image { background:url(images/header_image_shadow.png) center bottom no-repeat; width:708px; height:131px; padding:0 11px} .header-title-image h1, .header-title-image strong { margin:10px 0 0 0; line-height:1em; font-family:'MelbourneRe gular', Arial, sans-serif; font-size:24px; display:block; font-weight:normal; color:#1a1a1a} .header-title-image h1 span, .header-title-image strong span { font-size:33px; font-family:'JournalRegular', 'Times New Roman', Times, serif; padding-right:4px; line-height:1em} /*----------------------------------------------*/ /* 2.7 Footer */ /*------------------ ----------------------------*/ .footer { border-top:1px solid #c9c9c9; background:#808080; padding:0px 0 0px 0; color:#808080; font-size:12px; line-height:1.7em} .footer .box_black h3, .footer .box_gray h3 { color:#1A1A1A!important; } .footer .box_black a, .footer .box_gray a { color:#7AA218!important; } .footer .box.box_black, .footer .box.box_gray { background:none; color: gray!important; } .footer .address p { margin:0; line-height:1.8em} /* bottom menu */ .botmenu ul { margin:0 0 3px 0; padding:0; text-align:right} .botmenu ul li { list-style:none; display:inline; background:url(images/botmenu_line.gif) right center no-repeat; padding:0 12px 0 7px} .botmenu ul li.last { padding:0 0 0 5px; background:none} .botmenu ul li a:hover { color:#000} .fallow { text-align:right} .link_social { color:#292929; padding-left:21px; margin-left:12px;} .link_fb { background:url(images/social_fb.gif) 0 0 no-repeat} .link_twitter { background:url(images/social_twitter.gif) 0 0 no-repeat} .link_rss { background:url(images/social_rss.gif) 0 0 no-repeat} .copyright { text-align:right; padding-top:20px;} /*================================================================================= ===========*/ /* 3. EXTENDED TYPOGRAPHY */ /*============================================================================================*/ /*----------------------------------------------*/ /* 3.1 Typographic Elements */ /*----------------------------------------------*/ .text { font-size:13px;} .text a { color:#82a62b} .text p { margin-bottom:20px} .text ul, .text ol { margin:5px 0 25px 35px} .text ul li, .text ol li { margin-bottom:10px} .link-more { font-family:'MelbourneRegular', Arial, sans-serif; font-size:15px;} .text h1, .text h2, .text .title-arrow { color:#a6a6a6; font-family:'MelbourneRegular', Arial, sans-serif; font-size:23px; background:url(images/arrow_1_green.png) 0 3px no-repeat; padding:0 0 0 20px; margin:10px 0 20px 0;} .text h1, .text h2, .text h3,.text h4,.text h5 { text-transform:none; margin-bottom:15px} .text h2 a, .text h1 a { color:#a6a6a6} .text h2 a:hover, .text h1 a:hover { color:#7aa218} .text_deleted { text-decoration:line-through} .title_border { border-bottom:1px solid #e5e5e5; padding-bottom:15px} /* Framed boxes */ .frame_left, .frame_right, .frame_center, .frame_box { border:1px solid #d7d7d7; background:#fff; padding:7px; margin:5px 0; -webkit-border-ra dius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .frame_box { display: inline-block} .frame_left { float:left; display:block; margin:7px 18px 5px 0;} .frame_right { float:right; display:block; margin:7px 0 5px 18px} .frame_center { float:none; display:block; margin:10px auto} /*=============================================================== =============================*/ /* 4. EXTENDED ELEMENTS */ /*============================================================================================*/ /*-------------------------------------- --------*/ /* 4.1 Mini Gallery */ /*----------------------------------------------*/ .minigallery-list { position:relative; padding:10px 10px;} .minigallery { width:100%; height:90px; overflow:hidden; margin:10px 5px 10px 11px; padding:0;} .container_24 .minigallery li { float:left; width:139px; height:90px; margin:0 7px; list-style:none} .container_24 .grid_17 .minigallery li { float:left; width:139px; height:90px; margin:0 9px; list-style:none} .minigallery li img { width:139px; height:90px;} .minigallery-list .next, .minigallery-list .prev{ cursor:pointer; display:block; width:7px; height:14px; position:absolute; text-indent:-5000px; top:55px;} .minigallery-list .prev { background:url(images/arrow_prev_next.png) 0 0 no-repeat; left:10px} .minigallery-list .next { background:url(images/arrow_prev_next.png) 0 -14px no-repeat; right:10px} .minigallery-list .prev:hover { background:url(images/arrow_prev_next.png) -7px 0 no-repeat;} .minigallery-list .next:hover { background:url(images/arrow_prev_next.png) -7px -14px no-repeat;} .minigallery-list .disabled, .minigallery-list .disabled:hover{ background:none; cursor: auto} /* Quotes */ blockquote { border-top:1px dotted #9c9c9c; border-bottom:1px dotted #9c9c9c; padding:10px; margin:20px 0;} blockquote p { margin:5px 0; padding:0} .quote, .quote_right, .quote_left { font-family: 'MelbourneRegular', Arial, sans-serif; font-size:17px; font-weight:normal; color:#000; background:url(images/icon_quotes.gif) 5px 10px no-repeat; margin:10px 0; line-height:1.5em; border-top:1px dotted #969696;} .quote .inner1 , .quote_right .inner1 , .quote_left .inner1 { border-bottom:1px dotted #969696; padding:10px 10px 10px 35px;} .grid_6 .quote { margin: 0; } .grid_6 .input { width:97px; } .grid_6 .box { padding-bottom: 8px; margin-bottom: 22px; } .grid_6 .faq_answer { font-size: 13px; margin: 15px 0 0px 0;!important color: #595959; } .grid_6 .box .box_black widget_text { color: #ffffff; } .grid_6 .box.box_black .faq_answer, .grid_6 .box.box_black .dropcap1, .grid_6 .box.box_black .dropcap2, .grid_6 .box.box_black .faq_question { color: #ffffff; } .quote_right, .quote_left { width:360px} .quote_right { float:right; margin-left:20px} .quote_left { float:left; margin-right:20px} .quote p, .quote_left p, .quote_right p { margin:5px 0} .quote-author { color:#82a62b; font-family: 'MelbourneRegular', Arial, sans-serif; font-size:15px; padding-top:5px} /* Toggle Contents */ .toggle, h3.toggle { cursor:pointer; background:url(images/toggle_plus.gif) 98% 4px #d0d0d0 no-repeat; padding:10px; line-height:inherit; margin:20px 0} .toggle.active { background:url(images/toggle_minus.gif) 98% 4px #d0d0d0 no-repeat;} .toggle_content { margin-left:10px; padding:15px; background:#f2f2f2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:20px} .toggle_content .faq_list { margin:10px 0 0 0} /*----------------- -----------------------------*/ /* 4.5 FAQ List */ /*----------------------------------------------*/ .faq_list { margin:30px 0 10px 0} .faq_question { color:#000;} .faq_answer { font-size:13px; margin:15px 0 50px 0; color:#595959} /* Dropcaps */ .dropcap1, .dropcap2 { color:#444e69; display:block; float:left; font-size:28px; line-height:28px; font-style:italic; text-shadow:#fff 1px 1px 1px; font-family:Georgia, "Times New Roman", Times, serif; margin:0 10px 2px 0} .dropcap2 { color:#333; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:40px; line-height:40px; margin:5px 5px 0 0} /* Colored Text */ .text-green { color:#82a62b} .text-gray { color:#808080} .text-black { color:#000} .text-red { color:#dc0800} .text-orange { color:#f69301} .text-white { color:#fff} .title_bg { background:#ececee; padding:5px 20px} .text .list_dots, .list_dots { margin:15px 0 20px 20px; padding:0;} .text .list_dots li, .list_dots li { background:url(images/list_dot_green.gif) 0 5px no-repeat; margin:0 0 5px 0; padding:0 0 5px 18px; list-style:none;} .text .col .list_dots { margin:15px 0 20px 0;} .text .col .list_dots li { padding:0 0 10px 18px;} ul.bordered li { border-bottom:1px dotted #969696} .col .title_blue { color:#2e88c7} .col .title_violet { color:#753573} .col .title_dark_blue { color:#444e69} /*======================== ====================================================================*/ /* 4. EXTENDED ELEMENTS */ /*============================================================================================*/ /*----------------------------------------------*/ /* 4.1 Boxes */ /*----------------------------------------------*/ .box { } .grid_6 .box .inner { padding:15px} .box h3 { font-family: 'MelbourneRegular', Arial, sans-serif; font-size:19px; padding:15px 15px 15px 15px} .box .inner h3 { font-family: 'MelbourneRegular', Arial, sans-serif; font-size:19px; padding:0 0 10px 0} .box h3 span { font-family:'JournalRegular', 'Times New Roman', Times, serif; font-size:24px; padding-right:4px} .box_black { background:#404040 } .box_black h3 { color:#eeeeee; margin-bottom:12px} .box.box_black h3 { color:#eeeeee; } .box_black .bordered { border-bottom:1px dotted #8a8a8a; padding-bottom:8px;} .grid_6 .box_black .bordered { border-bottom:1px dotted #8a8a8a; padding-bottom:8px; margin-bottom:12px} .box_gray .bordered { border-bottom:1px dotted #9c9c9c; padding-bottom:8px; margin-bottom:12px} .box_black p { color:#999999; text-shadow:0px 1px 1px #000; margin:10px 0} .box_black .text-green { color:#9ac434} .grid_6 .box.box_gray, .grid_6 .box_gray { background:#ececee} .box_gray h3 { color:#1a1a1a;} .box_white { background:#fff;} .box_light_gray { background:#e6e6e6} .box_gray { background:#d0d0d0} .box_green { background:#e2efd2} .box_yellow { background:#f0eeb1} .box_blue { background:#dbecf8} .box_pink { background:#f1dde8} .box .inner { padding:10px 10px} .box.box_black a, .box.box_black { color:#FFFFFF; } .box.box_black a:hover{ color:#cccccc; } /*----------------------------------------------*/ /* 3.5 Custom Box Styles */ /*----------------------------------------------*/ .download_box , .info_box, .note_box, .warning_box { min-height:45px; font-size:15px; color:#595959; padding:15px 10px 15px 55px; background-repeat:no-repeat;} .download_box { background-image:url(images/download_box.png); background-position:5px 15px; padding:15px 10px 15px 55px;} .info_box { background-image:url(images/info_box.png); background-position:5px 15px;} .warning_box { background-image:url(images/warrning_box.png); background-position:10px 10px; padding:15px 10px 15px 65px} .note_box { background-image:url(images/note_box.png); background-position:10px 10px; padding:15px 10px 15px 65px; min-height:40px} /*----------------------------------------------*/ /* 4.2 Newsletter box */ /*----------------------------------------------*/ .newsletter_box { background:url(images/newsletter_bg.jp g) center 0 no-repeat; width:755px; height:65px; margin:0 auto; clear:both; margin-top:45px; padding-top:35px;} .newsletter_index{ margin-top:15px;} .newsletter_box h3 { float:left; font-family:'JournalRegular', 'Times New Roman', Times, serif; font-size:32px; line-height:1.2em; color:#404040; width:245px; padding-right:30px; text-align:right} .newsletter_box h2 { margin-top:11px;} .newsletter_box form, .newsletter_box input { float:left} .newsletter_box .inputField { width:264px; border:1px solid #dadada; font-style:italic; font-size:13px; margin-right:17px; height:16px;} .btn-submit, .newsletter_box .btn-submit { float:left; background:url(images/btn_submit.gif) 0 0 no-repeat #a9c542; color:#344c01; width:111px; height:32px; text-indent:-400px; cursor:pointer} .btn-submit { float:right; } /*----------------------------------------------*/ /* 4.3 List Rooms */ /*----------------------------------------------*/ .room-item { padding:10px 0 30px 0; clear:both} .room-item h2 { text-transform:uppercase} .room-item .image { float:left; margin-right:16px; width:234px; min-height:170px;} .room-item .image img { margin-bottom:10px} .link-zoom { font-family: 'MelbourneRegular', Arial, sans-serif; font-size:15px; background:url(images/icon_zoom.png) 0 0 no-repeat; padding-left:20px} .room-item .description { float:left; width:420px;} .room-item .services-included { background:#ececee; padding:5px 12px 5px 12px; font-size:12px; color:#4c4c58; line-height:1.6em} .text .services-included ul { margin:0; padding:0} .services-included li, .text .services-included li { border-bottom:1px dotted #2a2a2a; list-style:none; margin:0; float:left; padding:5px 0 5px 30px; width:166px} .services-included .noborder, .text .services-included .noborder{ border:none} .services-included li span { padding-left:25px} .service-1 span { background:url(images/icon_conditioner.png) 0 0 no-repeat} .service-2 span { background:url(images/icon_room_service.png) 0 0 no-repeat} .service-3 span { background:url(images/icon_minibar.png) 0 0 no-repeat} .service-4 span { background:url(image s/icon_safe.png) 0 0 no-repeat} .service-5 span { background:url(images/icon_wifi.png) 0 0 no-repeat} .service-6 span { background:url(images/icon_tv.png) 0 0 no-repeat} .hide { display:none} /*----------------------------------------------*/ /* 4.4 News List items */ /*----------------------------------------------*/ .news-item { margin-bottom:70px; clear:both} .news-item h2 { text-transform: uppercase; font-family:'MelbourneRegular', Arial, sans-serif; font-size:23px; background:url(images/arrow_1_green.png) 0 3px no-repeat; padding:0 0 0 20px; margin:10px 0 20px 0;} .news-item h2 a { color:#a6a6a6;} .news-item h2 a:hover { color:#7aa218} .news-meta { text-align:right; font-family: 'MelbourneRegular', Arial, sans-serif; font-size:15px;} .link-more { background:url(images/icon_plus.gif) 0 2px no-repeat; padding-left:20px} .news-item .entry p { margin:5px 0 10px 0} /*----------------------------------------------*/ /* 4.5 Pagination */ /*----------------------------------------------*/ .pages { border-top:1px dotted #969696; border-bottom:1px dotted #969696; padding:25px; text-align:center; margin:0} .pages a { color:#82a62b; font-family: 'MelbourneRegular', Arial, sans-serif; font-size:18px; margin:0 3px} .pages a:hover, .pages .page_next, .pages .next, .pages .page_prev, .pages .prev, .pages .page_current, .pages .current { color:#343434} /*---------------------------- ------------------*/ /* 4.6 Table Pricing */ /*----------------------------------------------*/ .table-price { position:relative; margin:10px 0 10px 0} .table-price thead { font-family: 'MelbourneRegular', Arial, sans-serif; background:url(images/table_price_head_bg.gif) 0 0 repeat-x; height:53px;} .table-price thead td { font-size:16px; color:#a1d622; text-transform:uppercase; height:53px; padding:0; position:relative;} .table-price thead td span { display:block; padding-top:15px; position: relative; height:38px;} .table-price thead td.first span { background:url(images/table_price_head_first.gif) left 0 no-repeat; top:0; left:-6px} .table-price thead td.last span { background:url(images/table_price_head_last.gif) right 0 no-repeat; top:0; right:-6px} .table-price tbody { border:1px solid #ececee; color:#404040} .table-price tbody td { background:#ececee; border:1px solid #ececee; border-left:1px dotted #b5b5b5; border-right:1px dotted #b5b5b5; border-collapse:collapse; padding:15px 10px} .table-price tbody tr.odd td{ background:#ffffff} .table-price tbody td strong { font-family: 'MelbourneRegular', Arial, sans-serif; font-size:22px} /*---------------------------------- ------------*/ /* 4.7 Contact Form */ /*----------------------------------------------*/ .contact-form { padding:0; clear:both; } #respond{ clear:both; } ol li #respond{ margin-left:75px; margin-top:20px; } ol li #respond textarea{ width:545px; } .contact-form h2 { text-transform:uppercase; color:#a6a6a6; font-family:'MelbourneRegular', Arial, sans-serif; font-size:23px; background:url(images/arrow_1_green.png) 0 3px no-repeat; padding:0 0 0 20px; margin:10px 0 20px 0;} .contact-form { font-size:13px} .contact-form .row { padding:13px 0} .contact-form .inputtext, .contact-form select, .contact-form textarea { color:#333; font-weight:normal; background:#ececee; margin:5px 0} .contact-form .field_text .inputtext { width:282px; margin-right:30px} .contact-form .ui-selectmenu { margin-right:30px} .contact-form .field_select select { width:300px;} .contact-form .field_textarea textarea { width:610px; font-family:Arial, Helvetica, sans-serif; font-size:13px; margin-bottom:0} .contact-form label { font-weight:bold; color:#82a62b} .reset-link { display:block; float:right; padding:5px 50px 0 0; font-size:13px} .reset-link a { color:#82a62b; font-weight:bold} .contact-form .field_submit { padding:5px 0 0 0;} .contact-form .contact-submit, .contact-submit { background:url(images/btn_send_message.png) no-repeat; width:149px; height:32px; text-indent:-400px} /*----------------------------------------------*/ /* 4.8 Contact Social Box */ /*----------------------------------------------*/ .social-box { padding:0 0 0 5px; margin:0;} .social-box .row { margin:15px 0; height:24px; line-height:24px; padding-left:32px; font-family: 'MelbourneRegular', Arial, sans-serif; font-size:16px; color:#a0d323; clear:both} .social-box .row a { color:#a0d323} .social-box .row a:hover { color:#fff} .social-mail { background:url(images/contact_social.png) 0 0 no-repeat} .social-twitter { background:url(images/contact_social.png) 0 -24px no-repeat} .social-skype { background:url(images/contact_social.png) 0 -48px no-repeat} .social-facebook { background:url(images/conta ct_social.png) 0 -72px no-repeat} /*----------------------------------------------*/ /* 4.9 Reservetion Form */ /*----------------------------------------------*/ .reservationForm .column_3 { width:200px; margin-right:35px; float:left} .reservationForm .omega { margin-right:0} .reservationForm .row { padding:5px 0 15px 0} .reservationForm .inputtext, .reservationForm select, .reservationForm textarea { color:#333; font-weight:normal; background:#ececee; margin:5px 0} .reservationForm .inputtext { width:180px} .reservationForm .inputtext.time { width:80px} .reservationForm .timeimputrow { text-align:right} .reservationForm textarea { width:650px} .reservationForm .field_select select { width:200px} .reservationForm label { color:#404040;} .reservationForm .split_1, .reservationForm .split_2 { width:90px; margin-right:20px; float:left} .reservationForm .split_2 { margin-right:0} .reservationForm .field_select .split_1 select, .reservationForm .field_select .split_2 select { width:90px;} .reservationForm .field_submit { border-top:1px dotted #969696; border-bottom:1px dotted #969696; padding:20px 0} .reservationForm .notice { margin:0; background:url(images/icon_warning.gif) 0 6px no-repeat; padding-left:50px} .reservationForm .btn-send { background:url(images/btn_send.gif) 0 0 no-repeat; width:149px; white-space:32px; text-indent:-400px; float:right; margin-left:30px} .notice_table { font-size:12px; color:#808080; font-style:italic; text-align:right; padding-bottom:20px} .square-green, .square-disable { background:url(images/icon_square_green.g if) 0 4px no-repeat; padding-left:13px; margin-left:25px} .square-disable{ background:url(images/icon_square_gray.gif) 0 4px no-repeat;} /*---------------------------------------------- */ /* 7.2 Comment list */ /*----------------------------------------------*/ .comment-list { position:relative; padding:10px 0 0px 0} .comment-reply-link{ text-transform:lowercase; } .link-addcomment { position:absolute; right:0; top:10px; text-decoration:underline; font-size:12px; font-weight:bold} .link-addcomment:hover { color:#681651} .comment-list ol li, .comment-list ol ul{ margin:0; list-style:none} .comment { clear:both; display:block; min-height:25px; background:url(images/divider_line.gif) bottom repeat-x; padding:0 0 2px 0; color:#595959} .comment-body { padding:25px 0;} .comment-body:hover { background:url(images/comment_hover.jpg) center repeat-y} .avatar { width:50px; height:50px; float:left; margin-right:20px} .avatar img { border-right:1px solid #d1d0cc; border-bottom:1px solid #d1d0cc} .comment-text { text-shadow:#fff 1px 1px 1px; line-height:17px} #commentform p{ margin-bottom:0px; } .comment-text a { text-decoration:underline; font-size:13px} .comment-author { color:#8f8f8f; font-size:11px} .comment-entry { padding-top:15px; margin-left:70px; font-size:12px} .children .comment-entry { margin-left:140px; } .children .avatar { background:url(images/icon_reply.gif) 35px 15px no-repeat; padding-left:70px} .children .comment-text { } .children .comment { background:url(images/divider_line.gif) top repeat-x; padding-top:2px} .add-comment { position:relative} .add-comment h3{ margin-top:15px; } .comment-list h2 { font-weight:normal} .link-top { position:absolute; top:0px; right:50px; text-decoration:underline} /*----------------------------------------------*/ /* 4.10 Comment form */ /*----------------------------------------------*/ .add-comment { position:relative; float:left; left:50px} .slider_main .add-comment{ left:0} .add-comment h3 { font-size:17px; margin:0 0 5px 5px} .comment-form { padding:0 0 15px 0;} .comment-form .row { clear:both; padding:5px 0} .comment-form .inputtext, .comment-form .textarea { font-family:Arial, Helvetica, sans-serif; font-size:13px; width:150px; padding:5px 8px; color:#3f3f3f} .comment-form .inputtext { width:220px} .comment-form .textarea { width:295px; height:73px; padding:10px; overflow:auto; margin-bottom:15px;} .field-notice { display:block; padding:5px 0 0 85px; color:#a2a2a2; font-size:12px} /*----------------------------------------------*/ /* 4.11 Contact Box */ /*----------------------------------------------*/ .contact-address { border-bottom:1px dotted #959595; line-height:1.8em; color:#595959; padding-bottom:12px; margin-bottom:12px; font-weight:bold; font-size:12px} .contact-maillist { } .contact-mail { padding:2px 0; font-weight:bold; font-size:12px} .contact-mail a { color:#82a62b} .contact-mail a:hover { color:#222} /*============================================================================================*/ /* 5. WIDGETS */ /*================= ===========================================================================*/ /*----------------------------------------------*/ /* 5.1 Widget Recent Comment */ /*--------------------------------- -------------*/ .widget_recent_comments ul { margin:0; padding:0; font-size:12px} .widget_recent_comments li { list-style:none; border-top:1px dotted #969696; padding:10px} .widget_recent_comments li a { font-family: 'MelbourneRegular', Arial, sans-serif; font-size:13px;} .widget_recent_entries .even, .widget_recent_comments .even { background:url(images/b ox_news_bg.gif) repeat-y} .box.box_black.widget_recent_entries .even, .widget_recent_comments .even { background:#666666;} /*----------------------------------------------*/ /* 5.2 Widget Recent Entries */ /*----------------------------------------------*/ .widget_recent_entries ul { margin:0; padding:0} .widget_recent_entries li { list-style:none; border-top:1px dotted #8c8c8d; padding:10px} .widget_recent_entries a { color:#595959; font-size:12px} .widget_recent_entries a:hover { color:#000} .widget_recent_entries .date { font-family: 'MelbourneRegular', Arial, sans-serif; font-size:13px; color:#85a830; text-shadow:0 1px 1px #fff} .widget_recent_entries .thumbnail { float:right; margin:0 0 0 5px;} /*-----------Ultimate Page Ends-------------------*/ .valid{border:1px solid #70A41B!important; } /*#70A41B*/ .ajax_alert .form_input, .ajax_alert .form_textarea{} .error { border:1px solid red!important; } .highlighter { display:inline-block; width:100%; } .valid{border:1px solid #70A41B!important; } /*#70A41B*/ .ajax_alert .form_input, .ajax_alert .form_textarea{} .error { border:1px solid red!important; } .highlighter { display:inline-block; width:100%; } #anything_slider, .slideshow, .home_gallery { clear: both; height: 440px; margin: 0 auto auto; position: relative; width: 960px; } .slideshow { margin: 0 0 15px; } #anything_slider .wrapper, .slideshow .wrapper, .home_gallery .wrapper { height: 440px; margin: 0; overflow: hidden; position: absolute; width: 960px; } .slideshow .wrapper { padding: 5px; } #anything_slider .wrapper ul, .slideshow .wrapper ul, .home_gallery .wrapper ul { left: 0; list-style: none outside none; margin: 0; position: absolute; top: 0; width: 30000px; } #anything_slider ul li, .slideshow ul li { display: block; float: left; height: 440px; margin: 0; padding: 0; width: 960px; } .home_gallery .wrapper li { display: block; float: left; height: 200px; margin: 0; padding: 0; width: 960px; } #anything_slider #start-stop, .slideshow #start-stop { display: none; } #anything_slider .arrow, .slideshow .arrow { cursor: pointer; display: block; float: right; height: 60px; left: -430px; position: relative; top: 380px; visibility: hidden; width: 60px; z-index: 9999; } #anything_slider .arrow.forward, .slideshow .arrow.forward { background: url("images/move_next.png") no-repeat scroll 0 0 transparent; left: -420px; text-indent: -9999px; } #anything_slider .arrow.back, .slideshow .arrow.back { background: url("images/move_prev.png") no-repeat scroll 0 0 transparent; text-indent: -9999px; } .slideshow .arrow { display: none; } .slideshow #thumbNav { clear: both; position: relative; top: 104%; } #thumbNav a { background: url("images/slider_bullet_nav.png") no-repeat scroll 0 -14px transparent; border: 0 none; color: transparent; cursor: pointer; display: block; float: left; height: 14px; left: 0; margin-right: 3px; padding-right: 4px; position: relative; text-indent: -9999px; top: 140px; width: 14px; } .slideshow #thumbNav a { top: 0; } #thumbNav a:hover { background-position: 0 0; } #thumbNav a.cur { background-position: 0 0; } #anything_slider #thumbNav { clear: both; display: none; left: 45%; position: relative; top: 200px; } #anything_slider #thumbNav a { background: url("images/bullet_nav_bg.png") no-repeat scroll center top transparent; cursor: pointer; display: block; float: left; height: 12px; margin: 0 4px 0 0; position: relative; text-indent: -9999px; width: 12px; z-index: 99; } #anything_slider #thumbNav a:hover, #anything_slider #thumbNav a.cur { background: url("images/bullet_nav_bg_active.png") no-repeat scroll center top transparent; } .caption-left h3, .caption-right h3, .caption-bottom h3 { color: #FFFFFF; line-height: 0.9em; padding-top: 20px; } .caption-left p, .caption-right p, .caption-bottom p { color: #999999; margin: 15px 0 0 3px; } .caption-left { background: url("images/000_50.png") repeat scroll 0 0 transparent; color: #FFFFFF; left: 30px; padding: 10px 12px 10px 15px; position: relative; text-align: center; top: -80px; width: 200px !important; z-index: 999; } .caption-right { background: url("images/000_50.png") repeat scroll 0 0 transparent; color: #FFFFFF; left: 682px; padding: 10px 12px 10px 15px; position: relative; text-align: center; top: -80px; width: 200px; z-index: 999; } .caption-bottom { background: url("images/000_50.png") repeat scroll 0 0 transparent; left: 0; padding: 0 15px 20px; position: relative; top: -100px; width: 930px !important; z-index: 999; } .caption-hide { display: none; } #content_wrapper { margin: auto; padding: 0; text-shadow: 0 1px 1px #FFFFFF; width: 100%; } .slider_border { background: none repeat scroll 0 0 #FFFFFF; height: 350px; margin: 15px auto auto; padding: 10px 0 0; width: 960px; } .flickr a { border: 1px solid #999999; float: left; margin: 3px; } .tabs_framed { border:1px solid #dcdcdc;} .text .tabs_framed .tabcontent { padding:15px 20px; font-family:"Times New Roman", Times, serif; font-size:14px} .tf_sidebar_tabs li { margin:0; padding:0; list-style:none} .check_list li { list-style:none; background:url(images/icons/icon_check.png) 0 0 no-repeat; margin:0 0 10px 0; line-height:21px; padding:0 0 0 30px} .list_delete li { list-style:none; background:url(images/icons/icon_x.png) 0 0 no-repeat; margin:0 0 10px 0; line-height:21px; padding:0 0 0 30px} .list_arrows li { list-style:none; background:url(images/arrow_1_green.png) 5px 6px no-repeat; margin:0 0 10px 0; line-height:21px; padding:0 0 0 20px; line-height:32px;} .styled_box_title { border-radius: 5px 5px 0 0; padding: 1em; font: 13px/100% Arial,Helvetica,sans-serif; outline: medium none; } .styled_box_content { border-radius: 0 0 5px 5px; padding: 1em; font: 13px/100% Arial,Helvetica,sans-serif; outline: medium none;} /* The Nivo Slider styles */ .nivoSlider { position:relative; width: 940px; height: 340px; margin: auto; background: transparent; } .nivoSlider img { position:absolute; top:0px; left:0px; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; } /* The slices in the Slider */ .nivo-slice { display:block; position:absolute; z-index:50; height:100%; } /* Caption styles */ .nivo-caption { position:absolute; left:30px; bottom:30px; color:#fff; width: 200px; height: auto; z-index:89; background: transparent url('images/000_50.png') repeat; text-align: center; display:none; } .nivo-caption.right { right: 0; } .nivo-caption h4 { color: #fff; font-size: 24px; margin-bottom: 15px; } .nivo-caption p { padding:10px 15px 10px 15px; margin:0; } .nivo-caption a.button { text-shadow: -1px 0 1px #000; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:block; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav { display: none; } .nivo-directionNav a { position:relative; top:120px; z-index:99; cursor:pointer; width: 40px; height: 80px; display: block; } .nivo-directionNav a.nivo-prevNav { background: transparent url('images/left_slide_nav.png') no-repeat center 15px; text-indent: -9999px; left: 20px; } .nivo-directionNav a.nivo-nextNav { background: transparent url('images/right_slide_nav.png') no-repeat center 15px; text-indent: -9999px; left: 895px; top: 42px; } .nivo-prevNav:active { background: transparent url('images/left_slide_nav_dark.png') no-repeat center 15px; } .nivo-nextNav:active { background: transparent url('images/right_slide_nav_dark.png') no-repeat center 15px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { display: block; background: transparent; z-index:99; float: none; margin: auto; padding: 10px 0 0 10px; text-align: center; margin-left: auto; margin-right: auto; width:auto; top:370px; left: 45%; } .nivoslide .nivo-controlNav { top: 103%; left: 0; } .nivo-controlNav a { position:relative; z-index:99; cursor:pointer; width: 12px; height:12px; background: transparent url('images/bullet_nav_bg.png') no-repeat top; display: block; float: left; text-indent: -9999px; margin: 0 7px 0 0; } .nivo-controlNav a:hover, .nivo-controlNav a.active { background: transparent url('images/bullet_na v_bg_active.png') no-repeat top; } .nivo-controlNav { position:absolute; bottom: 0px; /* Put the nav below the slider */ position:absolute; } .nivo-controlNav img { display:inline; /* Unhide the thumbnails */ position:relative; margin-right:10px; } .nivo-html-caption { display:none; } .slider_border { background: none repeat scroll 0 0 #FFFFFF; height: 350px; margin: 15px auto auto; padding: 10px 0 0; width: 960px; } .twitter { margin: 0; margin-top: 5px; list-style:none; } .twitter li { padding-left:32px; background-image:url(../images/icon_twitter_bird.png); background-repeat:no-repeat; background-position:0px 0.3em; padding-bottom: .5em; padding-top: 0; }