body {	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;	font-size: 12px;	background: url(http://www.dawntwist.com/wp-content/themes/dawntwist/images/bg.jpg) no-repeat top center #0c2633;	color: #fff;	margin: 0;	padding: 0;}html {	border: 0;}a {	text-decoration: none;	color: #f1f794;	outline: none;	font-weight: normal;}a:hover {	text-decoration: underline;color: #f1f794;	font-weight: normal;}.boxgrid{   width: 325px;    height: 260px;   margin:10px;  float:left;    background:#161613;   border: solid 2px #8399AF;    overflow: hidden;   position: relative;   }   .boxgrid img{      position: absolute;      top: 0;      left: 0;     border: 0;   }   .boxcaption{       float: left;     position: absolute;      background: #ccc;      height: 100px;       width: 100%;      opacity: .8;      /* For IE 5-7 */      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);       /* For IE 8 */      -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";      }   .boxcaption{     float: left;     position: absolute;      background: #ccc;       height: 100px;     width: 100%;     opacity: .8;      /* For IE 5-7 */     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);      /* For IE 8 */      -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";      }  h1, h3 {	font-size: 12px;	font-weight: normal;	color: #fff;	margin: 0;	padding: 0;	text-transform: uppercase;}h2 {	font-size: 14px;	font-weight: normal;	color: #f1f794;	margin: 0;	padding: 0;	text-transform: uppercase;}h3 {	margin-bottom: 10px;}hr {	height: 1px;	border-top: 1px solid #16465d;	border-right: 0px;	border-bottom: 0px;	border-left: 0px;	padding: 0;	margin: 0;}img {	border: 0;}form  {	margin: 0;}.left {	float: left;}.right {	float: right;}.clearer {	clear: both;	height: 0;	padding: 0;	margin: 0;	display: block;	line-height: 0;	white-space: nowrap;}			a.logo {	width: 92px;	height: 73px;	display: block;	float: left;	background: url(../images/logo.jpg) 0 0 no-repeat;	text-decoration: none;}a:hover.logo {    background-position: -92px 0;}#container {	width: 860px;	margin: auto;}#header {	width: 860px;	height: 72px;	padding: 60px 0 0;	border-bottom: 1px solid #16465d;}#header .logo {	display: block;	float: left;}#menu a {	color: #f0ffb7;}#menu a:hover {	color: #99bb3d;	text-decoration: none;}ul#menu  {	margin: 20px 0 0;	padding: 0;	float: right;}#menu li {	list-style-type: none;	display: inline;	margin-right: 40px;	text-transform: uppercase;}#menu li.end {	margin-right: 0;}#strapline {	width: 860px;	height: 105px;	font-size: 15px;	line-height: 1.6em;	padding: 32px 0 0;	border-bottom: 1px solid #16465d;}#strapline p {	margin: 0;	padding: 0;}#news {	width: 860px;	padding: 35px 0;	overflow: hidden;	zoom: 1;	border-bottom: 1px solid #16465d;}#news .blog {	margin-top: 40px;}#work {	width: 860px;	padding: 35px 0 0;	overflow: hidden;	zoom: 1;	border-bottom: 1px solid #16465d;	}#work .resume {	margin-top: 300px;}#about {	width: 860px;	padding: 35px 0;	line-height: 2em;	overflow: hidden;	zoom: 1;}#about p {	margin-top: 0;	padding-top: 0;}#what {	width: 860px;	padding: 0 0 35px;	line-height: 2em;	overflow: hidden;	zoom: 1;	border-bottom: 1px solid #16465d;}#what p {	margin-top: 0;	padding-top: 0;}#contact {	width: 860px;	padding: 35px 0;	line-height: 2em;	overflow: hidden;	zoom: 1;	border-bottom: 1px solid #16465d;	}#contact p {	margin-top: 0;	padding-top: 0;}#contactInfo {	width: 310px;	float: left;}#contactInfo p {	width: 310px;	display: block;	overflow: hidden;	zoom: 1;}#contactInfo img {	display: block;	float: left;}#contactInfo span {	width: 260px;	display: block;	float: right;}#contactForm {	width: 287px;	float: right;}#contactForm form {	overflow: hidden;	zoom: 1;}#contactForm .input {	width: 284px;	height: 19px;	background: #17394a;	border: none;	color: #fff;	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;	font-size: 12px;	margin: 0 0 10px;	outline: none;	padding: 3px 0 0 3px;}#contactForm .input-enquiry {	width: 284px;	height: 85px;	background: #17394a;	border: none;	color: #fff;	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;	font-size: 12px;	margin: 0 0 10px;	outline: none;	padding: 5px 0 0 3px;}#contactForm .input-submit {	width: 142px;	height: 22px;	background: #124b68;	border: none;	color: #fff;	float: left;	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;	font-size: 12px;	text-align: center;}#contactForm .input-clear {	width: 136px;	height: 22px;	background: #124b68;	border: none;	color: #fff;	float: right;	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;	font-size: 12px;	text-align: center;}#contactForm .thanks {	clear: both;	display: block;	font-size: 17px;	padding: 10px 0;	text-align: center;}#media {	width: 860px;	padding: 35px 0;	line-height: 2em;	overflow: hidden;	zoom: 1;	border-bottom: 1px solid #16465d;	}#media p {	margin-top: 0;	padding-top: 0;}#mediaCol01 {	width: 125px;	float: left;	margin-right: 15px;}#mediaCol02 {	width: 125px;	float: left;}#mediaCol01 ul, #mediaCol02 ul {	margin: 0;	padding: 0;}#mediaCol01 li, #mediaCol02 li {	list-style: none;}#twitter {	width: 246px;	height: 97px;	background: url(../dawntwist/images/bgdTwitter.jpg) no-repeat;	float: right;	line-height: 1.5em; 	padding: 65px 10px 0 104px;}a.border {	display: block; 	width: 291px;	height: 160px;	margin: 0 0 35px;	border: 4px solid #fff;} a.border:hover {	border: 4px solid #fffc00;}.leftCol {	width: 228px;	float: left;}.rightCol {	width: 632px;	float: right;}.oneOfTwo {	width: 299px;	float: left;	margin-right:16px;}.twoOfTwo {	width: 299px;	float: right;}#footer {	overflow: hidden;	padding: 10px 0;	zoom: 1;}#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}#lightbox img{ width: auto; height: auto;}#lightbox a img{ border: none; }#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }#imageContainer{ padding: 10px; }#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }#imageContainer>#hoverNav{ left: 0;}#hoverNav a{ outline: none;}#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }#prevLink { left: 0; float: left;}#nextLink { right: 0; float: right;}#prevLink:hover, #prevLink:visited:hover { background: url(wp-content/themes/dawntwist/images/prevlabel.gif) left 15% no-repeat; }#nextLink:hover, #nextLink:visited:hover { background: url(wp-content/themes/dawntwist/images/nextlabel.gif) right 15% no-repeat; }#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }#imageData{	padding:0 10px; color: #666; }#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	#imageData #caption{ font-weight: bold;	}#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #ccc; }