*, html, body, div, span, a, p, form, h2, input, textarea, img {padding:0; margin:0; border:0; outline:0;}
body {height:100%; background:#121212 url(../imgs/pgbg.gif) repeat fixed; font:normal 11px Tahoma, Verdana, Arial; color:#666; behavior:url(http://www.dyzine.com/scripts/csshover2.htc)}
div.clear {clear:both; height:0; overflow:hidden;}
h2 {font:bold 17px Tahoma; color:#c00; margin:50px 0 0 0; letter-spacing:-0.25px;}
h3 {font:bold 14px Tahoma; color:#600; margin:15px 0 0 0;}
p {line-height:16px; margin:2px 0 0 0;}
a {color:#c00; text-decoration:none;}
a:hover {color:#000;}
form {height:300px; padding:0 0 100px 0;}

#left {position:absolute; top:0; float:left; width:40%; overflow:hidden; text-align:right; vertical-align:top;}
body>#left {position:fixed;}

#right {position:absolute; right:0; width:60%; margin:0 0 0 40%; background:#fff;}
#content {width:489px; padding:50px 0 0 50px;}

#portfolio {width:489px; height:140px; position:relative; overflow:hidden; left:0; top:0;}
#portfolio .contentdiv {width:489px; overflow:hidden; visibility:hidden; position:absolute; left:0; top:0; background:#fff; width:534px; height:100%;}
a.thumb {display:block; float:left; width:218px; height:123px; overflow:hidden; margin:0 45px 0 0; padding:1px; background:#fff; border:1px solid #ccc; font-size:11px; font-weight:bold;}
a.thumb:hover {border-color:#f00;}
a.thumb div.pad {width:212px; height:117px; padding:3px; margin:0 0 2px 0; overflow:hidden; background:#e8e8e8; }
a.thumb:hover div.pad {background:#c00;}
a.thumb div img {width:210px; height:115px; border:1px solid #fff;}
a.thumb div.view {position:absolute; width:212px; height:117px; margin:-121px 0 0 4px; background:url(../imgs/sprite.gif) no-repeat 0 0; z-index:1000; cursor:pointer; text-align:center;}

#paginate-portfolio {width:489px;}
a.prev, a.next {display:inline-block; float:left; width:43px; height:26px; overflow:hidden; background:url(../imgs/sprite.gif) no-repeat;}
a.prev {background-position:0 -120px;}
a.next {background-position:-169px -120px; float:right;}

a.abtmore {float:right; background:url(../imgs/sprite.gif) no-repeat right 5px; padding-right:22px; margin:0 15px 0 0;}
a.abtmore:hover {text-decoration:none; background-position:right -7px;}

div.input {width:233px; float:left; overflow:hidden; margin:10px 10px 0 0;}
div.textarea {margin:10px 0 0 0;}
input, textarea {width:221px; border:3px solid #dfdfdf; padding:3px; font:normal 11px Tahoma;}
input:focus, textarea:focus {border-color:#c00; background:#ffecec; color:#600;}
textarea {width:477px; height:100px; margin:0 0 1px 0;}
.submit {width:79px; height:23px; overflow:hidden; border:0; background:#fff url(../imgs/sprite.gif) no-repeat -67px -122px; cursor:pointer;}
.submit:hover {background-position: -67px -146px;}

div#fancy_overlay {position:absolute; top:0; left:0; z-index:90; width:100%; background-color:#333;}
div#fancy_loading {position:absolute; height:40px; width:40px; cursor:pointer; display:none; overflow:hidden; background:transparent; z-index:100;}
div#fancy_loading div {position:absolute; top:0; left:0; width:40px; height:480px; background:transparent url(../imgs/fancy_progress.png) no-repeat;}
div#fancy_close {position:absolute; top:-12px; right:-12px; height:30px; width:30px; background:transparent url(../imgs/fancy_closebox.png); cursor:pointer; z-index:100; display:none;}
div#fancy_content {position:absolute; top:0; left:0; width:100%; height:100%; padding:0; margin:0; z-index:96;}
#fancy_frame {position:relative; width:100%; height:100%; display:none;}
img#fancy_img {position:absolute; top:0; left:0; width:100%; height:100%; border:0; padding:0; margin:0; z-index:92;}
div#fancy_title {position:absolute; bottom:-35px; left:0; width:100%; z-index:100; display:none;}
div#fancy_title table {margin:0 auto;}
div#fancy_title div {color:#fff; font:bold 12px Arial; padding-bottom:2px;}
td#fancy_title_left {height:32px; width:15px; background:transparent url(../imgs/fancy_title_left.png) repeat-x;}
td#fancy_title_main {height:32px; background:transparent url(../imgs/fancy_title_main.png) repeat-x;}
td#fancy_title_right {height:32px; width:15px; background:transparent url(../imgs/fancy_title_right.png) repeat-x;}
div#fancy_outer {position:absolute; top:0; left:0; z-index:90; padding:18px 18px 58px 18px; margin:0; overflow:hidden; background:transparent; display:none;}
div#fancy_inner {position:relative; width:100%; height:100%; border:1px solid #444; background:#fff;}
a#fancy_left, a#fancy_right {position:absolute; bottom:10px; height:100%; width:35%; cursor:pointer; background-image:url(data:image/gif;base64,AAAA); z-index:100;}
a#fancy_left {left:0px;}
a#fancy_right {right:0px;}
a#fancy_left:hover {background:transparent url(../imgs/fancy_left.gif) no-repeat 0% 100%;}
a#fancy_right:hover {background:transparent url(../imgs/fancy_right.gif) no-repeat 100% 100%;}
#fancy_bigIframe, #fancy_freeIframe {position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;}
div#fancy_bg {display:none;}
div.fancy_bg {position:absolute; display:block; z-index:70;}
div.fancy_bg_n {top:-18px; width:100%; height:18px; background:transparent url(../imgs/fancy_shadow_n.png) repeat-x;}
div.fancy_bg_ne {top:-18px; right:-13px; width:13px; height:18px; background:transparent url(../imgs/fancy_shadow_ne.png) no-repeat;}
div.fancy_bg_e {right:-13px; height:100%; width:13px; background:transparent url(../imgs/fancy_shadow_e.png) repeat-y;}
div.fancy_bg_se {bottom:-18px; right:-13px; width:13px; height:18px; background:transparent url(../imgs/fancy_shadow_se.png) no-repeat;}
div.fancy_bg_s {bottom:-18px; width:100%; height:18px; background:transparent url(../imgs/fancy_shadow_s.png) repeat-x;}
div.fancy_bg_sw {bottom:-18px; left:-13px; width:13px; height:18px; background:transparent url(../imgs/fancy_shadow_sw.png) no-repeat;}
div.fancy_bg_w {left:-13px; height:100%; width:13px; background:transparent url(../imgs/fancy_shadow_w.png) repeat-y;}
div.fancy_bg_nw {top:-18px; left:-13px; width:13px; height:18px; background:transparent url(../imgs/fancy_shadow_nw.png) no-repeat;}

#screenmain {background:#fff; width:525px; height:425px; padding:3px;}
#screenshot {clear:both; width:510px; height:271px; overflow:hidden; margin:7px 0 0 7px;}
#screenshot img {width:508px; height:269px; margin:0 0 20px 0; border:1px solid #cecece;}
#screentxt {height:93px; overflow:hidden; padding:10px 7px; vertical-align:top;}
#screentxt h2 {margin:0;}
#screentxt p.tech {color:#c00; margin:10px 0;}
a.portlink {font:bold 16px Arial; letter-spacing:-0.75px; color:#999;}
a.portlink:hover {color:#000;}