/* Elements */

body {
background-color: #9BD264;
color: #000;
font: normal 0.70em/1.6em Verdana, Tahoma, sans-serif;
background-image: url(swirl_background.gif);
background-repeat: repeat;}

body, div, ul, li, h1, h2, h3 {
margin: 0;
padding: 0;
}

#framenumbers {
border-top: 1px #003366 solid;
border-left: 1px #003366 solid;
border-right: 1px #003366 solid;
padding: 3px;
color: #003366;
background-color: #7DAAD7;
font-weight: bold;}

#framenumbers a:link {
color: #003366;
text-decoration: none;
}

#framenumbers a:hover, a:focus {
color: #003366;
text-decoration: underline;
}

ul {
list-style-position: outside;
list-style-image: none;
list-style-type: none;
}

p {
margin: 0 auto 1em auto;
}

h1 {
color: #003366;
text-align: center;
padding-top: 8px;
padding-bottom: 8px;
font-size: 19px;
font-weight: bold;
font-style: italic;
letter-spacing: 2px;
background-color: #7DAAD7;
border-top: 1px #91B8E1 solid;
border-left: 1px #91B8E1 solid;
border-right: 1px #91B8E1 solid;}

h2 {
padding-top: 5px;
padding-bottom: 5px;
border-left: 1px #91B8E1 solid;
border-right: 1px #91B8E1 solid;
border-bottom: 1px #91B8E1 solid;
font: bold 12px Verdana, Georgia, Arial, serif;
text-align: center;
background-color: #A6C4E7;
color: #fff;
letter-spacing: 2px;}

h3 {
padding-top: 3px;
padding-bottom: 3px;
border-left: 1px #91B8E1 dotted;
border-right: 1px #91B8E1 dotted;
border-bottom: 1px #91B8E1 dotted;
text-align: center;
color: #7DAAD7;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
font-style: italic;
margin-bottom: 10px;}

/*h4 {
padding-bottom: 3px;
border-left: 1px #91B8E1 dotted;
border-right: 1px #91B8E1 dotted;
border-bottom: 1px #91B8E1 dotted;
text-align: center;
color: #7DAAD7;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
font-style: italic;
margin-bottom: 10px;
width: 650px;*/
}
h4 {
padding-bottom: 3px;
border-left: 1px #91B8E1 dotted;
border-right: 1px #91B8E1 dotted;
border-bottom: 1px #91B8E1 dotted;
text-align: center;
color: #7DAAD7;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
font-style: italic;
margin-bottom: 10px;
width: 650px;*/
}

h5 {
padding-top: 3px;
padding-bottom: 3px;
border-bottom: 1px #91B8E1 dotted;
text-align: center;
color: #7DAAD7;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
font-style: italic;
margin-bottom: 10px;}

a {
color: #000;
text-decoration: none;
}

a:active, a:hover, a:focus {
color: #000;
text-decoration: underline;
}

/* IDs and Classes */

/* Nav Top */

#container {
float: left;
width: 800px;
height: 100%;
padding-right: 10px;
background-color: #FFF;
border-bottom: 6px solid #9BD264;
border-right: 6px solid #9BD264;
}

#banner {
float: left;
width: 800px;
padding-right: 10px;
background-color: #FFF;
border-right: 6px solid #9BD264;
height: 60px;
background-image: url(header.jpg);
background-repeat: no-repeat;
font-family: Verdana, Helvetica, Arial, sans-serif;}

#banner p {
color: #7DAAD7;
font-weight: normal;
font-size: 22pt;
margin: 0 18px;
padding-top: 0.5em;
min-height: 21px;
line-height: 1em;
font-style: italic;
letter-spacing: 3px;}

#banner a {
color: #7DAAD7;
}

#banner a:hover {
color: #003366;}

#topcontact{
float: left;
margin-left: 500px;
margin-top: -45px;
font-size: 9px;
line-height:10px;
color: #aaa9a9;
font-weight: normal;}

#banner #nav-meta {
float: right;
width: 300px;
text-align: right;
text-transform: lowercase;
border-top: 1px #7DAAD7 solid;
border-right: 1px #7DAAD7 solid;
background-color: #fff;}

#banner #nav-meta ul li {
float: left;
padding-right: 0px;
border-left: 1px #7DAAD7 solid;}

