* { margin:0; padding:0; }

body { line-height: 18px; font-family: Verdana; background: #fff url(../img/body_bg.jpg) 50% 0 repeat-y ; color: #fff; }

h1 { font-size: 17px; }
h2 { line-height: 25px; display: inline; font-size: 16px; padding: 6px 14px 6px 14px;}

.seo { font-size: 9px; margin-top: 2px; }

a:link { color: #ffffff; text-decoration:none; }
a:visited { color: #dcdcdc; text-decoration: underline; }
a:hover { color: #ffffff; text-decoration: underline; }
a:active { color: #000000; text-decoration: underline;  }

#page { position: relative; margin:0 auto; width: 800px; }

#header { height: 108px; width: 100%; }
#logo { font-weight: bold; font-size: 24px; float: left; margin-top: 40px; padding-left: 50px; padding-top: 2px; height: 44px; width: 300px; background: url(../img/logo.gif) no-repeat; }
.spruch { font-size: 15px; margin: 5px 0 0 2px; }
#tele { float: right; margin-top: 50px; position: relative; top: -10px; text-align: right; font-size: 15px;}
.phone { font-weight: bold; font-size: 18px; }

#pic_red { height: 272px; width: 100%; background: url(../img/red_bg.gif); background-repeat (yx); }
#pic_green { height: 272px; width: 100%; background: url(../img/green_bg.gif); background-repeat (yx); }
#pic_blue { height: 272px; width: 100%; background: url(../img/blue_bg.gif); background-repeat (yx); }
#pic_orange { height: 272px; width: 100%; background: url(../img/orange_bg.gif); background-repeat (yx); }
#my_slideshow { position: relative; top: 15px; width: 773px; height: 242px;}  /* top: 1px; */

#navtop1 { text-transform: uppercase; font-size: 13px; height: 32px; background-color: #534a41; }
#navtop2 { text-transform: uppercase; font-size: 13px; height: 32px; background-color: #534a41; }
#navtop3 { text-transform: uppercase; font-size: 13px; height: 32px; background-color: #534a41; }
#navtop4 { text-transform: uppercase; font-size: 13px; height: 32px; background-color: #534a41; }

#navtopmain1 { margin-left: 14px; padding-left: 20px; height: 32px; background: #534a41 url(../img/1_bg.gif) no-repeat left center; }
#navtopmain2 { margin-left: 14px; padding-left: 20px; height: 32px; background: #534a41 url(../img/2_bg.gif) no-repeat left center; }
#navtopmain3 { margin-left: 14px; padding-left: 20px; height: 32px; background: #534a41 url(../img/3_bg.gif) no-repeat left center; }
#navtopmain4 { margin-left: 14px; padding-left: 20px; height: 32px; background: #534a41 url(../img/4_bg.gif) no-repeat left center; }
.navtop { padding-top: 6px; }

#nav { font-size: 11px; margin-top: 0px; height: 190px; width: 100%; background: url(../img/nav_bg.jpg); background-repeat (yx); }
#nav ul { list-style-type: none; margin-top: 20px;}
#nav li { background: url(../img/nav_bg.gif) no-repeat left center; padding-left: 14px; margin-left: 18px; line-height: 16px;}

#nav li a:link { color: #fff; text-decoration:none; }
#nav li a:visited { color: #dcdcdc; text-decoration: underline; }
#nav li a:hover { color: #fff; text-decoration: underline; }
#nav li a:active { color: #000; text-decoration: underline;  }

#nav1 { float: left; height: 190px; width: 200px; }
#nav2 { float: left; height: 190px; width: 200px; }
#nav3 { float: left; height: 190px; width: 200px; }
#nav4 { float: left; height: 190px; width: 200px; }

#infobox_red { font-size: 13px; margin-tOp: 20px; padding: 20px 20px 20px 20px; width: 760px; background: url(../img/red_bg.gif); background-repeat (yx);}
#infobox_green { font-size: 13px; margin-tOp: 20px; padding: 10px 20px 10px 20px; width: 760px; background: url(../img/green_bg.gif); background-repeat (yx);}
#infobox_blue { font-size: 13px; margin-tOp: 20px; padding: 10px 20px 10px 20px; width: 760px; background: url(../img/blue_bg.gif); background-repeat (yx);}
#infobox_orange { font-size: 13px; margin-tOp: 20px; padding: 10px 20px 10px 20px; width: 760px; background: url(../img/orange_bg.gif); background-repeat (yx);}

#main_red { margin-top: 30px; width: 800px; }
#main_red h2 { background: url(../img/red_bg.gif) repeat top left; }
#main_green { margin-top: 30px; width: 800px;}
#main_green h2 { background: url(../img/green_bg.gif) repeat top left; }
#main_blue { margin-top: 30px; width: 800px;}
#main_blue h2 { background: url(../img/blue_bg.gif) repeat top left; }
#main_orange { margin-top: 30px; width: 800px;}
#main_orange h2 { background: url(../img/orange_bg.gif) repeat top left; }
#col1 { font-size: 12px; float: left; width: 600px; }
#col1 ul { list-style-type: none; padding-left: 25px; }
#col2 { font-size: 11px; text-align: right; float: right; width: 200px; }

.packageGR { float: left; width: 180px; border: 2px dotted #7f9101; margin-right: 10px;}
.packageGR ul { list-style-type: none; }
.packageTopredGR { background-color: #7f9101; padding: 6px; }

.packageOR { border: 2px dotted #cca000; margin-right: 10px;}
.packageTopredOR { background-color: #cca000; padding: 6px; }

.main { padding: 0 20px 0 25px; }

#footer { line-height: 14px; font-size: 10px; float: left; width: 100%; background-color: #534a41; margin-top: 40px; padding: 10px 0 20px }
#footer_main { position: relative; margin:0 auto; width: 800px; }
#footer_col1 { float: left; width: 380px; padding-left: 20px; }
#footer_col2 { float: right; width: 400px; text-align: right; }

div.slideshow { padding-left: 13px; }
div.slideshow p { padding-top: 9px; }
div.slideshow ul { background: #FFF; bottom: -35px; left: 0px; position: absolute; overflow: hidden; padding: 5px 0; z-index: 10001; }
div.slideshow ul a { background-position: 50% 50%; cursor: pointer; display: block; height: 25px; margin-right: 5px; opacity: 0.5; width: 30px; }
div.slideshow ul a.active, div.slideshow ul a:hover { opacity: 1; }
div.slideshow ul li { float: left; list-style: none; }