html {
	overflow: auto;
}

body {
	font-size:12px;
    font-family:ff-din-web,sans-serif;	
    font-style:normal;
    font-weight:300;
}

td {
	font-size: 12px;
    font-family:ff-din-web,sans-serif;  
    font-style:normal;
    font-weight:300;
}

a {
    color:#000;	
    text-decoration: none;
}

a:hover {
	color:#F5D837;
}	

b {
    font-weight:bold;	
}	

table {
	width: 100%;
}

h2 {
    font-family: futura-pt,sans-serif;
    font-style: normal;
    font-weight: 700;   
	text-transform: uppercase;    
    font-size:13px;	
    letter-spacing: 0.2em;    
}

h3 {
    font-family: futura-pt,sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2em;       	
	font-size: 13px;
}

h4 {
    font-size:20px;
    line-height: 1.3em;
}

.divider-container-doubleborder {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top:1px solid #000;
    border-bottom:1px solid #000;         	
}	

.divider-container-nopadding {
	border-top:1px solid #DFDFDF;
/*    background: url("../image/dots.gif") repeat-x scroll 0 top #FFFFFF;*/ 	
}	

.divider-container-noborder {
    padding-top: 10px;
    padding-bottom: 10px;    
}	

.divider-container {
    border-top:1px solid #DFDFDF;	
/*    background: url("../image/dots.gif") repeat-x scroll 0 top #FFFFFF;*/	
	padding-top: 10px;
	padding-bottom: 10px;
}

.divider-container-featured-description {
	margin-top:10px;
	border-top:1px solid #000;
	padding-top:7px;
}

#full-page-container {
	overflow: auto;
}

.col2 {
	width: 940px;
	padding-right: 20px;
	vertical-align: top;
}

.col3 {
	width: 220px;
	vertical-align: top;
}

.main-content-container {
	margin: 0px auto;
	padding-left: 70px;
	padding-right: 70px;
	width: 1180px;
	padding-top: 115px;
}

.projects, .news, .services, .about-us, .contact, .clients, .process, .careers {
    margin-top:1000px;	
}

#main_content_container {

}

#scroller {

}

/* scroll bar */
#full-page-container .jspPane {
	width: 100% !important;
}

#full-page-container .jspVerticalBar .jspDrag {
	background-color: #FFF;
	border-top: 1px solid #939598;
	border-bottom: 1px solid #939598;
	border-left: 1px solid #939598;
	z-index: 999999;
	/*	background:url(../image/scrollbar_bottom_arrow.png) no-repeat bottom; */
}

#full-page-container .jspHorizontalBar .jspDrag {
	background-color: #FFF;
	border-top: 1px solid #939598;
	border-right: 1px solid #939598;
	border-left: 1px solid #939598;
	/*	background:url(../image/scrollbar_bottom_arrow.png) no-repeat bottom; */
}

#full-page-container .jspDragTop { /*	background-color:#FF0000; */
	/*	background:url(../image/scrollbar_top_arrow.png); */
	/*	height:20px; */
	
}

#full-page-container .jspCorner {
	background-color: #FFF;
}

#full-page-container .jspTrack {
	background: #FFF;
	position: relative;
}

#full-page-container .jspArrow {
	background-color: #FFF;
}

/* header */
.header {
	background-color: transparent;
	position:fixed;
	width:100%;
    min-width: 1320px;    
    width: expression(document.body.clientWidth < 1320? "1320px" : document.body.clientWidth > 1320? "1320px" : "auto"); /* ie min width */
	z-index:9999;
}

.header-table {
   width: 1180px; 
}

.header-content-container-wrapper {
    opacity: 0.8;
    filter: alpha(opacity = 80);
    width:100%;
    background-color:#FFF;
    height:115px; 	
}	

.header-icon {
    position:absolute;
    top:45px;
    left:0px;	
    z-index: 99;
}	

.header-content-container {
	margin: 0px auto;
	padding-left: 70px;
	padding-right: 70px;
    width: 1180px;   
}

.header-top-divider {
	border-top: 10px solid #000;
}

/* menu */
.header .sf-menu li {
	filter: inherit; 
	background-color:inherit;		
}

.header .sf-menu-drop-icon {
    position:relative;
    top:-1px;	
}	

.header .sf-menu li:hover,.header .sf-menu li.sfHover,.header .sf-menu a:focus,.header .sf-menu a:hover,.header .sf-menu a:active {
	outline: 0;
	background-color:inherit;
	filter: inherit; 	
}

