@charset "UTF-8";
/* CSS Document */

html {
	width:100%;
	height:100%;
}

body,body.work,body.about,body.contact {
	margin:0;
	padding:0;
	background:#000;
	width:100%;
	height:100%;
	color:#666;
	font:12px Georgia, "Times New Roman", Times, serif;
}

	body.work { background:#000 url('http://indezign.net/layout/images/workbg.jpg') repeat-x; }
	body.about { background:#fff url('http://indezign.net/layout/images/aboutbg.jpg') repeat-x; }
	body.contact { background:#000 url('http://indezign.net/layout/images/contactbg.jpg') repeat-x bottom; }

table,td {
	color:#666;
	font:12px arial,verdana;
}

	table.mainpage {
		background:url('http://indezign.net/layout/images/bg.jpg') no-repeat center top;
		text-align:center;	
	}
	
	table.work { width:985px;background:url('http://indezign.net/layout/images/work-loading.jpg') no-repeat; }
	table.about { width:900px;background:url('http://indezign.net/layout/images/about-lights.jpg') no-repeat; }
	table.contact { width:800px;height:100%;background:url('http://indezign.net/layout/images/contact-light.jpg') no-repeat bottom left; }

td.topnav { vertical-align:top;text-align:center; }
	td.topnav-main { height:440px; }
	td.topnav-work { height:100px; }

p.credits { font:12px arial;text-align:center; }

	/* template_main */
	td.main-boxes { padding:20px;text-align:center; }
	
	/* template_work */
	td.work-navlist2 { width:203px;vertical-align:top;text-align:right; }
	td.work-featured { width:610px;vertical-align:bottom;text-align:right; }
	td.work-squares { width:172px;height:480px;vertical-align:top;text-align:left; }
		div.squares-wrap { width:60px;padding-top:70px; }
	td.work-desc { padding-bottom:30px;vertical-align:top; }
	td.work-moreworks { width:985px;vertical-align:top;text-align:center; }	
	
	/* template_about */
	div.service-box { height:120px;display:block;float:left;padding:20px;border-right:1px solid #333; }

/* titles */
h1 {
	color:#fff;
	font:normal 50px "Times New Roman", Times, serif;
	letter-spacing:1px;
	padding-bottom:0;
	margin-bottom:0;
}

h2 {
	color:#fff;
	font:normal 20px "Times New Roman", Times, serif;
	letter-spacing:1px;
	padding-top:0;
	margin:2px 0 20px 0;
}

p.moreFeatured {
  color:#666;
  font:normal 20px "Times New Roman", Times, serif;
  text-align:left;
  letter-spacing:1px;
  padding:3px 0 0 10px;
  margin:2px 0;
  border-bottom:1px solid #424242;
}

span.slogan {
	display:block;
	width:800px;
	padding:10px 0;
	margin:5px 0;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	color:#666;
	font:16px Georgia, "Times New Roman", Times, serif;
}


span.title {
	color:#CCC;
	font:normal 20px "Times New Roman", Times, serif;
	letter-spacing:1px;
	padding:1px 0;
	margin:2px 0;
}
	span.title-about {
	color:#000;
	font:normal 20px "Times New Roman", Times, serif;
	letter-spacing:1px;
	padding:1px 0;
	margin:2px 0;
	}

span.title2 {
	color:#999;
	font:normal 14px "Times New Roman", Times, serif;
	letter-spacing:1px;
	padding:1px 0;
	margin:2px 0;
}

span.box,span.boxFirst {
	font:12px arial,verdana;
	width:150px;
	height:80px;
	display:block;
	padding:0 10px;
	border-right:1px solid #333;
	float:left;
	text-align:left;
}
	span.boxFirst {
		border-left:1px solid #333;
		margin-left:125px;
	}

div.projBoxLeft { font:12px arial,verdana;width:250px;margin:5px 0 0 100px;border-right:1px solid #424242;padding-right:10px;float:left;text-align:right; }
div.projBoxRight { font:12px arial,verdana;width:200px;padding-left:10px;margin-top:10px;float:left; }

/* links */
div.navlist2 { display:block;width:110px;height:130px;border-right:1px solid #424242;padding-right:10px;float:right; }
	div.navlist2 a {
		color:#666;
		font:12px arial,verdana;
		text-decoration:none;
		line-height:20px;
	}
	div.navlist2 a.current {
		color:#CCC;
		font:12px arial,verdana;
		text-decoration:none;
		line-height:20px;
	}
	div.navlist2 a:hover,div.navlist2 {
		color:#CCC;
	}

div.titles { padding-top:50px; }
	div.titles a {
		color:#666;
		font:20px Georgia, "Times New Roman", Times, serif;
		text-decoration:none;
		margin:30px;
	}
	div.titles a.current {
		color:#CCC;
		font:20px Georgia, "Times New Roman", Times, serif;
		text-decoration:none;
		margin:30px;
	}
	div.titles a:hover {
		color:#CCC;
	}

a {
	color:#0066CC;
	font:12px arial,verdana;
	text-decoration:none;
}
	a:hover { color:#2f7dcb; }

div.ABCnav {
padding:3px 0 15px 0;
margin:0 40px 0 30px;
display:block;
float:right;
height:30px;
}
	div.ABCnav a:link, div.ABCnav a:active, div.ABCnav a:visited,div.ABCnav span.dud,div.ABCnav span.current,div.ABCnav span.dots{
	color:#CCCCCC;
	padding:2px 5px;
	margin:0 1px;
	display:block;
	background:#666;
	border:1px solid #999;
	text-decoration:none;
	text-align:center;
	float:left;
	}
	div.ABCnav span.dud {
	color:#333333;
	border:1px solid #666;
	}
	div.ABCnav span.current {
	color:#fff;
	background:#333;
	}
	div.ABCnav span.dots {
	color:#fff;
	background:none;
	border:none;
	}
	div.ABCnav a:hover {
	color:#fff;
	border:1px solid #CCC;
	}

/*thumbs*/
a.thumbs{
color:#666;
font:11px Century Gothic,Verdana,Arial;
font-weight:normal;
text-align:center;
text-decoration:none;
display:block;
margin:1px;
padding:5px;
float:left;
background:#202020;
}
	a.thumbs:hover{
	color:#CCC;
	font:11px Century Gothic,Verdana,Arial;
	background:#2e2e2e;
	}
	a.thumbs img{
	width:173px;
	margin:160px;
	opacity:.50;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	margin:2px;
	border:solid 4px #202020;
	}
	a.thumbs:hover img{
	opacity:1.0;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	border:solid 4px #2e2e2eS;
	}

/*squares*/
a.square{
width:55px;
height:60px;
margin-bottom:3px;
padding:0;
display:block;
float:left;
}
	a.square img{
	opacity:.50;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	border:3px solid #838383;
	}
	a.square:hover img{
	opacity:1.0;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	border:3px solid #ddd;
	}