* { margin: 0; padding: 0; font-weight: normal; }
img { border: 0 }
body {
	font: 12px Lucida Grande,Lucida Sans,Helvetica,Arial sans-serif;
	background: #777 /* url('../img/bg-pattern.png') top left repeat*/;
}

strong { font-weight: bold; }

#container {
	position: relative;
	width: 680px;
	margin: 0 auto;
	padding: 26px 38px 30px 34px;
	background-color: white;
}

/*** Logo top left ***/
h1 {
	width:  98px;
	height: 49px;
	background: transparent url('../img/tvdesign-logo.png') top left no-repeat;
	float: left;
}
h1 span { display: none; }

/*** NAVIGATION ***/
#nav { margin-top: 11px; padding-bottom: 20px; border-bottom: 3px double #aaa; }
#nav ul {
	list-style: none;
}
#nav li { float:left; margin-right:20px; }
#nav a { display: block; background-position: top left; background-repeat: no-repeat; height: 28px; }
#nav span { display: none; }

#n-identity { background-image: url('../img/nav/n-identity.png'); width: 78px; }
#n-identity:hover, #n-identity.current { background-image: url('../img/nav/nhi-identity.png'); }
#n-print    { background-image: url('../img/nav/n-print.png'); width: 153px; }
#n-print:hover, #n-print.current { background-image: url('../img/nav/nhi-print.png') }
#n-web      { background-image: url('../img/nav/n-web.png'); width: 104px; }
#n-web:hover, #n-web.current      { background-image: url('../img/nav/nhi-web.png') }
#n-contact  { background-image: url('../img/nav/n-contact.png'); width: 135px; }
#n-contact:hover, #n-contact.current  { background-image: url('../img/nav/nhi-contact.png'); }

/*** CONTENT ***/
#content {
	position: relative;
	clear: both;
	margin: 15px 0 15px;
}

/*** Content Headers ***/
h2 {
	font: 22px Georgia, Times, "Times New Roman", serif;
}
h2 span { display: none; }
h2#about {
	height: 29px;
	width: 67px;
	background: url(../img/about.png) top left no-repeat;
}

h3 {
	margin-top: 30px;
	margin-bottom: 1px;
	font-size: 14px;
	color: black;
	text-transform: uppercase;
}
h4 {
	margin-bottom: 15px;
	font-size: 14px;
	color: #777;
	text-transform: uppercase;
}

p { margin: 0 0 20px 98px; color: black; line-height: 150%; }
i { font-family: Georgia, serif; font-style: italic; font-weight: bold; }
a.outlink { font-size: 14px; line-height:190%; }

#content a {
	color: #777;
}
#content a:hover {
	color: black;
	text-decoration: none;
}

.headerimg { margin: 0 0 12px 0; }

.pfid { margin: 0; }
.pfprint { margin: 0 1px 40px 0; }
.pfweb { margin: 0 2px 0 0; }

#detail {
	position: relative;
	height: 500px;
	margin: 30px 0 36px;
	text-align: center;
}
#detailtext { text-align:center; margin: 0 98px 35px 98px; color:#888; }

#aprev { position: absolute; top: 50%; left: -20px; margin-top:-50px; }
#anext { position: absolute; top: 50%; right: -20px; margin-top:-50px; }


#contactform { border-collapse: collapse; padding: 0; margin-bottom: 20px; }
#contactform .label { width: 98px; padding: 8px 0; vertical-align: top; }
#contactform input { padding: 3px; margin: 3px 0; width: 220px; }
#contactform textarea { padding: 3px; margin: 3px 0; width: 400px; height: 150px; }


#footer {
	margin: 15px 0 10px;
	padding: 15px 0;
	border-top: 3px double #aaa;
	color: #999;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
}