.header .sf-sub-menu li:hover {
	background-color: #FFF;
    filter: alpha(opacity = 80);	
}

.header .sf-sub-menu li {
	background-color: #FFF;
    filter: alpha(opacity = 80);	
}

.header .sf-menu a:hover {
    color:#F5D837;
}	

.header .sf-menu a:visited {
    color:#000; 	
}	

.header .sf-menu a {
	border: none;
	text-transform:uppercase;
    font-family: futura-pt,sans-serif;
    font-style: normal;
    font-weight: 700;    
    color:#000; 
    letter-spacing: 0.2em;
    font-size:13px;  
    padding:0px;
    padding-right:50px;
    padding-left:10px;
    padding-top:15px;
}

.header .sf-menu a.first {
    padding-left:0px;       
}

.header .sf-sub-menu-projects {
    width:135px;
}

.header .sf-menu a.sf-with-ul {
    padding-right:50px;	
}

.header .sf-menu ul a {
    padding-right:0px;	
}	

.header .sf-menu ul {
    margin-top:10px;
}	

.header .sf-menu ul li {
    padding:5px;
    padding-left:0px;
}	

.header .sf-menu ul a {
    text-transform:none;
    font-size:12px;
    font-family:ff-din-web,sans-serif;
    font-weight:300; 
    padding-top:0px;
    letter-spacing: inherit;
    color:#000;
    
}

.header .tumblr-container {
    padding-top:15px;
}	

/* services */

.service-detail-container {
    position:relative;
}    

.service-col.first {
    padding-left:0px;
}

.service-body {
    color:#939598;	
}	

.service-col {
	vertical-align: top;
	width: 220px;
	padding-left: 20px;
}

/* clients */

.clients-col-header.first, .clients-col.first {
    padding-left:0px;    
}

.clients .clients-col-header {
    border-top:none;
} 

.clients-col, .clients-col-header {
    vertical-align: top;
    width: 220px;
    padding-left: 20px;
    border-top:1px solid #DFDFDF;
    padding-top:10px;
    padding-bottom:10px;
}

/* process */

.process-col.first {
    padding-left:0px;
}

.process-col {
    vertical-align: top;
    width: 220px;
    padding-left: 20px;
}    

/* news */

.news-col.first {
    padding-left:0px;
}

.news-col {
    vertical-align: top;
    width: 220px;
    padding-left: 20px;
}

.news-link {
    padding-top:5px;	
}	

.news-detail-container {
    position:relative;
}	

.news-date {
    
}

.news-body {
	color:#939598;
}	

/* contact */
.contact-info-col {
	padding-right: 20px;
	width: 220px;
	vertical-align: top;
}

.contact-map-col {
	vertical-align: top;
}

.contact-info-header-col {
    padding-right: 20px;
    width: 220px;
}

.contact-map-header-col {
	
}

/* about */
.about-info-header-col {
    width:460px;
    padding-right:20px;	
	vertical-align: top;
}

.about-process-header-col {
    width:220px;
    padding-right:20px;	
	vertical-align: top;
}

.about-bios-header-col {
	vertical-align: top;
}

.about-bios-extras-title {
    font-size:9px;
    font-weight:bold;	
}

.about-bios-extras-col b,strong {
    font-size:9px;
    font-weight:normal;
    text-transform:uppercase;	
}

.about-bios-extras-col em {
    font-style:italic;	
}	

.about-bios-desc-col {
    width:220px;
    padding-right:20px;
    vertical-align: top;    	
}

.about-bios-extras-col {
    width:220px;
    vertical-align: top;
}

.about-bios-photo-col img {
    width:220px;	
}	

.about-bios-desc {
    padding-bottom:15px;	
}	

.about-info-col {
	width:460px;
	padding-right:20px;
	vertical-align: top;
}

.about-info-inner-col1 {
    width:220px;
    padding-right:20px;
    vertical-align: top;    
}

.about-info-inner-col2 {
	width:220px;
    vertical-align: top;    	
}	

.about-process-col {
	width:220px;
	padding-right:20px;
	vertical-align: top;
}

.about-bios-col {
	vertical-align: top;
}

.about-bios-name {
    font-weight:bold;
    cursor:pointer;
}

.about-bios-name a:hover {
    color:#000;
}

.about-bios-name img {
}	

/* careers */

