/* RESET AND GLOBALS */
html, body, div, object, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, a, form, fieldset, input, textarea, label, legend {margin:0; padding:0; line-height: 16px;}
body {text-rendering:optimizeLegibility;}
html, fieldset, img, abbr {border:0;}
ul {list-style:none;}
a:hover, a:active {outline:none;}
.clearfix:after {content:" "; display:block; height:0; clear:both; visibility:hidden;}

/*-----Main Styles-----*/

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 12px;
	line-height: 16px;
	overflow-x: hidden;
	background: #fff;
	background-image: url('http://www.studiodror.com/html/files/8613/2510/8096/tumi_bg.jpg');
	background-attachment:fixed;
}

h1, h2.oneCol, .oneCol h2{
	font-size: 32px;
	line-height: 32px;
	font-weight: normal;
	margin-bottom: 0px;
}

#singleSidebar h3 {
	font-weight: normal;
	font-size: 12px;
	margin-top: 64px;
	margin-bottom: 16px;
}

h1 a {
	display: block;
	position: relative;
	left: 134px;
	top: -10px;
	height: 30px;
	width: 211px;
	text-decoration: none;
	text-indent:-9999px;
	overflow: hidden;
	background: url('../images/DrorForTumi.png') no-repeat;
}

h1 a:hover {
	text-decoration: none;
}

p {
	margin-bottom: 16px;
}

li ul {
	margin-left: 20px;
}

li ul ul {
	margin-left: 0;
	margin-bottom: 16px;
}

ul li ul {
	margin-bottom: 16px;
}

ul li ul li ul {
	margin-top: 16px;
}

strong {
	font-weight: bold;
}
#container {
	position:relative;
	margin: 0 auto;
	margin-bottom: 64px;
	padding: 80px 0 0 0;
	width: 988px; /* Orig 960px */
}

#sidebarLeft {
	position: relative;
	float: left;
	width: 114px;
	margin: 0 5px;
	z-index: 99;
}

.nav-header a, .nav a, a{
	text-decoration: none;
	color: #333;
}

a:hover {
	text-decoration: underline;
}

.nav-header a:hover, .nav a:hover {
	font-weight: bold;
	text-decoration: none;
}

a.nav-path-selected, .all {
	font-weight: bold;
}

#content {
	position: relative;
	float: left;
	width: 710px;
	margin: 38px 0 0 0;
	border: solid white 15px;
	background-color: white;
}

#content.home {
	padding-top: 64px;
}

#slideshow {
	position: relative;
	width: 710px;
}
hr {
border: 0px;
background-color: #352d2a;
height: 1px;
}

/*--------------------------------Login and Error--------------------------------*/

#content.view{
	float: none;
	width: 350px;
	margin: 64px auto 0 auto;
}

.login input {
	margin-bottom: 16px;
}

.login h2 {
	font-weight: normal;
	margin-bottom: 16px;
}

.login br, .login hr {
	display: none;
}

/*--------------------------------Sortable--------------------------------*/

#sortingNav ul, #sortingNav .sort ul ul {
	display: none;
}

#sortingNav .sort ul {
	display: block;
}

#sortingNav .sort .reveal {
	display: block;
}

/*--------------------------------News--------------------------------*/

.entry {
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #000;
}

/*--------------------------------Single--------------------------------*/

.singleProject #sidebarLeft {
	width: 240px;
	margin: 0;
}

.singleProject h1, .singleProject .nav, .singleProject #sidebarLeft h3 {
	width: 230px;
	margin-left: 0px;
	margin-right: 0px;
}

#singleSidebar {
	margin-top: 156px;
}

.singleProject #sidebarLeft .content-area {
	width: 220px;
	padding-right: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

.singleProject .shareIcon {
	float: left;
	margin-right: 12.5px;
	margin-left: 5px;
	margin-bottom: 16px;
}

#blog-index .shareIcon {
	margin-left: 0px;
	margin-right: 10px;
}

.twoColLayout #content .content-area, .twoColLayout #content .HTMLBlock  {
	margin-left: 0px;
	margin-right: 0px;
	clear: both;
}

.content-area ul, .HTMLBlock ul {
	list-style: inherit;
	margin-left: 15px;
}

.ccm-SlideshowBlock-display {
	clear: both;
}

/*--------------------------------Three Column--------------------------------*/

.threeColLayout #content {
	width: 470px;
}

#content.threeColLayout .oneCol, #content.threeColLayout.oneCol {
	width: 470px;
}

.clientLogo {
	float: left;
	width: 170px;
	margin: 0 5px 16px 5px;
}

#sidebarRight {
	float: left;
	padding-top: 64px;
	width: 170px;
	margin: 0 5px;
}

/*--------------------------------Forms--------------------------------*/


table {
	border-collapse: collapse;
}

th, td {
	padding: 0 0 8px 0;
}

.miniSurveyView table.formBlockSurveyTable td {
	padding-bottom: 8px;
}

input[type=text], input[type=password]{
	width: 100%;
	height: 16px;
}

input[type=text], input[type=password], textarea{
	border: 1px solid #bbb;
	border-top: 2px solid #999;
}

textarea{
	resize: none;
}

.email_list_signup_container input[type=text]{
	padding: 0;
}

td.spacerCell {
	width: 82px;
}

.formBlockSurveyTable input[type=text], .formBlockSurveyTable textarea, .email_list_signup_container input[type=text] {
	width: 378px;
}

.formBlockSurveyTable td.question {
	width: 70px;
}

input[type=submit] {
	background: #666;
	border: none;
	color: #fff;
	padding: 0 5px;
	cursor: pointer;
}

.image_download_login .passwordWrap {
	margin: 8px 0;
}

.login_block_form input[type=text], .login_block_form input[type=password] {
	margin-top: 8px;
}


/*--------------------------------News--------------------------------*/

.youtube {
	margin-bottom: 16px;
}

/*--------------------------------Columns--------------------------------*/

#content.oneCol, .oneCol {
	width: 710px;
	margin: 0 0px 10px 0px;
}

.singleProject img, .singleProject .vimeo-area {
	float: left;
	margin: 0 0px 10px 0px;
}

#blog-index .vimeo-area {
	margin-bottom: 16px;
}

.projThumb, .pressItem {
	margin-bottom: 8px;
}

.twoCol {
	float: left;
	width: 340px;
	margin: 0 0px 0px 0px;
}


.threeCol {
	float: left;
	width: 230px;
	margin: 0px 10px 10px 0px;
}

.fourCol {
	float: left;
	width: 170px;
	margin: 0 10px 10px 0px;
}

.fourCol p {
	margin-bottom: 0;
}