#banner #nav-meta ul li a {
float: left;
text-align: center;
padding: 0em 5px 0em 5px;
border-bottom: 0px;
color: #000;}

#banner #nav-meta ul li a:active,
#banner #nav-meta ul li a:hover,
#banner #nav-meta ul li a:focus {
color: #FFF;
background-color: #FF9933;
text-decoration: none;}

#banner #nav-meta-home {
float: right;
width: 154px;
text-align: right;
text-transform: lowercase;
border-top: 1px #7DAAD7 solid;
border-right: 1px #7DAAD7 solid;
background-color: #fff;}

#banner #nav-meta-home ul li {
float: left;
padding-right: 0px;
border-left: 1px #7DAAD7 solid;}

#banner #nav-meta-home ul li a {
float: left;
padding: 0em 5px 0em 5px;
border-bottom: 0px;
color: #000;
}

#banner #nav-meta-home ul li a:active,
#banner #nav-meta-home ul li a:hover,
#banner #nav-meta-home ul li a:focus {
color: #FFF;
background-color: #FF9933;
text-decoration: none;}

/*Photographer login
*/
#banner #nav-meta-login {
float: right;
width: 84px;
text-align: right;
text-transform: lowercase;
border-top: 1px #7DAAD7 solid;
border-right: 1px #7DAAD7 solid;
background-color: #fff;}

#banner #nav-meta-login ul li {
float: left;
padding-right: 0px;
border-left: 1px #7DAAD7 solid;}

#banner #nav-meta-login ul li a {
float: left;
padding: 0em 5px 0em 5px;
border-bottom: 0px;
color: #000;
}

#banner #nav-meta-login ul li a:active,
#banner #nav-meta-login ul li a:hover,
#banner #nav-meta-login ul li a:focus {
color: #FFF;
background-color: #FF9933;
text-decoration: none;}


#nav-toplevel {
float: left;
width: 800px;
height: 18px;
padding-left: 10px;
background-color: #7DAAD7;
border-right: 6px solid #E1F6CC;
}



#nav-toplevel #nav-main {
position: absolute;
top: 62px;
left: 10px;
width: 790px;
}

#nav-toplevel #nav-main ul li {
float: left;
padding-right: 10px;
}

#nav-toplevel #nav-main ul li a {
float: left;
color: black;
border-bottom: none;
text-transform: uppercase;
}

#nav-toplevel #nav-main ul li a:active,
#nav-toplevel #nav-main ul li a:hover,
#nav-toplevel #nav-main ul li a:focus,
#nav-toplevel #nav-main ul li a.current {
color: black;
border-bottom: 4px solid #336699;
text-decoration: none;}

/* Content Center */

#container #content {
float: left;
width: 628px;
padding: 19px 0px 0px 5px;
}

#container #content #instruct {
font-size: 11px;
color: #036;
text-align: center;
background-color: #ffffff;}

#container #content p {
text-align: justify;
}

#container #content img {
border: 1px #003366 solid;}

/* Content FULL */

#container #content-full {
float: left;
width: 788px;
padding: 19px 0px 0px 5px;
}

#container #content-full p {
text-align: justify;
}

#container #content-full img {
border: 1px #003366 solid;}


#container #content-full .text {
border-left: 1px #d2d2d2 solid;
border-right: 1px #d2d2d2 solid;
text-align: center;}

#container #content-full .header {
background-color: #A6C4E7;
font-size: 11px;
font-weight: bold;
color: #000;
text-align: center;
}

#container #content-full .subheader {
background-color: #A6C4E7;
font-size: 11px;
font-weight: bold;
color: #000;
text-align: right;
}

#container #content-full .header2 {
font-size: 11px;
font-weight: bold;
color: #000;
text-align: center;
background-color: #efefef;}

#container #content-full .header3 {
font-size: 11px;
font-weight: bold;
color: #000;
text-align: left;
background-color: #efefef;}

/* Nav Right */

#nav-subs {
float: left;
width: 134px;
padding-top: 15px;
padding-right: 0px;
padding-left: 11px;
}

#nav-subs p {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 7pt;
line-height: 13px;
margin-left: -5px;
margin-right: -5px;
}


#nav-subs #nav-section,
#nav-subs #nav-supp {
float: left;
padding-left: 7px;
padding-right: 7px;
margin-bottom:15px;}

