body, html {
margin: 0px;
padding: 0px;
height: 100%;
width: auto;
background-color: #ffffff;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -222px;
background-color: #efefef;
}
.wrapper_in {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -222px;
background-color: #ffffff;
}
form {
margin: 0px;
padding: 0px;
}
a, a:link {
color: #CC0000;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.topbar {
background-color: #000000;
height: 40px;
text-align: center;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
.topbarin {
background-color: #000000;
width: 1000px;
height: 40px;
text-align: left;
margin-right: auto;
margin-left: auto;
}
a img, a:link img {
border: 0px none #FFFFFF;
}
/*ul.topmenu {
padding: 0px;
list-style-type: none;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 13px;
float: left;
width: 850px;
}
ul.topmenu li {
float: left;
line-height: 40px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #585858;
}
ul.topmenu a, ul.topmenu a:link {
color: #FFFFFF;
text-decoration: none;
padding-right: 10px;
padding-left: 10px;
display: block;
}
ul.topmenu a.active, ul.topmenu a:hover {
background-color: #3f3f3f;
}*/
.row2 {
text-align: center;
background-image: url(../images/row2_bk.jpg);
height: 348px;
background-repeat: repeat-x;
background-position: center top;
}
.row2ins {
text-align: center;
background-image: url(../images/row2ins_bk.jpg);
background-repeat: repeat-x;
background-position: center top;
background-color: #FFFFFF;
}
.adgr, .csr, .bngr {
float: left;
padding-top: 0px;
margin: 7px 10px 0 0;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.spacer {
clear: both;
}
.spacer14 {
clear: both;
height: 14px;
}
.row2in {
width: 1000px;
margin-right: auto;
margin-left: auto;
text-align: left;
}
.logo {
float: left;
height: 60px;
width: 258px;
margin-left: 10px;
margin-top: 12px;
}
.searchform {
float: right;
width: 373px;
margin-top: 16px;
*margin-top: 18px;
}
input.search {
background-image: url(../images/search.jpg);
margin: 0px;
height: 52px;
width: 202px;
float: left;
border: 0px none #FFFFFF;
background-repeat: no-repeat;
background-position: right top;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 20px;
line-height: 52px;
}
input.searchbt {
background-image: url(../images/search_bt.jpg);
margin: 0px;
padding: 0px;
float: left;
height: 52px;
width: 101px;
border: 0px none #FFFFFF;
cursor: pointer;
}
/*
.topcont {
height: 349px;
width: 1029px;
margin-right: auto;
margin-left: auto;
padding-top: 0px;
padding-left:10px;
padding-right:10px;
overflow: hidden;
}*/
.slideshow {
height: 260px;
width: 1039px;
margin-right: auto;
margin-left: auto;
padding-top: 14px;
}
.slideshow img { cursor:pointer !important; }
#myImageFlow_loading_txt {display:none;}
.imageflow .loading { margin-top:108px !important;}
.row3 {
background-image: url(../images/row3_bk.jpg);
background-repeat: repeat-x;
background-position: left top;
height: 200px;
text-align: center;
}
.row3in {
width: 1000px;
margin-right: auto;
margin-left: auto;
}
.greyline1 {
background-image: url(../images/greyline.jpg);
height: 36px;
background-repeat: no-repeat;
background-position: center top;
}
.greyline2 {
background-image: url(../images/greyline2.jpg);
height: 19px;
background-repeat: no-repeat;
background-position: center top;
clear: both;
margin: 0px;
padding: 0px;
}
.box1, .box3 {
width: 333px;
float: left;
text-align: left;
}
.box2 {
width: 334px;
float: left;
text-align: left;
}
.box1_in, .box2_in, .box2_in {
width: 330px;
float: left;
text-align: left;
}
.photoplace {
float: left;
height: 145px;
}
.box1_in .photoplace, .box2_in .photoplace, .box3_in .photoplace {
float: left;
height: 120px;
}
.textplace {
float: left;
width: 233px;
}
.textplace .ttl {
height: 43px;
background-color: #cccccc;
padding-top: 2px;
}
.box1_in .textplace .ttl, .box2_in .textplace .ttl, .box3_in .textplace .ttl {
height: 43px;
background-color: transparent;
padding-top: 2px;
}
h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 19px;
line-height: 20px;
padding: 0px;
margin: 0px;
}
.ttl h1 {
display: block;
padding-left: 10px;
}
.ttl h1 a{
color:#000;
text-decoration:none;
}
.ttl h1 a:hover{
color:#660909;
}
.box1_in .textplace .ttl h1, .box2_in .textplace .ttl h1, .box3_in .textplace .ttl h1{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 22px;
line-height: 24px;
padding: 0px;
margin: 0px;
padding-left: 10px;
}
.textplace p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
margin: 0px;
padding: 10px;
}
.box2 .textplace {
width: 234px;
}
.push {
height: 222px;
clear: both;
}
.footer{
height: 222px;
background-color: #080b0b;
clear: both;
padding-bottom: 20px;
}
.footerin {
width: 1000px;
background-color: #080b0b;
margin-right: auto;
margin-left: auto;
background-image: url(../images/footer_bk.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 222px;
}
/*.footlogo {
height: 33px;
padding-top: 16px;
text-align: left;
}*/
.footlogo {
height: 60px;
padding-top: 10px;
text-align: left;
}
.fullinfo {
float: left;
width: 300px;
padding-left: 65px;
}
.info {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #cccccc;
clear: left;
text-align: left;
padding-top: 50px;
padding-left: 5px;
}
span.phone {
color: #CCCCCC;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
color: #898989;
margin: 0px;
padding-top: 13px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
line-height: 18px;
}
.sublinks {
float: left;
width: 635px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CCCCCC;
}
.sublinks2 {
float: right;
width: 200px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CCCCCC;
margin-top: -33px;
position: relative;
}
.sublinks ul {
margin: 0px;
float: left;
list-style-type: none;
line-height: 18px;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 0px;
width: auto;
}
.sublinks li {
padding-left: 2px;
}
.sublinks a, .sublinks a:link {
color: #CCCCCC;
text-decoration: none;
}
.sublinks a:hover {
color: #fff;
}
.produced {
text-align: right;
float: right;
}
.main_top{
width: 1000px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/inside_bk.gif);
background-repeat: no-repeat;
background-position: left top;
height: 10px;
opacity: .8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}
.main {
width: 1000px;
margin-right: auto;
margin-left: auto;
background-color: #FFFFFF;
background-repeat: no-repeat;
background-position: left top;
opacity: .8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
padding-top: 10px;
}
.col_l {
float: left;
width: 638px;
text-align: left;
padding-left: 16px;
padding-right: 16px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
}
.col_r {
float: right;
width: 330px;
text-align: left;
}
.main h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: normal;
color: #000000;
margin: 0px;
padding: 0px;
}
.main h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
margin: 0px;
padding: 0px;
}
.middle_line {
background-image: url(../images/middle_line.jpg);
height: 34px;
width: 330px;
opacity: .6;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
margin-bottom: 15px;
}
.middle_line2 {
background-image: url(../images/middle_line2.jpg);
height: 24px;
}
.publist {
padding-right: 9px;
padding-left: 10px;
background-image: url(../images/middle_line3.jpg);
background-repeat: no-repeat;
background-position: left bottom;
display: block;
}
.publist h3, .publist2 h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
color: #898989;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 10px;
}
.publist ul {
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #898989;
float: left;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 35px;
padding-left: 0px;
}
.publist a, .publist a:link, .publist2 a, .publist2 a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #898989;
text-decoration: none;
}
.publist a:hover, .publist2 a:hover {
color: #000000;
}
ul.ulinfo {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #e9e9e9;
padding-left: 15px;
}
.publist2 {
padding-right: 10px;
padding-left: 10px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #898989;
padding-bottom: 20px;
}
ul.topmenu {
padding: 0px;
list-style-type: none;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 13px;
float: left;
width: 642px;}
ul.topmenu li {
float: left;
line-height: 40px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #585858;
}
.topmenu li a, .topmenu li a:link {
color: #FFFFFF;
text-decoration: none;
padding-right: 10px;
padding-left: 10px;
padding-right: 7px\9;
padding-left: 7px\9;
display: block;
z-index:100;
}
.topmenu li a:hover, .topmenu li a.active {
background-position:-150px 0; color: #ffffff;
text-decoration: none;
padding-right: 10px;
padding-left: 10px;
padding-right: 7px\9;
padding-left: 7px\9;
display: block;
background:url(../images/bg3.jpg) repeat -20px 35px;
}
/* form 1 */
#form1{
margin:1em 0;
padding-top:10px;
background:url(../images/form_top.gif) no-repeat 0 0;
}
#form1 fieldset{
margin:0;
padding:0;
border:none;
float:left;
display:inline;
width:260px;
margin-left:25px;
}
#form1 legend{display:none;}
#form1 p{margin:.5em 0;}
#form1 label{display:block;}
#form1 input, #form1 textarea{
width:252px;
border:1px solid #ddd;
background:#fff url(../images/form_input.gif) repeat-x;
padding:3px;
}
#form1 textarea{
height:125px;
overflow:auto;
}
#form1 p.submit{
clear:both;
background:url(../images/form_bottom.gif) no-repeat 0 100%;
padding:0 25px 20px 25px;
margin:0;
/*text-align:right;*/
}
#form1 button{
width:150px;
height:37px;
line-height:37px;
border:none;
background:url(../images/but.jpg) no-repeat 0 0;
color:#fff;
cursor:pointer;
text-align:center;
}
/* // form 1 */
/*
ul.thumb {
float: left;
list-style: none;
margin: 0; padding: 10px;
}
ul.thumb li {
margin: 0; padding: 10px;
float: left;
position: relative;
width: 173px;
height: 130px;
}
ul.thumb li img {
width: 173px; height: 130px;
-ms-interpolation-mode: bicubic;
border: 1px solid #ddd;
padding: 5px;
background: #f0f0f0;
position: absolute;
left: 0; top: 0;
}
ul.thumb li span {
width: 173px;
height: 130px;
overflow: hidden;
display: block;
}
ul.thumb li img.hover {
background:url(thumb_bg.png) no-repeat center center;
border: none;
}
*/
/* ALTERNATIVEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE */
ul.gallery {
float: left;
list-style: none;
margin: 0;
padding: 10px;
display: block;
width: 100%;
}
ul.gallery2 {
float: left;
list-style: none;
margin: 0;
padding: 10px;
display: block;
width: 173px;
}
ul.gallery3 {
float: left;
list-style: none;
margin: 0;
padding: 10px;
display: block;
width: 390px;
}
ul.gallery li, ul.gallery2 li, ul.gallery3 li {
margin: 0; padding: 10px;
float: left;
position: relative; /* Set the absolute positioning base coordinate */
width: 173px;
height: 130px;
}
ul.gallery li a.thumb, ul.gallery li a.thumb:link, ul.gallery li a.thumb:visited, ul.gallery2 li a.thumb, ul.gallery2 li a.thumb:link, ul.gallery2 li a.thumb:visited, ul.gallery3 li a.thumb, ul.gallery3 li a.thumb:link, ul.gallery3 li a.thumb:visited {
width: 173px; /*--Width of image--*/
height: 130px; /*--Height of image--*/
/*padding: 4px;*/
border: 1px solid #ddd;
margin: 0px;
padding: 0px;
}
ul.gallery li span, ul.gallery2 li span, ul.gallery3 li span { /*--Used to crop image--*/
width: 173px;
height: 130px;
overflow: hidden;
display: block;
}
ul.gallery li a.thumb:hover, ul.gallery2 li a.thumb:hover, ul.gallery3 li a.thumb:hover {
background: #333;
}
ul.gallery li a, ul.gallery li a:hover, ul.gallery li a:active, ul.gallery li a:visited, ul.gallery2 li a, ul.gallery2 li a:hover, ul.gallery2 li a:active, ul.gallery2 li a:visited, ul.gallery3 li a, ul.gallery3 li a:hover, ul.gallery3 li a:active, ul.gallery3 li a:visited {text-decoration: none; color: #777; display: block;}
/* NEWS */
.news{
width:580px;
margin:1em 0 0 0;
padding:10px 10px 0px 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
clear: left;
text-align: left;}
.news img {
margin-bottom: 15px;
}
.line {
margin:1em 0 0 0;
background-image: url(../images/line.gif);
height: 36px;
background-repeat: no-repeat;
background-position: center top;
width:600px;
}
ul#menu {
padding: 0px;
list-style-type: none;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 13px;
float: left;
width: 850px; /* makes sure the container fits the floated list-items below */
}
ul#menu li{
float: left;
line-height: 40px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #585858;
/* floats list items to the left, creating a horizontal menu */
}
ul#menu li.backLava {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 3px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #CC0000;
border-right-color: #CC0000;
border-bottom-color: #CC0000;
border-left-color: #CC0000;
}
a, a:link, a:active {
margin: 0px;
padding: 0px;
}
ul#menu a, ul#menu a:link {
color: #FFFFFF;
text-decoration: none;
padding-right: 10px;
padding-left: 10px;
display: block;
position: relative;
z-index: 100;}
ul#menu a:hover {
color: #FF0000;
}
ul#menu a.active {
color: #FF0000;
}
ul#menu a.active:hover {
color: #ffffff;
}
#topmenu a.active {
color:#FF0000;
}
#topmenu a.active:hover {
color: #ffffff;
}
.publ {
float: left;
width: 175px;
}
.pubr {
float: left;
width: 448px;
background-color: #e8e8e8;
padding-top: 8px;
}
.pubs {
margin-left: 6px;
}
.pubs2 {
margin-left: 6px;
}
.pubinfoft {
background-image: url(../images/pubinfoft.jpg);
height: 23px;
margin-top: 12px;
}
.pubs h1, .pubs2 h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 24px;
font-weight: bold;
color: #FFFFFF;
padding-top: 6px;
background-color: #151515;
padding-bottom: 7px;
width: 420px;
padding-right: 10px;
padding-left: 10px;
}
.moreinfo h1 {
width: 280px;
}
.pubs h2, .pubs2 h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #333333;
padding-left: 10px;
padding-top: 12px;
padding-right: 10px;
line-height: 12px;
padding-bottom: 24px;
}
.pubs .row, .pubs2 .row {
margin-right: 10px;
margin-left: 10px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #333333;
padding-top: 7px;
padding-bottom: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.pubs .row .col1 {
float: left;
width: 205px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
padding-left: 3px;
}
.pubs .row .col2 {
float: left;
padding-left: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
width: 200px;
}
.pubs2 .row .col1 {
float: left;
width: 275px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
padding-left: 3px;
}
.pubs2 .row .col2 {
float: left;
width: 150px;
}
.pubs2 .row .col1b {
float: left;
width: 425px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
padding-left: 3px;
}
.pubs .publttl, .pubs2 .publttl {
float: left;
}
.pubs .publ img, .pubs2 .publ img {
border: 1px solid #dbdbdb;
}
.pubs .text, .pubs2 .text {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 22px;
padding-bottom: 30px;
}
.pubs .text p, .pubs2 .text p {
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 22px;
padding-left: 0px;
}
.pubs .text ul, .pubs2 .text ul{
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 20px;
padding-left: 20px;
}
.moreinfo .pubr {
float: left;
width: 624px;
background-color: #e8e8e8;
padding-top: 8px;
}
.moreinfo .row {
margin-right: 10px;
margin-left: 10px;
border-bottom-width: 0px;
border-bottom-style: none;
border-bottom-color: #333333;
padding-top: 7px;
padding-bottom: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.moreinfo .row ul {
margin-left: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}.moreinfo .col1 {
float: left;
}
.moreinfo .col2 {
float: right;
padding-right: 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CC0000;
font-weight: bold;
line-height: 33px;
}
.moreinfo .col2 a, .moreinfo .col2 a:link {
color: #CC0000;
text-decoration: none;
background-image: url(../images/click.png);
background-repeat: no-repeat;
background-position: left center;
display: block;
padding-left: 30px;
}
.moreinfo .col2 a:hover {
color: #000000;
}
a.more {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
color: #ffffff;
font-weight: bold;
background-color: #660909;
text-decoration: none;
padding-top: 3px;
padding-right: 9px;
padding-bottom: 3px;
padding-left: 9px;
float: right;
margin-right: 22px;
}
a.more:hover {
background-color: #3F3F3F;
}
.contactinfo {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333333;
padding-bottom: 20px;
}
.fee a, .fee a:link {
color: #ffffff;
text-decoration: none;
background-image: url(../images/click.png);
background-repeat: no-repeat;
background-position: left center;
display: block;
padding-left: 30px;
line-height: 30px;
width: 245px;
margin-right: auto;
margin-left: auto;
font-weight: bold;
}
.fee {
background-color: #000000;
padding-top: 3px;
padding-bottom: 3px;
margin-top: 5px;
margin-bottom: 5px;
}
.fee a:hover {
color: #FFFFFF;
}
.contactinfo .col1 {
float: left;
padding-left: 10px;
padding-right: 10px;
}
.contactinfo .col2 {
float: right;
padding-right: 20px;
}
.line1 td {
background-color: #f5f5f5;
}
.line2 td {
background-color: #e7e7e7;
}
.headline td {
border: 1px solid #E7E7E7;
font-weight: bold;
}
td.headline {
border: 1px solid #E7E7E7;
background-color: #FFFFFF;
font-weight: bold;
}
.date {
font-size: 11px;
font-weight: bold;
color: #CC0000;
}
.color1 {
background-color:#f4f4f4;
}
.color2 {
background-color:#d2e3eb;
}
.color3 {
background-color:#d2d2ec;
}
.color4 {
background-color:#d3eae0;
}
.color5 {
background-color:#e8ead2;
}
.color6 {
background-color:#ffffff;
border:solid 1px #cccccc;
}
.messageout, .messageout2 {
position:relative;
width: 638px;
height: 0px;
margin-right: auto;
margin-left: auto;
margin-top: -100px;
}
.message {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #CC0000;
position: absolute;
}
.messageout .message {
top: -575px;
}
.messageout2 .message {
top: -825px;
}
.star {
color:#FF0000;
}
.purchase{
width:20px;
border:0;
}