@font-face { font-family: CenturyGo; src: url('../inc/CenturyGothic.ttf'); } 
@font-face { font-family: CenturyGo; font-weight: bold; src: url('../inc/CenturyGothicBold.ttf'); }
@font-face { font-family: CenturyGoB; src: url('../inc/CenturyGothic.ttf'); } 
@font-face { font-family: CenturyGoB; font-weight: bold; src: url('../inc/CenturyGothicBold.ttf'); }
/* CSS Document */

body, html, index{width:1488px; height:2800px;margin:0 auto;font-family:"CenturyGo",Arial, sans-serif;font-size:12px;color:#333;width: 100%;line-height:13px;text-align:center; -webkit-transform:scale(scaleX [, scaleY]); background:url(../images/bckgrd_hs.jpg) top no-repeat #555;}
a{cursor:pointer;color:#333;}
img{border:0;}
.logo_img{position: absolute;margin:25px 0px 0px -25px;display:block;z-index:3000;}

/* ---- nav display css ---- */
nav a:link, nav a:visited{padding:10px;font-size:24px;color: #9a9a9a;font-family:"CenturyGoB",Arial, Helvetica, sans-serif;font-weight:bold;text-shadow: 0px 1px 2px #222, 0px -1px 2px #fff;text-transform:uppercase;text-decoration:none;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease-out;-moz-border-radius: 5px; -webkit-border-radius: 5px;-moz-box-shadow: 0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;background: -moz-linear-gradient(center top, #dadada 0%,#333 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dadada),color-stop(.6, #333));}
nav a:hover {color: #555;font-family:"CenturyGoB",Arial, Helvetica, sans-serif;font-weight:bold;text-shadow: 0px -1px 2px #222, 0px 1px 2px #fff;text-transform:uppercase;text-decoration:none;background-color:#999;-moz-border-radius: 5px; -webkit-border-radius: 5px;-moz-box-shadow: 0px 0px 10px #fdf8ea;-webkit-box-shadow:0px 0px 10px #fdf8ea;margin:10px 7px 0px 7px;padding:15px 10px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease-out; background: -moz-linear-gradient(center top, #333 0%,#dadada 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333),color-stop(.6, #dadada));}

/* ---- shell display css ---- */
#shell{margin:0 auto;width:960px;}
#flashheader{/*background:url(../images/main_mat.png) top no-repeat;*/ width:1071px;height:714px;display:block;margin: -15px 0px 65px 0px; }
#container{width:960px; position:absolute;}
#slot1 {margin:0px 0px 155px 0px; height:600px;}
#slot3{width:650px;text-align:left;}
#slot3 img{margin:-5px 5px;float: left;}
a.gry333{display:block;height:30px;}
#slot4{text-align:left; position:static; font-size:11px;margin:5px 20px;padding:5px;}

/* ---- text display css ---- */
h1{font-family:"CenturyGoB",Arial, Helvetica, sans-serif;font-size:20px;font-weight:bold;text-shadow: 0px -1px 0px #b4aa8a;color:#fdf0c7;text-transform:uppercase;}
h2{font-family:"CenturyGo",Arial, Helvetica, sans-serif;font-size:14px;text-shadow: 0px 1px 0px #fdf4d7;color:#b4aa8a;text-transform:uppercase;}
/* ---- end text display css ---- */

/* ------- twitter css -------*/
.twitters{font-size:11px; font-family:"CenturyGo",Arial, Helvetica, sans-serif !important ;width:410px;float:left;font-size:11px;margin:50px 20px; height:250px; -webkit-transform: rotate(8deg);-moz-transform: rotate(8deg);}
.twitters a{color:#333; text-decoration:none;text-transform:uppercase;}
.twitters ul {list-style: none; padding:0px; white-space: wrap; width:400px;}
.twitters span.prefix { font-weight: bold;}
#abTweets1{overflow:hidden;}
a:link #abTweets1{font-size:11px; font-family:"CenturyGo",Arial, Helvetica, sans-serif !important ;}
/* ------- end twitter css -------*/


.work_container{margin:10px 10px 10px 12px;text-align:left; width:190px;float:left;padding:5px;height:225px;font-size:11px;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.mytop1{position:fixed;right:0;bottom:25px;width:50px;display:block;text-transform: uppercase;text-decoration:none;font-weight:bold;padding:5px;background-color:#990000;color:#ccc;}



#lightbox{background-color:#eee;	padding: 10px;	-moz-box-shadow: 0px 0px 75px #fff;-webkit-box-shadow:0px 0px 75px #fff;	-moz-border-radius: 5px; -webkit-border-radius: 5px;	}
#lightboxDetails, #lightboxDetails a:link{font-size: 10px;padding-top: 5px; color:#333; text-decoration:none;}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{ background-image: url(../images/overlay.png); }
* html #overlay{background-color: #333;	back\ground-color: transparent;	background-image: url(blank.gif);	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");	}
.bclogo{position:absolute;	margin-left:1000px;	top: 35px;	z-index:4000; display:none;}


a.pic_frame img{width:100px; height:100px;background:#FFFFFF;padding:5px 5px 20px 5px;-moz-box-shadow: 3px 3px 3px #666;-webkit-box-shadow: 3px 3px 3px #666;box-shadow: 3px 3px 3px #666;-webkit-transform: rotate(-5deg);-moz-transform: rotate(-5deg);border:none;width:100px;-webkit-transition-duration: 0.6s;-webkit-transition-timing-function: ease-out;margin:.8em; }
a:hover.pic_frame img{-webkit-transform: rotate(10deg);-moz-transform: rotate(10deg);-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease-out;-webkit-transform: scale(1.5,1.5);margin:1.8em;}
a:visited.pic_frame img{-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease-out;}
.left_container{float:left;width:465px;}
.right_container{float:right;width:600px;}
.block100{width:75px;display:block;float:left;}
.work_container img{float:left; margin:5px;}