.careers-desc-name {
	cursor: pointer;
}

.careers-info-col {
	width:460px;
	padding-right:20px;
	vertical-align: top;
}

.careers-desc-col {
	vertical-align: top;
}

.careers-desc-desc {
	padding-bottom:15px;
}

/* footer */

.footer-tab td:hover {
    color:#FFF;
    cursor:pointer;	
}

.footer-tab td {
    text-transform: uppercase;
    font-size:9px;	
}	

.footer-tab {
	left:-1000px;
    position:fixed;
    bottom:0px;
    padding-right:5px;
    padding-left:5px;
    padding-top:3px;
    background-color: #F5D836;
    z-index:1;
	
}

.footer-tab table {
    width:210px; /* -10 padding */	
}	

.footer a:hover {
    color:#FFF;
}

.footer-header {
    font-weight:bold;
    padding-bottom:5px;	
}

.divider-container-footer {
    border-top:1px solid #E6C300;	
/*    background: url("../image/dots.gif") repeat-x scroll 0 bottom #FFFFFF;*/
    background-color:transparent;
    padding-top:5px;
    padding-bottom:5px;
}

.divider-container-footer-first {
    border-top:0px;    	
}	

.footer .divider-container-footer-last {
    background:none;    
}   

.footer {
	padding-bottom: 50px;
	background-color: #F5D836;
    width: 100%;	
    z-index: 9999;
    position:relative;
    margin-top:200px;
    min-width: 1320px;    
    width: expression(document.body.clientWidth < 1320? "1320px" : document.body.clientWidth > 1320? "1320px" : "auto"); /* ie min width */
}

#footer .main-content-container {
    padding-top:20px; 
}

.footer-col1, .footer-col2, .footer-col3, .footer-col4 {
    width:220px;
    padding-right:20px;	
}

.footer-col5 {
    padding-left:0px;	
}	

.footer td {
	vertical-align: top;
}

/* projects */

.projects-list-col {
	vertical-align: top;
	padding-left:20px;
	padding-top: 20px;
	width: 220px;
}

#projects_list_container {
	margin-bottom:10px;
}

.projects-list-col-first {
	padding-left: 0px;
}

#projects_detail_container {
	background:#FFF;
	width:940px;
}

#project_detail {
    display:none;	
}	

/* project detail */
.project-detail-col.first {
    padding-left:0px;

}

.project-detail-col {
    vertical-align: top;
    width: 220px;
    padding-left: 20px;
}

.project-detail-close-link-container {
    text-align:right;
    padding-top:10px;
    padding-bottom:10px;
    border-top:1px solid #DFDFDF;
    border-bottom:1px solid #DFDFDF;    
}

.project-detail-col-label {
    font-weight:bold;
    padding-top:10px;	
}

#project_detail_screenshots {
    margin-top:10px;	
}

.project-detail-screenshots-container {
	margin-top:10px;
}

#project_detail_screenshots {
    height:400px;
}

#featured_product_screenshots {
    height:500px;
}

#project_detail_screenshots, #featured_product_screenshots {
    width:940px;
    position:relative;
    background:#FFF url(../image/loading.gif) no-repeat 50% 50%;  
 
}

#featured_product_screenshots {
   cursor: pointer;
}   


#project_detail_screenshots img, #featured_product_screenshots img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}

/* sidebar */
.sidebar-video-container a {
    display:none;	
}

.siderbar-title {
    padding-top:3px;
    font-size:9px;	
}	

.sidebar-video-container p {
    color:#FFF;
}

#flickr_image img {
    width:220px;	
}

.flickr-image-container {
    height:140px;
    overflow:hidden;
	position:relative    
}

.flickr-image {
    position:relative;
    top:-50px;	
}	

/* mail chimp */

#mce-responses {
    padding-top:4px;
}

#mc_embed_signup {
    width:196px;
}

#mc_embed_signup input {
    border:0px;
}

#mce-EMAIL {
    height:24px;
    width:196px;
}

/* featured */

.featured-project-detail-col.first {
    padding-left:0px;
}

.featured-project-detail-col {
    vertical-align: top;
    width: 220px;
    padding-top:5px;
    padding-left: 20px;
}

.featured-product-desc-desc-col {
	padding-right:5px;
}

#featured_product_description tr:hover a {
	color:#F5D837;
}

/* add this */

#addthis_toolbox {
	position:relative;
	left:-2px;
}