#nav-section h2{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 8pt;
font-weight: bold;
background-color: #9BD264;
border: none;
text-align: center;
margin-left: -7px;
margin-right: -7px;
padding-top: 2px;}

#nav-section {
background-color: #E1F6CC;
border: 1px #9BD264 solid;
width: 100%;
}

#nav-section p {
overflow: hidden;}

/*#nav-subs #nav-section li:first-child,
#nav-subs #nav-supp li:first-child {
border-top: 1px dotted #E63C1E;
}
*/

#nav-supp h2{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 8pt;
font-weight: bold;
background-color: #C38FC2;
text-align: center;
margin-left: -8px;
margin-right: -8px;
padding-top: 2px;
border-bottom: 1px #B15CAF solid;
border-top: none;
border-left: 1px #B15CAF solid;
border-right: 1px #B15CAF solid;}


#nav-supp {
background-color: #EFDEEF;
border: 1px #B15CAF solid;
width: 124px;}

#nav-subs #nav-section ul:before,
#nav-subs #nav-supp ul:before {
display: block;
font: bold 100% Verdana, Arial, Helvetica, sans-serif;
text-transform: capitalize;
line-height: 0.9em;
content: attr(title);
}

#nav-subs #nav-section ul li,
#nav-subs #nav-supp ul li {
float: left;
}

#nav-subs #nav-section ul li a,
#nav-subs #nav-supp ul li a {
display: block;
width: 115px;
border: none;
color: #000;
text-transform: capitalize;
}

#nav-subs img {
border: 1px #000 solid;}

#nav-subs #nav-section ul li a:active,
#nav-subs #nav-section ul li a:hover,
#nav-subs #nav-section ul li a:focus,
#nav-subs #nav-supp ul li a:active,
#nav-subs #nav-supp ul li a:hover,
#nav-subs #nav-supp ul li a:focus,
#nav-subs #nav-section ul li a.youarehere {
color: #B25CAF;
text-decoration: underline;
border-right: 5px #B25CAF solid;}


/* Nav Bottom */

#info-site {
clear: both;
margin: 0;
width: 800px;
padding: 5px 0;
background-color: #C30;
}

#info-site p {
margin: 0;
padding: 0;
text-align: center;
}

#info-site p#info-company {
color: #000;
}

#info-site p#info-company a,
#info-site p#info-standards a {
border-bottom: 1px dotted #C30;
color: #000;
text-decoration: underline;
}

#info-site p#info-company a:active,
#info-site p#info-company a:hover,
#info-site p#info-company a:focus,
#info-site p#info-standards a:active,
#info-site p#info-standards a:hover,
#info-site p#info-standards a:focus {
color: #FFF;
}

#info-site p#info-standards {
padding-top: 5px;
}

#pagenumber-border {
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 20px;
margin-top: 15px;
padding-bottom: 30px;
}

#pagenumber-border2 {
display: inline;
border: 2px #B25CAF solid;
background-color: #EFDEEF;
}

#pagenumber-back {
display: inline;
background-color: #EFDEEF;
}

#pagenumbers {
display: inline;
font-size: 12px;}

#pagenumbers a {
margin-left: 2px;
margin-right: 2px;
}

#pagenumbers input {
margin-left: 2px;
margin-right: 2px;
}

#pagearrows-next {
display: inline;
background-color: #C38FC2;
padding-left: 2px;
padding-right: 2px;
border-left: 1px #B25CAF solid;
text-align: center;}

#pagearrows-previous {
display: inline;
background-color: #C38FC2;
padding-left: 2px;
padding-right: 2px;
border-right: 1px #B25CAF solid;
text-align: center;}

#pagearrows {
display: inline;
font-size: 12px;}

#pagearrows a {
margin-left: auto;
margin-right: auto;
}


#pageone-back {
display: inline;
margin-right: -4px;
}

#container #pageone-back img {
border: none;
margin-top: -4px;}


/* Content Enlarge */

#container #content-enlarge {
float: left;
width: 515px;
padding: 19px 0px 0px 5px;
}

#container #content-enlarge p {
text-align: justify;
}

#content-enlarge-header {
color: #003366;
text-align: center;
padding-top: 8px;
padding-bottom: 8px;
font-size: 19px;
font-weight: bold;
font-style: italic;
letter-spacing: 2px;
}

