body  { background-color: white; background-image: url("graphics/bkgd_gradient.png"); background-repeat: repeat-x; background-position: 0 0; margin-top: 0 }
a img { text-decoration: none; border-width: 0 }
#header   { background-color: white; padding-top: 28px; padding-right: 10px; padding-left: 10px; position: absolute; top: 0; width: 935px; height: 104px; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6 }
h4 { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; text-align: inherit; margin: 1.33em 0 }
h3 { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; margin: 1em 0 }
h3 a { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; margin: 1em 0; border-bottom: 1px solid #f79d2b }
#cart a {
background-image : url("graphics/header/shopping_cart_rollover.png");
background-repeat : no-repeat;
background-position : 0 top;
visibility : visible;
width : 107px;
height : 15px;
float : right;
}
#cart a:hover {
background-repeat : no-repeat;
background-position : right 0;
}
#logo a {
background-image : url("graphics/header/zoelle_illustration-design.png");
background-repeat : no-repeat;
background-position : 0 top;
visibility : visible;
width : 186px;
height : 46px;
float : left;
}
#navcontainer {
background-color : #fff;
position : absolute;
top : 133px;
width : 955px;
height : 40px;
border-right : 1px solid #e6e6e6;
border-left : 1px solid #e6e6e6;
}
.top_nav { color: #bdbdbd; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; width: 184px; height: 29px }
#about a  { color: #bdbdbd; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-color: #fff; text-align: center; padding-top: 12px; padding-bottom: 9px; position: absolute; top: -1px; left: 200px; width: 184px; height: 29px; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6 }
#about a:hover  { color: #414141; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-color: #fafafa; padding-top: 12px; padding-bottom: 9px; border-top: 1px solid #f79d2b }
#about_selected { color: #414141; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fafafa; text-align: center; padding-top: 12px; padding-bottom: 9px; position: absolute; top: -1px; left: 200px; width: 184px; height: 29px; border-top: 1px solid #f79d2b; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6 }
#work a  { color: #bdbdbd; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-color: #fff; text-align: center; padding-top: 12px; padding-bottom: 9px; position: absolute; top: -1px; left: 385px; width: 184px; height: 29px; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6 }
#work a:hover { color: #414141; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-color: #fafafa; background-position: 100% 100%; padding-top: 12px; padding-bottom: 9px; border-top: 1px solid #f79d2b }
#work_selected { color: #414141; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fafafa; text-align: center; padding-top: 12px; padding-bottom: 9px; position: absolute; top: -1px; left: 385px; width: 184px; height: 29px; border-top: 1px solid #f79d2b; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6 }
#contact a  { color: #bdbdbd; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-color: #fff; text-align: center; padding-top: 12px; padding-bottom: 9px; position: absolute; top: -1px; left: 570px; width: 184px; height: 29px; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6 }
#contact a:hover { color: #414141; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-color: #fafafa; background-position: 100% 100%; padding-top: 12px; padding-bottom: 9px; border-top: 1px solid #f79d2b }
#contact_selected { color: #414141; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fafafa; text-align: center; padding-top: 12px; padding-bottom: 9px; position: absolute; top: -1px; left: 570px; width: 184px; height: 29px; border-top: 1px solid #f79d2b; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6 }
#navlist li  { text-align: center; list-style-type: none; display: block }
#navlist a:link, #navlist a:visited    { color: #bdbdbd; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-color: white; background-position: 100% 100%; padding: 12px 65px 9px; height: 29px; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6 }
#navlist a:hover    { color: #414141; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-color: #fafafa; background-position: 100% 100%; padding: 13px 65px 9px; border-top: 1px solid #f79d2b }
#main_nav_col1  { padding-top: 12px; position: absolute; top: 0; left: 206px; width: 184px; height: 29px }
#main_nav_col1_selected    { color: #414141; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fafafa; padding-top: 13px; position: absolute; top: -1px; left: 205px; width: 184px; height: 29px; border-top: 1px solid #f79d2b; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6 }
#main_nav_col2_selected    { color: #414141; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fafafa; padding-top: 13px; position: absolute; top: -1px; left: 389px; width: 178px; height: 29px; border-top: 1px solid #f79d2b; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6 }
#main_nav_col2  { padding-top: 12px; position: absolute; top: 0; left: 389px; width: 178px; height: 29px }
#main_nav_col3 {
padding-top : 12px;
position : absolute;
top : 0;
left : 567px;
height : 29px;
}
#tab_navcontainer_text  { color: #b8b8b8; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; margin: 10px 10px 0; position: absolute; top: 174px; width: 935px; height: 39px }
#tab_navcontainer_home { color: #bdbdbd; font-size: 40px; font-family: Georgia, "Times New Roman", Times, serif; text-align: center; margin-top: 20px; position: absolute; top: 174px; width: 935px; height: 39px }
#tab_navcontainer {
background-color : white;
background-image : url("graphics/tab_nav/tab_navbackground.png");
background-repeat : no-repeat;
margin : 0 0 0;
padding-top : 48px;
padding-bottom : 48px;
position : absolute;
top : 174px;
width : 955px;
height : 39px;
border-right : 1px solid #e6e6e6;
border-left : 1px solid #e6e6e6;
}
#tab_navcontainer ul {
list-style-type : none;
margin : 0;
padding : 0 0 0 9px;
}
#tab_navcontainer ul li {
text-align : center;
padding-right : 9px;
float : left;
}
#tab_navcontainer ul li a {
color : #bebebe;
font-size : 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
background-image : url("graphics/tab_nav/nav_tab.png");
background-repeat : no-repeat;
background-position : right top;
padding-top : 20px;
width : 126px;
height : 67px;
float : left;
}
#tab_navcontainer li a:visited   { color: #bebebe; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-image: url("graphics/tab_nav/nav_tab.png"); background-repeat: no-repeat; background-position: right top; padding-top: 20px; width: 126px; height: 67px; float: left }
#tab_navcontainer li a:hover {
color : #e6e6e6;
background-image : url("graphics/tab_nav/nav_tab.png");
background-repeat : no-repeat;
background-position : left top;
}
#tab_navcontainer_selected {
color : #6b6b6b;
font-size : 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
background-color : transparent;
background-image : url("graphics/tab_nav/nav_tab_selected.png");
background-repeat : no-repeat;
padding-top : 20px;
width : 126px;
height : 67px;
}
#content {
padding-right : 10px;
padding-left : 10px;
position : absolute;
top : 309px;
width : 935px;
height : 350px;
border-right : 1px solid #e6e6e6;
border-bottom : 1px solid #e6e6e6;
border-left : 1px solid #e6e6e6;
}
#body_text { color: #848484; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 24px; margin-left: 10px; position: absolute; top: 0; left: 0; width: 935px; height: 350px; float: left }
#small_body_text { color: #848484; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; margin-left: 10px; position: absolute; top: 0; left: 0; width: 935px; height: 350px; float: left }
#small_body_text a { color: #848484; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; text-decoration: none; border-bottom: 1px solid #f79d2b }
#left_content_col {
margin-left : 10px;
position : absolute;
top : 0;
left : 0;
width : 229px;
height : 350px;
float : left;
border-right : 1px dotted #bbbfc4;
}
#left_navcontainer ul {
list-style-type : none;
margin : 0;
padding : 0;
}
#left_navcontainer li {
margin : 0;
}
#left_navcontainer a {
color : gray;
font-size : 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
background-color : white;
display : block;
padding-top : 4px;
padding-bottom : 4px;
padding-left : 7px;
width : 210px;
}
#left_navcontainer a:hover {
color : #353d43;
background-color : #f8f8f8;
}
#left_nav_active a {
color : #353d43;
background-color : #ececec;
}
#left_thumb_nav ul  { list-style-type: none; margin: 0; padding: 0 }
#left_thumb_nav li  { margin: 0; float: left }
#left_thumb_nav a  { color: gray; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-color: white; display: block; margin: 4px 10px 4px 0; padding: 0; width: 44px; height: 29px; border: solid 1px #d3d3d3 }
#left_thumb_nav a:hover { color: #353d43; background-color: #f8f8f8; width: 44px; height: 29px; border: solid 1px #616161 }
#left_thumb_nav_active a { border: solid 1px #f79d2b }
#center_content_col  { color: #616161; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 10px; padding-top: 4px; padding-right: 10px; position: absolute; top: 0; left: 245px; width: 216px; height: 346px; float: left; border-right: 1px dotted #bbbfc4 }
#center_content_col_scroll { color: #616161; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 10px; padding-top: 4px; padding-right: 10px; position: absolute; top: 0; left: 245px; width: 216px; height: 346px; float: left; border-right: 1px dotted #bbbfc4; overflow:auto; }
#center_content_col_scroll a { color: #616161; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; border-bottom: 1px solid #d3d3d3; overflow:auto; }
#center_content_col_scroll a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; border-bottom: 1px solid #616161; overflow:auto; }
#center_content_col a {
color : #616161;
font-size : 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
border-bottom : 1px solid #d3d3d3;
}
#center_content_col a:hover {
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
border-bottom : 1px solid #616161;
}
#right_content_col {
color : #616161;
font-size : 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
padding-top : 4px;
position : absolute;
top : 0;
left : 495px;
width : 455px;
height : 348px;
}
#right_content_col a {
color : #616161;
font-size : 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
border-bottom : 1px solid #d3d3d3;
}
#right_content_col img {
font-family : Verdana, Arial, Helvetica, sans-serif;
padding : 4px;
border : 1px solid #d3d3d3;
}
#right_content_col a:hover {
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
border-bottom : 1px solid #616161;
}
#add_nav_fwd a  { background-image: url("graphics/portfolio/forward.png"); background-repeat: no-repeat; background-position: 0 top; visibility: visible; position: absolute; top: 310px; right: 111px; width: 77px; height: 17px; float: right; border-bottom: 0 solid }
#add_nav_fwd a:hover { background-repeat: no-repeat; background-position: right 0; border-bottom: 0 solid }
#add_nav_bwd a   { background-image: url("graphics/portfolio/backward.png"); background-repeat: no-repeat; background-position: 0 top; visibility: visible; position: absolute; top: 310px; left: 120px; width: 78px; height: 17px; float: left; border-bottom: 0 solid }
#add_nav_bwd a:hover { background-repeat: no-repeat; background-position: right 0; border-bottom: 0 solid }
#add_nav_center  { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url("graphics/portfolio/center.png"); background-repeat: no-repeat; background-position: 0 top; text-align: center; visibility: visible; padding-top: 3px; position: absolute; top: 310px; left: 198px; width: 69px; height: 17px; border-bottom: 0 solid }
#add_nav a:hover { background-repeat: no-repeat; background-position: right 0 }
.outside_border {
background-color : white;
margin-right : auto;
margin-left : auto;
padding-right : 5px;
padding-bottom : 5px;
padding-left : 5px;
width : 957px;
height : 660px;
border-right : 4px solid #bbbfc4;
border-bottom : 4px solid #bbbfc4;
border-left : 4px solid #bbbfc4;
}
#footer { color: black; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; position: absolute; top: 365px; width: 935px; height: 20px }
#footer a:hover { color: black; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
#footer a:visited { color: #bebebe; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
.validation { color: #bebebe; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
#copyright   { color: #bebebe; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; position: absolute; top: 0; right: 0 }
#send a  { background-image: url("graphics/send_default.png"); background-repeat: no-repeat; visibility: visible; margin: 0; padding: 0; position: absolute; top: inherit; left: 0; width: 73px; height: 17px; border: solid 0; outline-style: solid; outline-width: 0 }
#send a:hover { background-image: url("graphics/send.png"); background-repeat: no-repeat; background-position: 0 0; visibility: visible; margin: 0; padding: 0; position: absolute; top: inherit; left: 0; width: 73px; height: 17px; border: solid 0; outline-style: solid; outline-width: 0 }