/* lauren kearns website screen styles */
/* website 2006 by storm king design */ 
/* http://www.stormkingdesign.com */
/* info@stormkingdesign.com */

* { margin: 0; padding: 0; }

/* body */

body { margin: 0; padding: 0; background: #3B3B3B; text-align: center; font: 11px 'Trebuchet MS', Trebuchet, Verdana, Arial, sans-serif; }

/* links */

a { color: #666666; text-decoration: underline; }

a:hover { color: #9F9F9F; text-decoration: underline; }

/* images */

.urlimage { float: left; border: none; margin: 0; padding: 0; }

.framedpicture { margin: 50px 0 0 0; padding: 0; border: none; }

/* span */

span.notext { display: none; }

span.asterisk { color: #5E9BB4; }

/* container */

#container { margin: 0 auto; padding: 0; width: 790px; background: #FFFFFF; }

/* utility header */

#utilityheader { margin: 0 auto; padding: 0; width: 790px; height: 60px; background: #3B3B3B; }

/* utility navigation */

#utilitynav { list-style-type: none; padding: 0; margin: 0; width: 165px; float: right; }

#utilitynav li { display: inline;padding: 0; margin: 0; float: left; }

#homeutility a { width: 55px; height: 30px; background: url(../graphics/home_nav1.gif) top left no-repeat; display: inline; padding: 0; margin: 15px 0 0 0; float: left; }

#sitemaputility a { width: 55px; height: 30px; background: url(../graphics/sitemap_nav1.gif) top left no-repeat; display: inline; padding: 0; margin: 15px 0 0 0; float: left; }

#contactutility a { width: 55px; height: 30px; background: url(../graphics/contact_nav1.gif) top left no-repeat; display: inline; padding: 0; margin: 15px 0 0 0; float: left; }

/* headers */

#resumeheader { margin: 0 auto; padding: 0; height: 250px; width: 790px; background: #DC5035 url(../graphics/orange_header_bg1.gif) no-repeat top center; clear: both; }

#contactheader { margin: 0 auto; padding: 0; height: 250px; width: 790px; background: #5E9BB4 url(../graphics/blue_header_bg1.gif) no-repeat top center; clear: both; }

#statementheader { margin: 0 auto; padding: 0; height: 250px; width: 790px; background: #91C191 url(../graphics/sage_header_bg1.gif) no-repeat top center; clear: both; }

#aboutheader { margin: 0 auto; padding: 0; height: 250px; width: 790px; background: #5E7CB0 url(../graphics/blue_purple_header_bg1.gif) no-repeat top center; clear: both; }

#homeheader { margin: 0 auto; padding: 0; height: 250px; width: 790px; background: #DFC447 url(../graphics/yellow_gold_header_bg1.gif) no-repeat top center; clear: both; }

#linksheader { margin: 0 auto; padding: 0; height: 250px; width: 790px; background: #8178AD url(../graphics/purple_header_bg1.gif) no-repeat top center; clear: both; }

#errorheader { margin: 0 auto; padding: 0; height: 250px; width: 790px; background: #CA3012 url(../graphics/red_orange_header_bg1.gif) no-repeat top center; clear: both; }

#successheader { margin: 0 auto; padding: 0; height: 250px; width: 790px; background: #5EA587 url(../graphics/green_aqua_header_bg1.gif) no-repeat top center; clear: both; }

#portfolioheader { margin: 0 auto; padding: 0; height: 250px; width: 790px; background: #69ADA0 url(../graphics/green_header_bg1.gif) no-repeat top center; clear: both; }

#sitemapheader { margin: 0 auto; padding: 0; height: 250px; width: 790px; background: #B0CBD8 url(../graphics/baby_blue_header_bg1.gif) no-repeat top center; clear: both; }

#accessibilityheader { margin: 0 auto; padding: 0; height: 250px; width: 790px; background: #E3BB60 url(../graphics/yellow_tan_header_bg1.gif) no-repeat top center; clear: both; }

/* header columns */

#headerleft { margin: 0 27px 0 0; padding: 0; width: 245px; height: 250px; float: left; text-align: right; }

#headercenter { margin: 0; padding: 0; width: 245px; height: 250px; float: left; }

#headerright { margin: 0; padding: 0; width: 245px; height: 250px; float: right; text-align: left; }

/* navbars */

#resumenavbar { margin: 0 auto; padding: 0; height: 75px; width: 790px; background: #000000 url(../graphics/orange_nav_bg1.gif) no-repeat top center; clear: both; }

#contactnavbar { margin: 0 auto; padding: 0; height: 75px; width: 790px; background: #000000 url(../graphics/blue_nav_bg1.gif) no-repeat top center; clear: both; }

#statementnavbar { margin: 0 auto; padding: 0; height: 75px; width: 790px; background: #000000 url(../graphics/sage_nav_bg1.gif) no-repeat top center; clear: both; }

#aboutnavbar { margin: 0 auto; padding: 0; height: 75px; width: 790px; background: #000000 url(../graphics/blue_purple_nav_bg1.gif) no-repeat top center; clear: both; }

#homenavbar { margin: 0 auto; padding: 0; height: 75px; width: 790px; background: #000000 url(../graphics/yellow_gold_nav_bg1.gif) no-repeat top center; clear: both; }

#linksnavbar { margin: 0 auto; padding: 0; height: 75px; width: 790px; background: #000000 url(../graphics/purple_nav_bg1.gif) no-repeat top center; clear: both; }

#errornavbar { margin: 0 auto; padding: 0; height: 75px; width: 790px; background: #000000 url(../graphics/red_orange_nav_bg1.gif) no-repeat top center; clear: both; }

#successnavbar { margin: 0 auto; padding: 0; height: 75px; width: 790px; background: #000000 url(../graphics/green_aqua_nav_bg1.gif) no-repeat top center; clear: both; }

#portfolionavbar { margin: 0 auto; padding: 0; height: 75px; width: 790px; background: #000000 url(../graphics/green_nav_bg1.gif) no-repeat top center; clear: both; }

#sitemapnavbar { margin: 0 auto; padding: 0; height: 75px; width: 790px; background: #000000 url(../graphics/baby_blue_nav_bg1.gif) no-repeat top center; clear: both; }

#accessibilitynavbar { margin: 0 auto; padding: 0; height: 75px; width: 790px; background: #000000 url(../graphics/yellow_tan_nav_bg1.gif) no-repeat top center; clear: both; }

/* main navigation */

#nav { float: left; width: 790px; height: 30px; margin: 30px 0 0 0; padding: 0; list-style: none; font-size: 11px; background: transparent; }

#nav ul { list-style: none; overflow: hidden; margin: 0; padding: 0; }

#nav li { float: left; }

#nav li a { display: block; height: 30px; line-height: 30px; }

/* navigation links */

#home { width: 112px; margin-left: 3px; background-color: transparent; background-image: url(../graphics/nav_tabs1.gif); background-repeat: no-repeat; background-position: 0 0; }

#about { width: 112px; background-color: transparent; background-image: url(../graphics/nav_tabs1.gif); background-repeat: no-repeat; background-position: -112px 0; }

#statement { width: 112px; background-color: transparent; background-image: url(../graphics/nav_tabs1.gif); background-repeat: no-repeat; background-position: -224px 0; }

#resume { width: 112px; background-color: transparent; background-image: url(../graphics/nav_tabs1.gif); background-repeat: no-repeat; background-position: -336px 0; }

#portfolio { width: 112px; background-color: transparent; background-image: url(../graphics/nav_tabs1.gif); background-repeat: no-repeat; background-position: -448px 0; }

#contact { width: 112px; background-color: transparent; background-image: url(../graphics/nav_tabs1.gif); background-repeat: no-repeat; background-position: -560px 0; }

#links { width: 112px; background-color: transparent; background-image: url(../graphics/nav_tabs1.gif); background-repeat: no-repeat; background-position: -672px 0; }

/* navigation hover */

#home a:hover { width: 112px; background-color: transparent; background-image: url(../graphics/nav_tabs1.gif); background-repeat: no-repeat;background-position: 0 -30px; }

#about a:hover { width: 112px; background-color: transparent; background-image: url(../graphics/nav_tabs1.gif); background-repeat: no-repeat;background-position: -112px -30px; }

#statement a:hover { width: 112px; background-color: transparent; background-image: url(../graphics/nav_tabs1.gif); background-repeat: no-repeat;background-position: -224px -30px; }

#resume a:hover { width: 112px; background-color: transparent; background-image: url(../graphics/nav_tabs1.gif); background-repeat: no-repeat;background-position: -336px -30px; }

#portfolio a:hover { width: 112px; background-color: transparent; background-image: url(../graphics/nav_tabs1.gif); background-repeat: no-repeat;background-position: -448px -30px; }

#contact a:hover { width: 112px; background-color: transparent; background-image: url(../graphics/nav_tabs1.gif); background-repeat: no-repeat;
background-position: -560px -30px; }

#links a:hover { width: 112px; background-color: transparent; background-image: url(../graphics/nav_tabs1.gif); background-repeat: no-repeat;background-position: -672px -30px; }

/* navigation active */

/* IE 5+ Windows incorrectly displays the a.active class below unless a.active:hover is added */

#home a.active, #home a.active:hover { width: 112px; background-color: transparent; background-image: url(../graphics/nav_tabs1.gif); background-repeat: no-repeat; background-position: 0 -60px; }

#about a.active, #about a.active:hover { width: 112px; background-color: transparent; background-image: url(../graphics/nav_tabs1.gif); background-repeat: no-repeat; background-position: -112px -60px; }

#statement a.active, #statement a.active:hover { width: 112px; background-color: transparent; background-image: url(../graphics/nav_tabs1.gif);background-repeat: no-repeat; background-position: -224px -60px; }

#resume a.active, #resume a.active:hover { width: 112px; background-color: transparent; background-image: url(../graphics/nav_tabs1.gif); background-repeat: no-repeat; background-position: -336px -60px; }

#portfolio a.active, #portfolio a.active:hover { width: 112px; background-color: transparent; background-image: url(../graphics/nav_tabs1.gif);background-repeat: no-repeat; background-position: -448px -60px; }

#contact a.active, #contact a.active:hover { width: 112px; background-color: transparent; background-image: url(../graphics/nav_tabs1.gif); background-repeat: no-repeat; background-position: -560px -60px; }

#links a.active, #links a.active:hover { width: 112px; background-color: transparent; background-image: url(../graphics/nav_tabs1.gif); background-repeat: no-repeat; background-position: -672px -60px; }

/* content wrapper */

#wrapper { margin: 0 auto; padding: 0; width: 790px; background: #FFFFFF url(../graphics/wrapper_bg1.gif) no-repeat top center; clear: both; }

/* main content wide */

#maincontentwide { margin: 0; padding: 0; width: 790px; text-align: left; }

#maincontentwide p { margin: 0; padding: 0 25px 20px 25px; line-height: 150%; text-align: left; }

#maincontentwide p.spacershort { margin: 0; padding: 0 25px 100px 25px; line-height: 150%; text-align: left; }

#maincontentwide p.spacertall { margin: 0; padding: 0 25px 200px 25px; line-height: 150%; text-align: left; }

#maincontentwide h1 { margin: 0; padding: 30px 25px 20px 25px; text-align: left; font-size: 16px; font-weight: normal; clear: both; }

#maincontentwide h2 { margin: 0; padding: 0 25px 20px 25px; text-align: left; font-size: 16px; font-weight: normal; clear: both; }

#maincontentwide h3 { margin: 0; padding: 5px 25px 20px 25px; text-align: left; font-size: 16px; font-weight: normal; clear: both; }

/* wide content lists */

#maincontentwide ul { margin: 0 25px 10px 25px; padding: 0; list-style: none; }

#maincontentwide li { margin: 0; padding: 0 0 10px 0; list-style: none; font-size: 11px; }

/* left and right wide content */

/* left */

#contentwideleft { margin: 0; padding: 0; width: 48%; text-align: left; float: left; background: transparent; }

#contentwideleft p { margin: 0; padding: 0 25px 20px 25px; line-height: 150%; text-align: left; }

#contentwideleft h1 { margin: 0; padding: 0 0 20px 25px; text-align: left; font-size: 16px; font-weight: normal; clear: both; }

#contentwideleft h2 { margin: 0; padding: 0 0 10px 25px; text-align: left; font-size: 11px; font-weight: bold; clear: both; }

#contentwideleft dl { margin: 0 0 10px 25px; padding: 0; }

#contentwideleft dt { margin: 0; padding: 0 0 5px 0; font-weight: bold; font-size: 13px; }

#contentwideleft dd { margin: 0; padding: 0; font-weight: normal; }

#contentwideleft ul { margin: 0; padding: 0; list-style: none; }

#contentwideleft li { margin: 0; padding: 0 0 5px 0; list-style: none; font-size: 11px; }

/* right */

#contentwideright { margin: 0; padding: 0; width: 48%; text-align: left; float: right; background: transparent; }

#contentwideright p { margin: 0; padding: 0 25px 20px 0; line-height: 150%; text-align: left; }

#contentwideright h1 { margin: 0; padding: 0 25px 20px 0; text-align: left; font-size: 16px; font-weight: normal; clear: both; }

#contentwideright h2 { margin: 0; padding: 25px 0 10px 0; text-align: left; font-size: 11px; font-weight: bold; clear: both; }

#contentwideright dl { margin: 0 25px 10px 0; padding: 0; }

#contentwideright dt { margin: 0; padding: 0 0 5px 0; font-weight: bold; font-size: 13px; }

#contentwideright dd { margin: 0; padding: 0; font-weight: normal; }

#contentwideright ul { margin: 0; padding: 0; list-style: none; }

#contentwideright li { margin: 0; padding: 0 0 5px 0; list-style: none; font-size: 11px; }

/* left, center, right content */

#contentleft { margin: 0 23px 0 5px; padding: 0; width: 180px; float: left; text-align: center; }

#contentleft img { border: none; margin: 0 0 30px 0; }

#contentcenterleft { margin: 0 13px 0 0; padding: 0; width: 180px; float: left; text-align: center; }

#contentcenterleft img { border: none; margin: 0 0 30px 0; }

#contentcenterright { margin: 0; padding: 0; width: 180px; float: left; text-align: center; }

#contentcenterright img { border: none; margin: 0 0 30px 0; }

#contentright { margin: 0 5px 0 0; padding: 0; width: 180px; float: right; text-align: center; }

#contentright img { border: none; margin: 0 0 30px 0; }

/* portfolio navigation */

#portfolionav { margin: 0 auto 20px auto; padding: 0; width: 790px; clear: both; }

#portfolionav p { text-align: center; padding: 5px; margin: 0; }

#portfolionav a { text-decoration: none; padding: 0 5px; background: #666666; border: 1px solid #666666; color: #FFFFFF; }

#portfolionav a:hover { text-decoration: none; background: #9F9F9F; border: 1px solid #9F9F9F; padding: 0 5px; color: #FFFFFF; }

#portfolionav a.current { text-decoration: none; background: #9F9F9F; border: 1px solid #9F9F9F; padding: 0 5px; color: #FFFFFF; }

/* footer */

#footer { margin: 30px auto 0 auto; padding: 0; width: 790px; height: 100px; clear: both; background: #3B3B3B url(../graphics/footer_bg1.gif) no-repeat top center; }

#footer p { margin: 0; padding: 35px 25px 25px 25px; text-align: center; color:#666666; line-height: 140%; }

#footer a { color: #888888; text-decoration: none; }

#footer a:hover { color: #CCCCCC; text-decoration: none; }

/* contact form */

.contact { text-align: left; font: 11px 'Trebuchet MS', Trebuchet, Verdana, Arial, sans-serif; font-weight: normal; padding: 0; margin: 0 0 50px 0; /margin: 0; }

.contact fieldset { border: none; margin: 0; padding: 0; }

.contact legend { display:none; }

.contact label { display:block; text-align: left; font-size: 11px; font-weight: bold; }

.contact input.textfield { padding: 2px; font: 11px 'Trebuchet MS', Trebuchet, Verdana, Arial, sans-serif; margin-bottom: 10px; width: 345px; color: #5E9BB4; border: 1px solid #A5A5A5; background: #FFFFFF; }

.contact textarea.textarea { width: 345px; height: 150px; border: 1px solid #A5A5A5; background: #FFFFFF; font: 11px 'Trebuchet MS', Trebuchet, Verdana, Arial, sans-serif; color: #5E9BB4; padding: 2px;margin-bottom: 10px; }

.submitbutton { width: 58px; height: 28px; margin: 0; padding: 0; background-color: #FFFFFF; font: bold 11px 'Trebuchet MS', Trebuchet, Verdana, Arial, sans-serif; }

/* lightbox styles */

#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: #FFFFFF; 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(../graphics/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(../graphics/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../graphics/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 11px 'Trebuchet MS', Trebuchet, Verdana, Arial, sans-serif; background-color: #FFFFFF; margin: 0 auto; line-height: 1.4em; }

#imageData{ padding:0 10px; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: normal; color: #000000;	}

#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: #000000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
	
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html>body .clearfix { display: inline-block;  width: 100%; }

* html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }