/* Free css docuement at www.moobnn.com
Template: Beach Holidays
 Author Paarth */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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;
}
ol, ul {
list-style : none;
}
a {
color : #09c;
text-decoration : none;
}
a:hover {
text-decoration : underline;
color : #f30;
}
.left {
float : left;
}
.right {
float : right;
}
.clear {
clear : both;
}
* {
margin : 0;
padding : 0;
}
body {
margin : 10px 0;
padding : 0;
background : url(images/beach.jpg) top left no-repeat fixed #09c;
}
.inner_copyright{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
#main_body {
width : 962px;
margin : 0 auto;
overflow : hidden;
background-color : #fff;
}
#wraper {
width : 920px;
margin : 0 auto;
overflow : hidden;
background : #fff;
}
.header {
width : 920px;
padding : 20px 0 0 0;
height : 105px;
}
.header_left {
float : left;
width : 362px;
}
.logo_icon {
float : left;
margin : 6px 0 0 5px;
}
.logo_text {
color : #09c;
font : bold 36px Arial;
float : left;
margin : 5px 0 0 10px;
}
.different {
color : #f6c800;
padding-left : 10px;
font : bold 36px Arial;
}
.logo_punch_line {
clear : both;
padding : 0 0 0 45px;
color : #555;
font : normal normal 13px Arial;
}
.header_right {
float : left;
width : 468px;
margin : 0 0 0 85px;
}
.header_right_up {
background : url(images/number_bar.png) no-repeat;
height : 37px;
}
.header_right_up p {
color : #ffffff;
font : normal normal 16px Arial;
text-align : center;
padding : 10px 0 0 0;
}
.header_right_up p:hover {
color : #cc0000;
}
.header_right_down p {
color : #ffffff;
font : 18px 18px Arial;
padding : 12px 0 0 120px;
}
.header_right_down p:hover {
color : #f5c600;
}
.navigation {
background : url(images/nav_bar.png) no-repeat;
height : 57px;
width : 920px;
margin : -20px 0 0 0;
}
.navigation ul {
padding : 24px 0 0 10px;
}
.navigation ul li {
float : left;
background : url(images/separator_image.png) 3px 0% no-repeat;
font : bold 13px Arial;
}
.navigation ul li a {
color : #fff;
padding : 0 12px 0 12px;
}
.navigation ul li a:hover {
color : #0ff;
text-decoration : none;
}
.navigation ul li.visit {
background : none;
padding : 0 40px 0 0;
font : bold 18px Arial;
color : #ffffff;
}
.navigation ul li a.h_light {
color : #ffffff;
}
.navigation ul li a.h_light:hover {
color : #0ff;
text-decoration : none;
}
.body_part {
width : 920px;
margin : 0 auto;
padding : 22px 0 0 0;
}
.body_mid {
width : 880px;
margin : 0 auto;
}
.main_slogan {
color : #332a29;
font : normal normal 30px Georgia;
text-align : center;
margin : 10px 0;
}
.sub_slogan {
color : #2c7000;
font : normal normal 22px Georgia;
text-align : center;
}
.slider {
margin : 18px 0 0 0;
background : url(images/slider_body.gif) no-repeat;
height : 243px;
padding : 10px 0 10px 10px;
}
.slider_left {
float : left;
width : 462px;
height : 60px;
padding : 0 0 0 0;
}
.content_left {
float : left;
}
.content_right {
float : left;
margin : 0 0 0 25px;
width : 284px;
}
.banner_text {
color : #ffffff;
font : normal normal 20px Arial;
}
.banner_link {
color : #ccc;
font : normal normal 14px Arial;
line-height : 22px;
text-decoration : underline;
}
.banner_link:hover {
text-decoration : none;
}
.slider_right {
float : left;
width : 353px;
margin : 0 0 0 22px;
}
.sub_title {
color : #332a29;
font : normal normal 20px Arial;
}
.sub_title:hover {
text-decoration : none;
color : #cc0000;
}
.slide_box {
margin : 16px 0 0 0;
}
.slide_box_one {
float : left;
width : 100px;
}
.slide_box_two {
float : left;
width : 100px;
margin : 0 0 0 14px;
}
.slide_box_three {
float : left;
width : 100px;
margin : 0 0 0 14px;
}
.slide_box img {
border : #fff solid 4px;
width : 100px;
}
.slide_box img:hover {
border : #09c solid 4px;
}
.red_text {
color : #c62716;
font : bold 13px Arial;
padding : 10px 0 0 0;
text-align : center;
}
.price {
color : #000000;
font : normal normal 13px Arial;
text-align : center;
padding : 4px 0 0 0;
}
.details {
color : #000000;
font : normal normal 13px Arial;
text-align : center;
padding : 5px 0 0 0;
}
.contenar {
clear : both;
margin : 10px 0 0 0;
}
.contenar_one {
width : 272px;
float : left;
height : 125px;
padding : 12px 0 0 0;
}
.contenar_two {
width : 282px;
float : left;
margin : 0 0 0 24px;
height : 125px;
padding : 12px 0 0 0;
}
.contenar_three {
width : 282px;
float : left;
margin : 0 0 40px 20px;
height : 125px;
padding : 12px 0 0 0;
}
.contenar_link {
color : #000000;
font : normal normal 23px Georgia;
padding : 0 0 0 16px;
}
.contenar_link:hover {
text-decoration : none;
color : #cc0000;
}
.line {
margin : 2px 0 0 19px;
}
.sub_para {
width : 232px;
color : #444;
line-height : 20px !important ;
font : normal normal 13px Arial;
padding : 7px 0 0 18px;
}
.butt {
margin : 10px 0 0 18px;
}
.main_content {
clear : both;
float : left;
}
.inner_style {
color : #2c7000;
font : normal normal 22px Georgia;
}
.side_left {
float : left;
width : 560px;
}
.main_title {
color : #332a29;
font : normal normal 30px Georgia;
}
.sub_text {
color : #2c7000;
font : normal normal 22px Georgia;
}
.text_box_one {
color : #444;
line-height : 22px !important ;
font : normal normal 13px/20px Arial;
padding : 15px 0 0 0;
width : 561px;
}
.content_box {
margin : 36px 0 0 0;
}
.content_title {
color : #303030;
font : normal normal 32px Georgia;
float : left;
}
.content_box_down {
clear : both;
}
.go_butt {
margin : 9px 0 15px 12px;
}
.blog_date {
clear : both;
}
.date_icon {
float : left;
width : 64px;
background : url(images/date_board.png) no-repeat;
height : 64px;
margin : 0 0 20px 0;
}
.blog_para {
float : left;
width : 486px;
margin : 0 0 20px 10px;
}
.date_sign {
color : #ffffff;
font : normal normal 30px Georgia;
text-align : center;
padding : 2px 0 0 0;
}
.date_sign:hover {
color : #000000;
}
.month {
color : #ffffff;
font : bold 13px Arial;
text-align : center;
}
.month:hover {
color : #000000;
}
.high_text {
color : #007520;
font : bold 13px Arial;
}
.blog_content {
color : #444;
line-height : 20px !important ;
font : normal normal 13px/16px Arial;
}
.post_text {
color : #4b4b4b;
font : normal normal 11px Arial;
padding : 7px 0 0 0;
}
.side_right {
float : left;
width : 278px;
margin : 0 0 0 40px;
}
.price_box {
background : url(images/chart_table.png) no-repeat;
height : 304px;
}
.menu_title {
color : #ffffff;
font : normal normal 23px Georgia;
padding : 22px 0 0 25px;
}
.down_dott {
padding : 10px 0 0 25px;
}
.food_chart {
width : 232px;
margin : 8px 0 0 25px;
}
.food_chart p {
float : left;
}
.dish_name {
color : #ffffff;
font : bold 13px Arial;
}
.dish_name:hover {
color : #00b034;
}
.coast {
color : #ffc339;
font : bold 13px Arial;
margin : 0 0 0 70px;
}
.coast_one {
color : #ffc339;
font : bold 13px Arial;
margin : 0 0 0 95px;
}
.coast_two {
color : #ffc339;
font : bold 13px Arial;
margin : 0 0 0 100px;
}
.coast_three {
color : #ffc339;
font : bold 13px Arial;
margin : 0 0 0 90px;
}
.coast_four {
color : #ffc339;
font : bold 13px Arial;
margin : 0 0 0 95px;
}
.coast_five {
color : #ffc339;
font : bold 13px Arial;
margin : 0 0 0 103px;
}
.coast_six {
color : #ffc339;
font : bold 13px Arial;
margin : 0 0 0 100px;
}
.line_dash {
margin : 5px 0 0 25px;
}
.contact_box {
margin : 20px 0 0 10px;
background : url(images/social_box.png) no-repeat;
width : 266px;
height : 159px;
}
.social_title {
color : #594331;
font : normal normal 23px Georgia;
padding : 27px 0 0 25px;
width : 135px;
}
.face_icon {
margin : 15px 8px 0 25px;
float : left;
}
.twit_icon {
margin : 15px 8px 0 0;
float : left;
}
.rss_icon {
margin : 15px 8px 0 0;
float : left;
}
.tube_icon {
margin : 15px 0 0 0;
float : left;
}
.footer {
clear : both;
background : #09c;
height : 30px;
padding : 20px 0 0 0;
margin : 20px 0 10px 0;
}
.copy_right {
color : #ffffff;
font : normal normal 13px Arial;
padding : 0 20px 0 20px;
text-align : right;
}
.footer a {
color : #fff;
text-decoration : none;
}
.footer a:hover {
text-decoration : underline;
color : #000;
}