* {margin:0; padding:0;}

body 
{
color:#fff; 
font-size:100%; 
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
overflow-x:hidden;
background-image: url(../images/bg-body.jpg);
background-color: #12427c;
background-repeat: repeat-x;
}


a {text-decoration:none;}

#grid 
{
background:url(../images/grid.png);
}

#container 
{
position:relative; 
z-index:1; 
background:url(../images/bg_cont_recent.png) 0 1450px repeat;
width:1280px; 
margin:0 auto;
}

.browser 
{
background-image:url(../images/browser.png);
position:absolute;
width:1176px;
height:694px;
left: 40px
}

#header {width:980px; margin: 0 auto; text-align:center;}
#header h1 {text-indent:-9999em;}
#header ul {padding-top:70px; width:100%; margin:0 auto;}
#header li {float:left; display:block; width:320px; text-align:center;}
#header li a {text-align:center; font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace; font-size:60px; color:#b8c4d1; text-transform:lowercase;}
#header li a:hover, #header li a#nav-portfolio {color:#fff;}
#body {clear:left; width:980px; margin: 0 auto;}

.holder {/*background-color: #996600; */height:440px; overflow:hidden;}

#recent {float:left; padding:35px 0 0 15px; position:relative; background-image:-moz-radial-gradient(center 90deg, circle closest-side, rgba(55,220,215,0.3) 20%, transparent 100%);}
#recent .mainscroll {float:left; position:relative; overflow:hidden; width:530px; height:400px; background:url(../images/frame-lrg.png) 0 0 no-repeat;}
#recent .scrollable {float:left; position:relative; overflow:hidden; width:480px; height:360px; margin:21px 0 0 24px;}
.scrollable .items {width:20000em; position:absolute;}
.items div {float:left;}
.navi {position:absolute; top:410px; left:70px;}
.navi a {float:left; display:block; margin:0 30px 0 0; background:url(../images/paging.png) 0 0 no-repeat; width:28px; height:35px; padding:13px 0 0 16px; font-size:16px; font-family:Arial; color:#c5d5ec;}
.navi a.active {background-image:url(../images/paging_on.png); color:#22578f;}
.recent-text {float:right; width:360px; margin:0 0 0 40px;}
.recent-text h2, .recent-text h3 {font-size:50px; font-weight:normal; text-transform:lowercase;}
.recent-text h2 {margin:0 0 5px 0;}
.recent-text h3 {font-size:40px;}
.recent-text p {margin:20px 30px 40px 0; font-size:16px; line-height:22px; color:#C5D5EC;}

#other {clear:both; padding:20px 10px 0 10px;}
#other h2 {font-size:50px; padding:0 20px 10px;}

.work {width:300px; /*min-height:485px;*/ padding: 0 5px 0 10px; float:left;}
.sml-frame {background:url(../images/frame-sml.png) 0 0 no-repeat; width:306px; height:228px; position:relative;}
.sml-frame img {position:absolute; top:37px; left:25px;}
.work h3, .work p {padding:0 20px 0 30px;}
.work h3 {font-size:30px; font-weight:normal; text-transform:lowercase; padding-bottom:6px;}
.work p {font-size:14px; color: #c5d5ec; line-height:18px; min-height:120px; max-height:150px; overflow:hidden;}
a.view {float:right; display:block; width:173px; height:62px; text-indent:-9999em; background:url(../images/bg-view.png) 0 0 no-repeat;}
a.view:hover {background:url(../images/bg-view-hover.png);}
#recent a.view {margin:-25px 25px 0 0;}

#exposeMask {background:url(../images/grid.png) fixed 0 0 repeat;}

#overlay {display:none; z-index:10000; background:transparent url(../images/overlay_border.png) left top no-repeat; padding:80px; color:#1A5282; min-height:671px; width:751px;}
/* close button positioned on upper right corner */
#overlay .close {background-image:url(../images/close-about.gif); position:absolute; right:85px; bottom:232px; z-index:8; cursor:pointer; width:19px; height:19px; 	text-indent:-9999em;}
#overlay .close:hover {background-image:url(../images/close_over.png);}
/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {overflow:hidden; border:5px solid #fff; width:751px;}
.workdetail {margin:0 auto; width:751px;}
.workdetail-info {position:relative; background:#fff; color:#1a5282; padding:10px;}
.workdetail h2 {font-size:30px; width:80%; text-transform:lowercase;}
#overlayscroll {overflow:hidden;}
.workdetail .scrollable {float:left; position:relative; overflow:hidden;  width:760px; height:471px;}
.workdetail .scrollable .items div {width:760px;}
.workdetail .next {position:absolute; bottom:60%; right:-40px; z-index:99; width:24px; height:37px; background:url(../images/overlay_next.png) 0 0 no-repeat; cursor:pointer;}
.workdetail .prev {position:absolute; bottom:60%; left:-40px; z-index:99; width:24px; height:37px; background:url(../images/overlay_previous.png) 0 0 no-repeat; cursor:pointer;}
.workdetail .prev:hover {background-image:url(../images/overlay_previous_off.png);} 
.workdetail .next:hover {background-image:url(../images/overlay_next_off.png);}



.downloads{position:absolute; top:10px; right:45px;}
.downloads li {float:left; display:block; margin:0 5px;}
.downloads li a{text-indent:-9999em; float:left; display:block; width:75px; height:58px;}
.pdf {background:url(../images/pdf.gif) 0 0 no-repeat;}
.word {background:url(../images/word.gif) 0 0 no-repeat;}
#overlay.nav-about .close, #overlay.nav-contact .close {right:75px; bottom:200px; z-index:5;}
#overlay.nav-contact .close {top:105px; right:85px;}

#overlay.nav-contact p {padding-bottom:10px;}
#overlay form {background:#1A5282; padding:10px;}
.wrap { position: relative; float: left; margin:5px;}
label.over-apply { color: #ccc; position: absolute; top: 8px; left: 5px; color:#5683ab;}
input[type="text"], textarea {font:normal 14px Georgia;}
input[type="text"] {width:285px; padding:10px; border:0; color:#1D5A8F;}
input#contact-subject {width:600px;}
textarea {clear:both; width:598px; height:155px; padding:10px; color:#1D5A8F;}
input[type="submit"] {cursor:pointer; background:url(../images/send.gif) 0 0 no-repeat; width:139px; height:64px; text-indent:-9999em; border:0;}
#response {display:none; width:90%; color:#444; background:rgba(255,255,255,1); border:1px solid #fcefa1; font-size:12px;}

#footer {background:url(../images/footer.jpg) 5px 6px no-repeat; 
height:150px; 
width:790px;}