/* ------------------------------------------------------------------------ ZDM Base ------------------------------------------------------------------------- */ html * { font-size: 100.01%; margin: 0; padding: 0; outline: 0 } body { background: #ddd url('../img/1.png') center repeat; font-family:Helvetica, Arial, sans-serif; font-size: 75.00%; color: #49463f; text-align: center; margin-top: 10px;} h6 { font-family: Cambria, serif; font-weight: normal; color: #2a211b; } h5 { font-family: Cambria, serif; font-weight: normal; color: #2a211b; } h4 { font-family: Cambria, serif; font-weight: normal; color: #2a211b; } h3 { font-family: Cambria, serif; font-weight: normal; color: #2a211b; padding-left:15px; } h1 { font-family: Cambria, serif; font-weight: normal; color: #2a211b; } h3 em { font-family: "Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif; font-weight: normal; letter-spacing: 0px; font-style: italic; } h2 { font-family: Cambria, serif; font-weight: normal; letter-spacing: 0px; padding-left:15px;} h1 { font-size: 225%; line-height: 1em; margin-top: .5em; margin-bottom: .5em; } h2 { font-size: 200%; line-height: 1.5em; color: #666; padding: 0 .5em;} h3 { font-size: 150%; line-height: 1.5em; color: #666; padding: 0 .5em;} h4 { font-size: 133.333%; line-height: 1.125em; margin-top: 1.125em; margin-bottom: 1.125em; } h5 { font-size: 116.67%; line-height: 1.286em; margin-top: 1.286em; margin-bottom: 1.286em; font-weight: bold; } h6 { font-size: 116.67%; line-height: 1.286em; margin-top: 1.286em; margin-bottom: 1.286em; font-weight: bold; } p { font-size: 1em; line-height: 1.5em; margin: 1.5em 0; } p.small { font-size: 0.8333em; line-height: 1.8em; margin: 1.8em 0; text-transform:uppercase } p.small_scroll {float:right; font-size: 0.8333em; line-height: 1.8em; margin-top: 1em; margin-bottom: .5em; } p.protitle {font-size: .8333em;line-height: 1.8em; margin: .4em 0 .6em 0; text-transform:uppercase} p.ourtitle {font-size: .8333em;line-height: 2em; margin: .8em 0 .2em 0; text-transform:uppercase} #footer p {font-size: .8333em;line-height: 1.8em;color:#666; float:right; padding-right:10px} p.prodesc { font-size: .8333em; line-height: 0.8333em; margin:0; font-family: "Trebuchet MS", sans-serif;} p.thanks{font-size: 1.2em} a { color: #2887E3; text-decoration: none; } a:active { color: #FF8A19; text-decoration: none; } a:hover { color: #FF8A19; text-decoration: none; } a:focus { color: #FF8A19; text-decoration: none; } hr { color: #fff; background: transparent; margin:1.5em 0; padding: 0; border: 0; border-bottom: 1px #ddd solid; } hr.space {background:#fff;color:#fff;} li {list-style-image:none; list-style:none;} li.arrow {list-style-image:url('../img/WEB_GRAPHICS_1434.png')} img{border:none} /* ------------------------------------------------------------------------ Page Sections ------------------------------------------------------------------------- */ #wrapper{margin:10px auto 20px auto; width:960px; background-image:url('../img/content_bg.png'); background-repeat:repeat; border:1px #E4E4E4 solid; text-align:left} #header{width:928px; color:#333; padding:10px;height:48px; margin:5px 0px 0px 5px; background:#fff; border-top:1px solid #E4E4E4; border-left:1px solid #E4E4E4; border-right:1px solid #E4E4E4;} #sub_title{width:928px; color:#333; padding:10px; margin:0px 0px 0px 5px; background:#fff; border-left:1px solid #E4E4E4; border-right:1px solid #E4E4E4; text-align:justify} #content{width:928px; color:#333; background:#fff; margin:0px 0px 0px 5px; padding:10px; border-left:1px solid #E4E4E4; border-right:1px solid #E4E4E4;} #home #content{height:100%;} #portfolio #content{height:100%; border-bottom:1px solid #E4E4E4;} #contact #content{height:530px} #shop #content{height:850px; border-bottom:1px solid #E4E4E4} #art #content{height:575px; border-bottom:1px solid #E4E4E4} #shop #sub_title {} #art #sub_title {} #shop .shop_item {width:928px; height:410px} #pager{width:928px; height:35px; padding:10px; border-bottom:1px solid #E4E4E4; border-left:1px solid #E4E4E4; border-right:1px solid #E4E4E4; margin:0px 0px 0px 5px; background:#fff; text-align:right} #preview{width:930px; border:0px solid #ccc; background:#fff; margin:5px 0px 5px 0px;} #shopgrid{width:930px; background:#fff; margin:5px 0px 5px 0px;} #footer{width:928px; height:45px; background:#fff; border:1px solid #E4E4E4; margin:5px 0px 5px 5px; padding:10px;} /* img{border:2px solid #72a143; padding:1px; background:#ffeda5}*/ .new{background:url('../img/new.png') no-repeat 0 0; position:absolute; top:-3px; right:-10px; width:61px; height:61px; z-index:5} .beta{background:url('../img/beta.png') no-repeat 0 0; position:absolute; top:-3px; right:-10px; width:61px; height:61px; z-index:5} .art{background:url('../img/art.png') no-repeat 0 0; position:absolute; top:-3px; right:-10px; width:61px; height:61px; z-index:5} .code{background:url('../img/code.png') no-repeat 0 0; position:absolute; top:-3px; right:-10px; width:61px; height:61px; z-index:5} .updated{background:url('../img/updated.png') no-repeat 0 0; position:absolute; top:-3px; right:-10px; width:61px; height:61px; z-index:5} #randomquote {width:750px; height:30px;overflow:hidden; margin:0px 0px 0px 10px; padding-bottom:0px; text-align:left; float:left} #randomquote p { font-size: 1.2em; line-height: 1.8em; margin:0; font-family: Cambria, serif; font-weight: normal; color: #2a211b; font-style: italic; } #quoteimage{MARGIN:0px;float:left} #validate{height:5em;color: #CC3300;} /* ------------------------------------------------------------------------ CSS Menu - Generated via www.cssmenubuilder.com ------------------------------------------------------------------------- */ .underlinemenu{font-weight: bold;width: 100%;} .underlinemenu ul{padding: 6px 0 7px 0;margin: 0;text-align: right;} .underlinemenu ul li{display: inline;} .underlinemenu ul li a{color:rgb(73,70,63);padding: 6px 3px 4px 3px;margin-right: 20px;text-decoration: none;border-bottom: 3px solid gray;} .underlinemenu ul li a:hover {border-bottom-color: black;} .underlinemenu ul li a.selected{border-bottom-color:rgb(109,170,53); color:rgb(155,155,155);} /* ------------------------------------------------------------------------ Buttons ------------------------------------------------------------------------- */ .button_continue { background-color: transparent; background-image: url('../img/continue.gif'); background-repeat: repeat; background-attachment: scroll; background-position: 0px 62px; display: block; width: 109px; height: 31px; margin-top: 0px; margin-right: 5pt; margin-bottom: 0pt; margin-left: 1px; float:right} .button_continue:hover { background-position: 0px -527px; } .button_next { background-color: transparent; background-image: url('../img/next.gif'); background-repeat: repeat; background-attachment: scroll; background-position: 0px 62px; display: block; width: 79px; height: 31px; margin-top: 0px; margin-right: 5pt; margin-bottom: 0pt; margin-left: 1px; float:right} .button_next:hover { background-position: 0px -527px; } .button_previous { background-color: transparent; background-image: url('../img/previous.gif'); background-repeat: repeat; background-attachment: scroll; background-position: 0px 62px; display: block; width: 109px; height: 31px; margin-top: 0px; margin-right: 5pt; margin-bottom: 0pt; margin-left: 1px; float:right} .button_previous:hover { background-position: 0px -527px; } .button_next_white { background-color: transparent; background-image: url('../img/next_w.gif'); background-repeat: repeat; background-attachment: scroll; background-position: 0px 54px; display: block; width: 85px; height: 26px; margin-top: 0px; margin-right: 5pt; margin-bottom: 0pt; margin-left: 1px; float:right} .button_next_white:hover { background-position: 0px -135px; } .button_prev_white { background-color: transparent; background-image: url('../img/prev_w.gif'); background-repeat: repeat; background-attachment: scroll; background-position: 0px 54px; display: block; width: 85px; height: 26px; margin-top: 0px; margin-right: 5pt; margin-bottom: 0pt; margin-left: 1px; float:right} .button_prev_white:hover { background-position: 0px -135px; } .btn{ display:inline-block; background:none; margin:0; padding:3px 0; border-width:0; overflow:visible; font:100%/1.2 Arial,Sans-serif; text-decoration:none; color:#333} * html button.btn{ padding-bottom:1px} html:not([lang*=""]) button.btn{ margin:0 -3px} .btn span{ background:#ddd url('../img/bg-button.gif') repeat-x 0 0; margin:0; padding:3px 0; border-left:1px solid #bbb; border-right:1px solid #aaa} * html .btn span{ padding-top:0} .btn span span{ position:relative; padding:3px .4em; border-width:0; border-top:1px solid #bbb; border-bottom:1px solid #aaa} /* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */ button.pill-l span{ border-right-width:0} button.pill-l span span{ border-right:1px solid #bbb} button.pill-c span{ border-right-style:none; border-left-color:#fff} button.pill-c span span{ border-right:1px solid #bbb} button.pill-r span{ border-left-color:#fff} /* only needed if implementing separate hover/focus/active state for buttons */ .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span{ cursor:pointer; /* important for any clickable/pressable element */ border-color:#9cf !important; color:#000} .btn:active span{ background-position:0 -400px; outline:none} .btn:focus, .btn:active{ outline:none; /* doesn't seem to be respected for