HTML, BODY { padding: 0; margin: 0; text-align: left; height: 100%; background: #fff; }

/* Layout */
#box01 { width: 920px; margin: 0 auto; }

/* Columns */
.col { float: left; margin: 0 39px 0 0; }
.col01 { width: 920px; clear: both; }
.col02 { width: 600px; }
.col03 { width: 280px; }

/* Header */
#header { /*height: 140px;*/ }
.logo { width: 120px; }
.social { margin: 0 0 0 40px; color: #909090; padding: 40px 0 32px 0; font-size: 12px; }

.search {  border: 1px solid #000; margin: 40px 0 0 0; }
.search-input { float: left; width: 153px; height: 22px; overflow: hidden; }
.search-input INPUT { border:none; background: none; width: 147px; margin: 0 3px; padding: 4px 0 3px;}
.search-submit { float: left; margin-top:2px; }


/* Menus */
.menu01 { width: 760px; margin: 0 0 0 40px;  border-top: 1px solid #e5e5e5; border-bottom: 4px solid #e5e5e5;}
.menu01 LI { float: left; font-size: 16px; margin: 0 0 0 -1px; height: 49px;  }
.menu01 A {color:#000; display: block; text-decoration: none; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 15px 21px 7px 16px; margin: 0 0 7px 0; background: #fff; }
.menu01 A:hover {color:#d70e16;}
.menu01 LI.first A { border-left: 1px solid #fff; padding: 15px 21px 7px 15px; margin: 0;}
.menu01 A.active {color: #d70e16; padding: 15px 21px 21px 16px; }
.menu01 LI.first A.active { border-left: 1px solid #e5e5e5; padding: 15px 21px 21px 15px;  }

.menu02 { width: 760px; margin: 0 0 0 40px; border-bottom: 4px solid #e5e5e5;}
.menu02 LI { float: left; font-size: 16px; margin: 0 0 0 -1px; height: 49px; background: url(dot02.gif) no-repeat 0 10px;  }
.menu02 A {color:#000; display: block; text-decoration: none; padding: 15px 15px 7px 0; margin: 0 0 7px 40px; background: #fff; }
.menu02 A:hover {color:#d70e16;}
.menu02 LI.first { background: none; }
.menu02 LI.first A { padding: 15px 21px 7px 15px; margin: 0;}
.menu02 A.active { color: #d70e16;}

/* Content */
.content { clear: both; padding: 40px 0 0 0; }
.index .content { background: url(bg01.gif) no-repeat 0 100%; }

A.more { display: block; margin: 0.4em 0 0 0; }

H5.type01 {border-top: 3px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 0.5em 0; }


/* Footer */
#footer { margin: 40px 0 0 0; font-size: 12px; height: 100px; }
.blog { position: relative; }
.blog IMG { position:absolute; top:-57px; right: 0; }

/* Contentslider */

#contentslider { padding: 0 0 20px 0; position: relative; background: url(browser_frame.png) no-repeat; background-position: -10px -5px; display: block; }

#contentslider .images { height: 307px; overflow: hidden; width: 600px; position: relative; z-index: 1; top:31px}
#contentslider.big .images { height: 430px; overflow: hidden; width: 920px; }
#contentslider .images LI { position: absolute; top: 0; left: 0; }

#contentslider .bullets { margin: 55px 0 0 245px; height: 9px; overflow: hidden; }
#contentslider .bullets LI { float: left; width: 9px; height: 9px; margin: 0 8px 0 0; }
#contentslider .bullets A { float: left; width: 9px; height: 9px; background: url(dot01.gif) no-repeat; }
#contentslider .bullets LI.active A { background-position: 0 -25px; }

#contentslider .btnLeft { z-index: 1000; position: absolute; top: 130px; left: 0px; width: 38px; height: 38px; background: url(btn07.png) no-repeat; display: block; }
#contentslider .btnRight { z-index: 1000; position: absolute; top: 130px; right: 0px; width: 38px; height: 38px; background: url(btn08.png) no-repeat; display: block;}
#contentslider .btnLeft:hover {opacity: 0.5; }
#contentslider .btnRight:hover {opacity: 0.5; }
#contentslider.big .btnLeft { top: 200px; width: 22px; height: 33px; background: url(btn05.png) no-repeat;}
#contentslider.big .btnRight { top: 200px; width: 22px; height: 33px; background: url(btn06.png) no-repeat; }

#contentslider .imagedata UL { height: 307px; overflow: hidden; position: relative; }
#contentslider .imagedata LI { position: absolute; top: 0; left: 0; }

#contentslider.big P.subtitle { margin: 20px 0 0 0; }
#contentslider.big .more { float: right; width: 280px; background: #f4f4f4; padding: 17px 0;  text-align: center; font-size: 18px; text-decoration: underline; margin: 10px 0 0 10px; }

/* BLOCKS */
.contact { background: url(en/img06b.gif) no-repeat; display: block; width: 188px; height: 256px; margin: auto; }
.contact IMG { margin-top: 0 !important; }
.contact:hover IMG { display: none; }

.owl01 { background-image: url(img02.gif); background-repeat: no-repeat; background-position: 100% 0;}
.owl02 { background-image: url(img09.gif); background-repeat: no-repeat; background-position: 85% 100%;}

/* Buttons */
A.btn01 { display: block; margin: 20px 0 0 0; font-size: 18px; color: #fff; text-align: center; padding: 15px 0; }


/* Black */ 
.bg01 { background-color: #1e1e1e; color: #fff; }
.bg01 H4 {color: #fff; }
.bg01 A {color: #fff; }

/* Light red */
.bg02 { background-color: #d70e16; color: #fff; }
.bg02 H4 {color: #fff; }
.bg02 A {color: #fff; }

/* Beige */
.bg03 { background-color: #ebe9de; color: #1e1e1e; }

/* Lighter  gray */
.bg04 { background-color: #8e0006; color: #fff; }
.bg04 H4 {color: #fff; }
.bg04 A {color: #fff; }

/* Darker red */
.bg05 { background-color: #9b0007; color: #fff; }
.bg05 H4 {color: #fff; }
.bg05 A {color: #fff; }

/* Beige border */
.bg06 { background-color: #fff; color: #1e1e1e; border: 7px solid #ebe9de; }

/* Gray border */
.bg07 { background-color: #fff; color: #1e1e1e; border: 3px solid #e5e5e5; }

.bg08 { background-color: #505050; }
.bg08 H4,
.bg08 P,
.bg08 A  {color: #fff; }


.block { border-top: 5px solid #e5e5e5; margin: 0 0 20px 0; }
#footer .block { border-top: none; padding: 20px; }

.block01 { }
.block01 P.title { font-size: 12px; color: #bebebe; margin: 0 0 10px 0; }
.block01 H3 { color: #d70e16; margin: 0;}
.badge01 { position: absolute; top: -20px; right: -10px; }

.block02 { margin: 0 0 20px 0; padding: 20px 20px 35px; line-height: 18px; }
.block02 H4 { margin: 0; letter-spacing: -0.055em; }
.block02 P.img-left { margin: 10px 10px 5px -20px; }
.block02 P.img-right { margin: 10px -20px 5px 10px; }

.block03 { width: 280px; float: left; margin: 0 40px 20px 0; height: 450px; }
.block03 IMG { margin: 20px 0 0 0; }
.block03 H5 { color: #d70e16; }

.block03b { width: 280px; float: left; margin: 0 40px 20px 0; height: 380px; }
.block03b IMG { margin: 20px 0 0 0; }
.block03b H5 { color: #d70e16; }


.block04 { margin: -25px 0 0 0; background: #1a1a1a url(bg03.jpg) no-repeat; padding: 120px 20px 20px; }
.block04 P.title { margin: 0; font-size: 80px; color: #393939; font-weight: bold; font-family: 'Arvo',sans-serif; }
.block04 P { color: #fff; }
.block04 A.more { float: left; font-size: 16px; font-weight: bold; color: #fff; margin: 20px 20px 0 0; background: url(bg04.gif) repeat-x 0 100%; padding: 0 0 5px 0; text-decoration: none; }

.block05 { margin: 0 0 30px 0; }
.block05 UL { margin: 5px 0 0 0; }
.block05 LI { border-bottom: 1px solid #e5e5e5; background: none; padding: 7px 0; margin: 0; }
.block05 A { text-decoration: none; }
.block05 A:hover { color: #d70e16; }
.block05 LI.active A { color: #d70e16; }

.block06 {}
.block06 IMG {float: left; margin: 10px 75px 10px 0; }
.block06 H1 { font-size: 200px; letter-spacing: -0.05em; margin: 0.1em 0 0 0; } 
.block06 H2 { font-size: 32px; color: #908f8f;  letter-spacing: -0.05em; margin: -0.8em 0 0 0; }

.block07 { overflow: hidden; margin: 0 0 30px 0; }
.block07 IMG { margin: 20px 0 0 0; }
.block07 P.title {font-weight: bold; font-size: 14px; border-bottom: 1px solid #e5e5e5; padding: 0 0 7px 0; margin: 20px 0 10px 0; }
.block07 UL { margin: 0 0 15px 0; }
.block07 LI { background: url(dot03.gif) no-repeat 3px 5px; padding: 0 0 0 17px; margin: 0 0 5px 0; }

.block08 { background: #1e1e1e; color: #fff; padding: 40px 0 0 0; position: relative; margin: 0 0 30px 0; }
.block08 P.title { font-size: 66px; font-family: 'Arvo', sans-serif; font-weight: bold; letter-spacing: -0.00em; padding: 0 0 20px 40px; }
.block08 .col03 P { padding: 15px 30px 0px 0; }
.block08 .col02 .col03 P { padding: 15px 0 0 30px; }
.block08 .img02 { position: absolute; left: 320px; bottom: 0; }
.block08 .img03 { position: absolute; right: 0; bottom: 0; }
.block08 .pad { padding: 0 0 120px 0; }


/* Blog */
.blog-entry { margin: 10px 0 0; padding: 0 0 20px 0; overflow: hidden; }
.blog-entry H2 { margin: 8px 0 0 0; }
.blog-entry P { margin: 0.5em 0 1.5em 0; font-size: 14px; line-height: 21px; }
.blog-entry IMG.type01 { margin: 14px 0 15px 0; }
.blog-meta { width: 150px; margin: 10px 0 30px 30px; }
.blog-meta .date { font-size: 14px; font-weight: bold; border-top: 1px solid #e5e5e5; margin: 0; padding: 7px 0 0 0; }
.blog-meta .author { font-size: 14px; color: #909090; border-bottom: 1px solid #e5e5e5; margin: 0 0 10px; padding: 0 0 10px 0;}
.blog-entry BLOCKQUOTE { font-size: 16px; color: #d70e16; font-weight: bold; font-family: 'Arvo', sans-serif; font-style: italic; width: 200px; float: left; border: 5px solid #1a1a1a; border-width: 5px 0; margin: 5px 20px 20px 0; padding: 10px 0; line-height: 21px; letter-spacing: -0.05em; }

/* Lists */ 
UL.type01 { width: 960px;  overflow: hidden; }
UL.type01 LI { height: auto; }
UL.type02 { margin: 20px 0 0 0; width: 960px; overflow: hidden; }
UL.type02 LI { background: #ebe9de; width: 280px; float: left; height: 430px; margin: 0 40px 40px 0; cursor: pointer; overflow: hidden; }
UL.portfolio LI { height: auto; }
UL.type02 LI.hover { background: #f7f6f2; }
UL.type02 IMG { border: 5px solid #fff; margin: 20px 0 15px; }
UL.type02 A.img { padding: 0 20px; display: block; }
UL.type02 H5 { color: #d70e16; margin: 0 20px; letter-spacing: -0.05em; }
UL.type02 H5 A { color: #D70E16; text-decoration: none; }
UL.type02 H5 A:hover { color: #D70E16; text-decoration: none; }
UL.type02 P.subtitle { margin: 0 20px; }
UL.type02 P { margin: 1em 20px 0; }
UL.type02 .clear { padding: 1em 20px 15px; }
UL.type02 A.more { float: left; }
UL.type02 A.visit { float: left; margin: 0.4em 0 0; }
UL.type02 .delimiter { float: left; margin: 0 5px; color: #909090; padding: 5px 0 0 0; }
UL.type02 .fulltext { display: none; }

/* Paging */
UL.pages { margin: 1em 0 2em 0; padding: 0 5px; ; line-height: normal; }
UL.pages LI { float: left; background: none; padding: 0; margin: 3px 2px; }
UL.pages LI.label { padding: 4px 5px 3px 5px; color: #000; font-weight: bold; }
UL.pages LI.shuffle{ font-weight: bold; padding: 3px 5px 3px 5px; margin: 0 2px; }
UL.pages LI.shuffle A{ color: #7a7a7a; background: transparent; border: none; }
UL.pages LI.shuffle A:hover{ color: #7a7a7a; }
UL.pages LI A { color: #7a7a7a; float: left; padding: 5px 10px 7px; margin: 0; text-decoration: none; font-weight: bold; }
UL.pages LI A:hover { color: #fff; text-decoration: none; background: url(btn04.gif) no-repeat 0 -50px; }
UL.pages LI A.active { background: url(btn04.gif) no-repeat; color: #fff; }
UL.pages LI.neutral { color: #D5D3D5; }
UL.pages LI.shuffle .next{ float: left; padding: 5px 35px 7px 35px; background: url(btn03.gif) no-repeat 100% 0; }
UL.pages LI.shuffle .prev{ float: left; padding: 5px 35px 7px 35px; background: url(btn02.gif) no-repeat; }
UL.pages LI.neutral .next{ background: url(btn03.gif) no-repeat right -50px; }
UL.pages LI.neutral .prev{ background: url(btn02.gif) no-repeat 0 -50px; }
UL.pages LI.shuffle .prev:hover{ background-position: 0 -50px; }
UL.pages LI.neutral .next:hover{ background-position: 100% -50px;  }


/* Tabs */
UL.tabs { margin: 1em 0 0 0; position: relative; z-index: 9; padding: 0; border-bottom: 4px solid #e5e5e5;}
UL.tabs * { float: left; }
UL.tabs LI { float: left; font-size: 16px; margin: 0 0 0 -1px; height: 49px; background: url(dot02.gif) no-repeat 0 10px;}
UL.tabs A { display: block; text-decoration: none; padding: 15px 15px 7px 0; margin: 0 0 7px 40px; background: #fff; }
UL.tabs LI.first { background: none; }
UL.tabs LI.first A { padding: 15px 21px 7px 15px; margin: 0;}
UL.tabs A.active { color: #d70e16;}

/* Search Results */
OL.searchresults { margin: 10px 0 0 0; padding: 10px 0 10px 0; }
OL.searchresults LI { padding: 10px 0 10px 0; }
OL.searchresults P { margin: 0; }
OL.searchresults P.title { font-size: 16px; font-weight: bold; margin: 0; color: #1e1e1e; }
OL.searchresults P.lead { padding: 5px 0 10px 0; font-size: 14px; font-family: 'Rockwell',Arial,Helvetica,sans-serif; font-weight: normal; }

/* Sitemap */
#sitemap-tree {}
#sitemap-tree LI { font-size: 14px; font-weight: normal; margin: 0 0 10px 0; background: url(dot05.gif) no-repeat 0 5px; padding: 0 0 0 20px;}
#sitemap-tree A {  color: #d70e16; text-decoration: none; }
#sitemap-tree LI UL { margin: 10px 0 0 0 }

/* Portfolio */
.portfolio UL.images { display: none; }

/* Images */
.img01 { position: relative; top: -5px; margin-bottom: 20px; }


/* * * * * Exact Thickbox * * * * */

#TB_window { position: fixed; z-index: 102; text-align: left; top: 30px; right: 50%; display: none; line-height: 14px; margin-top: 0px !important; width: 920px !important; }
/* HTML #TB_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) +'px'); }*/

#TB_overlay { position: fixed; z-index: 100; top: 0; left: 0; height: 100%; width: 100%; }
* HTML #TB_overlay { position: absolute; height: expression((document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight) > document.documentElement.clientHeight ? document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight : document.documentElement.clientHeight + 'px'); }
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {	background-color: #000; filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; }

#TB_container1 { padding: 0;}
.TB_disabled { display: none !important; }
#TB_header { background: transparent; color:#f5f3f5; padding: 0; height: 40px; }
#TB_header #TB_closeWindowButton { float: right; width: 40px; height: 40px; background: url(btn_close.gif) no-repeat; }
#TB_header #TB_imgcount { float: left; padding: 0 0 0 5px; margin: 10px 0 0 0;  font-size: 14px; line-height: 20px; }
#TB_header #TB_ajaxWindowTitle { padding: 4px 0 0 5px; margin:0 10px 10px 10px; color: #9F7A17; font-size: 24px; line-height: normal; }

#TB_prev { display: block; width: 40px; height: 100%; background: url(btn_prev.png) no-repeat 0 50%; position: absolute; top: 0; left: 0; z-index: 3; }
#TB_next { display: block; width: 40px; height: 100%; background: url(btn_next.png) no-repeat 0 50%; position: absolute; top: 0; right: 0; z-index: 3; }
#TB_images { overflow: hidden; margin: 0 0 10px 0; }
#TB_images LI { float: left; margin: 0 7px 0 0; }
#TB_images LI A { float: left; width: 9px; height: 9px; background: url(dot04.gif) no-repeat; }
#TB_images LI.active A { background-position: -9px 0px; }



#TB_body { position: relative;}
#TB_body_a { position: relative;}
#TB_body_b { position: relative; }
#TB_Image { display: block; }

#TB_ajaxContent { overflow: auto; }
#TB_caption P.title { font-family: "Rockwell",serif; font-size: 18px; color: #6a6a6a; }
#TB_caption { width: 100%; background-color: #ffffff; color: #000000; line-height: 16px; font-size: 12px; font-family: "Rockwell",serif; font-size: 14px; line-height: 18px;  }
#TB_caption A { color: #d70e16; text-decoration: underline; }
#TB_caption_a { overflow: hidden; }
#TB_caption_b { padding: 14px 20px; }

#TB_prevset { float: left; background: #4b4b4b; padding: 10px 10px; margin: 10px 0 0 0; color: #fff; text-decoration: none; }
#TB_nextset { float: right; background: #4b4b4b; padding: 10px 10px; margin: 10px 0 0 0; color: #fff; text-decoration: none; }
#TB_prevset:hover { background: #3a3a3a;}
#TB_nextset:hover { background: #3a3a3a; }


#TB_iframeContent { clear: both; border: none; }

#TB_load { position: fixed; display: none; z-index: 101; width: 200px; height: 200px; top: 50%; left: 50%; margin: -100px 0 0 -100px; background: url(thickbox_loader.gif) 50% 50% no-repeat; }
* HTML #TB_load { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }

#TB_HideSelect { z-index: 99; position: fixed; top: 0; left: 0; background-color: #fff; border: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 100%; width: 100%; }
* HTML #TB_HideSelect { position: absolute; height: expression((document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight) > document.documentElement.clientHeight ? document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight : document.documentElement.clientHeight + 'px'); }