* { margin: 0; padding: 0; }

body, input, select, textarea { font-family: 'Roboto', sans-serif; font-size:14px; color:#444444; margin:0; padding:0; }
body { background:url(../images/pattern.jpg); }


/***************************************************************************************************************************/
/************ Template *****************************************************************************************************/
/***************************************************************************************************************************/
#upper-div { width:100%; border-bottom:1px solid #000000; }
#middle-div { min-height:500px; width:100%; margin:0 auto; background:url(../images/divbg.png); -moz-box-shadow:0 1px 40px #cccccc; -webkit-box-shadow:0 1px 40px #CCCCCC; box-shadow:0 1px 40px #BBBBBB; }
#lower-div { width:100%; min-height:100px; border-top:3px solid #000000; margin:0 auto; background:url(../images/footer.png); }

.page_frame { margin:0 auto; }

#logo-div { margin:20px 0 20px 0; }
#header-div { margin:0 auto; margin-top:20px; margin-bottom:10px; }
#login-div { text-align:center; }
#language-div { text-align:center; height:40px; line-height:40px; }

#menu-div { position:relative; z-index:900; opacity: 0.85; background:#FFFFFF; border-radius:0 0 12px 12px; -moz-box-shadow:0 1px 30px #BBBBBB; -webkit-box-shadow:0 1px 30px #BBBBBB; box-shadow:0 1px 30px #BBBBBB; }
#menu-div-index { position:absolute; z-index:900; opacity: 0.85; background:#FFFFFF; border-radius:0 0 12px 12px; -moz-box-shadow:0 1px 30px #BBBBBB; -webkit-box-shadow:0 1px 30px #BBBBBB; box-shadow:0 1px 30px #BBBBBB; }
#menu-panel { list-style:none; -moz-box-shadow:0 1px 20px #cccccc; -webkit-box-shadow:0 1px 2px #CCCCCC; box-shadow:0 1px 20px #CCCCCC; padding:10px 0 10px 0; }
#menu-panel ul { position:absolute; top:-9999px; left: -9999px; }

#social-icons { margin:0 auto; text-align:center; width:120px; margin-top:20px; }
.social-icon { height:32px; width:40px; float:left; }
#footer-div { margin:0 auto; height:60px; color:#DDDDDD; text-align:center; width:100%; line-height:30px; font-size:16px; }
#footer-div2 { color:#FFFFFF; text-align:right; padding: 8px 50px 0 0; font-size:14px; }

.photo-container-div { background:#FFFFFF; float:left; cursor:pointer; margin:10px; border-radius:4px; -moz-box-shadow:0 1px 8px #777777; -webkit-box-shadow:0 1px 8px #777777; box-shadow:0 1px 8px #777777; }
.video-container-div { padding:5px; background:#FFFFFF; float:left; cursor:pointer; margin:10px; border-radius:4px; -moz-box-shadow:0 1px 8px #777777; -webkit-box-shadow:0 1px 8px #777777; box-shadow:0 1px 8px #777777; }
.video-div { font-size:11px; text-align:center; }
.video-caption-div { margin-top:40px; text-align:center; font-size:17px; }

/***************************************************************************************************************************/
/************ Pages ********************************************************************************************************/
/***************************************************************************************************************************/
#container-header { font-size:34px; text-align:left; text-align:left; color:#555555; margin:15px 0 20px 0; }
#left-login-div { border:1px solid #CCCCCC; background:#FFFFFF; float:left; width:280px; height:335px; padding:50px 0 0 0; text-align:center; border-radius:6px 0 0 6px; -moz-box-shadow:0 1px 8px #777777; -webkit-box-shadow:0 1px 8px #777777; box-shadow:0 1px 8px #777777; }
#right-login-div { border:1px solid #CCCCCC; background:#FFFFFF; float:left; width:290px; height:385px; padding-left:20px; border-radius: 0 6px 6px 0; -moz-box-shadow:0 1px 8px #777777; -webkit-box-shadow:0 1px 8px #777777; box-shadow:0 1px 8px #777777; margin-bottom:30px; }

#left-contact-div { border:1px solid #CCCCCC; float:left; width:258px; height:488px; padding:3px; margin-bottom:10px; background:#FFFFFF; border-radius:6px 0 0 6px; -moz-box-shadow:0 1px 8px #777777; -webkit-box-shadow:0 1px 8px #777777; box-shadow:0 1px 8px #777777; }
#center-contact-div { border:1px solid #CCCCCC; float:left; width:290px; height:488px; padding:3px; margin-bottom:10px; margin-right:50px; background:#FFFFFF; border-radius: 0 6px 6px 0; -moz-box-shadow:0 1px 8px #777777; -webkit-box-shadow:0 1px 8px #777777; box-shadow:0 1px 8px #777777; }
#right-contact-div { border:1px solid #CCCCCC; float:left; width:250px; height:488px; padding:3px; background:#FFFFFF; border-radius:6px; -moz-box-shadow:0 1px 8px #777777; -webkit-box-shadow:0 1px 8px #777777; box-shadow:0 1px 8px #777777; }
#right-contact-div-data { padding:10px 30px 0 30px; line-height:25px; text-align:left; background:#FFFFFF; }

.blogs_header { margin:20px 30px 20px 13px;  }
.blogs_header_top { background: #744682; height: 40px; line-height:40px; padding:0 20px 0 20px; letter-spacing:1px; border-radius: 8px 0 0 8px; text-align:center; color:#DABAD2; font-size:20px; float:left; }
.blogs_header_bottom { background:#DABAD2; height:40px; line-height:40px; padding:0 20px 0 20px; letter-spacing:1px;  border-radius: 0 8px 8px 0; text-align:center; color:#744682; font-size:20px; float:left; }
.blog-container { padding:15px; margin: 0 0 20px 13px; width:80%; border:1px solid #CCCCCC; border-radius: 6px; background:#FFFFFF; -moz-box-shadow:0 1px 8px #777777; -webkit-box-shadow:0 1px 8px #777777; box-shadow:0 1px 8px #777777; }
.blogs-pagination { margin:20px 0 20px 13px; width:80%; }
.blogs-pagination-left { float:left; width:50%; text-align:left; }
.blogs-pagination-right { float:left; width:50%; text-align:right }

.blog-title { margin-bottom: 10px; }
.blog-image { margin-bottom: 10px; }
.blog-text { margin-bottom: 10px; border-bottom:1px dotted #CCCCCC; }
.blog-text p { margin-bottom: 10px; }
.blog-footer { text-align:left; font-size:12px; color:#656565; }

.photo_header { margin:20px 30px 20px 5px;  }
.photo_header_top { background: #D67E29; height: 40px; line-height:40px; padding:0 20px 0 20px; letter-spacing:1px; border-radius: 8px 0 0 8px; text-align:center; color:#E9D3BB; font-size:20px; float:left; }
.photo_header_top2 { background: #E9D3BB; height: 40px; line-height:40px; padding:0 20px 0 20px; letter-spacing:1px; border-radius: 8px 0 0 8px; text-align:center; color:#D67E29; font-size:20px; float:left; }
.photo_header_bottom { background:#E9D3BB; height:40px; line-height:40px; padding:0 20px 0 20px; letter-spacing:1px; border-radius: 0 8px 8px 0; text-align:center; color:#D67E29; font-size:20px; float:left; }
.photo_header_bottom2 { background:#D67E29; height:40px; line-height:40px; padding:0 20px 0 20px; letter-spacing:1px; border-radius: 0 8px 8px 0; text-align:center; color:#E9D3BB; font-size:20px; float:left; }

.video_header { margin:20px 30px 20px 13px;  }
.video_header_top { background: #E01F22; height: 40px; line-height:40px; padding:0 20px 0 20px; letter-spacing:1px; border-radius: 8px 0 0 8px; text-align:center; color:#DCBBBB; font-size:20px; float:left; }
.video_header_bottom { background:#DCBBBB; height:40px; line-height:40px; padding:0 20px 0 20px; letter-spacing:1px;  border-radius: 0 8px 8px 0; text-align:center; color:#E01F22; font-size:20px; float:left; }

.album_header { margin:20px 0 20px 13px;  }
.album_header_top { background: #A82581; height: 40px; line-height:40px; padding:0 20px 0 20px; letter-spacing:1px; border-radius: 8px 0 0 8px; text-align:center; color:#DABAD2; font-size:20px; float:left; }
.album_header_bottom { background:#DABAD2; height:40px; line-height:40px; padding:0 20px 0 20px; letter-spacing:1px;  border-radius: 0 8px 8px 0; text-align:center; color:#A82581; font-size:20px; float:left; }

.slide-caption { font-size:16px; margin:10px 0 5px 0; text-align:center; }

/***************************************************************************************************************************/
/************ Form Styles **************************************************************************************************/
/***************************************************************************************************************************/
.input_style  { border: solid 1px #dcdcdc; box-shadow: inset 1px 1px 2px 0 #707070; height:25px; padding:5px; font-size:18px; }
.input_style:focus { border: solid 1px #707070; box-shadow: 0 0 5px 1px #969696; }
.submit_style { height:40px; line-height:40px; background:#CC0033; color:#FFFFFF; font-size:18px; border:1px solid #990033; border-radius:6px; box-shadow: 0 0 5px 1px #969696; }
.submit_style:hover { background:#ee0066; }
.error_div { line-height:30px; padding:6px 0 0 8px; float:left; width:30px; }
.login_cmd { background:url(../images/logout.png) 90% 50%; background-repeat:no-repeat; height:45px; border:none; width:110px; text-align:left; padding:0 10px 0 10px; border-radius:6px; cursor:pointer; }
.login_cmd:hover { box-shadow: 0 0 5px 1px #969696; }



/***************************************************************************************************************************/
/************ Link Styles **************************************************************************************************/
/***************************************************************************************************************************/

a:link { color: #337ACF; text-decoration:none; }
a:active { color: #337ACF; text-decoration:none; }
a.blog-link:visited { color: #337ACF; text-decoration:none; }
a:hover { color:#337ACF; text-decoration:underline; }

.toplink:link { font-size: 14px; color: #444444; text-decoration:none; }
.toplink:active { font-size: 14px; color: #444444; text-decoration:none; }
.toplink:visited { font-size: 14px; color: #444444; text-decoration:none; }
.toplink:hover { font-size: 14px; color:#0000CC; text-decoration:none; }

.plink:link { font-size: 13px; color: #333333; text-decoration:none; font-weight:bold; }
.plink:active { font-size: 13px; color: #333333; text-decoration:none; font-weight:bold; }
.plink:visited { font-size: 13px; color: #333333; text-decoration:none; font-weight:bold;}
.plink:hover { font-size: 13px; color:#000000; text-decoration:none; font-weight:bold;}

.menulink:link { text-decoration:none; color:#444444; display:block; }
.menulink:active { text-decoration:none; color:#444444; }
.menulink:visited { text-decoration:none; color:#444444; }
.menulink:hover { text-decoration:none; color:#FFFFFF; }

.s-link:link { color: #FFFFFF; text-decoration:none; display:block; }
.s-link:active { color: #FFFFFF; text-decoration:none; display:block; }
.s-link:visited { color: #FFFFFF; text-decoration:none; display:block; }
.s-link:hover { color:#444444; text-decoration:none; display:block; }

.footer-link:link { color: #999999; text-decoration:none; font-size:16px; }
.footer-link:active { color: #999999; text-decoration:none; font-size:16px; }
.footer-link:visited { color: #999999; text-decoration:none; font-size:16px; }
.footer-link:hover { color:#FFFFFF; text-decoration:none; font-size:16px; }

.hoverclass { color:#FFFFFF; }

.bloglink:link { font-size: 20px; color: #444444; text-decoration:none; }
.bloglink:active { font-size: 20px; color: #444444; text-decoration:none; }
.bloglink:visited { font-size: 20px; color: #444444; text-decoration:none; }
.bloglink:hover { font-size: 20px; color:#744682; text-decoration:none; }

.blog-link:link { color: #337ACF; text-decoration:none; }
.blog-link:active { color: #337ACF; text-decoration:none; }
.blog-link:visited { color: #337ACF; text-decoration:none; }
.blog-link:hover { color:#337ACF; text-decoration:underline; }



/***************************************************************************************************************************/
/************ Photo Grid Styles ********************************************************************************************/
/***************************************************************************************************************************/
.grid {	position: relative; list-style: none; text-align: center; margin-bottom:30px; }
.grid figure { position: relative; overflow: hidden; text-align: center; cursor: pointer; }
.grid figure img { position: relative; display: block; width: 100%; }
.grid figure figcaption { padding: 0; font-size: 1em; letter-spacing:1px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; }
.grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.grid figure figcaption > a { z-index: 100; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }

.grid figure h2 { word-spacing: -0.15em; font-weight: 300; }
.grid figure h2 span { font-weight: 800; }
.grid figure h2, .grid figure p { margin: 0; }
.grid figure p { letter-spacing: 1px; font-size: 68.5%; }



/***************************************************************************************************************************/
/************ Hover Effects ************************************************************************************************/
/***************************************************************************************************************************/

/***** Bubba *****/
figure.effect-bubba { background: #bbbbbb; }
figure.effect-bubba img { width:100%; }
figure.effect-bubba:hover img { opacity: 0.4; }
figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
figure.effect-bubba figcaption::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); }
figure.effect-bubba figcaption::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); }
figure.effect-bubba h2 { padding-top: 30%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); }
figure.effect-bubba p { padding: 20px 2.5em; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); }
figure.effect-bubba:hover figcaption::before, figure.effect-bubba:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
figure.effect-bubba:hover h2, figure.effect-bubba:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

/***** Apollo *****/
figure.effect-apollo { }
figure.effect-apollo img { opacity: 0.95; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1); }
figure.effect-apollo figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); }
figure.effect-apollo p { position: absolute; right: 0; bottom: 0; margin: 3em; padding: 0 1em; max-width: 150px; border-right: 4px solid #fff; text-align: right; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }

figure.effect-apollo h2 { text-align: left; }
figure.effect-apollo:hover img { opacity: 0.6; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
figure.effect-apollo:hover figcaption::before { -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); }
figure.effect-apollo:hover p { opacity: 1; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

/***** Roxy *****/
figure.effect-roxy { background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%); background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%); }
figure.effect-roxy img { max-width: none; width: -webkit-calc(100% + 60px); width: calc(100% + 60px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50px,0,0); transform: translate3d(-50px,0,0); }
figure.effect-roxy figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; text-align:center; border: 1px solid #fff; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0); }
figure.effect-roxy figcaption { text-align: center; }
figure.effect-roxy h2 { padding: 30% 0 10px 0; font-size:22px; color:#FFFFFF; }
figure.effect-roxy p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); }
figure.effect-roxy:hover img { opacity: 0.7; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
figure.effect-roxy:hover figcaption::before, figure.effect-roxy:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }


/***************************************************************************************************************************/
/**** Slider - Albums StyleSheet *******************************************************************************************/
/***************************************************************************************************************************/

.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn { position: absolute; cursor: pointer; display: block; background: url(../js/slider-master/img/a17.png) no-repeat; overflow:hidden; }
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05ldn { background-position: -250px -40px; }
.jssora05rdn { background-position: -310px -40px; }
.jssort01 .w { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.jssort01 .c { position: absolute; top: 0px; left: 0px; width: 72px; height: 72px;  border: #999 1px solid;  }
.jssort01 .p:hover .c, .jssort01 .pav:hover .c, .jssort01 .pav .c { background: url(../js/slider-master/img/t01.png) center center; border-width: 0px; top: 2px; left: 2px; width: 68px; height: 68px; }
.jssort01 .p:hover .c, .jssort01 .pav:hover .c { top: 0px; left: 0px; width: 72px; height: 72px; border: #fff 1px solid; }


/***************************************************************************************************************************/
/***************************************************************************************************************************/
/***************************************************************************************************************************/





#content-div { margin:0 auto; padding-bottom:50px; }

#banner-div { height:112px; float:left; padding-top:10px; }


.header_icon { margin-left:30px; float:left; padding-top:2px; width:40px; text-align:left; }
.header_caption { float:left; width:165px; text-align:left; text-decoration:none; }


#subtitle-div { height:25px; margin:10px 50px 0 0; }

#login-div { float:right; width:200px; text-align:center; }
.subtitle-subdiv { height:25px; float:right; margin: 10px 10px 0 20px; padding:3px 0 0 0; }
.subtitle-subdiv-i { height:25px; float:right; margin: 0 10px 0 0; }
.subtitle-subdiv-x { height:25px; line-height:25px; float:right; margin: 0; text-align:center; width:200px; }
.language-subdiv { height:27px; width:40px; margin-right:10px; float:right; padding-top:10px; }
.language-div-right { float:right; width:45px; }
.language-div-right2 { float:right; width:5px; }
.language-div-right3 { float:right; width:20px; }

#item-container { margin-left:350px; padding-top:10px; text-align:left; }
#item-container-wrapper { background:#FFFFFF; padding:10px; -moz-box-shadow:0 1px 30px #BBBBBB; -webkit-box-shadow:0 1px 30px #BBBBBB; box-shadow:0 1px 30px #BBBBBB; border-radius:12px; }


.left-container-div-2 { background:#FFFFFF; width:200px; float:left; cursor:pointer; margin:10px; border-radius:4px; -moz-box-shadow:0 1px 8px #777777; -webkit-box-shadow:0 1px 8px #777777; box-shadow:0 1px 8px #777777; }
.left-container-div-3 { background:#FFFFFF; width:155px; float:left; cursor:pointer; margin:6px; border-radius:4px; -moz-box-shadow:0 1px 8px #777777; -webkit-box-shadow:0 1px 8px #777777; box-shadow:0 1px 8px #777777; }
.fluid-photo { width:100%; }

#window-title { height:150px; }
#photo-title-div { height:40px; margin:55px 25px 0 0; width:150px; line-height:40px; background:#D67E29; color:#FFFFFF; float:right; text-align:center; font-size:16px; border-radius:4px;}
#video-title-div { height:40px; margin:55px 25px 0 0; width:150px; line-height:40px; background:#E01F22; color:#FFFFFF; float:right; text-align:center; font-size:16px; border-radius:4px; }


#contact-div { padding-top:50px; }

.small_photo { border:1px solid #bbbbbb; float: left; margin:6px; width:155px; height:95px; background:#FFFFFF; border-radius:4px; -moz-box-shadow:0 1px 4px #777777; -webkit-box-shadow:0 1px 4px #777777; box-shadow:0 1px 4px #777777; }
.small_photo_2 { border:1px solid #bbbbbb; float: left; margin: 6px 0 6px 0; width:155px; height:95px; background:#FFFFFF; border-radius:4px; -moz-box-shadow:0 1px 4px #777777; -webkit-box-shadow:0 1px 4px #777777; box-shadow:0 1px 4px #777777; }
.large_photo { float:left; margin:0 6px 0 6px; width:155px; height:200px; border-radius:4px; }
.large_photo_2 { float:left; margin:6px; border:1px solid #bbbbbb; width:155px; height:205px; background:#FFFFFF; border-radius:4px; -moz-box-shadow:0 1px 4px #777777; -webkit-box-shadow:0 1px 4px #777777; box-shadow:0 1px 4px #777777;}


.title { font-size:28px; }