/*
Theme Name: Dark Desk Inch
Theme URI: http://www.inch-inc.com/
Description: Inch, Inc. 2.0
Version: 2.0.1
Author: Pepin Gelardi, Peter Schwartz

This is the second version of inch-inc.com.
*/


body {	background: url(/img/background.wood.01.jpg) repeat #003333;
		color: #333;
		text-align: center;
		margin: 0;
		padding: 0;
		font-family: Helvetica;
		font-size: 12px;
	}

div{ 	padding: 0;
		margin: 0;
	
	}
	
img{
		border:0;
		padding:0;
		margin:0;
}

h1, h2, h3, h4 {
		margin: 0;
		padding: 0;
		line-height: 1.5em;
		font-family: Corbel, Trebuchet, 'Trebuchet MS', Verdana;
        }
		
h2 {	color: #222;
		font-weight: normal;
		font-size: 1.8em;
		line-height: 1.5em;
	}

h3 {   color: #222;
       font-weight: bold;
       font-size: 1.5em;
	   line-height: 1.5em;
        }
		
h4 {	color: #888;
		font-style: italic;
		font-size: 1.2em;
		font-weight: normal;
		line-height: 1.5em
		}

a {
  outline: none;
  color: #f70;
		font-weight: normal;
		text-decoration:none;
}
a:hover{
	text-decoration:underline;
	color:#e50;
	}
	
a:visited{
	color:#fa3; 
	}

p {	
		color: #333;
		font-size: 1em;
		line-height: 1.6em;
		font-weight: normal;
	}

em {
		color: #444;
		font-weight: normal;
		font-style: italic;
		}

strong {
		color: #f70;
		font-weight: bold;
		font-style: normal;
		}

#topshadow {	margin: 20px auto 0 auto;
		padding: 0;
		width: 828px;
		height: 14px;
		background: url(/img/top.background.shadow.png) no-repeat transparent;
		border: 0;
		display: block;
		overflow: hidden;
		font-size: 1px;
	}

#topshadow span {display: none;}


#main {		
		margin: 0 auto 0 auto;
		width: 828px;
		background: url(/img/main.background.shadow.2.png) repeat-y transparent;
		border: 0;
		text-align: left;
		z-index: 0;
	}
	
#container {
		margin: 0 14px;
		}

#nav {		margin: 0;
		padding: 0;
		position: absolute;
		background: url(/img/nav.background.shadow.10.png) repeat-x transparent;
		height: 88px;
		width: 800px;
		display: block;	
		z-index: 900;
	}

#nav ul {	z-index: 910; margin: 0; padding: 0;}

#nav li {	display: inline;
		margin: 0;
		list-style: none;
		padding: 0;
	}

#nav a	{	float: left;
		padding: 72px 0 0 0;
		margin: 0;
		overflow: hidden;
		height: 0px !important; 
		height /**/:72px; /* for IE5/Win only */
	}

#nav a:hover {background-position: 0 -72px;}
#nav a:active, #nav a.selected {background-position: 0 -144px;}

#ninch a {background: url(/img/nav.inch.png) top left no-repeat transparent; width:130px;}
#nabout a {background: url(/img/nav.about.png) top left no-repeat transparent; width:83px; margin-left: 35px;}
#nwork a {background: url(/img/nav.work.png) top left no-repeat transparent; width:81px; margin-left: 40px;}
#nclients a {background: url(/img/nav.clients.png) top left no-repeat transparent; width:74px; margin-left: 40px;}
#nawards a {background: url(/img/nav.awards.png) top left no-repeat transparent; width:73px; margin-left: 40px;}
#ncontact a {background: url(/img/nav.contact.png) top left no-repeat transparent; width:76px; margin-left: 40px;}

body#lwork #nwork a, 
body#labout #nabout a,
body#lclients #nclients a,
body#lawards #nawards a,
body#lcontact #ncontact a {
		background-position: 0 -216px;
	}

#jewelbox {	margin: 0;
		position: relative;
		padding: 0;
		width: 800px;
		height: 520px;
		display: block;
		z-index: 1;
		background: #666666;
	}

#jewel{	
	z-index: 101;
	background: url(/img/loader.gray.gif) center no-repeat;
	width: 800px;
	height: 520px;}
 
body#lwork #jewel{	
	z-index: 101;
	background: url(/img/loader.gray.gif) center no-repeat;
	width: 800px;
	height: 520px;}
	
#viewer {
		position: absolute;
		bottom: 10px;
		right: 10px;
		width: 72px;
		background: transparent;
		z-index: 201;
		display: block;
		}

#viewer a, #viewer a:hover, #viewer a:active {
	color: #fff;
	text-decoration: none;
	border: 0;
	}

#viewer a img{
		position: relative;
		height: 52px;
		width: 64px;
		margin: 4px 0;
		border: 1px solid #ff7700;
		/* background: grey; */
		display: block;
		}
#viewer a:hover img{
		position: relative;
		height: 52px;
		width: 64px;
		margin: 4px 0;
		border: 1px solid #ffaa66;
		/* background: grey; */
		display: block;
		}	
	

#content {	margin: 18px 0 0 0;
			padding: 0;
	}

#left	{ 	margin: 1px auto auto 0;
			float: left;
			width: 126px;
	}
	
	
#left span {	
		width: 100px;
		height: 16px;
		margin: auto;
		margin-left: 16px;
		padding:0;
		display: block;
		z-index: 999;
		}
		
#left span span { display: none; }
	
