body,html { margin:0; padding:0; background:#fff url('img/back.gif') 450px 0; overflow-x:hidden; }
body { font:0.8em Georgia; color:#333; line-height:1.2; }
p,h1,h2,h3,ul,li,td { margin:0; padding:0; }
img,table,td { border:0; }
table td { border-collapse:collapse; vertical-align:top; }
a { color:#15acff; }
* HTML .png { cursor:pointer; filter: expression( "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='" + this .firstChild.src + "', sizingMethod='image')" ); background: expression( "transparent url(" + this .firstChild.src. replace ( ".png" , ".gif" ) + ") no-repeat" ); backgr\ound: none !important;  width: expression( this .firstChild.width ); }
* HTML .png img {  behavior: expression( this .style.visibility = "hidden" ); }

h1 { font:2.4em Arial; font-weight:normal; color:#272727; position:absolute; top:71px; left:41px; }
h2 { font:110% Georgia; font-weight:normal; color:#000; letter-spacing:-0.01em; line-height: 22px; }
h2 b { font-size:140%; letter-spacing:-0.01em; font-weight:normal; }
h3 { color:#0c0c0c; font:160% Georgia; }

#container { margin:0 auto; width:100%; background:url('img/footerbarahlo.png') no-repeat center bottom; }
#main { margin: 0 auto; width:980px; position:relative; }
#header { height:650px; position:relative; }
#footer { height:302px; }

#mail { width:178px; height:15px; position:absolute; top:111px; left:39px; }
#mail img { width:95px; height:14px; }
#sloganDevelopment { position:absolute; top:152px; left:89px; }
#sloganCreation { position:absolute; top:296px; left:241px; }
#sloganCreation h2 { font-size:100%!important; line-height: 16px; }
#sloganCreation h2 b { font-size:170%!important; line-height: 23px; }
#sloganSolutions { position:absolute; top:87px; left:689px; }
#sloganSolutions h2 { font-size:95%!important; line-height: 13px; margin-bottom:6px; }
#sloganSolutions h2 b { font-size:180%!important; line-height: 19px; }
#sloganProduct { position:absolute; top:496px; left:9px; }
#sloganProduct h2 { font-size:95%!important; line-height: 16px; }
#sloganProduct h2 b { font-size:180%!important; line-height: 19px; }
#sloganManagement { position:absolute; top:448px; left:490px; }
#sloganManagement h2 { font-size:95%!important; line-height: 18px; }
#sloganManagement h2 b { font-size:175%!important; line-height: 21px; }
#resume { position:absolute; top:583px; left:338px; }
#resume a { font-size:130%; color:#4fc1ff; }

#treemoon { position:absolute; top:7px; left:409px; width:207px; height:263px; background:url(/img/treemoon.png) no-repeat 0 0; }
* html #treemoon { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/treemoon.png, sizingMethod=scale); }
#ladyheart { position:absolute; top:268px; left:36px; width:170px; height:194px; background:url(/img/ladyheart.png) no-repeat 0 0; }
* html #ladyheart { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/ladyheart.png, sizingMethod=scale); }
#showreel { position:absolute; top:266px; left:595px; }
#showreel img { width:311px; height:123px; }
#reel { position:absolute; top:364px; left:838px; }
#reel img { width:50px; height:14px; }

#links { height:100px; }
#links a { font:160% Arial; color:#15acff; float:left; border-bottom:1px dashed #15acff; text-decoration:none; margin:1em 1.4em 0 2.1em; }

#projects { height:450px; }
#projects h3 { display:block; height:37px; padding:14px 0 0 40px; }
#projectsShow { width:900px; height:400px; margin-left:40px; position:relative; }
#projectsShow .row { clear:both; }
#projectsShow .item { float:left; font-size:1px; width:225px; height:126px; }
#projectsShow .item img { width:224px; height:124px; }
#projectsShow .jItem { width:224px; height:124px; position:absolute; z-index:10; }
#projectsShow .binded { cursor:pointer; }
#projectsShow #desc { position:absolute; z-index:10; background:#000; color:#fff; padding:3px 4px 6px 4px; }
#projectsShow #desc b { display:block; font-weight:normal; font:1.3em Tahoma; }
#projectsShow #desc i { display:block; font-size:0.8em;  }

#projectNav { z-index:1000; position:absolute; width:224px; }
#projectNav b { font:140% Arial; display:block; margin:0 0 0.15em 0; }
#projectNav i { font:90% Georgia; display:block; font-style:italic; }
#projectsShow .arrowControl { z-index:1000; position:absolute; }
#projectsShow .arrowControl img { cursor:pointer; }

#clients { height:300px; padding:0 0 0 40px; }
#clients h3 { padding-bottom:8px; }
#clients h3 b { font-weight:normal; position:relative; top:-5px; left:0; color:#999; }
#clientsList { list-style:none; padding-left:3px; }
#clientsList li { float:left; font:85% Georgia; font-style:italic; color:#0c0c0c; width:150px; margin-bottom:1px; }

#footer { padding:0 0 0 40px; }
#copy { font:90% Georgia; color:#272727; margin-bottom:40px; position:relative; }
#copy i { font:100% Arial; position:absolute; top:1px; left:-22px; }
#copy img { width:92px; height:13px; position:relative; top:3px; left:0px; }
#undercut { font:85% Georgia; color:#747474; margin-bottom:24px; }
#undercut p { margin-bottom:0.95em; }
#firemade { font:85% Georgia; color:#747474; background:url('/img/fire.png') no-repeat 0 0; padding:4px 0 0 34px; position:relative; top:0; left:-34px; line-height:1.2em; }

#pins { position:absolute; }
#pins div { position:absolute; z-index:100; }
#motoman { position:absolute; z-index:100; top:0; left:276px; }
#motoman img { width:39px; height:43px; }

#modalPage
{
    display:none;
    position:fixed;
    left: 0; top: 0; width: 100%; height: 100%; z-index:2000;
}
.modalBackground { position:absolute; z-index:2000; top:0px; left:0px; background-color:#000; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; width:100%; height:100%; }
.modalContainer { position:absolute; width:779px; height:530px; left:50%; top:50%; z-index:2000; margin-left:-390px; margin-top:-265px; }
.modalContainer .c { background:url(/img/modal-shadow-t.png) top no-repeat; padding:42px 0 0 0; }
.modalContainer .c .c { background:url(/img/modal-shadow-b.png) bottom no-repeat; padding:0 0 38px 0; }
.modalContainer .c .c .c { background:url(/img/modal-shadow-l.png) left no-repeat; padding:0 0 0 42px; }
.modalContainer .c .c .c .c { background:url(/img/modal-shadow-r.png) right no-repeat; padding:0 38px 0 0; }
.panel { position:relative; background:#000; width:603px; height:350px; padding:30px 48px 80px 48px; }
#close { position:absolute; top:-7px; left:-6px; cursor:pointer; }
#close img { width:24px; height:24px; }