@import url("reset.css");
@import url("fontFace.css");

*{-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
a{text-decoration:none;color:#000000;}
a:hover{text-decoration:none;}
html,body {height: 100%;font-family: americantypewriterstd-med, Arial, 'Microsoft JhengHei', sans-serif, simsun;font-size:12px;}
html{overflow-y: scroll;}
dl dt, dl dd {float:left;}
dt, dd{display:block;}
dt:after{clear:left;}
img{vertical-align: middle;}
input[type=text] {width: 250px;font-family: Arial, 'Microsoft JhengHei', sans-serif, simsun;font-size:12px;}
input[type=password] {width: 250px;font-family: Arial, 'Microsoft JhengHei', sans-serif, simsun;font-size:12px;}
textarea {font-family: Arial, 'Microsoft JhengHei', sans-serif, simsun;font-size:12px;}
select, select option {font-family: Arial, 'Microsoft JhengHei', sans-serif, simsun;font-size:12px;}

.aLeft{text-align:left;}
.aRight{text-align:right;}
.aCenter{text-align:center;}
.clear{clear:both;}
.clearLine{clear:both !important;height:0 !important;padding:0 !important;margin:0 !important;}

/*clearfix*/
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
/*clearfix eof*/

.floatDiv{position:absolute;}
.floatLeft{float:left;}
.floatRight{float:right;}
.iframeContent {width: 100%;border: 0px;scrolling: no;}
.container{position:relative;}
.ulList li{list-style-type:none;float:left;}
.ulListVertical li{list-style-type:none;}

.upperText{text-transform:uppercase;}
.lowerText{text-transform:lowercase;}

/*custom*/
body{min-width:1000px;}
#header{height:115px;width:100%;position:fixed;top:0;background-color:#ffffff;z-index:9999;}
#logo{padding:0 0 0 20px;}
#logo span{line-height:20px;font-size:15px;font-family:Georgia;}
#menu{padding-top:30px;}
#menu ul{border-bottom:solid 5px #000000;}
#menu ul li{font-size:15px;line-height:22px;padding-right:15px;}
#menu ul li a.selected{font-weight:bold;}
#menu div{font-size:40px;padding:12px 15px 0 0;letter-spacing:-9px;display:none;}
#menu div a span.first, #menu div a span.second{font-size:18px;font-family: americantypewriterstd-bold;}

#about{padding:250px 0;overflow:hidden;}
#about div{text-align:center;}

#portfolio{padding:400px 0;height:117px;overflow:hidden;background-color:black;}
#portfolio div{text-align:center;}

#web{background-color:#ecedee;}
#web, #print{padding:115px 0;}
#web ul, #print ul{width:990px;display:block;margin:0 auto;padding:10px 0;}
#web ul li, #print ul li{height: 220px;padding-right: 10px;position: relative;width: 320px;}
#web ul li h3, #print ul li h3{padding-right:8px;font-family:Georgia;font-size:12px;font-weight:400;margin-bottom: -3px;position: absolute;right: 8px;text-align: right;z-index: 10;background:url(../images/portfolioTitleBorder.png) right 3px no-repeat;}
#web ul li img, #print ul li img{border:1px solid #bcbcbc;position: absolute;top: 10px;z-index: 0;}

#contact{padding:250px 0 400px 0;overflow:hidden;font-family:Georgia;font-size:24px;}
#contact div{text-align:center;}
#contactItem1{padding-left:220px;}
#contactItem2{padding-right:390px;}
#contactItem3{padding-left:390px;line-height:70px;}
#contactItem4{background-color:#FFC20E;height:100%;width:100%;margin-top:-250px;padding-bottom:250px;}


#footer{height:96px;width:100%;position:fixed;bottom:0;}

.fancybox-lock .fancybox-overlay {overflow:hidden !important;}
.fancybox-title{font-size:21px !important;color:#000000 !important;font-family:Georgia !important;text-align:right;font-weight:bold;margin-bottom:-2px;padding-right:35px;}
.fancybox-title-outside-wrap{margin-top:25px;}
.fancybox-close{right:-6px;top:-30px;width:44px;z-index:8060;}
/*custom*/