#left_nav{ 	margin: 72px auto auto 0;
			float: left;
			width: 126px;
	}
	
	
#left_nav span {	
		width: 100px;
		height: 16px;
		margin: auto;
		margin-left: 16px;
		padding:0;
		display: block;
		z-index: 999;
		}
		
#left_nav span span { display: none; }



		
/*#left h3 a{ 
	color: #FF7700;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	width: 100px;
	margin-bottom: 15px;
	display: block;
	border-bottom: 1px dotted #ff7700;
	}
	
#left h3 a:hover{
	color:#FF9900;
	border-bottom: 1px solid #ff9900;
	}*/

#right { 	
		margin: 1px auto auto 0;
		float: right;
		width: 126px;
		}
		
#right_nav { 	
		margin: 72px auto auto 0;
		float: right;
		width: 126px;
		}


#right_nav span {
		width: 100px;
		margin: auto;
		margin-right: 22px;
		height: 16px;
		padding:0;
		display: block;
		z-index: 999;
		}
		
#right_nav span span { display: none; }

/*body#lhome #article { width: 320px; }

body#labout #article { width: 320px; }*/

#testimonial{
	margin-left: 40px;
	display: inline-block;
	width: 220px;
}

#up	{ background: url(/img/nav.up.gif) top left no-repeat; }
#prev { background: url(/img/nav.prev.gif) top left no-repeat; }
#next {background: url(/img/nav.next.gif) top left no-repeat; }

#title{	
	width: 420px;
	float: left;
	}
				
#flip{
	font-size: 14px;
	width: 220px;
	float: right;
	text-align: right;
	}
	
#textnav{
	color:#333333;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: normal;
	margin: 36px 0 0 12px;
	z-index: 999;
	width:110px;
	}
	
	
#textnav span{
	display: block;
	font-size: 12px;
	margin-bottom: 8px;
	}
	
#work #textnav span{
	margin-right:40px;
	}
	
#textnav a{
	color: #333;
	text-decoration:none;
	padding: 0;
	font-weight: normal;
	}
	
#textnav a:hover{
	color: #ff7700;
	border-bottom: 1px dotted #ff7700;
	}	
	
#textnav #on a{
	color: #ff7700;
	border-bottom: 1px dotted #f70;
	}
	
/*#about{
	margin: 10px 62px;
	}
	
#about #left{
	padding: 0;
	margin: 25px 0 0 0;
	width: 450px;
	border-top: 1px dotted #555;
	text-align:justify;
	}
*/
#article {		margin: 0;
				padding: 0;
				float: left;
				width: 540px;
	}

#article p {
		color: #333;
		font-size: 1em;
		line-height: 1.6em;
		font-weight: normal;
		text-align: left;
		margin: 0 0 .8em 0;
	}

#article hr {
		margin: 8px auto;
		border: 0 none;
		height: 1px;
		border-top: 3px double #999;
		background: transparent;
		display: block;
		}

#article .image{  }
#article .image div{ border: 1px solid #999; }
#article .image span{ 
				display: block;
				margin: 8px 0 4px 0;
				font-size: 10px;
				font-weight: bold;
				color: #333333;
				text-align: center;
	}

.list{
	width: 210px;
	background: none;
	list-style:none;
	padding: 0;
	line-height: 2em;
	}
	
#work{
	width:800px;
	margin: 0 0 0 0;
	position: relative;
	display: block;
	padding: 110px 0 0 0;
	/*background: url(/assets/jewel.ourwork.01.jpg) top left repeat-x;*/
	background-position: top left;
	background-repeat: repeat-x;
	}
	
#iconcontainer{
	margin-left: 130px;
	}

#work .icon{
	float: left;
	display: inline;
	width: 280px;
	margin: 2px 48px 12px 0;
	}

#work .icon img{
	border: 1px solid #ffffff;
	display: block;
	background: url(/img/loader.gif) center no-repeat;
	width: 280px;
	height: 160px;
	}
	
#work .icon a{
	text-decoration:none;
	color: #555;
	}
	
#work .icon a:hover{
	text-decoration:none;
	color: #ff6600;
	}

#work .icon a img{
	border: 1px solid #ff6600;
	}

#work .icon a:hover img{
	border: 1px solid #ffbb88;
	}

#work .icon span{
	margin: 5px 0 0 5px;
	display: block;
	width: 280px;
	text-align: left;
	font-size:12px;
	font-weight: bold;
}
	
#below{		height: 50px;
}
	
#bottomshadow {	margin: 0 auto 20px auto;
		padding: 0;
		width: 828px;
		height: 14px;
		background: url(/img/bottom.background.shadow.png) no-repeat transparent;
		border: 0;
		display: block;
		overflow: hidden;
		font-size: 1px;
	}

#bottomshadow span {display: none;}

#copyright{
	font-size:9px;
	color:#333333;
	width: 800px;
	height:14px;
	border:0;
	padding:0;
	text-align:center;
	margin-top: 20px;
		}
		
#doc{
	width: 14px;
	height: 14px;
	margin: 0 0 0 10px;
	display: inline;
	border:0
	}
	
a:hover #doc{
	background: #CCCCCC;
	}


.left{ float: left; margin: .6em 1em .6em 0;}
.left img{ width: 200px; margin: 4px;}
.right{ float: right; margin: .6em 0 .6em 1em;}
.right img{ width: 200px; margin: 4px;}
.full{ width: 540px; margin: .6em 0 .6em 0;}
.full img{ width: 530px; margin: 4px;}
.wide{ width: 520px !important; }
.clear{ clear: both;}