/* Style Sheet for Petable Portraits Created by Jozee Designs! jozeedesigns.com*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-size:10px; }
ol ul { list-style:none; }
fieldset, img {border:0;}
html {text-align:center; color:#fff; background:#848384;}
body {background: url(../images/bg-head-long.gif) top center repeat-x;}
#wrapper {
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	width:720px;
	margin:0 auto;
	text-align:left;
	padding-top:0px;}
h2 {font-size: 14px; color:#e2e8ed; margin:0px 0 -1px 0; font-weight:normal; height:27px; background:url(../images/bg-h.jpg) repeat-x; padding:11px 0 0 0; text-align:center;}
h3 {font-size: 1.5em; margin:13px 0 5px 30px; color:#BB7440;}
h5 {font-size: 1em; margin:15px 60px 0px 60px; font-weight:normal;}
h5 strong {font-size: 1.2em;}
h5 img {float: left; margin: 20px 20px 8px 115px;}
h6 {font-size: 1em; margin:8px 15px 15px 20px; color:#BB7440;}
	
ul {list-style-type: none;}
ul#sitemap {margin:15px 28px}
ul#sitemap li{list-style-type: none; margin:0 0px 5px 0;}
ul#sitemap ul{margin:0 0px 5px 15px;}

ol {margin: 0 40px 15px 80px;}
ol li {line-height:1.2em; margin: 0px 0px 10px 0;}

.underlist {margin:0 0 0 40px; font-style:italic;}
	
table.fullwidth {
	background:#edebeb;
	width:615px;
	margin:8px 0 20px 60px;
	border:1px solid #889dab;
	clear:both;}
td {padding:5px; border:1px solid #fff;}

#branding {
	position:relative;
	width:110%;
	height:72px;
	margin:0px 0 1px -18px;
	background-color:#757475;}	
#branding h1{
	width:369px;
	height:72px;
	position:absolute;
	margin:0px 0 0 0px;
	font-size:9px;}
#branding h1 span{
	background:url(../images/petable-portraits.gif) no-repeat;
	margin-top:0px;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
	left: -1px;}
	
.badge {
	position:absolute;
	margin:-72px 0 0 600px;
	}

#navigation {
	position:relative;
	width:100%;
	height:28px;
	text-align:center;
	font-size:11px;
	font-weight:bold;}
#navigation ul {
	width:734px;
	height:28px;
	position:relative;
	list-style:none;
	margin:0 0 0 -14px;
	padding:0;
	text-align:center;}
#navigation li { display:inline;}
#navigation li a:link, #navigation li a:visited {
    border: none;
    height: 28px;
    display: block; 
    position: absolute; 
    top: 1px; 
    text-indent: -9999px;
    outline: none;}
#navigation li.one a:link, #navigation li.one a:visited {background: url(../images/n-petable-portraits.gif) no-repeat 0 0; left:0px; width:73px;}
#navigation li.two a:link, #navigation li.two a:visited { background: url(../images/n-pet-portrait-gallery.gif) no-repeat 0 0; left:73px; width:89px;}
#navigation li.three a:link, #navigation li.three a:visited {background: url(../images/n-pet-portrait-progress.gif) no-repeat 0 0; left:162px; width:114px;}
#navigation li.four a:link, #navigation li.four a:visited { background: url(../images/n-about-artist.gif) no-repeat 0 0; left: 276px; width:118px;}
#navigation li.five a:link, #navigation li.five a:visited { background: url(../images/n-pet-portrait-testimonials.gif) no-repeat 0 0; left: 394px; width:97px;}
#navigation li.six a:link, #navigation li.six a:visited { background: url(../images/n-links.gif) no-repeat 0 0; left: 491px; width:53px;}
#navigation li.seven a:link, #navigation li.seven a:visited { background: url(../images/n-order-pet-portrait.gif) no-repeat 0 0; left: 544px; width:119px;}
#navigation li.eight a:link, #navigation li.eight a:visited { background: url(../images/n-contact-artist.gif) no-repeat 0 0; left: 663px; width:71px;}

#navigation li.one a:hover, #navigation li.one#on a {background: url(../images/n-petable-portraits.gif) no-repeat 0 -27px; left:0px; }
#navigation li.two a:hover, #navigation li.two#on a { background: url(../images/n-pet-portrait-gallery.gif) no-repeat 0 -27px; left:73px;}
#navigation li.three a:hover, #navigation li.three#on a { background: url(../images/n-pet-portrait-progress.gif) no-repeat 0 -27px; left:162px;}
#navigation li.four a:hover, #navigation li.four#on a { background: url(../images/n-about-artist.gif) no-repeat 0 -27px; left:276px;}
#navigation li.five a:hover, #navigation li.five#on a { background: url(../images/n-pet-portrait-testimonials.gif) no-repeat 0 -27px; left:394px;}
#navigation li.six a:hover, #navigation li.six#on a { background: url(../images/n-links.gif) no-repeat 0 -27px; left:491px;}
#navigation li.seven a:hover, #navigation li.seven#on a { background: url(../images/n-order-pet-portrait.gif) no-repeat 0 -27px; left:544px;}
#navigation li.eight a:hover, #navigation li.eight#on a { background: url(../images/n-contact-artist.gif) no-repeat 0 -27px; left:663px;}
	
#navigation li.one#on a { background: url(../images/n-petable-portraits.gif) no-repeat 0 -54px; left:0px;}
#navigation li.two#on a { background: url(../images/n-pet-portrait-gallery.gif) no-repeat 0 -54px; left:73px;}
#navigation li.three#on a { background: url(../images/n-pet-portrait-progress.gif) no-repeat 0 -54px; left:162px;}
#navigation li.four#on a { background: url(../images/n-about-artist.gif) no-repeat 0 -54px; left:276px;}
#navigation li.five#on a { background: url(../images/n-pet-portrait-testimonials.gif) no-repeat 0 -54px; left:394px;}
#navigation li.six#on a { background: url(../images/n-links.gif) no-repeat 0 -54px; left:491px;}
#navigation li.seven#on a { background: url(../images/n-order-pet-portrait.gif) no-repeat 0 -54px; left:544px;}
#navigation li.eight#on a { background: url(../images/n-contact-artist.gif) no-repeat 0 -54px; left:663px;}

#content {background:#9e9c9d url(../images/bg-side.jpg) top right no-repeat; width:720px; margin:0 auto;}
#content_main_i, #content_main_full, #content_gal_full {float:left; color:#000; background-color:#d4cfcf; width:65%;}
#content_main_index { background:url(../images/bg-index-main.jpg) 0 37px no-repeat; height:544px;}
.indexpic { float:right; margin:24px 0 18px 26px;}
.sm_index_pic { margin:18px 0 3px 1px;}
#content_main_index p { margin:10px 264px 0 28px; color:#636263; line-height:150%;}
#content_main_i, #content_main_full, #content_main_index { padding-bottom:15px;}
#content_main_full p.first, #content_main_i p.first { margin:15px 0 0px 0;}
#content_main_full, #content_gal_full, #content_main_index { width:100%;}
.desc { margin: 5px 0 0 0; color:#666666; font-size:80%;}
img.finportrait { margin:10px 0 8px 6px;}	
img.portrait { margin:25px 0 8px 14px; border:1px solid #848384;}
#content_gal_full { background-color:#9e9c9d; text-align:center;}
#content_gal_full h2.second, #content_main_full h2.second, #content_main_i h2.second{
	color:#e2e8ed;
	margin:0px 0 0 0;
	font-weight:normal;
	height:26px;
	background:#889dab;
	padding:9px 0 0 0;
	text-align:center;
	border-top:1px solid #718897;}
.gal_row, .gal_row_o { width:100%; background:url(../images/bg-gal.jpg) top center no-repeat; height:341px;}
.gal_row_o { height:332px;}
.gal_itm { width:240px; float:left; margin-top:32px; color:#FFFFFF; font-size:80%;}
.gal_itm img { margin-bottom:50px;}
.gal_itm a:link {text-decoration:none; color:#fff; }
.gal_itm a:visited {text-decoration:none; color:#fff; }
.gal_itm a:hover {text-decoration: underline; color:#fff ;}
.gal_itm a:active {text-decoration: underline; color:#fff ;}

img.portraitb { margin:25px 0 20px 0px;}
p.smportrait { padding:10px 0; background-color:#c1bdbe; margin:0 0px 20px 0px;}
p.smportrait img {margin: 0 3px 0px 3px; border:1px solid #9e9c9d;}
.img_desc {width:500px; color:#fff; margin:-10px auto 35px;}

.testimonial {margin:0 75px 15px 75px; padding:20px 0 20px 0; background:#edebeb url(../images/bg-shadow.gif) bottom center no-repeat;}
.testimonialimg {margin:20px 75px -9px 75px;}
.testimonial img {margin:12px 0 0 12px;}
	
.gal_item img {margin:6px 0 30px 0;}
.gal_caption {margin-top: -4px;
	padding:7px 0px 3px 19px;
	background:url(../images/bg-capt.jpg) top center no-repeat;
	border-top:0;}

.gal_caption a:link {text-decoration:none; color:#000; }
.gal_caption a:visited {text-decoration:none; color:#000; }
.gal_caption a:hover {text-decoration: underline; color:#303b62 ;}
.gal_caption a:active {text-decoration: underline; color:#303b62 ;}

#content_main p,#content_main_i p, #content_main_full p {padding:0px 30px 10px 40px; line-height:1.3em;}
#content_main a:link, #content_main_full a:link, #content_main_i a:link {text-decoration:underline; color:#000; }
#content_main a:visited, #content_main_full a:visited, #content_main_i a:visited {text-decoration:underline; color:#000; }
#content_maina:hover, #content_main_full a:hover, #content_main_i a:hover {text-decoration: underline; color:#303b62 ;}
#content_maina:active, #content_main_full a:active, #content_main_i a:active {text-decoration: underline; color:#303b62 ;}
#content_main_i.links p{
	text-align:center;
	margin:20px 20px 20px 20px;
	padding:10px 10px;
	border:2px solid #c1bdbe;
	background:#fff;}
#content_main_i.links a {text-decoration:none; font-weight:bold;}
#content_main_i.links img {margin:6px 0 4px 0;}

p.pgcapt {font-size:80%; margin:0 0 10px 0;}
p.pgcapt img { margin:10px 0 0 40px;}
	
#content_sub .captpic {
	border:1px solid #636263;
	width:200px;
	height:146px;
	margin:3px 10px 15px 25px;
	padding:0;
	background:#f9f7f7;
	font-size:11px;}

.captpic img {border:1px solid #848384;}
	
ul.portraitpage {position:relative; width:100%;}
ul.portraitpage li {margin:10px 0 50px 0px; padding-top:8px;}
ul.portraitpage p {margin:0px 0px 20px 0px;}
ul.portraitpage li p img {float:left; margin:-15px 15px 0px 0px; border:1px solid #636263;}

.bidform {border:1px solid #9e9c9d; width: 300px; margin:0 0 20px 50px; padding:15px; background:#edebeb;}
.bidform form {margin:0;}
form p {margin:-10px 0 3px -40px;}
input {margin:10px 0 0 0}
.contacttext{font-size:100%;}
input { height:18px; margin:0 0 0px 0; font-size:12px;}
input.btn {
	font-weight:bold;
	color:#f9f7f7;
	border:1px solid #000;
	padding:1px 4px;
	margin:10px 0 0 0;
	text-align:center;
	background-color:#889dab;
	font-size:12px;
	cursor:pointer;}
.smtxt {font-size:85%;}

.bidarea {width:280px; text-align:center; float:right; margin:0px 40px 0 0;}
.bidttl {font-size:1.2em; font-weight:bold; margin:0 0 -10px 0;}
.bidamt {border:1px solid #9e9c9d; padding:15px 20px 10px 0; background:#edebeb;}
.justifyit {text-align:justify; font-style:italic; margin:0 -10px 0 -15px; padding:0;}

p#copyinfo{
	margin:20px 50px 20px 50px;
	padding:10px;
	border:1px solid black;
	background:#757475;
	font-size:80%;
	color:#edebeb;}
	
form {margin: 0 50px 20px 50px;}
.contacttext{font-size:100%;}
input.btn {
	font-weight:bold;
	color:#f9f7f7;
	border:1px solid #000;
	padding:1px 4px;
	margin:10px 0 0 0;
	text-align:center;
	background-color:#889dab;
	font-size:12px;}
.smtxt {font-size:85%;}

#content_sub {float:right; color:#460000; width:35%;}
#content_sub ul {margin:58px 25px;}
#content_sub li {margin-bottom: 8px;}
#content_sub h4 {color:#460000;margin:0 0 0 56px;}
#content_sub h2 {color:#460000; margin:5px 0 0px 0px;}
	
#content_sub ul.list li {
	text-align:center;
	border: 1px solid #303b62;
	margin:0 0 10px 0px;
	padding:3px;
	background:#cee0e7;}
#content_sub ul.list li h4 {color:#460000; margin:0 0 0 0px;}
#content_sub p {font-size:80%; padding:2px 0 0 0;}
.refphotohead {margin:120px 10px 0 10px; font-size:90%;}
#content_sub img.refphoto {margin:8px 0 0 1px; padding:0; float:none;}
#content_sub a:link {text-decoration: underline; color:#432c24; }
#content_sub a:visited {text-decoration: underline; color:#432c24; }
#content_sub a:hover {text-decoration: underline; color:#432c24 ;}
#content_sub a:active {text-decoration: underline; color:#432c24 ;}

.indexside {
	float:right;
	width:238px;
	background:url(../images/bg-index-side.jpg) top center no-repeat;
	text-align:center;
	height:523px;}
.indexside img {margin:34px 0 37px 0;}

#announcement {
	color:#000;
	background-color:#879dab;
	clear:both;
	margin-top: 1px;
	padding:15px;
	}

#site_info, #site_info_nb {
	color:#fff;
	background-color:#c1bdbe;
	/*height:29px;*/
	clear:both;
	border-top:3px solid #c1bdbe;
	margin-top: 2px;}
/*#site_info_nb {border-top:none;} put this back when there is not an annoucement*/

#copyright {color:#848384; padding:8px 0 5px 6px; text-align:center; font-size:70%;}
#copyright a:link {text-decoration: underline; color:#848384; }
#copyright a:visited {text-decoration: underline; color:#848384;}
#copyright a:hover {text-decoration: underline; color:#000 ;}
#copyright a:active {text-decoration: underline; color:#000 ;}
	
.footerlogo {
	position:absolute;
	width:92px;
	height:89px;
	margin:-51px 0 0 600px;
	background:url(../images/pet-portrait-mini.png) no-repeat;
	text-indent:-9999px;}	

a:link {text-decoration: underline; color:#636263;}
a:visited {text-decoration: underline; color:#636263;}
a:hover {text-decoration: underline; color:#000;}
a:active {text-decoration: underline; color:#000;}