@charset "utf-8";
/* CSS Document */

body {
	font-family: "Segoe UI", Helvetica, Arial, sans-serif, ;
	margin:0;
	padding:0;
	color: #666;
	background-color:#FFFFFF;
}
#wrapper {width:690px; margin:0 auto;}
#h1banner {background: url(images/Joan_Picone_Designer.gif) no-repeat; width:204px; height:59px; font-size:8px; text-indent:-8000px;margin:14px auto 14px auto; padding:0;}

#navbar { list-style:none; width:293px; margin:14px auto 0 auto; padding:0; height:15px;}
#navbar li {float:left; margin:0; padding:0;font-size:5px; text-indent:-8000px; height:15px;}
#navbar li a {width:100%; height:100%; display:block; text-decoration:none;}

#nav1 {width:42px}
#nav2 {width:49px}
#nav3 {width:56px}
#nav4 {width:69px}
#nav5 {width:77px}

#nav1 a:link, #nav1 a:visited {background: url(images/nav_01.gif) center left no-repeat}
#nav1 a:hover, #nav1 a:active{ background-position: top left }

#nav2 a:link, #nav2 a:visited {background: url(images/nav_02.gif) center left no-repeat}
#nav2 a:hover, #nav2 a:active{ background-position: top left }

#nav3 a:link, #nav3 a:visited {background: url(images/nav_03.gif) center left no-repeat}
#nav3 a:hover, #nav3 a:active{ background-position: top left }

#nav4 a:link, #nav4 a:visited {background: url(images/nav_04.gif) center left no-repeat}
#nav4 a:hover, #nav4 a:active{ background-position: top left }

#nav5 a:link, #nav5 a:visited {background: url(images/nav_05.gif) center left no-repeat}
#nav5 a:hover, #nav5 a:active{ background-position: top left }

.selected { background-position: bottom left !important; }

#h2services { background: url(images/joan_picone_services.gif) no-repeat; width:399px; height:19px; font-size:8px; text-indent:-8000px; margin:14px auto 0 auto; padding:0;}

#footer{width:454px; margin:14px auto 0 auto;}
#address {background: url(images/address.gif) no-repeat; width:241px; height:18px; font-size:8px; text-indent:-8000px;margin:0 auto; padding:0; float:left;}
#phonenumber {background: url(images/phonenumber.gif) no-repeat; width:92px; height:18px; font-size:8px; text-indent:-8000px;margin:0 auto; padding:0; float:left;}
#emailaddress {width:121px; height:18px; font-size:8px; text-indent:-8000px;margin:0 auto; padding:0; float:left}
#emailaddress a {width:100%; height:100%; display:block; text-decoration:none;}
#emailaddress a:link, #emailaddress a:visited {background: url(images/joanpiconeemail.gif) top left no-repeat}
#emailaddress a:hover, #emailaddress a:active{ background-position: bottom left }

#gallery { width: 690px; text-align: center; }


#aboutstory {
	line-height:1.3
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

#outboundLink {text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;}

#outboundLink a:link {color:#227AD3; text-decoration:none}
#outboundLink a:visited {color:#227AD3;text-decoration:none}
#outboundLink a:hover {color:#227AD3; text-decoration:underline}
#outboundLink a:active {color:#227AD3; text-decoration:underline}

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

*:focus {
outline-style:none;
}

.signature { text-align:right;}