#content-enlarge-image {
text-align: center;
padding-top: 3px;
padding-bottom: 20px;
}

#container #content-enlarge img {
border: 1px #003366 solid;}

/* Nav Right */

#nav-subs-enlarge {
float: left;
width: 247px;
padding-top: 15px;
padding-right: 0px;
padding-left: 11px;
}

#nav-subs-enlarge p {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 7pt;
line-height: 13px;
margin-left: -5px;
margin-right: -5px;
}


#nav-subs-enlarge #nav-section-enlarge,
#nav-subs-enlarge #nav-supp-enlarge, 
#nav-subs-enlarge #shopping-cart{
float: left;
padding-left: 7px;
padding-right: 7px;
margin-bottom:15px;}

#shopping-cart h2{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 8pt;
font-weight: bold;
background-color: #FF9933;
border: none;
text-align: center;
margin-left: -7px;
margin-right: -7px;
padding-top: 2px;}

#shopping-cart {
background-color: #FEEBD6;
border: 1px #FF9933 solid;
width: 100%;
}

#shopping-cart p {
overflow: hidden;
text-align: center;}

.shopping-cart-header {
font-weight: bold;
text-align: center;
letter-spacing: -1px;
font-size: 10px;}

#shopping-cart table {
padding: 2px;
width: 100%;}

#shopping-cart td {
border: 1px #FF9933 solid;
}



.freeprint {
font-weight: bold;
text-align: center;
font-size: 11px;
margin-top: 5px;}


#nav-section-enlarge h2{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 8pt;
font-weight: bold;
background-color: #9BD264;
border: none;
text-align: center;
margin-left: -7px;
margin-right: -7px;
padding-top: 2px;}

#nav-section-enlarge {
background-color: #E1F6CC;
border: 1px #9BD264 solid;
width: 100%;
}

#nav-section-enlarge p {
overflow: hidden;}

/*#nav-subs #nav-section li:first-child,
#nav-subs #nav-supp li:first-child {
border-top: 1px dotted #E63C1E;
}
*/

#nav-supp-enlarge h2{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 8pt;
font-weight: bold;
background-color: #C38FC2;
text-align: center;
margin-left: -8px;
margin-right: -8px;
padding-top: 2px;
border-bottom: 1px #B15CAF solid;
border-top: none;
border-left: 1px #B15CAF solid;
border-right: 1px #B15CAF solid;}


#nav-supp-enlarge {
background-color: #EFDEEF;
border: 1px #B15CAF solid;
width: 247px;}

#nav-subs-enlarge #nav-section-enlarge ul:before,
#nav-subs-enlarge #nav-supp-enlarge ul:before {
display: block;
padding-bottom: 4px;
font: bold 100% Verdana, Arial, Helvetica, sans-serif;
text-transform: capitalize;
line-height: 0.9em;
content: attr(title);
}

#nav-subs-enlarge img {
border: 1px #000 solid;}

#nav-subs-enlarge #nav-section-enlarge ul li,
#nav-subs-enlarge #nav-supp-enlarge ul li {
float: left;
}

#nav-subs-enlarge #nav-section-enlarge ul li a,
#nav-subs-enlarge #nav-supp-enlarge ul li a {
display: block;
width: 230px;
height: 19px;
border: none;
color: #000;
text-transform: capitalize;
}

#nav-subs-enlarge #nav-section-enlarge ul li a:active,
#nav-subs-enlarge #nav-section-enlarge ul li a:hover,
#nav-subs-enlarge #nav-section-enlarge ul li a:focus,
#nav-subs-enlarge #nav-supp-enlarge ul li a:active,
#nav-subs-enlarge #nav-supp-enlarge ul li a:hover,
#nav-subs-enlarge #nav-supp-enlarge ul li a:focus,
#nav-subs-enlarge #nav-section-enlarge ul li a.youarehere {
color: #B25CAF;
text-decoration: underline;
border-right: 5px #B25CAF solid;}

#nav-subs-enlarge #nav-section-enlarge {
padding-bottom: 5px;
}




/*Form Fields
*/

input {
font-size: 10px;
border: 1px #000 solid;}

#iframe {
background-color: #ffffff;
margin-left: 50px;}

#home input {
border: 1px #000 solid;
height: 23px;
font-size: 16px;
margin-top: -1px;}

