/* ------------------------------------- */ /* Elegra Design ltd. */ /* www.elegradesign.com */ /* ------------------------------------- */ body {margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; text-align: center; background-color: #fbfbfb;} a:link {text-decoration: none;} a:visited {text-decoration: none;} a:hover {text-decoration: none;} a:active {text-decoration: none;} a:focus {outline: none;} form {margin: 0px;} /** General Elements **/ .Container_Body {width: 1340px; height: 859px; text-align: center;} .Template_1 {width: 73px; height: 24px; float: left; background-image:url(../images/bgrd_template_1.jpg); background-repeat: no-repeat; background-position: top left;} .Template_2 {width: 530px; height: 24px; float: left; background-image:url(../images/bgrd_template_2.jpg); background-repeat: no-repeat; background-position: top left;} .Template_3 {width: 696px; height: 24px; float: left; background-image:url(../images/bgrd_template_3.jpg); background-repeat: no-repeat; background-position: top left;} .Template_4 {width: 41px; height: 24px; float: left; background-image:url(../images/bgrd_template_4.jpg); background-repeat: no-repeat; background-position: top left;} .Template_5 {width: 73px; height: 85px; float: left; background-image:url(../images/bgrd_template_5.jpg); background-repeat: no-repeat; background-position: top left;} .Template_6 {width: 530px; height: 85px; float: left; background-image:url(../images/bgrd_template_6.jpg); background-repeat: no-repeat; background-position: top left;} .Template_7 {width: 696px; height: 85px; float: left;} .Template_7a {width: 696px; height: 35px; background-image:url(../images/bgrd_template_7a.jpg); background-repeat: no-repeat; background-position: top left;} .Template_7c {width: 696px; height: 10px; background-image:url(../images/bgrd_template_7c.jpg); background-repeat: no-repeat; background-position: top left;} .Template_8 {width: 41px; height: 85px; float: left; background-image:url(../images/bgrd_template_8.jpg); background-repeat: no-repeat; background-position: top left;} .Template_9 {width: 73px; height: 24px; float: left; background-image:url(../images/bgrd_template_9.jpg); background-repeat: no-repeat; background-position: top left;} .Template_10 {width: 530px; height: 24px; float: left; background-image:url(../images/bgrd_template_10.jpg); background-repeat: no-repeat; background-position: top left;} .Template_11 {width: 696px; height: 24px; float: left; background-image:url(../images/bgrd_template_11.jpg); background-repeat: no-repeat; background-position: top left;} .Template_12 {width: 41px; height: 24px; float: left; background-image:url(../images/bgrd_template_12.jpg); background-repeat: no-repeat; background-position: top left;} .Template_15 {width: 73px; height: 680px; float: left; background-image:url(../images/bgrd_template_15.jpg); background-repeat: no-repeat; background-position: top left;} .Template_16 {width: 530px; height: 680px; float: left; background-image:url(../images/bgrd_template_16.jpg); background-repeat: no-repeat; background-position: top left; overflow:hidden;} .Template_16a {width: 530px; height: 15px; background-image:url(../images/bgrd_template_16a.png); background-repeat: no-repeat; background-position: top left;} .Template_16b {width: 530px; background-image:url(../images/bgrd_template_16b.png); background-repeat: repeat-y; background-position: top left; text-align: left;} .Template_16c {width: 530px; height: 18px; background-image:url(../images/bgrd_template_16c.png); background-repeat: no-repeat; background-position: bottom left;} .Template_17 {width: 696px; height: 680px; float: left;} .Template_17a {width: 348px; height: 340px; float: left; background-image:url(../images/bgrd_template_17a.jpg); background-repeat: no-repeat; background-position: top left;} .Template_17b {width: 348px; height: 340px; float: left; background-image:url(../images/bgrd_template_17b.jpg); background-repeat: no-repeat; background-position: top left;} .Template_17c {width: 348px; height: 340px; float: left; background-image:url(../images/bgrd_template_17c.jpg); background-repeat: no-repeat; background-position: top left;} .Template_17d {width: 348px; height: 340px; float: left; background-image:url(../images/bgrd_template_17d.jpg); background-repeat: no-repeat; background-position: top left;} .Template_18 {width: 41px; height: 680px; float: left; background-image:url(../images/bgrd_template_18.jpg); background-repeat: no-repeat; background-position: top left;} .Template_20 {width: 73px; height: 43px; float: left; background-image:url(../images/bgrd_template_20.jpg); background-repeat: no-repeat; background-position: top left;} .Template_21 {width: 530px; height: 43px; float: left; background-image:url(../images/bgrd_template_21.jpg); background-repeat: no-repeat; background-position: top left;} .Template_22 {width: 696px; height: 43px; float: left; background-image:url(../images/bgrd_template_22.jpg); background-repeat: no-repeat; background-position: top left;} .Template_23 {width: 41px; height: 43px; float: left; background-image:url(../images/bgrd_template_23.jpg); background-repeat: no-repeat; background-position: top left;} .Template_30 {width: 1300px; height: 37px; float: left; text-align: right; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #767676;} .face_pullbox {width: 285px; height: 333px; float: right; background: url('../images/facebook.png') no-repeat; display: block; right: -260px; padding: 0; position: fixed; top: 380px; z-index: 1000; cursor: pointer;} a.Flags {width: 14px; height: 12px; display: block; float: right; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;} a.Flags:hover {width: 14px; height: 12px; display: block; float: right; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;} .Content_1a {width: 17px; height: 25px; float: left;} .Content_1b {width: 496px; float: left; text-align: left; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #767676;} /* Content */ /** Content **/ .Section_Title {width: 240px; height: 22px; background-repeat: no-repeat; background-position: top left;} .Content_Box_1 {width: 496px; float: left; text-align: left; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #767676; line-height: 1.3;} .Content_Box_2 {width: 240px; float: left; text-align: left; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #767676; line-height: 1.3;} .Content_Box_10 {width: 496px; height: 60px; float: left; text-align: left;} .Content_Box_11 {width: 496px; float: left; text-align: left; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #767676; margin-bottom: 12px; line-height: 1.3;} .Content_Box_12 {width: 496px; float: left; text-align: left; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #767676;} .Content_Box_14 {width: 496px; height: 626px; float: left; text-align: left; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #767676; line-height: 1.3;} .Content_Box_15 {width: 496px; height: 626px; float: left; text-align: left; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #767676; line-height: 1.3;} .Content_Box_17 {width: 496px; float: left; text-align: left; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #767676; line-height: 1.3;} .Content_Box_17a {width: 369px; float: left; text-align: left; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #767676; line-height: 1.3;} .Content_Box_17b {width: 125px; float: left; text-align: left; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #767676; border--: 1px solid #F00} a.ReadMore {display: block; float: left; text-align: right; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #f76363; margin-top: 1px; text-decoration: none;} a.ReadMore:hover {display: block; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #fb0000; margin-top: 1px; text-decoration: none;} .SongsList_1 {display: block; text-align: left; background-image:url(../images/icon_mnote.png); background-repeat: no-repeat; background-position: top left; padding-left: 15px; margin-bottom: 6px; } a.Gallery_List_Title {width: 453px; display: block; float: left; text-align: left; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #767676; text-decoration: none; padding-left: 20px; margin-top: 6px; margin-bottom: 6px; background-image:url(../images/icon_gallery1.png); background-repeat: no-repeat; background-position: top left; padding-bottom: 1px;} a.Gallery_List_Title:hover {display: block; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #767676; text-decoration: underline; background-image:url(../images/icon_gallery2.png); background-repeat: no-repeat; background-position: top left;} .Gallery_Title {width: 473px; display: block; float: left; text-align: left; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #767676; text-decoration: none; padding-left: 20px; margin-top: 6px; margin-bottom: 6px; background-image:url(../images/icon_gallery1.png); background-repeat: no-repeat; background-position: top left; padding-bottom: 1px; margin-bottom: 15px;} a.Nav_Back {width: 235px; display: block; float: left; text-align: left; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #f76363; margin-top: 1px; text-decoration: none; border---: 1px solid #F00} a.Nav_Back:hover {display: block; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #fb0000; margin-top: 1px; text-decoration: underline;} a.Map_Link img {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; border: 1px solid #eabdbd} a.Map_Link:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;} .Prices_Tb {width: 496px; margin-top: 15px; text-align: left; margin-bottom: 5px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #767676;} /** Forms **/ .Form_Field_1 {width: 340px; border: 1px solid #CCC; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #767676; background-color: #FFFFFF; } .Btn_Send {width:90px; height: 18px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #f76363; border: 1px solid #CCC; padding-bottom: 3px; background-color: #fdfdfd; text-align: center;} /** Others **/ a.ElegraDesign {width: 108px; height: 14px; display: block; float: right; margin-top: 4px; margin-bottom: 10px; background-image:url(../images/elegradesign_v1.png); background-repeat: no-repeat; background-position: top left; } a.ElegraDesign:hover {display: block; float: right; margin-top: 4px; margin-bottom: 10px; background-image:url(../images/elegradesign_v2.png); background-repeat: no-repeat; background-position: top left; } /* Gallery */ a.galleryopacity img {filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; border: 1px solid #eabdbd} a.galleryopacity:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } .Photo_Tmb_1 {width: 74px; height: 56px; margin-right: 1px; padding: 1px; } .Photo_Tmb_2 {width: 74px; height: 56px; margin-right: 1px; margin-bottom: 3px;padding: 1px; } #lightbox {background-color:#eee; padding: 10px;} #lightboxDetails {height: 1px; padding: 0px; display:none;} #lightboxCaption { float: left;} #keyboardMsg {float: right;} #closeButton {top: 5px; right: 5px;} #lightbox img {border: none; clear: both;} #overlay img {border: none;} #overlay {background-image: url(../jscript/overlay.png);} * html #overlay{ background-color: #333; back\ground-color: transparent; background-image: url(../jscript/blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="jscript/overlay.png", sizingMethod="scale"); } /** Script - Scroller **/ #extra_controls, #scrollbar { display:block; /* initially display:none; to hide from incapable */ } div#wn { position:relative; width:480px; height:620px; overflow:hidden; float: left; } div.content { /* hide content to be swapped in */ position:absolute; visibility:hidden; left:0px; top:0px; } div#lyr1 { /* show first div */ visibility:visible; } div#scrollbar { position:relative; width:11px; height:620px; font-size:1px; /* so no gap or misplacement due to image vertical alignment */ float: left; border-: 1px solid #F00; margin-left: 5px; } div#track { position:absolute; left:0; top:10px; bottom:10px; width:11px; height-:595px; background-: #336; display-: none; } div#dragBar { position:absolute; left:1px; top:1px; width:9px; height:20px; background-color-:#ceced6; background-image: url(../jscript/scrollbar.png); background-repeat: repeat; } div#up { position:absolute; left:0; top:0; } div#down { position:absolute; left:0; bottom:0; } /* so no gap or misplacement due to image vertical alignment font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */ div#scrollbar img { display:block; } /* for safari, to prevent selection problem */ div#scrollbar, div#track, div#dragBar, div#up, div#down { -moz-user-select: none; -khtml-user-select: none; } /* 1.Template_1b1 {width: 417px; height: 25px;} 1.Template_2 {width: 662px; height: 14px; background-image:url(../images/bgrd_template_2.jpg); background-repeat: no-repeat; background-position: top left;} 1.Template_3 {width: 662px; height: 27px; background-image:url(../images/bgrd_template_3.jpg); background-repeat: no-repeat; background-position: top left;} 1.Template_5 {width: 662px; background-image:url(../images/bgrd_template_5.jpg); background-repeat: repeat-y; background-position: top left;} 1.Template_5a {width: 8px; height: 5px; float: left;} 1.Template_5b {width: 654px; background-image:url(../images/bgrd_template_5b.jpg); background-repeat: no-repeat; background-position: top left; float: left;} 1.Template_5b1 {width: 22px; height: 5px; float: left;} 1.Template_5b2 {width: 598px; float: left; text-align: left; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #7a7a7a;} 1.Template_10 {width: 662px; height: 51px; background-image:url(../images/bgrd_template_10.jpg); background-repeat: no-repeat; background-position: top left;} 1.Template_11 {width: 662px; height: 8px; background-image:url(../images/bgrd_template_11.jpg); background-repeat: no-repeat; background-position: top left;} 1.Template_12 {width: 649px; height: 50px; text-align: right; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #a2a2a2;} */ a.Services_List_E1 {display: block; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #5797ca; margin-bottom: 7px; padding-left: 20px; background-image:url(../images/icon1.gif); background-repeat: no-repeat; background-position: top left;} a.Services_List_E1:hover {display: block; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #7a7a7a; text-decoration: underline; margin-bottom: 7px; padding-left: 20px; background-image:url(../images/icon1.gif); background-repeat: no-repeat; background-position: top left;} a.Services_List_E2 {display: block; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #5797ca; margin-bottom: 7px; margin-left: 21px; padding-left: 20px; background-image:url(../images/icon1.gif); background-repeat: no-repeat; background-position: top left;} a.Services_List_E2:hover {display: block; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #7a7a7a; text-decoration: underline; margin-bottom: 7px; margin-left: 21px; padding-left: 20px; background-image:url(../images/icon1.gif); background-repeat: no-repeat; background-position: top left;} .Services_Title {display: block; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #5797ca; margin-bottom: 10px; padding-left: 20px; background-image:url(../images/icon1.gif); background-repeat: no-repeat; background-position: top left;} a.Link1 {font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #567bb4; text-decoration: underline;} a.Link1:hover{font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: underline;} .Contacts_1a {width: 302px; float: left; margin-top: 15px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #567bb4;} .Contacts_1b {width: 290px; float: left; text-align: right; margin-top: 15px;} .OfficeMap {border: 1px solid #CCC;}