html {font-size: 62.5%}
body {margin:0px; padding:0px; background: url('/2/images/mainBG.gif') top center no-repeat #191919; font-family: 'HelveticaNeue', 'Helvetica Neue', 'Arial', sans-serif; font-size: 1em; color:#dddddd; }

a, a:visited {border-bottom: 2px solid #777a26; text-decoration:none; color:#dddddd; outline:none }
a:hover, a:visited:hover {border-bottom: 2px solid #777a26; text-decoration:none; color:#ffffff; background-color:#777a26; outline:none }


h1 { font: normal 2em/2em Georgia, "Times New Roman", Times, serif; color: #b3b669; padding: 0px; margin: 0px 0px 10px; 0px;}
h2 { font: normal 1.8em/2em Georgia, "Times New Roman", Times, serif; color: #b3b669; padding: 0px; margin: 0px 0px 10px; 0px;}
h3 { font: normal 1.4em Georgia, "Times New Roman", Times, serif; color: #b3b669; padding: 0px; margin: 0px 0px 10px; 0px;}


/* head */
#headerContainer {width:100%; height:250px; background: url('/2/images/headerBG.jpg') top center no-repeat; margin:0px; padding:0px;}
#header {width: 980px; margin:0px auto; padding:0px; text-indent:-99999999px;}

/* nav */
#navContainer {width:100%; height: 152px; margin:0px; padding:0px;}
#nav {width: 1000px; height:89px; margin:0px auto; padding:0px;}
#nav ol {list-style-type:none; margin:0px; padding:0px;}
#nav li {float:left; margin:0px; padding: 0px;}

#nav li.navAbout {width: 183px; height: 89px;}
#nav li.navAbout a { display: block; width: 183px; height: 89px; background: url('/2/images/navAbout.gif') no-repeat top left; text-indent: -999999px; border-bottom:0px;}
#nav li.navAbout a:hover { display: block; width: 183px; height: 89px; background: url('/2/images/navAbout-on.gif') no-repeat top left; text-indent: -999999px; border-bottom:0px;}

#nav li.navPortfolio {width: 236px; height: 89px;}
#nav li.navPortfolio a { display: block; width: 236px; height: 89px; background: url('/2/images/navPortfolio.gif') no-repeat top left; text-indent: -999999px; border-bottom:0px;}
#nav li.navPortfolio a:hover { display: block; width: 236px; height: 89px; background: url('/2/images/navPortfolio-on.gif') no-repeat top left; text-indent: -999999px; border-bottom:0px;}

#nav li.navContact {width: 203px; height: 89px;}
#nav li.navContact a { display: block; width: 203px; height: 89px; background: url('/2/images/navContact.gif') no-repeat top left; text-indent: -999999px; border-bottom:0px;}
#nav li.navContact a:hover { display: block; width: 203px; height: 89px; background: url('/2/images/navContact-on.gif') no-repeat top left; text-indent: -999999px; border-bottom:0px;}

#nav li.navHome {width: 378px; height: 89px;}
#nav li.navHome a { display: block; width: 378px; height: 89px; background: url('/2/images/navHome.gif') no-repeat top left; text-indent: -999999px; border-bottom:0px;}
#nav li.navHome a:hover { display: block; width: 378px; height: 89px; background: url('/2/images/navHome-on.gif') no-repeat top left; text-indent: -999999px; border-bottom:0px;}

/* main */
#main {width:1000px; margin:0px auto; font-size: 1.4em; font-family:'HelveticaNeue-Light', 'Helvetica Neue', 'Helvetica Neue Light','arial', sans-serif; line-height: 1.8em;}


/* page formatting stuff */

#welcomeBox { width:550px; float:left; padding:0px 10px; margin:0px 40px 20px 0px;}
#aboutBox {width: 550px; float:left; }
#contactBox { width:360px; float:left; background-color:#2f2f2f; padding:30px; margin:0px 40px 20px 0px;}
#portfolioBox {width:630px; float:left; padding:0px 10px; margin:0px 40px 20px 0px;}

.stopthat a, .stopthat a:visited, .stopthat a:focus, .stopthat a:hover, .stopthat a:visited:hover {border-bottom:0px; background:none;}
#portfolioBox a img {border: 4px solid #2f2f2f; margin: 4px auto;}
#portfolioBox a:hover img {border: 4px solid #b3b669;}

.alignleft {float:left;}
.alignright {float:right;}

#rightSide { width:300px; float:left;}
#rightSideSM {width:200px float:left; font-size:0.9em;}
#rightSideLinks { width:300px; float:left; font-size:0.9em;}

#rightSideLinks ul {list-style-type:none; width:265px;margin:0px; padding:0px;}
#rightSideLinks li {list-style-type:none;margin:0px; padding:3px 10px;}
#rightSideLinks a, #rightSideLG a:visited {display:block; background-color:#2f2f2f; border:1px dotted #2f2f2f; color:#777a26; text-indent:4px;}
#rightSideLinks a:hover, #rightSideLG a:visited:hover {display:block; background-color:#2f2f2f; border:1px solid #777a26; color:#777a26; text-indent:6px;}

#rightSidePics {width:150px; float:left;}
#rightSidePics a {border-bottom:0px;}
#rightSidePics a img {border: 4px solid #2f2f2f; margin: 0px 0px 6px 0px;}
#rightSidePics a:hover img {border: 4px solid #b3b669; margin: 0px 0px 6px 0px;}

.meta {font-size:0.8em; line-height:0.9em; margin:0px 10px; padding:0px;}
.introText {font-size:2.4em; line-height:1em;}

/* ajax contact form */
fieldset { border:0;margin:0;padding:0; }
label { display:block; }
input.text,textarea { width:300px;font:12px/12px 'courier new',courier,monospace;color:#dddddd; background-color:#2f2f2f; padding:3px;margin:1px 0px 7px 0px; }
textarea {border:1px solid #ccc;}
input.text {border:0px;border-bottom:1px solid #ccc;}
input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif;color:#dddddd; background-color:#2f2f2f;}

/* flickr badge */
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#dddddd;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}

#flickr_badge_uber_wrapper {width:150px;}
#flickr_www {display:block; text-align:center; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#b3b669;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#dddddd !important;}

/* lightbox 2 */
#lightbox{position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox a {border-bottom:0px; color:#777a26; text-decoration:underline;}
#lightbox a:hover {border-bottom:0px; color:#777a26; text-decoration:none; background-color:none;}
#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: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../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;	}
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;}