/*

Main CSS file for Digithink Interactive website - 2007 Edition

If you're looking at this then maybe you're the sort of person
we would like to have working with us. If you are interested
why not drop us a line at admin@digithink.co.nz?

*/
*, html, body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
a img,
:link img,
:visited img {
	border: 0;
}
body { 
	color: #333;
	background-color: #fff;
	background-position: 0 0;
	background-repeat: repeat-x;
	text-align: center;	
	font-size: 62.5%;
}
h2,h3,h4,h5 {
	margin-bottom: 0.5em;
	color: #666;
}
.h_none { margin-bottom: 0; }
.h_one { margin-bottom: 1em; }
h2 { font-size: 2em; }
h3 { 
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
}
h4 { 
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 1.2em;
}
h5 { 
	font-size: 1em; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h5.header {
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	color:#666;
	background-color: #F3F1EE;
	padding: 4px 0;
}
#page {
	width: 760px;
	margin: 0 auto;
	background-color: #fff;
}
#masthead {
	background-repeat: no-repeat;
	position: relative;
}
h1#digithink {
	position: absolute;
	top: 0;
}
.digithink-print { display: block; float: left; text-indent: -1000em; }
ul#mainnav {
	list-style-type: none;
	position: absolute;
	right: 0;
	top: 15px;
	text-align: right;
	line-height: 2.5em;
	padding-left: 15px;
}
ul#mainnav li {
	float: left;
	margin-right: 15px;
}
ul#mainnav li a,
ul#mainnav li a:link {
	color: #fff;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul#mainnav li a:visited {
	color: #ddd;
}
ul#mainnav li a:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#content {
	background-color: #fff;
	padding: 20px 30px 30px 30px;
	text-align: left;
	margin-bottom: 30px;
}
#content p {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
	color: #666;
	line-height: 1.5em;
}
#content a, #content a:link { 
	font-size: 1.1em;
	color: #69c;
	font-family: Arial, Helvetica, sans-serif;
}
#content a:visited { color: #999; }
#content a:hover { color: #00f; }
#content a:active { color: #900; }
#content .half {
	float: left;
	width: 330px;
	text-align: left;
}
#content .quarter {
	float: left;
	width: 160px;
	text-align:left;
}
#content .middle { width: 380px }
#content .middle2 { width: 530px }
#content .thinner { width: 130px }
#content .pleft { margin-left: 30px; }
#content .pleft2 { margin-left: 5px; }
#content .qleft { padding-left: 20px; }
#portfolio #content .qleft { padding-left: 29px; }
#content .pright { padding-right: 10px; }
#content .qright { padding-left: 20px; }
#content #news { padding-left: 0px; }
.return { float: right; margin: 7px 0 0 0 !important; }
.return a { font-size: 11px !important; line-height: 22px !important }
ul.text {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
	color: #666;
	line-height: 1.5em;
	margin-left:15px;
	list-style-type: square;
}
.dotted {
	background-image: url(../_images/shared/dot.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.dotbar {
	background-image: url(../_images/shared/dot.gif);
	background-repeat: repeat-y;
	background-position: top left;
}
.rar {
	background-image: url(../_images/services/serv_hm_arrow.gif);
	background-repeat: no-repeat;
	background-position:right center;
}
.services_icons {
	width: 165px;
	padding: 30px 13px 30px 0;
	background-image: url(../_images/services/serv_hm_arrow.gif);
	background-position: right center ;
	background-repeat: no-repeat;
	height: 90px;
	text-align: center;
	float: left;
}
.nobg { background-image: none; padding-right: 0; }
.lblue { color:#69c; }
.grass { color:#4B650C; }
.left { text-align: left; }
.right { text-align: right; }
.fleft { float: left; }
.fright { float: right; }
.ileft { float: left; margin-right: 10px; }
.iright { float: right; margin-left: 10px; }
.thumb {
	float: left;
	text-align: center;
}

#mark { background:#fff url(../_images/company/photo_mark_roll.jpg) 0 0 no-repeat; }
#naomi { background:#fff url(../_images/company/photo_naomi_roll.jpg) 0 0 no-repeat; }
#lisa { background:#fff url(../_images/company/photo_lisa_roll.jpg) 0 0 no-repeat; }
#raewyn { background:#fff url(../_images/company/photo_raewyn_roll.jpg) 0 0 no-repeat; }
#aidan { background:#fff url(../_images/company/photo_aidan_roll.jpg) 0 0 no-repeat; }
#lester { background:#fff url(../_images/company/photo_lester_roll.jpg) 0 0 no-repeat; }
#wayne { background:#fff url(../_images/company/photo_wayne_roll.jpg) 0 0 no-repeat; }
#mike { background:#fff url(../_images/company/photo_mike_roll.jpg) 0 0 no-repeat; }
#lee { background:#fff url(../_images/company/photo_lee_roll.jpg) 0 0 no-repeat; }
#mark a:hover img,
#naomi a:hover img,
#lisa a:hover img,
#raewyn a:hover img,
#aidan a:hover img,
#lester a:hover img,
#wayne a:hover img,
#mike a:hover img,
#lee a:hover img { visibility: hidden; }

.thumb a,
.thumb a:link { font-weight: bold; font-size: 1em; }
.block { display:block }
 
.staff {
	width: 78px;
	height: 140px;
	padding-right: 40px;
}
.staff a:link img {
	text-decoration: none;
}
ul.visit{ margin:30px 0 10px 0; padding:0; list-style-type: none; }
ul.visit li {
	background-image: url(../_images/portfolio/icon_visit_site.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 5px 0 50px 40px;
}
.casestudy {
	width: 690px;
	padding: 0;
	margin: 0;
}
.case_toggle {
	width: 380px;
	padding: 10px 0;
	margin: 40px 0 0 160px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	height: 1.8em;
	font-size: 1.1em;
}
.case_toggle a.left {
	float: left;
	width: 150px;
	height: 1.6em;
}
.case_toggle a.right {
	float: right;
	width: 150px;
	height: 1.6em;
}
.case {
	width: 56px;
	height: 91px;
	padding-right: 10px;
}
.virtual {
	width: 96px;
	height: 90px;
	padding-right: 12px;
}
.virtual img { border: 1px solid #ccc; }
.highlight { 
	background-color: #FCEBC0;
	color: #000;
	padding: 3px;
	font-weight: bold;
}
.success {
	text-align: center;
	clear: both;
	margin-top: 20px;
	padding: 20px;
}
.nopad { padding: 0; }
#content ul.nobull,
form#contact_form ul,
form#nl_form ul { list-style-type: none; }
#content ul.nobull li { 
	font-size: 1.1em;
	line-height: 1.3em;
	margin-bottom: 1em;
	color: #444;
}
#content .rightsub ul { margin-top: 20px; }
#content .rightsub ul.nobull li { 
	font-size: 1em;
	list-style-image: url(../_images/bullet.png);
}
ul.subnav {
	list-style-type: none;
	padding-top: 55px;
}
.subnav li {
	background-image: url(../_images/shared/dot.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding-bottom: 8px;
	margin-bottom: 5px;
	font-size: 1.1em;
}
.subnav li a,
.subnav li a:link { 
	text-decoration: none;
	line-height: .8em;
	padding: 0;
	margin: 0;
	font-size: 1em !important;
}
#content h2.servicetitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../_images/shared/dot.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding-bottom: 8px;
	margin: 10px 0 20px 0;
}
#content div.rightsub {
	float: left;
	width: 160px;
	text-align:left;
}
#content div.rightsub p {
	background-image: url(../_images/shared/dot.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	margin: 10px 0 2em 0;
	padding-bottom: 5px;
}
#content div.rightsub p a {	font-size: 1em; }
#content div.rightsub ul,
#content div.rightsub p,
#content div.rightsub h5 {
	padding-left: 30px;
}
div.dotline {
	display:block;
	clear: both;
	color: #fff;
	border: none;
	height: 50px;
	line-height: 50px;
	background-image: url(../_images/shared/dot.gif);
	background-position: left 10px;
	background-repeat: repeat-x;
}
form#contact_form ul li {
	font-size: 1.2em;
	line-height: 2em;
	color: #333;
	padding-top: 15px;
	clear:both;
}
.steps { 
	float: left;
	position: relative;
	padding: 0 20px 10px 0;
}
p.portnav {	height: 1.4em; }
p.portnav a,
p.portnav a:link {
	font-size:0.9em !important;
}
#footer {
	clear: both;
	text-align: center;
	height: 54px;
	margin-top: 40px;
}
#footer ul#footnav {
	list-style-type: none;
	width: 420px;
	margin: 0 auto;
	padding-left: 40px;
}
#footer li {
	float:left;
	width: 140px;
	text-align: center;
}
#footer li a#f_contact,
#footer li a#f_newsletter,
#footer li a#f_careers {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	color: #ccc;
	width: 100px;
	padding: 42px 0 0 0;
	margin: 0;
	height: 12px;
	background-image: url(../_images/shared/footer_icons.gif);
	background-repeat: no-repeat;
	text-align: center;
	display: block;
}
#footer li a#f_contact:link
#footer li a#f_contact:visited { background-position: 0 0; }
#footer li a#f_contact:hover { background-position: 0 -58px; color: #ce8987; }
#footer li a#f_newsletter:link,
#footer li a#f_newsletter:visited { background-position: -100px 0; }
#footer li a#f_newsletter:hover { background-position: -100px -58px; color: #ce8987; }
#footer li a#f_careers:link,
#footer li a#f_careers:visited { background-position: -200px 0; }
#footer li a#f_careers:hover {	background-position: -200px -58px; color: #ce8987; }

.clear { clear:both; }
hr.clear {
	background-color: inherit;
	color: #fff;
	border: none;
	height: 1em;
}
acronym { cursor: help }
#theend {
	height: 40px;
	text-indent: -1000em;
	color: #fff;
}
#accessibility {
	position: absolute;
	top: -9999px;
	font-size: 1px;
}
#nothanks { display:none; visibility: hidden; }

.insidescreen {
	float: left;
	width: 213px;
	padding-bottom: 20px;
}
.insidescreendesc {
	float: left;
	padding-left: 20px;
	width: 295px;
	padding-bottom: 20px;
}
a.imgfocus img {
	border: 2px solid #ebebeb;
}
a.imgfocus:hover img {
	border: 2px solid #d6e1ff;
}
#quicklinks {
	width: 150px;
	float: right;
	padding: 0 0 0 20px;
	border-left: 1px dotted #999; 
	color: #999;
	margin: 0 0 10px 10px;
}
#quicklinks ul {
	list-style-type: square;
	color: #69c;
}
#quicklinks ul li {
	line-height: 1.6em;
}
span.top { float: right }