/*********************************************************************************************************
									cg.global.css
*********************************************************************************************************/
html, body {margin: 0;padding: 0;font-smoothing: antialiased;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-ms-font-smoothing: antialiased;height:100%}
body {font-family:Arial, Helvetica, sans-serif;font-size: x-large;color:#6D6D6D}

* {outline:none}
a {color: #6096CF; outline:none;}
a:hover {color:#369;}
ol, ul {margin: 0px;}
img, img a {border:none;}
p {padding: 0;margin: 0 0 10px 0;}
h1, h2, h3, h4, h5 {color:#808080;margin: 0 0 5px 0; padding:0;}
h1 {font-size: 22px;}
h2 {font-size: 19px;}
h3 {font-size: 18px;}
h4 {font-size: 12px;}
h5 {font-size: 16px;}
div {-webkit-box-sizing:border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.holder {width:100%;margin: 0 auto;}
.sector {max-width:960px;width:90%;margin:0 auto;}
.fl {float:left}
.fr {float:right}
.clear {clear:both;height:0;}
.clearfix::after {content:"";display:table;clear:both}
.center {text-align: center;}
/*.loading {background:url('../imgs/ajax-70x70.GIF') no-repeat center center transparent}*/
.r4 {border-radius:4px!important;-moz-border-radius:4px!important;-o-border-radius:4px!important;border-top-left-radius: 4px!important;border-top-right-radius: 4px!important;border-bottom-left-radius: 4px!important;border-bottom-left-radius: 4px!important;}
.r10 {border-radius:10px!important;-moz-border-radius:10px!important;-o-border-radius:10px!important;border-top-left-radius: 10px!important;border-top-right-radius: 10px!important;border-bottom-left-radius: 10px!important;border-bottom-left-radius: 10px!important;}
.r20 {border-radius:20px!important;-moz-border-radius:20px!important;-o-border-radius:20px!important;border-top-left-radius: 20px!important;border-top-right-radius: 20px!important;border-bottom-left-radius: 20px!important;border-bottom-left-radius: 20px!important;}
.r30 {border-radius:30px!important;-moz-border-radius:30px!important;-o-border-radius:30px!important;border-top-left-radius: 30px!important;border-top-right-radius: 30px!important;border-bottom-left-radius: 30px!important;border-bottom-left-radius: 30px!important;}
.r40 {border-radius:40px!important;-moz-border-radius:40px!important;-o-border-radius:40px!important;border-top-left-radius: 40px!important;border-top-right-radius: 40px!important;border-bottom-left-radius: 40px!important;border-bottom-left-radius: 40px!important;}
.r100 {border-radius:100px!important;-moz-border-radius:100px!important;-o-border-radius:100px!important;border-top-left-radius: 100px!important;border-top-right-radius: 100px!important;border-bottom-left-radius: 100px!important;border-bottom-left-radius: 100px!important;}
/***********************************************************************************************************************
												GENERAL
***********************************************************************************************************************/
body {color:#646464;overflow-x:hidden; background:url("../images/global/back.png") repeat 0 0 transparent;}
a, a:visited { color:#26AFE3;text-decoration:none; border:none;}
ul#nav {list-style:none none; margin:0; padding:0}
ul#nav li {float:left; padding:0 15px}
ul#nav li a {padding:0 15px; font-weight:bold; text-decoration:none; font-size:16px; display:block}
ul#nav li.last a{padding:0 0 0 15px}
li.leaf {list-style:none!important; margin:0; padding:0;}
.lefter, .leftey {float:left}
.righter, .rightey {float:right;}
#pagename {margin:0 0 22px; height:79px;}

.title.name {font-size:20px; font-family: Century Gothic, sans-serif; padding:0; margin:0 0 0 5px; color:#555454; font-weight:normal;text-shadow: 1px 1px white; text-transform:lowercase;margin:16px 0 0 16px;color:#646464;}
h2 {font-family: Century Gothic, sans-serif; font-weight:bold; font-size:12px; color:#6d6e71}
.text {font-family: Century Gothic, sans-serif; font-size:12px; color:#6d6e71}
.ifTxt {-moz-border-bottom-colors: none;-moz-border-image: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background: none repeat scroll 0 0 #404040;border-color: #383838 #2B2B2B #2B2B2B;border-radius:3px;-moz-border-radius:3px;border-right: 1px solid #565555;border-style: solid;border-width: 1px;box-shadow:0 1px 0 #565555, 0 1px 7px rgba(0, 0, 0, 0.5) inset;-moz-box-shadow:0 1px 0 #565555, 0 1px 7px rgba(0, 0, 0, 0.5) inset;color:#181818;font-size: 13px;padding: 7px 9px;width:91%!important;min-height: 16px;}
textarea.ifTxt {min-height: 100px!important;overflow: hidden;}
.ifTxt:focus {background:#373737; outline:0 none; color:#5A5959;}

/***********************************************************************************************************************
												TOP
***********************************************************************************************************************/
#top {padding:32px 0 35px 0 }
#top .righter {margin:26px 0 0; text-align:right}
#top .righter ul li {margin:0; padding:0; float:left}
#top .righter ul li.last a {border:none!important}
#logo {padding:10px 0 0}
/***********************************************************************************************************************
												SLAPTCHA
***********************************************************************************************************************/
#slaptchaContain {/*background:url("/web/slaptcha/locks.png") no-repeat right 0 transparent; */height:40px;padding: 4px 0 0; position:relative;}
#slaptchaContain.success {/*background-position:right -49px!Important;*/}
#slaptchaTrack {box-shadow:0 1px 0 #565555, 0 1px 7px rgba(0, 0, 0, 0.5) inset;-moz-box-shadow:0 1px 0 #565555, 0 1px 7px rgba(0, 0, 0, 0.5) inset;background:#373737;color: #999;width:301px;height: 27px;border-radius: 3px;-moz-border-radius: 3px;padding:0 2px;}
#slaptchaText {color: #666;font-size: 12px;font-weight: bold;position: absolute;z-index: 2;top: 12px;text-align: center;width: 304px;text-shadow: 1px 1px black; font-family:Arial, Helvetica, sans-serif;}
#slaptchaArrow {background:url("/web/slaptcha/slaptchaArrow.png") no-repeat center center #929292;cursor: pointer!important;height: 23px!important;width: 37px!important;display: block;border-radius: 3px;-moz-border-radius: 3px;margin: 0!important;border: none!important;top: 2px!Important; position:relative;z-index:3;}
#slaptchaArrow.success {background:url("/web/slaptcha/slaptchaArrow.png") no-repeat 0 0 #2d91c3;background: linear-gradient(90deg, #267da8, #32a2da);}
/***********************************************************************************************************************
												BTM
***********************************************************************************************************************/
#btm {/*height:80%;*/}
#btm .sector {padding:5px}
/***********************************************************************************************************************
												FOOT
***********************************************************************************************************************/
#foot {padding:30px 0}
#foot .lefter {float:left; width:580px;}
#foot .righter{float:right; text-align:right}
#foot .righter ul li {margin:0; padding:0; float:left}

.currentPage {background:url("../images/global/arrow.png") 0 0 no-repeat transparent;display:block;width:19px; height:11px; position:absolute;bottom:-11px;left:26px;}
#nav {position:relative;background:url("../images/global/backNav.png") repeat 0 0 transparent;width:100%;box-shadow: 0 0 10px rgba(0,0,0, 0.7);-moz-box-shadow: 0 0 10px rgba(0,0,0, 0.7);}
#nav a.navlink, #nav a.navlinkNo {color:#666; text-shadow:1px 1px #E4E1E1; padding:10px 20px;font-family: Century Gothic, sans-serif; font-weight:bold; font-size:13px;display:block; text-decoration:none;margin: 10px;border:1px rgba(255, 255, 255, .05) solid;}
#nav a.navlink:hover, #nav a.navlinkNo:hover {background: #d0d0cf;background: -webkit-linear-gradient(90deg, rgba(208,208,207, .05), rgba(240,240,240, .7)); background: -moz-linear-gradient(90deg, #d0d0cf, #f0f0f0);border:1px #b9b9b9 solid; border-radius:4px;-moz-border-radius:4px;}
#nav a.navlink.active,#nav a.navlink:active, #nav a.navlinkNo:active {box-shadow:0 0 5px rgba(0,0,0, .9) inset!Important;-moz-box-shadow:0 0 5px rgba(0,0,0, .9) inset!Important;border-radius: 4px;-moz-border-radius: 4px;background:/* #D2D2D0*/rgba(0, 0, 0, .05);}
#nav a.navlink.active:hover {box-shadow:0 0 5px rgba(0,0,0, .9) inset!Important;-moz-box-shadow:0 0 5px rgba(0,0,0, .9) inset!Important;border:1px #DBDBDA solid!Important;}
#nav li.home a:hover, #nav li.home.active a {color:#ccc}

/***********************************************************************************************************************
										PAGE SPECIFIC OVERIDES & STYLES
***********************************************************************************************************************/
.badges, .slide {background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.29), transparent);background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.29), transparent);background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.29), transparent);background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.29), transparent);box-shadow: 0 2px 8px rgba(0,0,0, .6), 0 3px 8px rgba(0,0,0, .5) inset;-moz-box-shadow: 0 2px 8px rgba(0,0,0, .6), 0 3px 8px rgba(0,0,0, .5) inset;}
.badges {display:none;padding:12px 0 0 12px;position: absolute;bottom: 80px;left: 19px;}
.badges ul {list-style:none none; margin:0; padding:0; }
.badges ul li {float:left; margin:0 12px 12px 0}
.badges ul li.last {margin:0}
.badges a {display:block;overflow:hidden; width:101px; height:167px; border-radius: 5px;-moz-border-radius: 5px;border: 1px #333 solid;opacity:0.8;filter:alpha(opacity=80);box-shadow:0 0 20px rgba(0,0,0, .8) inset;-moz-box-shadow:0 0 20px rgba(0,0,0, .8) inset;}
.badges a:hover {opacity:1;filter:alpha(opacity=100);}

.badgeHolders {display:none;/*overflow:hidden;height: 500px;*/position: absolute;top:3.5%;}
.badgeHolders li {float:left;position: relative; }
.control {position:absolute;display:none;width:35px;height:34px;opacity:.6;filter:alpha(opacity=60);text-indent:-2000px;overflow:hidden;z-index:2;}
.control:hover{opacity:1;filter:alpha(opacity=100);}
.control.noMore {opacity:.1;filter:alpha(opacity=10);}
#prev {left:5px; top:50%;background:url("../images/global/arrowLeft.png") 0 0 no-repeat transparent;}
#next {right:5px; top:50%;background:url("../images/global/arrowRight.png") 0 0 no-repeat transparent;}
.slide {padding:4%; margin:auto;color: white;text-shadow: 0 1px #1B1B1B;font-weight: bold;width:100%;text-align:center;}
.slide img {width:100%;max-width:650px;}
.desc {margin:10px 0 0;}

/* CERAMICS */
#sculptureHolder {width:578px;left: 19px;}
/*.Ceramics #mid .content {padding:7px; background:url(../images/black-bkg.png) top left repeat; width:885px;}*/
.urukai {background:url("../images/home/th/urukai.png") center center no-repeat #FFF;}
.dusty {background:url("../images/home/th/dusty.png") center center no-repeat #FFF;}
.bustAfricanus {background:url("../images/home/th/bust-africanus.png") center center no-repeat #FFF;}
.hookahRookah {background:url("../images/home/th/hookah-rookah.png") center center no-repeat #FFF;}
.hst {background:url("../images/home/th/hst.png") center center no-repeat #FFF;}
.fashtray {background:url("../images/home/th/fashtray.png") center center no-repeat #FFF;}
.gargoyle {background:url("../images/home/th/gargoyle.png") center center no-repeat #FFF;}
.buddha {background:url("../images/home/th/buddha.png") center center no-repeat #FFF;}
.textVase {background:url("../images/home/th/text.png") center center no-repeat #FFF;}
.moss {background:url("../images/home/th/moss.png") center center no-repeat #FFF;}

/* WEB */
#webHolder {width:460px;left: 130px;}
.web .viewWebsite {/*background: white;border-radius: 4px 4px 0 0;-moz-border-radius: 4px 4px 0 0;padding: 5px;position: absolute;top: 10px;z-index: 1102;left: 20px;display: block;width:auto;border: 10px #FFF solid;box-shadow: 0 0 5px rgba(0,0,0, .7) inset;-moz-box-shadow: 0 0 5px rgba(0,0,0, .7) inset; color:#333;*/margin: 5px 0 0;}
.web .viewWebsite a {color:#26afe3}
.web #fancybox-content {margin: 24px 0 0 0;}

.cg {background:url("../images/web/th/cg2.png") center center no-repeat #FFF;}
.allaccess {background:url("../images/web/th/allaccess2.png") center center no-repeat #FFF;}
.usorienteers {background:url("../images/web/th/usorienteers2.png") center center no-repeat #FFF;}
.bd {background:url("../images/web/th/bd2.png") center center no-repeat #FFF;}
.mpc {background:url("../images/web/th/mpc2.png") center center no-repeat #FFF;}
.bracken {background:url("../images/web/th/bracken2.png") center center no-repeat #FFF;}
.terman {background:url("../images/web/th/terman2.png") center center no-repeat #FFF;}
.huedue {background:url("../images/web/th/huedue2.png") center center no-repeat #FFF;}

/*Contact*/
#contactFormArea {width: 315px;left: 140px;}
#sendContactEmail {float: right;background: dimGray;background: -webkit-linear-gradient(90deg, #535252, #636363);background: -moz-linear-gradient(90deg, #535252, #636363);border-radius: 4px;-moz-border-radius: 4px;border: 1px #333 solid;background:#636363;margin: 4px 14px 14px;padding: 6px 12px;cursor:pointer;box-shadow: 0px 0px 4px rgba(0,0,0,.5) inset;-moz-box-shadow: 0px 0px 4px rgba(0,0,0,.5) inset;}
#sendContactEmail:active {box-shadow: 0px 0px 5px rgba(0,0,0,.9) inset;-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.9) inset;}
#sendContactEmail:hover {background: -webkit-linear-gradient(90deg, #535252, dimGray);background: -moz-linear-gradient(90deg, #535252, dimGray);}
#selfCCLabel {float:left;}
#posRegard {display:none;}
/*#contactFormArea textarea:focus, #contactFormArea input:focus {border: 2px solid #900;}*/
#contactFormArea input#submit {width: 100px;float: right;}
#contactFormArea label {color: #282828;margin: 6px 0;display: block;text-shadow: 1px 1px #565555;font-weight: bold;}
#contactFormArea label.ccmyself {/*margin: 15px 0 0;*/}
#returned_value{font-family:verdana,arial;text-align:center;font-size:12px;color:#000000}
#go {border:1px solid #CCCCCC;background:#FFF}
#loadBar, #emailSuccess {position:absolute}
#loadBar {right: 110px;bottom: 20px;}
#emailSuccess {color:palegreen; font-weight:bold;bottom: 20px;right: 137px;}
.contact .currentPage {}

@media (min-width : 1001px) {
    #mid .media img {min-height: 391px;}
}

@media (min-width : 501px) and (max-width : 1000px) {
    body {font-size: large;/*min-width: 606px;*/}
    .menu-link {margin: 23px 0 0 5px!important;}
}
@media (max-width: 500px){
    body {font-size: medium;min-width: auto!important;}
}