body {font-family:Verdana, Arial, Helvetica, sans-serif;color:#C5CAD6;text-align:center;background:#000000 url(/images/bg/page_bg.jpg) center top no-repeat;}
body#ProjectBody {text-align:left;background:#0B0F17;}
body#PopupBody {text-align:left;background:#fff;color:#333;}
h1 {font-size:197%;}
h2 {font-size:153.9%;}
h3 {font-size:131%;}
h4 {font-size:116%;}
h5 {font-size:100%;}
h6 {font-size:85%;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-family:Arial, Helvetica, sans-serif;}
p {font-size:85%;line-height:150%;}
sup {font-size:85%;}
strong {font-weight:bold;}
em {font-style:italic;}
a {color:#7B92B0;text-decoration:none;}
a:hover {color:#FFF;}
select, input, textarea {background-color:#E6E7E8;border:1px solid #000;padding:2px 4px;color:#000;font-size:85%;}
:focus{-moz-outline-style: none;}

.hide {display:none}
.brclear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0px;}
.boxPadder5px {margin:5px;}
.boxPadder10px {margin:10px;}
.boxPadder20px {margin:20px;}

/* general layout */

#wrapper {margin:0 auto;width:960px;text-align:left;min-width:960px;}
#header {position:relative;}
#logoTr {width:260px;background:url(/images/bg/matusan_logo_tr.jpg) top left no-repeat;}
#logoTr a {text-indent:-10000px;display:block;height:60px;}
#logoEn {width:260px;background:url(/images/bg/matusan_logo_en.jpg) top left no-repeat;}
#logoEn a {text-indent:-10000px;display:block;height:60px;}
#langEn {position:absolute;left:863px;top:20px;}
#langEn a {padding:5px 5px 5px 25px;display:block;background:url(/images/bg/lang_icon_en.png) left center no-repeat;color:#DDE0E8;text-decoration:none;font-weight:bold;}
#langTr {position:absolute;left:863px;top:20px;}
#langTr a {padding:5px 5px 5px 25px;display:block;background:url(/images/bg/lang_icon_tr.png) left center no-repeat;color:#DDE0E8;text-decoration:none;font-weight:bold;}
/* topnav styles in topnav.css */
#content {margin:0 auto;width:960px;text-align:left;}

/* Home styles */
#homeFla {width:430px;height:265px;float:left;}
#homeTeaser {width:240px;float:right;}
#homeTeaser p {margin:0 5px 0 24px;font-size:11px;line-height:155%;}
.homeLeft {float:left;width:680px;background:#2D394A;margin-top:5px;}
.homeRight {float:right;width:275px;background:#2D394A;margin-top:5px;}
#homeDistributorKit {background:url(/images/home/distributor_kit.png) bottom no-repeat;width:275px;height:180px;}
#homeDistributorKit h5 {margin:20px 5px 10px 110px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}
#homeDistributorKit p {margin:15px 5px 20px 110px;}
.homeNewProductItem {margin:1px 0px 0 7px;float:left;font-size:11px;color:#C5CAD6;text-align:center;padding-bottom:10px}
.homeNewProductItem img {margin-bottom:5px;}
.homeProjects {background:#232D3A;width:960px;margin-top:5px;}
.homeProjectsItem {border:#818E97 2px solid;margin:9px 5px 15px 15px;float:left;background-color:#191E28;font-size:73%;color:#C5CAD6;text-align:center;padding-bottom:10px}
.homeProjectsItem img {margin-bottom:5px;}

/* content page */
#GenericContentWrapper {background:#12121b;overflow:hidden;}
#GenericContentHolder {width:800px;background:#334255;float:right;}
#GenericContent {background:#0B0F17;padding:10px 18px 20px 18px;margin:5px;}
#GenericContent p {margin-bottom:8px;}
#GenericContent h2 {display:block;margin-bottom:15px;}
#GenericContent h3 {display:block;margin-bottom:15px;}
#GenericContent h4 {display:block;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #525969;}
#GenericContentNav {float:left;width:160px;height:100%;}
#GenericContentNav li a {font-family:Verdana, Arial, Helvetica, sans-serif;display:block;text-decoration:none;padding:4px 5px 4px 20px;font-size:85%;border-bottom:1px solid #28283C;}

#GenericContent .ContentTable td {padding:0 18px 5px 0;vertical-align:top;}
#GenericContent .DataTable td {padding:8px;vertical-align:top;border:1px solid #525969;border-collapse:collapse;font-size:85%;}
#GenericContent .RowTable td {padding:8px;vertical-align:top;font-size:85%;}
tr.ZebraRow {background:#1B2330;}
.thumbnailBorder {border:2px solid #8699A2;margin:0 10px 10px 0;}

/* portfolio page */
#PortfolioContentHolder {width:730px;background:#334255;float:left;}
#PortfolioContentHolder iframe {margin:5px;background:#0B0F17;width:720px;height:620px;}
#PortfolioContent {background:#0B0F17;padding:10px 15px 10px 15px;margin:5px;}
#PortfolioContent h2 {display:block;margin-bottom:20px;}
#PortfolioImgHolder {width:680px;height:350px;text-align:center;margin:20px 0;}
#PortfolioImgThumbs {width:630px;margin:0 auto 15px auto;background:url(/images/bg/thumbs_bg.png) 4px 4px no-repeat;}
#PortfolioImgThumbs div.virtualpage{margin:4px;float:left;}
#PortfolioImgThumbs div.virtualpage a{display:block;/*float:left;*/}
#PortfolioImgThumbs div.virtualpage img.ThumbOn {border:2px #76879A solid;}
#PortfolioImgThumbs div.virtualpage img.ThumbOff {border:2px #0B0F17 solid;}
#PortfolioTxt {font-size:85%;}
#PortfolioNav {float:right;width:230px;}
#PortfolioNav #GenericNav li a {font-family:Verdana, Arial, Helvetica, sans-serif;display:block;text-decoration:none;padding:4px 5px 4px 20px;font-size:85%;border-bottom:1px solid #28283C;}
.medallionItem {width:185px;float:left;text-align:center;font-size:85%;margin-bottom:30px;margin-top:10px;}
.medallionItem img {margin-bottom:10px;}

/* header image replacement - home */
#HeaderHomePebbleMosaicTr {text-indent:-10000px;display:block;width:240px;height:100px;background:url(/images/headers/tr/home_pebble_mosaic.png) top left no-repeat;margin:0;padding:0;}
#HeaderHomeMonthlyProductTr {text-indent:-10000px;display:block;width:275px;height:30px;background:url(/images/headers/tr/monthly_product.png) top left no-repeat;margin:0;padding:0;}
#HeaderHomeNewProductTr {text-indent:-10000px;display:block;width:680px;height:35px;background:url(/images/headers/tr/new_product.png) top left no-repeat;margin:0;padding:0;}
#HeaderHomeRecentProjectsTr {text-indent:-10000px;display:block;width:960px;height:32px;background:url(/images/headers/tr/recent_projects.png) top left no-repeat;margin:0;padding:0;}

/* header image replacement - misc */
#HeaderAboutusTr {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/tr/about_us.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderBrochureTr {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/tr/brochure.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderContactTr {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/tr/contact.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderStoryTr {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/tr/the_story.jpg) top left no-repeat;margin:5px 0;padding:0;}
#Header404Tr {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/tr/404.jpg) top left no-repeat;margin:5px 0;padding:0;}

/* header image replacement - products and services */
#HeaderPebbleMosaicsTr {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/tr/pebble_mosaic.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderFlatTr {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/tr/flat.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderOceantileTr {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/tr/oceantile.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderPebbleMedallionTr {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/tr/pebble_medallion.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderFlatMedallionTr {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/tr/flat_medallion.jpg) top left no-repeat;margin:5px 0;padding:0;}

#HeaderGlowInTheDarkTr {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/tr/glow_in_the_dark.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderVerticalPebblesTr {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/tr/standing_vertical_pebbles.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderWallMosaicTr {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/tr/wall_mosaic.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderGardenStoneTr {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/tr/garden_stone.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderRiverStoneTr {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/tr/river_stone.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderNaturalStoneTr {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/tr/natural_stone.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderMetalMosaicTr {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/tr/metal_mosaic.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderDistributorKitTr {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/tr/distributor_kit.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderArchProjectsTr {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/tr/arch_projects.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderBirdsTr {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/tr/birds.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderSculptureTr {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/tr/sculpture.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderFrescoTr {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/tr/fresco.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderHobbyTr {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/tr/hobby.jpg) top left no-repeat;margin:5px 0;padding:0;}

/* header image replacement - portfolio */
#HeaderPortfolioPebbleMosaicsTr {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/tr/portfolio_pebble_mosaic.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderPortfolioOceantileTr {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/tr/portfolio_oceantile.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderPortfolioFlatTr {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/tr/portfolio_flat.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderPortfolioMarbleTr {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/tr/portfolio_marble.jpg) top left no-repeat;margin:5px 0;padding:0;}

/* headers EN */
#HeaderHomePebbleMosaicEn {text-indent:-10000px;display:block;width:240px;height:100px;background:url(/images/headers/en/home_pebble_mosaic.png) top left no-repeat;margin:0;padding:0;}
#HeaderHomeMonthlyProductEn {text-indent:-10000px;display:block;width:275px;height:30px;background:url(/images/headers/en/monthly_product.png) top left no-repeat;margin:0;padding:0;}
#HeaderHomeNewProductEn {text-indent:-10000px;display:block;width:680px;height:35px;background:url(/images/headers/en/new_product.png) top left no-repeat;margin:0;padding:0;}
#HeaderHomeRecentProjectsEn {text-indent:-10000px;display:block;width:960px;height:32px;background:url(/images/headers/en/recent_projects.png) top left no-repeat;margin:0;padding:0;}

/* header image replacement - misc */
#HeaderAboutusEn {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/en/about_us.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderBrochureEn {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/en/brochure.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderContactEn {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/en/contact.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderStoryEn {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/en/the_story.jpg) top left no-repeat;margin:5px 0;padding:0;}
#Header404En {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/en/404.jpg) top left no-repeat;margin:5px 0;padding:0;}

/* header image replacement - products and services */
#HeaderPebbleMosaicsEn {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/en/pebble_mosaic.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderFlatEn {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/en/flat.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderOceantileEn {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/en/oceantile.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderPebbleMedallionEn {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/en/pebble_medallion.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderFlatMedallionEn {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/en/flat_medallion.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderGlowInTheDarkEn {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/en/glow_in_the_dark.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderVerticalPebblesEn {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/en/standing_vertical_pebbles.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderWallMosaicEn {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/en/wall_mosaic.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderGardenStoneEn {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/en/garden_stone.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderRiverStoneEn {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/en/river_stone.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderNaturalStoneEn {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/en/natural_stone.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderMetalMosaicEn {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/en/metal_mosaic.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderDistributorKitEn {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/en/distributor_kit.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderArchProjectsEn {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/en/arch_projects.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderBirdsEn {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/en/birds.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderSculptureEn {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/en/sculpture.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderFrescoEn {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/en/fresco.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderHobbyEn {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/en/hobby.jpg) top left no-repeat;margin:5px 0;padding:0;}

/* header image replacement - portfolio */
#HeaderPortfolioPebbleMosaicsEn {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/en/portfolio_pebble_mosaic.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderPortfolioOceantileEn {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/en/portfolio_oceantile.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderPortfolioFlatEn {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/en/portfolio_flat.jpg) top left no-repeat;margin:5px 0;padding:0;}
#HeaderPortfolioMarbleEn {text-indent:-10000px;display:block;width:960px;height:65px;background:url(/images/headers/en/portfolio_marble.jpg) top left no-repeat;margin:5px 0;padding:0;}



/* Accordeon */
.p7AB {padding:0;}
.p7ABtrig {margin:0;padding:0;}
#p7ABW1 .p7ABtrig h3, #p7ABW1 .p7ABtrig h4 {margin:0;padding:0;font-size:92%;}
#p7ABW1 .p7ABtrig a {font-family:Verdana, Arial, Helvetica, sans-serif;display:block;text-decoration:none;padding:7px 7px 7px 20px;color:#73869D;font-weight:bold;background:url(/images/bg/accordeon_bottomline.gif) repeat-x;}
#p7ABW1 .p7ABtrig a:hover {color:#BFC8D2;}
#p7ABW1 .p7ABtrig .p7ABtrig_down {color:#fff;}
#p7ABW1 .p7ABtrig a.p7ABtrig_down:hover {color:#fff;}
#p7ABW1 .p7ABcontent ul {font-size:85%;padding:0;color:#AA9E79;}
#p7ABW1 .p7ABcontent ul li a {padding:3px 0 3px 20px;display:block;}
#p7ABW1 .p7ABcontent div {overflow:auto;height:245px;scrollbar-face-color:#57616F;scrollbar-highlight-color:#57616F;scrollbar-3dlight-color:#99B9CA;scrollbar-shadow-color:#57616F;scrollbar-darkshadow-color:#000;scrollbar-track-color:#2C2D38;scrollbar-arrow-color:#fff;}
.NavOff {background:none;color:#7B92B0;}
.NavOn {background:#334255;color:#fff}

#footer {color:#76879A;font-size:85%;margin:20px 0;padding:0;text-align:center;}