/* 
daviniahammond.com
screen.css
update september 2009
author:iain stewart:coolfeed
url: http://www.coolfeed.com/
*/
*{margin:0;padding:0}
body{color:#ffffff;background:#000000;font:62.5% Arial,Helvetica,sans-serif}
a:link{text-decoration:none;color:#808080}
a:visited{text-decoration:none;color:#808080}
a:active{text-decoration:none;color:#808080}
a:hover, a:focus {text-decoration:none;color:#ffffff}
a img{border:0 none;margin:0;padding:0}
.container{margin:10px 0 0 10px;width:960px;position:relative}
#header{margin:0 0 2em 0px;padding:0px 0 15px 0;border:0px;text-align:left;width:960px;display:block;position:relative}
#header h1{width:520px;height:40px;margin-left:60px;margin-top:20px;text-indent:-9000em;background:transparent url(../i/bg/dh-logo.gif) no-repeat 0 0}
#header h1#logo2{margin-left:60px}
#header h1#logo2 a{display:block;width:520px;height:40px;text-indent:-9000em;background:transparent url(../i/bg/dh-logo2.gif) no-repeat 0 0}
#header #navigation{margin:20px 0 10px 60px}
#header #navigation-inner{position:absolute;width:720px;height:13px}
#header #navigation-inner ul#topnav{margin:0;list-style-type:none;text-align:left}
#header #navigation-inner  ul#topnav li{display:inline;list-style-type:none;text-align:left}
#header #navigation-inner ul#topnav li a{float:left;display:block;border:0;text-indent:-9000em;margin-right:30px}
#header  #navigation-inner ul#topnav li#home a{width:53px;height:13px;background:transparent url(../i/bg/home.gif) no-repeat 0 -13px}
#header  #navigation-inner ul#topnav li#home a:hover{background:transparent url(../i/bg/home.gif) no-repeat 0 -26px}
body#homepage #navigation-inner ul#topnav li#home a,body#homepage  #navigation-inner ul#topnav li#home a:hover{background:transparent url(../i/bg/home.gif) no-repeat 0 0px}
#header  #navigation-inner ul#topnav li#personal a{width:157px;height:13px;background:transparent url(../i/bg/personal.gif) no-repeat 0 -13px}
#header  #navigation-inner ul#topnav li#personal a:hover{background:transparent url(../i/bg/personal.gif) no-repeat 0 -26px}
body#personalpage #navigation-inner ul#topnav li#personal a,body#personalpage  #navigation-inner ul#topnav li#personal a:hover{background:transparent url(../i/bg/personal.gif) no-repeat 0 0px}
#header #navigation-inner  ul#topnav li#about a{width:63px;height:13px;background:transparent url(../i/bg/about.gif) no-repeat 0 -13px}
#header #navigation-inner  ul#topnav li#about a:hover{background:transparent url(../i/bg/about.gif) no-repeat 0 -26px}
body#aboutpage #navigation-inner  ul#topnav li#about a,body#aboutpage  #navigation-inner ul#topnav li#about a:hover{background:transparent url(../i/bg/about.gif) no-repeat 0 0px}
#header  #navigation-inner ul#topnav li#contact a{width:85px;height:13px;background:transparent url(../i/bg/contact.gif) no-repeat 0 -13px}
#header  #navigation-inner ul#topnav li#contact a:hover{background:transparent url(../i/bg/contact.gif) no-repeat 0 -26px}
body#contactpage  #navigation-inner ul#topnav li#contact a,body#contactpage  #navigation-inner ul#topnav li#contact a:hover{background:transparent url(../i/bg/contact.gif) no-repeat 0 0px}
#content{margin:0;padding:0;position:relative;width:960px;display:block;border:0px}
#content-inner{margin:0em 0 1.5em 0;padding:15px 0 15px 0;width:100%}
#main-image{height:535px;width:840px;border:0;margin-left:60px;margin-bottom:2em;background:#000000}
/* prev/next arrows */
.nav1{position:absolute;top:280px;left:21px;clear:both}
.nav1 a#leftarr{height:21px;display:block;width:18px;text-indent:-9000em;background:transparent url(../i/bg/prev.gif) no-repeat 0 -21px;border:0}
.nav1 a#leftarr:hover{background:transparent url(../i/bg/prev.gif) no-repeat 0 0px}
.nav2{position:absolute;top:280px;right:21px;clear:both}
.invisible{display:none}
.visible{display:block}
.nav2 a#rightarr{display:block;height:21px;width:18px;text-indent:-9000em;background:transparent url(../i/bg/next.gif) no-repeat 0 0px}
.nav2 a#rightarr:hover{background:transparent url(../i/bg/next.gif) no-repeat 0 -21px}
h2.aboutme{margin:25px 0 25px 60px;font-size:2.0em;text-transform:uppercase}
p.textpara{margin:100px 140px 0 60px;text-align:justify;line-height:1.8em;font-size:1.6em;text-transform:uppercase}
p.textpara2{margin:1.5em 140px 0 60px;text-align:justify;line-height:1.8em;font-size:1.6em;text-transform:uppercase}
h2#contact2{margin:100px 0 10px 60px;width:350px;}
h2#contact2 a{display:block;margin:0;width:270px;height:13px;text-indent:-9000em;background:transparent url(../i/bg/email2.gif) no-repeat 0 0}
h2#contact2 a:hover{background:transparent url(../i/bg/email2.gif) no-repeat 0 -13px}
body#contactpage #footer{margin:480px 10px 10px 60px}
body#contactpage #footer p.leftcol{float:left;width:50%;padding:4px 0;color:#808080}
body#contactpage #footer p.rightcol{float:right;width:40%;padding:4px 0;color:#808080}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}