/**************************
Tara McPeake
http://www.taramcpeake.com
Default Stylesheet
**************************/

html, body{ margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; color: #806a6a; background-color: #a2b9b7; background-image: url(/img/pageBg.gif); background-repeat: repeat; background-attachment: fixed; }
.redmessage { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #CC0000;
}
#container{ position: relative; width: 715px; margin: 0 auto; background-color: #fff; border-right: 12px solid #98b3b1; border-left: 12px solid #98b3b1; } 
#header{ position: relative; background-color: #422f2c; height: 130px; background-image: url(/img/headerBg.gif); background-repeat: repeat-x; color:#fff; } 
#header #mylogo{ position: absolute; left: 20px; top: 30px; }
#header #mylogo h1{ margin:0; padding:0; text-align: left;	text-indent: -9000px; display: none; }
#header #tip{ display: none; position: absolute; left: 20px; bottom: 0; padding: 2px 2px 2px 25px; background-color: #473431; background-image:url(/img/scroll.gif); background-repeat: no-repeat; background-position: 5px 50%; font-size: 85%; color: #a58c8a; }

#iconNav ul{ list-style: none; margin: 0; padding: 2px; position: relative; position: absolute; right: 0; bottom: 0; background-color: #473431; }
#iconNav ul li{ float: left; position: relative; }
#iconNav ul li a{ display: block; padding: 0 5px 0 25px; background-repeat: no-repeat; background-position: 5px 50%; }
#iconNav ul li a:link, #iconNav ul li a:visited, #iconNav ul li a:active, #iconNav ul li a:hover{ color: #ce999c; text-decoration: none; }
#iconNav ul li a:hover{ color: #ffe7e8; }
#iconNav ul li.about a{ background-image: url(/img/iconAbout.gif); }
#iconNav ul li.emailme a{ background-image: url(/img/iconEmail.gif); }
#iconNav ul li.goodies a{ background-image: url(/img/iconGoodies.gif); }
#iconNav ul li.links a{ background-image: url(/img/iconFaves.gif); }
#iconNav ul li.awards a{ background-image: url(/img/iconAwards.gif); }

#nav{ background-image: url(/img/navBg.gif); background-repeat: repeat; background-color: #f4f9f8; }
#nav ul{ list-style: none; margin: 0; padding: 0; border-top: 3px solid #cf6a71; }
#nav ul li{ float: left; position: relative; font-size: 130%; }
#nav ul li a{ display: block; padding: 10px .6em; }
#nav ul li a:link, #nav ul li a:visited, #nav ul li a:active, #nav ul li a:hover{ color: #748685; text-decoration: none; border-left: 1px solid #fff; border-right: 1px solid #dcebe9; border-top: 1px solid #fff; }
#nav ul li a:hover{ color: #2e3736; background-color: #d2eae8; }

#content{ padding: 0 25px; }

p{ line-height: 1.6em; margin: 0 0 1em 5px; }
h1{ position: absolute; top: 0; left: -79px; width: 719px; height: 46px; margin: 0; padding: 12px 0 0 60px; font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif; font-size: 180%; font-weight: normal; background-image: url(/img/h1Bg.gif); background-repeat: no-repeat; background-position: 0 50%; }
span.toTop{ position: absolute; top: 13px; right: -23px; }
span.toTop img{ border: 0 none; }
h2{ font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif; font-size: 120%; font-weight: normal; clear: both; }
strong{ background-color: #fffce4; font-weight: normal; }

ul.thumbs{ list-style: none; margin: 10px 0 20px 40px; padding: 0; }
ul.thumbs li{ float: left; padding: 0; margin: 5px; position: relative; }
ul.thumbs li a img{ border: 5px solid #ece4e4; }
ul.thumbs li a:hover img{ border: 5px solid #98b3b1; }
ul.thumbs li img.new {display: block; position: absolute; top: -3px; right: -3px; z-index: 1; border: none; }

acronym { border-bottom: 1px solid #e2d6d6; cursor: help; }

#about, #web, #portals, #print, #logo, #photo, #ill { position: relative; padding-top: 5em; }
#goodies, #contact, #links, #awards{  position: relative; padding: 4.5em 25px 10px 25px; }

#about h1{ background-image: url(/img/h1BgAbout.gif); }
#goodies h1{ top: -5px; left: -54px; background-image: url(/img/h1BgGoodies.gif); color:#7b4f4f; }
#contact h1{background-image: url(/img/h1BgContact.gif); color:#808145; }
#links h1 { top: -5px; left: -54px; background-image: url(/img/h1BgLinks.gif); color: #afc1bf; }
#awards h1 { top: -5px; left: -54px; background-image: url(/img/h1BgAwards.gif); color: #e29098; }
#goodies span.toTop, #contact span.toTop, #links span.toTop, #awards span.toTop{ position: absolute; top: 9px; right: 0px; }

#about{  }
.aboutRight{ float: right; }
.aboutRight img{ padding: 15px 0 0 10px; }

#goodies{ background-color: #f5eded; }
#goodies li{ background-color: #ece4e4; }
#goodies ul img{ border: 5px solid #ece4e4; }
#goodies ul a img{ border-bottom: 0 none;}
#goodies ul li ul{ list-style: none; padding: 0; margin: 0 0 0 10px; }
#goodies ul li ul li{ float: none; clear: both; background-image: url(/img/zip.gif); background-repeat: no-repeat; padding: 0 0 0 18px; }
#goodies a, #goodies a:link, #goodies a:active, #goodies a:visited, #goodies a:hover{ color: #66908e; text-decoration: none; border-bottom: 1px dashed #a3d4d2; }
#goodies a:visited{ color: #80b2b0; }
#goodies a:hover{ color: #535858; border: 0 none; }


#contact{ background-color: #feffee; }
#contact .button{  }
#contact p.email{ background-image: url(/img/email.gif); background-repeat: no-repeat; background-position: 0 50%; padding-left: 25px; }
#contact a, #contact a:link, #contact a:active, #contact a:visited, #contact a:hover{ color: #aaa; text-decoration: none; }
#contact a:hover{ color: #f7d400; text-decoration: underline; }
span.error{ color: red; display:none; }
#loadBar{ display: none; color: #494343; background-color: #eff3af; padding: 5px; }
#emailSuccess{ display: none; color: #313333; background-color: #eff3af; background-image: url(/img/check.gif); background-repeat: no-repeat; background-position: 5px 50%; padding: 5px 5px 5px 20px; }
label span{ font-style: italic; color: #999; }
input, textarea{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #575b5b; }
#contactRead{ display: none; }
#contact strong{ background-color: transparent; font-weight: bold; }
#contact a, #contact a:link, #contact a:active, #contact a:visited, #contact a:hover{ color: #b1a412; text-decoration: none; border-bottom: 1px dashed #e2d653;}
#contact a:hover{ color: #5f5b31; border: 0 none; }

#links{ background-color: #6c7877; color: #d2e4e2; }
#links ul{ list-style: none; padding: 1em; margin: .5em 0px 1em 50px; background-color: #778483; }
#links ul li{ float: left; padding: 0 12px .4em 12px; width: 170px; }
#links ul li a, #links ul li a:link, #links ul li a:active, #links ul li a:visited, #links ul li a:hover{ color:#cadddc; text-decoration: none; border-bottom: 1px dashed #acbdbc; }
#links ul li a:visited { color: #464b4b; border-bottom: 1px dashed #585e5e; }
#links ul li a:hover{ color: #fff; border-bottom: 0 none; }
#links ul li img{ border: 3px solid #84908f; vertical-align: middle; margin-right: 5px;}
#links h2{ margin: 1.5em 0 0 50px; padding: 0; color: #ffaba6; }

#awards{ background-color: #6e5256; color: #d6b9be; }
#awards ul{ list-style: none; padding: 0; margin: 1.5em 0 1em 40px; }
#awards ul li{ float: left; padding: 0 1em 1em 0; white-space: nowrap;}
#awards p a, #awards p a:link, #awards p a:active, #awards p a:visited, #awards p a:hover{ color:#edd9d9; text-decoration: none; border-bottom: 1px dashed #af8b8b;}
#awards p a:hover{ color: #fff; border: 0 none; }
#awards ul li img{ border: 3px solid #886c70; }

#footer{ position: relative; background-color: #2a1d1b; color: #705758; padding: 10px 0 10px 0; font-size: 75%; text-transform: uppercase; background-image: url(/img/footerBg.gif); background-repeat: repeat-x; background-position: bottom; border-top: 3px solid #5a353b; }
#footer p{ padding: 0 0 .25em 30px; margin: 0 290px 0 0; }
#footer p.thanks{ margin: 0 25px; padding: .25em 5px; background-image: url(/img/thanksBg.gif); background-repeat: repeat; }
#footer ul{ margin: 0; padding: 0; list-style: none; position: absolute; top: 1.2em; right: 30px; }
#footer ul li{ background-image: url(/img/check.gif); background-repeat: no-repeat; background-position: 0 50%; float: left; padding: 0 15px 0 12px; }
#footer ul li.printerFriendly{ background-image: none; padding: 0; }
#footer a, #footer a:link, #footer a:active, #footer a:visited, #footer a:hover{ color: #705758; text-decoration: none; border-bottom: 1px dashed #594546; }
#footer a:hover{ color: #9e7e7f; border: 0 none; }
#myportfolio h3{ margin:0; padding:0; text-align: left;	text-indent: -9000px; display: none; }

a, a:link, a:active, a:visited, a:hover{ color: #7aaaa6; text-decoration: none; }
a:hover{ color: #417773; border: 0 none; }

#hardAtWork{ margin: 100px auto; padding: 20px; width: 500px; background-color: #ffe9ea; font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif; font-size: 180%; text-align: center; line-height: 1.6em; }

.service {
	font-size: 12pt;
	font-weight: bold;
	margin-bottom:15px;
	
}
.notice {
	font-size: 12pt;
	font-weight: bold;
	margin-top:0;margin-bottom:15px;margin-left:55px;
	border-style: solid;
	border-width: 1px;
	border-color: red;
	width: 300px;
	text-align:center;
	padding-top:5px;padding-bottom:5px;	
}

.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix {display: inline-block;} 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 
* html .clearfix{ height: 1px; } 

.roundedcornr_box_353908 {
	background: url(/images/roundedcornr_353908_tl.png) no-repeat top left;
}
.roundedcornr_top_353908 {
	background: url(/images/roundedcornr_353908_tr.png) no-repeat top right;
}
.roundedcornr_bottom_353908 {
	background: url(/images/roundedcornr_353908_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_353908 div {
	background: url(/images/roundedcornr_353908_br.png) no-repeat bottom right;
}
.roundedcornr_content_353908 {
	background: url(/images/roundedcornr_353908_r.png) top right repeat-y;
}

.roundedcornr_top_353908 div,.roundedcornr_top_353908,
.roundedcornr_bottom_353908 div, .roundedcornr_bottom_353908 {
	width: 300px;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_353908, .roundedcornr_bottom_353908 {
	margin-top: -19px;
}
.roundedcornr_content_353908 { padding: 0 15px; }