.center {
text-align: center;
margin-left: auto;
margin-right: auto;}

#box {
border: 1px #7DAAD7 dashed;
margin-left: auto;
margin-right: auto;
width: 375px;
margin-top: 10px;
margin-bottom: 10px;}

#box p {
color: #000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
font-weight: bold;
margin: 5px;
text-align: left;}

#loginbox {
margin-left: auto;
margin-right: auto;
border: 1px #7DAAD7 dashed;
width: 250px;
background-color: #efefef;
padding-top: 5px;
padding-bottom: 5px;}


#content-full #centerbold {
text-align: center;
font-weight: bold;
margin-left: auto;
margin-right: auto;
border: 1px #7DAAD7 dashed;
width: 300px;
background-color: #efefef;
padding-top: 5px;
padding-bottom: 5px;
}

#content-full #centerbold p {
text-align: center;
font-weight: bold;}

.linkunderline {
text-decoration: underline;}

.currentpage {
font-weight: bold;
text-align: center;
font-size: 12px;
color: #B25CAF;}

#content-full a:link, a:visited, a:active, a:hover {
text-decoration: none;}

#editbox {
border-left: 1px #7DAAD7 dashed;
border-right: 1px #7DAAD7 dashed;
border-bottom: 1px #7DAAD7 dashed;
padding: 20px;}

.editbutton{
color: #000;
font-size: 11px;
text-align: center;
padding: 2px;
font-weight: bold;
}

.editbutton a {
color: #000;
font-size: 11px;
text-align: center;
padding: 1px;
text-decoration: none;
background-color: #FF9933;
border: 1px #000 solid;} 

.editbutton a:hover {
color: #000;
font-size: 11px;
text-align: center;
padding: 1px;
text-decoration: none;
background-color: #FEEBD6;
border: 1px #000 solid;}

.basicbutton {
color: #000;
font-size: 11px;
text-align: left;
padding: 2px;
}

.basicbutton a {
color: #000;
font-size: 11px;
text-align: center;
padding: 1px;
text-decoration: none;
border-bottom: 1px #000 solid;} 

.basicbutton a:hover {
color: #000;
font-size: 11px;
text-align: center;
padding: 1px;
text-decoration: none;
border-bottom: none;
background-color: #A6C4E7;}

.redarrow {
background-image: url(../images/red_arrow.gif);
background-repeat: no-repeat;
background-position: left top;
padding: 0em 0em 10px 35px;
margin: 2px 0 2px 10px;
font-weight: bold;}

#shipping {
border: 1px #003366 solid;
text-align: center;
margin-left: auto;
margin-right: auto;
width: 300px;
}

#shipping #shippingheader {
background-color: #003366;
padding: 2px;
font-weight: bold;
color: #ffffff;
font-size: 14px;}

#shipping #shippingsubheader {
background-color: #fff;
font-size: 10px;
padding: 5px;
}

#shipping #shippingsubheader p {
text-align: left;
font-weight: bold;}

#shipping #shippingsubheader #center {
margin-left: auto;
margin-right: auto;}

.shippingbutton {
text-align: center;
border: 1px #003366 solid;
background-color: #A6C4E7;
font-weight: bold;}

.closebutton {
text-align: center;
border: 2px #003366 solid;
background-color: #A6C4E7;
font-weight: bold;
color: #ffffff
}

.orangebutton {
text-align: center;
border: 1px #000 solid;
font-weight: bold;
background-color: #FF9933;}

#editing {
border: 1px #003366 solid;
text-align: center;
margin-left: auto;
margin-right: auto;
width: 100%;
}

#editing #editingheader {
background-color: #003366;
padding: 2px;
font-weight: bold;
color: #ffffff;
font-size: 14px;}

#return {
margin-left: auto;
margin-right: auto;
margin-top: -30px;
text-align: center;
font-weight: bold;}

#scrollpage-border {
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 5px;
margin-top: 25px;
padding-bottom: 5px;
}

#scrollbutton {
display: inline;
font-size: 14px;
font-weight: bold;
border: 2px #B25CAF solid;
background-color: #EFDEEF;
margin-left: 50px;
margin-right: 50px;}

#scrollbutton input {
margin-left: 2px;
margin-right: 2px;}

#scrollbutton a {
margin-left: 2px;
margin-right: 2px;
}