/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ background: url(../images/bg_img.jpg) 0 0 no-repeat #f3f3f3; border:0; font:12px Arial, Helvetica, sans-serif; color:#666666; line-height:20px; min-width:880px;}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;}

/* Global Structure ============================================================= */

/* ============================= main layout ====================== */

a{ color:#020202; text-decoration: none; outline:none}
a:hover{ text-decoration: underline;}
h1{ float:left; padding: 0 0 0 0}
h2{ font-size:60px; color:#020202; line-height:1.2em; margin-bottom:-4px; display:inline-block}
h3{ font-size:24px; color:#020202; line-height:1.2em; padding:35px 0 17px 0; font-weight:normal}
p{ padding-bottom:20px;}

/* ============================= header ====================== */
header{ padding-top:81px; height:100px; position:relative; z-index:2}

#logo{ display:block; background:url(../images/logo.png) 0 0 no-repeat; width:250px; height:86px; text-indent:-9999px;}
#menu { float:right; padding:0 16px 0 0}
#menu > li { float:left; position:relative}
#menu > li > a{ display:block; font:11px Arial, Helvetica, sans-serif; font-weight:bold; color:#020202; text-transform:uppercase; padding:0 24px; line-height:44px;}
#menu > li:hover > a, #menu > .active > a{ background:#070707; color:#fff; text-decoration:none}

#menu .ul_1{ position:absolute; top:45px; left:0; width:100%}
#menu .ul_1 > li{ padding-bottom:1px; width:100%}
#menu .ul_1 > li > a{ display:block; font:11px Arial, Helvetica, sans-serif; font-weight:bold; color:#020202; text-transform:uppercase; padding-left:24px; line-height:22px;}
#menu .ul_1 > li:hover > a, #menu .ul_1 > li.active > a{background:#070707; color:#fff; text-decoration:none}

#menu .ul_2{ position:absolute; top:0; right:-121px; width:120px}
#menu .ul_2 > li{ padding-bottom:1px; width:100%}
#menu .ul_2 > li > a{ display:block; font:11px Arial, Helvetica, sans-serif; font-weight:bold; color:#020202; text-transform:uppercase; padding-left:24px; line-height:22px;}
#menu .ul_2 > li:hover > a, #menu .ul_2 > li.active > a{background:#070707; color:#fff; text-decoration:none}

#menu ul{ display:none}

/* ============================= content ====================== */

#content{ width:100%; min-height:733px; position:relative; z-index:1}

#content > article{ position:relative; top:0; left:0; width:100%; overflow:hidden}
#content .text, #content .box{ position:relative}

.pad_bot1{ padding-bottom:63px;}
.pad_right1{ padding-right:65px;}
.pad_bot2{ padding-bottom:8px;}
.pad_top1{ padding-top:22px;}

.box{ background:#070707; padding:23px 0 20px 160px; height:324px;}

.gallery1{ width:2720px;}
.gallery1 li{ float:left; padding-right:160px;}
.gallery1 a{ background:url(../images/gallery1_border.gif) 0 0 no-repeat; display:block; overflow:hidden; width:320px; height:324px; float:left;}

/* Lightbox image */
.pp_nav{ padding-bottom:0; }
.pp_description{ padding-bottom:0; margin:0; font-size:0; line-height:0; height:0}
.pp_details{ margin-bottom:-15px !important;}
.pp_close{ position:absolute; right:20px; bottom:0px}


.scroll{}

#page_portret .box, #page_detail .box, #page_travel .box, #page_8 .box{ height:595px; margin-top:39px; padding-top:16px;}

.gallery2 { width:1100px;}
.gallery2 > li{ width:1100px; margin:0; overflow:hidden; padding-right:120px;}
.folio1 { width:1100px}
.folio1 dt{ float:left; padding-right:12px; position:relative; width:490px; height:594px;}
.folio1 dt img{ position:absolute; top:0; left:0}
.folio1 dd{ float:left; width:590px;}
.folio1 li{ padding-right:10px; float:left; width:180px;}
.folio1 a{ display:block; margin-bottom:10px; background:url(../images/img_border2.gif) 0 0 no-repeat; overflow:hidden; width:180px; height:111px;}

.gallery3 { width:720px;}
.gallery3 > li{ width:720px; margin:0; overflow:hidden; padding-right:120px;}
.folio2 { width:720px}
.folio2 dt{ float:left; padding-right:12px; position:relative; width:490px; height:594px;}
.folio2 dt img{ position:absolute; top:0; left:0}
.folio2 dd{ float:left; width:210px;}
.folio2 li{ padding-right:10px; float:left; width:180px;}
.folio2 a{ display:block; margin-bottom:10px; background:url(../images/img_border2.gif) 0 0 no-repeat; overflow:hidden; width:180px; height:111px;}

.gallery4 { width:1100px;}
.gallery4 > li{ width:1100px; margin:0; overflow:hidden; padding-right:120px;}
.folio3 { width:1100px}
.folio3 dt{ float:left; padding-right:12px; position:relative; width:490px; height:594px;}
.folio3 dt img{ position:absolute; top:0; left:0}
.folio3 dd{ float:left; width:590px;}
.folio3 li{ padding-right:10px; float:left; width:180px;}
.folio3 a{ display:block; margin-bottom:10px; background:url(../images/img_border2.gif) 0 0 no-repeat; overflow:hidden; width:180px; height:111px;}

.gallery5 { width:1360px;}
.gallery5 > li{ width:1360px; margin:0; overflow:hidden; padding-right:120px;}
.folio4 { width:1360px}
.folio4 dt{ float:left; padding-right:12px; position:relative; width:490px; height:594px;}
.folio4 dt img{ position:absolute; top:0; left:0}
.folio4 dd{ float:left; width:850px;}
.folio4 li{ padding-right:10px; float:left; width:180px;}
.folio4 a{ display:block; margin-bottom:10px; background:url(../images/img_border2.gif) 0 0 no-repeat; overflow:hidden; width:180px; height:111px;}


.font1{ text-transform:uppercase; color:#000}

.link1{ font-size:11px; text-transform:uppercase; text-decoration:underline; color:#000}
.link1:hover{ text-decoration: none}

#map{ display:none; }

/* ============================= footer ====================== */

footer { padding-bottom:20px;}
footer span{ font-size:11px; text-transform:uppercase; color:#666666; background:#eeeeee; font-weight:bold}
footer a:hover{}

/* ============================= forms ============================= */


#contact-form { width:320px; position:relative; padding-top:9px}
#contact_form .link1{ float:right; margin-left:15px;}
#contact-form input {  width:194px; background: none; padding:7px 8px;  float:left; font:12px Arial, Helvetica, sans-serif; color:#020202; height:15px;}
#contact-form textarea { overflow: auto;width:302px; background: none; padding:7px 8px;  float:left; font:12px Arial, Helvetica, sans-serif; color:#020202; height:105px; margin:0}
#contact-form fieldset {border:none; width:100%; overflow:hidden;}
#contact-form .rowElem {display:block;position:relative; width:100%; overflow:hidden; min-height:40px;}
#contact-form .textarea-box { width:100%;display:inline-block;position:relative; min-height:126px; overflow:hidden; padding-bottom:1px;}
#contact-form label {padding:0;display: none;	font-size:10px;	position: relative;font-size:10px; left:10px;top:1px; margin-bottom:0px; line-height:1.2em;}
#contact-form .error {color:red; line-height:12px;}
#contact-form .error span{ display:inline-block}
#contact-form fieldset {border:none;}
div#contact_form .download-box p{padding:16px 30px;background:#ffffff; border:1px solid #c6c6c6}
#contact-form .bg{ float:left; position:relative;background:#ffffff; border:1px solid #c6c6c6}