/* CSS Document */ /* --------------------------------------------- 01. main/default elements --------------------------------------------- */ * { margin:0; padding:0} img, fieldset { border:none} body { margin:0; padding:0; background:#F3F0EC url(../images/bg_body.gif) repeat-x top right; font-family: Arial, Helvetica, sans-serif} a:link, p a:visited { color:#AA517F; text-decoration: none} a:hover { color:#AA517F; text-decoration:underline} p {font-size:13px; font-weight:normal; } p a:link, p a:visited { color:#3E8C50; text-decoration: none} p a:hover { color:#3E8C50; text-decoration:underline} h1 { font-size:22px; color:#252525; font-weight:normal; padding-bottom:10px} h2 { font-size:15px; font-weight: bold; color:#AA517F} h2 a:link, h2 a:visited { color:#AA517F; text-decoration: none} h2 a:hover { color:#AA517F; text-decoration:underline} h3 { font-size:15px; font-weight: bold; color:#AA517F} h3 a:link, h3 a:visited { color:#AA517F; text-decoration: underline} h3 a:hover { color:#AA517F; text-decoration:underline} /* --------------------------------------------- 02. container and wrapper --------------------------------------------- */ #container { width:100%; float:left} #wrapper { width:926px; margin:0 auto; padding-left:20px} /* --------------------------------------------- 03. header --------------------------------------------- */ #header { width:896px; height:130px; float:left; text-align:right; padding-right:10px; padding-left:10px} /* --------------------------------------------- 03.1 header - logo --------------------------------------------- */ #header .logo { width:225px; height:220px; float:left; position: relative; margin-left:-70px; border:none; background:none; } /* --------------------------------------------- 03.2 header - top links and phone --------------------------------------------- */ #header .header_right { width:740px; float:right} #header .toplink { width:740px; float: right; padding-top:10px} #header .toplink p { color:#F5F5F6} #header .toplink p a { color:#F5F5F6; text-decoration:underline} #header .phone { font-size:14px; font-weight:bold; padding-left:15px} /* --------------------------------------------- 03.3 header - search --------------------------------------------- */ #header .search { float:right; padding-top:10px} #header .search fieldset { float:right} #header .search fieldset .input { width:2000px; padding:2px; float:right; border:1px solid #000000} #header .search { width: auto; float:right} #header .search fieldset { width:280px; float: left} #header .search fieldset .input { width:170px; float:left; background:#fff; border:none; font-size:12px; color:#4B300A; padding:3px 4px; margin-right:8px; border:1px solid #331A04} #header .search fieldset .button_search a { width:60px; float:left; background: url(../images/bg_search.gif) repeat-x top; font-size:11px; text-align:center; padding:4px 0; text-decoration:none; color:#4B300A; text-transform:uppercase; padding-bottom:3px; border:1px solid #72685B} /* --------------------------------------------- 03.4 header - nav --------------------------------------------- */ #header .nav { width:740px; float:right; margin-top:10px;} #header .nav ul { margin:0; padding:0; float: right;} #header .nav ul li {display:inline; float: left} #header .nav ul li a {display:block; float:left; margin:0px 1px 0px 0px; padding:0px 0px 4px 8px; text-decoration:none; background:url(../images/bg_menu_left.gif) top left no-repeat; font-size:11px; background-position:0 -42px; text-transform:uppercase} #header .nav ul li a span {display:block; background:url(../images/bg_menu_right.gif) top right no-repeat; padding:8px 7px 8px 0px; color:#EBEBEB; cursor:pointer; background-position:100% -42px;} #header .nav ul li a:hover, #header .nav ul li.selected a { background-position:0 0px; color:#fff;} #header .nav ul li a:hover span, #header .nav ul li.selected a span {background-position:100% 0px; color:#fff;} /* --------------------------------------------- 03.5 header - caption --------------------------------------------- */ #header .caption {width:726px; float:left; text-align:left} #header .caption .left {width: auto; float: left; padding-left:15px} #header .caption .left p { color:#AA517F; font-style:italic} #header .caption .right {width: auto; float: right;} #header .caption .right p { color:#AA517F; font-weight:bold} #header .caption {width:726px; float:right;} #header .caption ul {width:700px; float:left; list-style:none; padding-left:20px; padding-top:2px} #header .caption ul li { float:left; padding-left:5px; color:#AA517F; font-size:10px} #header .caption ul li a { float:left; background:url(../images/arrow_caption.gif) no-repeat right; padding-right:15px; color:#AA517F; font-size:10px; text-decoration: underline} /* --------------------------------------------- 04. content --------------------------------------------- */ #content { width:906px; float:left; padding-top:40px; padding-left:20px;} #content p { padding-bottom:20px; line-height:1.5em; font-size:11px; color:#252525; padding-right:10px} #content p a { color:#AA517F; text-decoration: none} #content p a:hover { color:#AA517F; text-decoration:underline} #content ul li {font-size:13px; font-weight:normal; padding:3px 0; margin-left:20px; } #content ul li li {padding:3px 0; padding-left: 5px; margin-left: 15px; } #content ul li a:link, a:visited { color:#AA517F; text-decoration: none} #content ul li a:hover { color:#AA517F; text-decoration:underline} #content table tr td {font-size:10px;} #content table tr td a:link, p a:visited { color:#AA517F; text-decoration: none} #content table tr td a:hover { color:#AA517F; text-decoration:underline} /* --------------------------------------------- 05. content --------------------------------------------- */ #welcome { width:340px; float:left; padding-left:30px; padding-top:20px } #welcome .img_photogallery { width:340px; padding:5px 0px} /* --------------------------------------------- 06. picture --------------------------------------------- */ #picture { width:460px; float:right; padding-right:20px} /* --------------------------------------------- 07. highlights --------------------------------------------- */ #highlights { width:880px; float:left; background:#E9E4DD; padding:11px; border:1px solid #DED6CD; margin-top:20px} #highlights .set { width:290px; height:84px; float:left} #highlights .set-last { width:290px; height:84px; float: right} #highlights .photo { width:104px; height:84px; float:left; background:url(../images/bg_photo.gif) no-repeat top left; padding-left:1px; padding-top:1px} #highlights .details { width:180px; float: left; padding-left:5px} /* --------------------------------------------- 08. footer --------------------------------------------- */ #footer { width:886px; float:right; border-top:1px solid #DCC5AC; margin-top:20px; padding:10px; padding-bottom:20px} #footer p { color:#464647; font-size:11px; line-height:1.5em} #footer p a { color:#69471F; text-decoration:none} #footer p a:hover { color:#69471F; text-decoration: underline} #footer .leftlinks { width:580px; float:left; padding-right:20px} #footer .webdesign a, #footer .webdesign a:hover { color:#464647; text-decoration:none} #footer .address { width:270px; float:right} /* --------------------------------------------- 09. innerpage - left panel --------------------------------------------- */ #leftpanel { width:180px; float:left; padding-left:10px; padding-top:30px; padding-right:10px} #leftpanel h1 { color:#464647; font-size:11px; font-weight:normal; position:relative; padding-left:24px; padding-bottom:5px} #leftpanel h1 a:link, h1 a:visited { color:#464647; text-decoration: none} #leftpanel h1 a:hover { color:#AA517F; text-decoration:underline} #sidenav { width:180px; float:left;} #sidenav ul { margin:0; padding:0; background:url(../images/leftnav_li_firstlink.gif) no-repeat; padding-top:14px; position:relative} #sidenav ul li { margin:0; padding:0; list-style:none; font-size:12px; color:#959595;} #sidenav ul li a {width:160px; display:block; height:18px; font-size:12px; color:#959595; padding-left:20px; text-decoration:none; padding-top:5px; padding-bottom:2px} #sidenav a.link { width:160px; padding-left:20px; background:url(../images/leftnav_li.gif) repeat-y left;} #sidenav a.link:hover { width:160px; padding-left:20px; background:url(../images/leftnav_li_hover.gif) no-repeat top left; color:#AA517F;} #sidenav a.link_selected { width:160px; padding-left:20px; background:url(../images/leftnav_li_hover.gif) no-repeat top left; color:#AA517F;} #sidenav a.lastlink { width:160px; padding-left:20px; background:url(../images/leftnav_li_lastlink.gif) no-repeat top left; padding-bottom:15px} #sidenav a.lastlink:hover { width:160px; padding-left:20px; background:url(../images/leftnav_li_hover.gif) no-repeat top left; color:#AA517F;} #sidenav a.lastlink_selected { width:160px; padding-left:20px; background:url(../images/leftnav_li_hover.gif) no-repeat top; color:#AA517F; } #sidenav ul li ul { margin:0; padding:0; background:none;} #sidenav ul li ul li {margin:0; padding:0; list-style:none; line-height:1.0em; background:none; } #sidenav ul li ul li a { width:130px; margin:0; padding:0; list-style:none; line-height:1.0em; background:none; color:#959595; font-size:10px ; padding-left:30px; } #sidenav ul li ul li a:hover { text-decoration: none; color:#AA517F} #sidenav ul li ul li a.selected { text-decoration: none; color:#AA517F} /* --------------------------------------------- 10. innerpage - right panel --------------------------------------------- */ #rightpanel { width:690px; float:left; margin-top:-20px} #rightpanel .column2 { width:160px; float: right; padding-left:20px } #rightpanel .column2 p { margin:0; padding:0; padding-bottom:10px} #rightpanel .img { width:160px; float:left; margin-bottom:10px}