/* Globals */
* {margin:0; padding:0; border:0;}
body {background:#ff5400 url(../../images/bg_top.jpg) repeat-x top center; font:67% Verdana, Arial, Helvetica, sans-serif; color:#000;}
a {color:#1E8334; text-decoration:underline;}
a:hover {color:#144F20; text-decoration:underline;}


/* Containers */
#container-wrapper {display:block; background:transparent url(../../images/bg_center.jpg) no-repeat top center; width:100%; min-height:639px; padding-bottom:30px;}
#container {margin:0 5px 0 40px; min-width:660px;}
#content {background:#fff url(../../images/content-footer.jpg) no-repeat bottom right; border-right:6px solid #191919; float:left; width:419px; padding-bottom:70px;}
#content2 {border-right:1px solid #ff5400; width:399px;}


/* Header */
#navcontainer {width:400px; height:20px; background:#fff;}
#navigation {display:block; list-style:none; height:20px; margin-right:-1px; padding-right:1px; background:#fff; float:right;}
#navigation li {display:inline; position:relative;}
#navigation li a {float:left; display:block; height:20px; margin:0 5px; font:1.2em/1.4em Georgia, "Times New Roman", Times, serif; color:#323232; text-decoration:none; text-transform:lowercase; margin-right:12px;}
#navigation li a#blog {background:#fff url(../../images/nav-blog.gif) no-repeat 0 5px; width:22px;}
#navigation li a#work {background:#fff url(../../images/nav-work.gif) no-repeat 0 5px; width:27px;}
#navigation li a#about {background:#fff url(../../images/nav-about.gif) no-repeat 0 5px; width:30px;}
#navigation li a#contact {background:#fff url(../../images/nav-contact.gif) no-repeat 0 5px; width:37px; margin-right:0;}
#navigation li a:hover {border-bottom:3px solid #ff5400; height:17px;}
#navigation li a span {display:block; margin-top:-999px;}
#navigation li ul {display:none; position:absolute; left:auto; top:auto; list-style-type:none; padding:0.6em 3px 1.3em; width:105px; border:1px solid #AFB4B8; border-top:4px solid #263763; background:#fff; margin:20px 0 0 32px;}
#navigation li:hover ul,#navigation li.over ul {display:block;}
#navigation li ul li {margin:0.2em 5px 0.3em; display:block; float:none;}
#navigation li ul li a {height:auto; margin:0.3em; padding:0; text-decoration:none; font-size:1em; float:none; font-weight:normal; display:block; padding-bottom:0; text-transform:lowercase; font:11px/14px Verdana, Tahoma, sans-serif; letter-spacing:0;}
#navigation li ul li a:hover {height:auto; margin:0.3em; padding:0; text-decoration:underline; border-bottom:none;}
#header {border-bottom:10px solid #ff5400; background:transparent url(../../images/headers/drill.jpg) no-repeat top center; padding-top:158px; height:44px;}
#header h2 {position:relative;}
#header h2 a {position:absolute; left:225px; top:8px; display:block; width:160px; height:22px; background:transparent url(../../images/header-logo.gif) no-repeat center center; }
#header h2 a span {margin-left:-9999px;}


/* Sidebar */
#sidebar {background:#fff url(../../images/sidebar-footer.jpg) no-repeat bottom right; width:176px; font:1em/1.3em "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif; color:#000; float:left; margin-left:10px;}
#sidebar2 {border-left:2px solid #ff5400; border-right:2px solid #ff5400; padding:24px 7px 30px 14px; width:137px;}
#sidebar h2 {color:#1e8334; font:20px/26px Georgia, "Times New Roman", Times, serif; text-transform:lowercase;}
#sidebar ul, #sidebar ol, #sidebar dl {margin:0 0 2em;}
#sidebar ul {list-style:none;}
#sidebar ol {list-style-type:decimal; list-style-position:inside;}
#sidebar ul li {display:block; margin:0 0 0.2em;}
#sidebar ul li {background:transparent url(../../images/sidebar-li.gif) no-repeat 0 5px;}
#sidebar ul li a {display:block; margin-left:10px;}
#sidebar ul li span {display:block; margin-left:10px; color:#741D0A;}
#sidebar a {color:#000; text-decoration:none;}
#sidebar a:hover {color:#741D0A; text-decoration:underline;}
#sidebar dt {color:#144F20; font-weight:bold;}
#sidebar dd {margin:0 0 0.4em 5px;}
#sidebar div#icons {border-top:10px solid #ff5400; padding:1.8em 7px 0 14px; margin:0 -7px 0 -14px;}
#sidebar div#icons ul {}
#sidebar div#icons ul li {background-image:none;}
#sidebar div#icons ul li a {margin:0 0 0.4em;}


/* Page Content */
#pagecontent {padding:1.9em 15px 1.6em; font:0.9em/1.4em Verdana, Arial, Helvetica, sans-serif; color:#000;}
div.news {margin-bottom:2em;}
.news div.article {border-bottom:1px solid #ff5400; padding:2em 0;}
.news div.long {border-bottom:none !important; font:1.1em/1.4em Verdana, Arial, Helvetica, sans-serif;}
.news div.first {padding-top:0;}
.news div.last {border-bottom:none !important;}
.news div.date {text-align:right; font:10px/12px "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif; color:#797979;}
.news h2.title {font:1.5em/1.8em "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif; color:#1e8334; font-weight:bold;}
.news h2.title span {margin-left:-5px; color:#797979;}
.news #viewfull {margin-top:1.5em; font-weight:bold; display:block; padding:0.5em 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.news div.description {}
.news div.previousarticles {padding-top:0.8em;}
.news div.previousarticles a {color:#751D09; text-decoration:none;}
.news #archivelist {border-bottom:1px solid #ff5400; padding:2em 0;}
.news #archivelist ul {list-style-type:none;}
.news #archivelist ul li {font:normal 1.5em/1.1em "Palatino Linotype","Times New Roman",Georgia,serif; margin-bottom:0.3em;}
.news #archivelist ul li a {text-decoration:none;}
.news #archivelist li a span {font:0.6em/1.4em Verdana, Arial, Helvetica, sans-serif; vertical-align:top; color:#666;}
#cssreboot {}
#cssreboot img {display:block;}
a.Printslink {display:block; width:370px; height:105px; background:transparent url(../../images/prints-header.jpg) no-repeat bottom left;}
a.Photographylink {display:block; width:370px; height:105px; background:transparent url(../../images/photography-header.jpg) no-repeat bottom left;}
a.Websiteslink {display:block; width:370px; height:105px; background:transparent url(../../images/websites-header.jpg) no-repeat bottom left;}
a.Printslink span, a.Photographylink span, a.Websiteslink span {display:none;}
#webporttext {margin:-10px 0 10px;}
div.comment {margin:0 -3px 0.5em; padding:0 3px 1.5em;}
div.comment:hover {background-color:#efefef;}
div.comment h3 {text-transform:none;}
div.comment h3 cite {font-style:none; font:normal 1.8em/1.1em "Palatino Linotype","Times New Roman",Georgia,serif;}
div.comment h3 a {text-decoration:none; padding:0.6em 0 0.2em; color:#FF5400;}
div.comment h3 a:hover {text-decoration:underline;}
div.comment h4 {font:normal 0.9em/1.2em Tahoma, Arial, sans-serif; padding:0.1em 0 0.3em; color:#333;}
div.comment blockquote {}
form#markit {margin-top:2em; border-top:1px solid #999; padding-top:0.6em;}

/* Forms */
#content form {width:330px;}
#content form:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#content form {display:inline-table;}
/* Hides from IE-mac \*/
#content form {display:block;}
/* End hide from IE-mac */
#content form fieldset {display:block; width:333px;}
#content form legend {font:1.2em/1.5em Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding:0.6em 0 0.3em; letter-spacing:1px; text-transform:uppercase;}
#content form label {display:block; font-size:1em; line-height:1.4em; padding:0 0 0.8em 0;}
#content form label:hover {font-weight:bold;}
#content form input {display:block; border:1px solid #ccc; font-size:11px; padding:2px; height:14px; color:#000; background:#f2f2f2;}
#content form input:hover,#content form select:hover,#content form textarea:hover {border:1px solid #999;}
#content form input:focus,#content form select:focus,#content form textarea:focus {border:1px solid ccc; background-color:#e3e3e3;}
#content form input.hidden {display:none;}
#content form select {float:left; display:block; border:1px solid #ccc; background:#f2f2f2; font-size:11px; height:18px; color:#000; margin-top:-2px; }
#content form textarea {display:block; padding:2px; width:306px; height:86px; margin-top:3px; border:1px solid #ccc; font-size:12px; color:#000; background:#f2f2f2; font:12px/14px Tahoma, Arial, Helvetica, sans-serif;}
#content form textarea.short {height:30px;}
#content form h5 {font-size:13px; text-transform:uppercase;}
#content form h6 {font-size:11px;}
#content form label.field {float:left; margin:0 8px 0 0; width:150px;}
#content form label.newline {clear:both;}
#content form label.field input {float:left; width:146px;}
#content form label.field select {float:left; margin-top:3px; width:146px;}
#content form label.oneline {width:306px;}
#content form label.oneline input {width:306px;}
#content form input.radiobutton {clear:both; float:left; padding:0; margin:0; border:none;}
#content form label.radioitem {clear:none; margin:0 0 0 25px; padding:2px 0 15px 0;}
#content form input.checkbox {clear:both; float:left; display:block; padding:0; margin:0; border:none;}
#content form label.field-checkbox {clear:none; margin:0 0 0 25px; padding:2px 0 15px 0;}
#content form label.additional_info {padding-bottom:5px;}
#content form fieldset.buttons {clear:both; padding-right:10px; width:310px;}
#content form input.button {border:1px solid #666; color:#000; padding:0 3px 4px; display:block; background:none; float:right;}
#content form input.imgbutton {border:none; padding:0; width:54px; height:16px; display:block; background:none; float:right;}
#content form input#submitimgbtn {height:16px; width:54px;}
html body div div form .error {border:1px solid #f00 !important;}
#content div#errormsg {color:#f00; font-style:italic;}
#content div#errormsg li {margin-left:20px;}
#content form h5 {margin-top:15px;}
#content form h6 {margin:10px 0 5px 0;}
body #content .formright {padding-top:30px;}
body #content form.basicform {display:inline; float:none; width:auto; margin:0; padding:0;}
body #content form.basicform input {}

/* Gallery */
ul#gallery {padding:0 10px; list-style:none; margin:0; position:relative;}
ul#gallery:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
ul#gallery li {display:inline; text-align:left; clear:none; float:none; border:0;}
ul#gallery li a {margin:10px; border:1px solid #ccc; padding:1px; position:relative; float:left; display:block; width:60px; height:60px;}
ul#gallery li a:hover {z-index:2;}
ul#gallery li a img {position:absolute; width:60px; height:60px;}
ul#gallery li a:hover img, ul#gallery li a:active img, ul#gallery li a:focus img {width:82px; height:82px; left:-10px; top:-10px; z-index:1; border:1px solid #000;}

/* Lightbox */
#lightbox {position:absolute; top:40px; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#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;}
#imageData {padding:0 10px;}
#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; -moz-opacity: 0.6; opacity: 0.6;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

/* Html Area */
.htmlarea {}
.htmlarea h1, h1.pagetitle {font:1.8em/2.2em "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif; color:#1e8334; font-weight:bold; letter-spacing:0.5px; padding:1.4em 0 1em;}
.htmlarea h2 {font:1.6em/1.9em "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif; color:#1e8334; font-weight:normal; letter-spacing:0.4px; padding:1em 0 0.6em;}
.htmlarea h3, .htmlarea h4, .htmlarea h5 {font:1.2em/1.5em Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding:0.6em 0 0.3em; letter-spacing:1px; text-transform:uppercase;}
.htmlarea ul {margin-left:14px;}
.htmlarea ol {margin-left:14px;}
.htmlarea samp {display:inline; font:1.2em/1.4em "Courier New",Courier,monospace;}
.htmlarea code {display:block; padding:1em 0; font:1.2em/1.4em "Courier New",Courier,monospace; color:#000; white-space:pre; width:360px; overflow:auto;}
.htmlarea dt {font-weight:bold;}


/* sIFR */
.sIFR-flash {visibility: visible !important; margin:0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;}
.sIFR-hasFlash #sidebar h2 {visibility:hidden; font-size:20px;}