* {
    margin: 0;
    padding: 0;
}

html {
   font-family: Helvetica, Arial, Verdana, sans-serif;
   background: url("../images/categories_header.png") no-repeat scroll left top #333;
}

div#content {
    min-width: 1150px;
}

div#header h1 {
    display:none;
}

ul {
    list-style: none;
}

ul#navigation li {
    display:block;
    float:left;
}

ul#navigation li a {
    text-indent: -9000px;
    overflow: hidden;
    outline: none;
    display:block;
    
}

ul#navigation li a:hover {
    background-position: top left !important;
}

ul#navigation li#home a {
   width:57px;
   height: 25px;
   background: url('../images/nav2_home.png') bottom left;
}

ul#navigation li#home {
    margin-top: 131px;
}

ul#navigation li#contact {
    margin-left: 17px;
    margin-top: 1px;
}

ul#navigation li#contact a {
   width: 87px;
   height: 29px;
   background: url('../images/nav2_contact.png') bottom left;
}

ul#navigation li#portfolio a {
   width: 174px;
   height: 61px;
   background: url('../images/nav2_portfolio.png') bottom left;
}

ul#navigation li#portfolio {
    margin-top: 18px;
    margin-left: 613px;
}


ul#navigation li#details a {
   width: 138px;
   height: 49px;
   background: url('../images/nav2_details.png') bottom left;
}

ul#navigation li#details {
    margin-left: 24px;
}


div#portfolio {
    width:850px;
    height: 615px;
    top: 100px;
    left: 150px;
    position: absolute;
    margin-bottom: 20px;
}

/* TABS */

.panel {
    clear: both;
    padding: 16px 12px 20px 0px;
    height: 540px;
    background: #626060 url('../images/scrollbg.png') repeat-y right top;
}

.panel.active-tab-body {
	display: block;
}

#portfolio_tabs {
	height: 35px;
	list-style: none;
}

#portfolio_tabs li {
	float: left;
}

#portfolio_tabs a {
    padding: 0 10px;
	float: left;
	margin-right: 1px;
        line-height: 35px;
	background-color: #4c4c4c;
	text-decoration: none;
	color: #7e7d7e;
        text-transform: lowercase;
        outline: none;
        height: 35px;
        text-align: left;
        width: 142px;
}

#portfolio_tabs a.active-tab {
	background-color: #626060;
	color: #FFF;
}


.scrolltrack {
        float: right;
        width: 12px;
        height: 545px;
        margin-left: 10px;
        background-color: #4c4c4c;
}

.scrollhandle {
        width: 12px;
        height: 175px;
        background-color: #999999;
        cursor: pointer;
}

.scrollable {
height:547px;
overflow:hidden
}

.portfolio_items li {
    width: 175px;
    height: 175px;
    background: #999999;
    display:block;
    overflow: hidden;
    margin-bottom: 20px;
    margin-left: 22px;
    float:left;

}


div#footer {
    clear:both;
    margin-left: 150px;
    color: #CCC;
    padding-top: 600px;
    padding-bottom: 40px;
}


div#footer ul li a {
    color: #fcba63;
    text-decoration: none;
    font-size: 12px;
}
div#footer ul li {
    float:left;
    margin-right: 20px;
}

div#footer ul {
    height: 20px;
    padding-bottom: 10px;
}