h2.pagetitle {
margin:0;
padding:0
}

h2.pagetitle span.name {
color:#666;
font-size:21px;
line-height:30px
}

#columns-container,#columns-header-container {
width:886px;
float:left
}

#columns-container {
margin-top:11px
}

#column-left,#column-header-left {
width:586px;
float:left
}

#column-right,#column-header-right {
width:297px;
float:left
}

#column-right-border {
float:left;
margin-left:27px;
border-left:1px solid #bcb7b2
}

#column-right-pad {
float:left;
padding-left:32px
}

#thumb-container {
float:left;
margin-top:5px;
background-color:#222
}

ul.work-thumbs {
list-style:none;
float:left;
margin:0;
padding:5px 5px 5px 0
}

ul.work-thumbs li {
float:left;
border:1px solid #000;
margin-left:5px
}

ul.work-thumbs li.first {
margin-left:0;
border:1px solid
}

ul.work-thumbs li a,ul.work-thumbs li a:link,ul.work-thumbs li a:visited,ul.work-thumbs li a:active {
float:left;
display:block;
width:74px;
height:70px;
background-position:0 0;
background-repeat:no-repeat;
text-decoration:none;
text-indent:-9999px
}

ul.work-thumbs li a:hover {
background-position:0 -70px
}

ul.work-thumbs li a.activeSlide {
background-color:#000;
background-position:0 -70px
}

ul.work-thumbs li.empty-box {
float:left;
border:1px dashed #CDCDCD;
width:100px;
height:70px;
background-color:#f1f1f1;
margin:0 16px 16px 0;
padding:10px
}

#work-text {
clear:left;
float:left;
width:586px;
margin:30px 0
}

#work-text h3 {
font-size:16px;
color:#000;
font-weight:700
}

#work-text p {
font-size:12px;
line-height:2 4px;
margin:5px 0
}

#work-text p.top {
padding:40px 0 15px
}

#prev-next-container {
position:relative
}

ul#prev-next {
list-style:none;
float:right;
margin:0;
padding:0
}

ul#prev-next li#work-prev a.menu,ul#prev-next li#work-next a.menu {
text-indent:-9999px;
text-decoration:none
}

ul#prev-next li.mainmenu,ul#prev-next li.mainmenu a.menu {
display:block;
float:left;
margin:0
}

ul#prev-next li#work-prev,ul#prev-next li#work-next {
margin-left:11px;
line-height:27px
}

ul#prev-next li#work-prev a.menu {
width:89px;
background:url(/images/btn_previous.gif) transparent 0 0 no-repeat
}

ul#prev-next li#work-next a.menu {
width:60px;
background:url(/images/btn_next.gif) transparent 0 0 no-repeat
}

ul#prev-next li#work-all {
background:none;
line-height:29px
}

ul#prev-next li#work-all a.menu {
width:67px;
text-align:center
}

ul#prev-next li#work-all a.menu:hover,ul#prev-next li#work-all a.on {
width:67px;
background:url(/images/btn_all_work_tab.gif) transparent 0 0 no-repeat;
text-decoration:none
}

#flyout {
position:absolute;
width:238px;
background-color:#222;
top:29px;
left:59px
}

.flyout-off {
display:none
}

ul#flyout-list {
float:left;
list-style:none;
color:#fff;
margin:20px;
padding:0
}

ul#flyout-list li {
width:170px;
font-size:12px;
line-height:16px;
margin:0;
padding:0 0 8px
}

ul#flyout-list li a {
text-decoration:none;
width:170px;
font-size:12px;
line-height:16px;
display:block;
padding-left:25px;
padding-bottom:1px;
padding-top:1px
}

ul#flyout-list li a:visited {
color:#C90
}

ul#flyout-list li a.work-on {
color:#fff
}

ul#flyout-list li a:hover {
color:#fff;
width:170px;
font-size:12px;
line-height:16px
}

#visit-site {
padding-top:20px;
float:left
}

#technologies {
padding-top:25px;
float:left
}

#technologies-visit {
width:235px;
padding-top:20px;
float:left
}

#footer {
float:left;
width:980px;
background:none;
background-color:#0D0C0C;
margin:0;
padding:30px 0
}

#footer-work {
clear:left;
float:left;
background:url(/images/work_footer_bg.gif) #2e2e2e 0 0 repeat-y;
width:982px;
padding:0
}

#footer-work-margin {
float:left;
border-top:5px solid #fdba31;
width:960px;
margin:0 0 0 11px
}

#footer-work-pad {
float:left;
padding:0 0 30px 38px
}

#footer-work-bg {
clear:both;
float:left;
width:982px;
background:url(/images/work_footer_cap.gif) transparent 0 100% no-repeat;
margin:0;
padding:0
}

#footer-work-pad #explore {
float:left;
color:#fff;
font:italic bold 14px/14px 'Trebuchet MS';
margin:20px 0
}

#work-list-container {
clear:left;
float:left;
width:900px
}

.work-list-column {
float:left;
width:215px
}

ul.work-list {
list-style:none;
color:#000;
margin:0 0 20px;
padding:0
}

ul.work-list li {
width:175px;
font-size:12px;
line-height:16px;
background:url(/images/bullet_white.gif) transparent 6px 11px no-repeat;
margin:0;
padding:6px 0 0 18px
}

ul.work-list li a:visited {
text-decoration:none;
color:#C90
}

ul.work-list li a:hover {
text-decoration:none;
color:#fff
}

#screenshots-border {
width:586px;
float:left;
background:#222
}

#screenshots-box {
width:576px;
float:left;
position:relative;
margin:5px
}

#screenshots-box #buttons {
float:left
}

#screenshots-box #btn-prev a,#screenshots-box #btn-next a {
width:35px;
height:47px;
position:absolute;
top:245px;
text-indent:-9999px;
z-index:100
}

#screenshots-box #btn-prev a {
left:0;
background:url(/images/arrow_l.png) transparent 0 0 no-repeat
}

#screenshots-box #btn-next a {
right:0;
background:url(/images/arrow_r.png) transparent 0 0 no-repeat
}

#screenshots-box #btn-prev a:hover,#screenshots-box #btn-next a:hover {
background-position:0 100%
}

ul#work-list li a,ul.work-list li a {
text-decoration:none
}

.flyout-on,#screenshots-box #buttons.on {
display:block
}

#testimonials,#awards {
padding-top:30px;
float:left
}