body, html { margin:0px; padding:0; }
body { background:#F0EAD8 url("../images/bg-pattern.jpg") repeat-y; background-position:center; }
#wrapper { width:825px; margin:0 auto; }
#header { width:825px; height:110px; display:block; margin-top:25px; }
#nav { width:825px; height:42px; background:url("../images/nav-bg.png") no-repeat; display:block; }
#nav ul, #nav li { padding:0; margin:0; list-style-type:none; }
#nav_container li { display:block; float:left; }
#nav_container { padding-left:359px; }
#nav a { display:block; float:left; height:42px; padding:0; margin:0; }
#nav a#home { display:block; text-indent:-1000em; background:url("../images/home_nav.png") no-repeat; width:63px; }
#nav a#jewels { display:block; text-indent:-1000em; background:url("../images/jewels_nav.png") no-repeat; width:60px; }
#nav a#about { display:block; text-indent:-1000em; background:url("../images/about_nav.png") no-repeat; width:61px; }
#nav a#find { display:block; text-indent:-1000em; background:url("../images/find_nav.png") no-repeat; width:39px; }
#nav a#contact { display:block; text-indent:-1000em; background:url("../images/contact_nav.png") no-repeat; width:74px; }
#nav a#news { display:block; text-indent:-1000em; background:url("../images/news_nav.png") no-repeat; width:51px; }
#nav a#home:hover, #nav ul li a.selected#home { background:url("../images/home_nav_over.png") no-repeat; width:63px; }
#nav a#jewels:hover, #nav ul li a.selected#jewels { background:url("../images/jewels_nav_over.png") no-repeat; width:60px; }
#nav a#about:hover, #nav ul li a.selected#about { background:url("../images/about_nav_over.png") no-repeat; width:61px; }
#nav a#find:hover, #nav ul li a.selected#find { background:url("../images/find_nav_over.png") no-repeat; width:39px; }
#nav a#contact:hover, #nav ul li a.selected#contact { background:url("../images/contact_nav_over.png") no-repeat; width:74px; }
#nav a#news:hover, #nav ul li a.selected#news { background:url("../images/news_nav_over.png") no-repeat; width:51px; }
#content { width:703px; background:url("../images/content-bg.png") repeat-y; display:block; padding:0 61px; }
#footer { width:825px; height:33px; background:url("../images/footer-pattern2.png") no-repeat; display:block; }
#nav_bottom { width:825px; padding:10px; font-family: Arial; font-size: 12px; color: #704B23; }
#nav_bottom a:link, #nav_bottom a:active, #nav_bottom a:visited
{
font-family: Arial;
font-size: 12px;
color: #704B23;
text-decoration: none;
}
#nav_bottom a:hover
{
font-family: Arial;
font-size: 12px;
color: #704B23;
text-decoration: underline;
}
#copyright { width:825px; padding:10px; font-family: Arial; font-size: 11px; color: #704B23; }
#content #text { padding:10px; width:685px; }
body, p, td, th { font-family:Arial, Helvetica, sans-serif; font-size:11px; }
h1.head { color:#704B23; font-size:16px; font-family:Verdana, Arial; font-weight:normal; }
h1.head2 { color:#704B23; font-size:16px; font-family:Tw Cen MT Condensed; }
.clear { clear:both; }
.button {
border: solid 1px #cccccc;
background: #ffffff;
color: #666666;
font-weight: bold;
font-family: arial;
font-size: 11px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 12px;
padding-left: 12px;
}
/*
* TABLE LIST
*/
table.around {
border-width: 1px;
background-color: #3798b9;
}
tr.header {
border-width: 1px;
background-color: #77b6d0;
font-family: verdana, arial, helvetica;
font-size: 16px;
text-align: center;
color: #ffffff;
font-weight: bold;
}
tr.content {
background-color: #ffffff;
font-family: verdana, arial, helvetica;
font-size: 11px;
border: 1px;
vertical-align: top;
}
tr.content2 {
background-color: #dbeaf5;
font-family: verdana, arial, helvetica;
font-size: 11px;
border: 1px;
vertical-align: top;
}
td.head {
background-color: #dbeaf5;
font-family: verdana, arial, helvetica;
font-size: 11px;
font-weight: bold;
text-align: right;
vertical-align: top;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
td.content {
background-color: #ffffff;
foot-weight: normal;
}
input,textarea,select{
font-family: Arial;
font-size: 8pt;
}
.input_email {
margin: 1px 0;
font-size : 11px;
font-family : Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
border-top: 2px solid #999999;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
}
hr {
border-bottom: dotted #704b23;
border-top-style: none;
border-right-style: none;
border-left-style: none;
}
/*
* NAVIGASI LIST
*/
a:link, a:active, a:visited {
font-family: Arial;
font-size: 11px;
color: #704B23;
text-decoration: none;
}
a:hover {
font-family: Arial;
font-size: 11px;
color: #704B23;
text-decoration: underline;
}
/*
* HOMEPAGE
*/
.homeimage { padding:10px; }
/*
* JEWELS PAGE
*/
#jewels_page { padding:10px; }
.jewels_div { padding:0 0 0 10px; margin:0 0 0 330px;; letter-space:1px; text-align: left;}
.jewels_desc { color:#52a49a; font-size:14px; line-height:25px; }
.jewels_desc_div { padding:0 0 30px 10px; margin:0; }
.jewels_text { color:#704b23; font-size:11px; font-weight:bold; font-family:Arial; margin:0 5px; }
.jewels_div a { color: #A4988C}
.jewels_div a:hover { color:#704b23; font-weight:bold; font-family:Arial; text-decoration:none; }
.jewels_prevnext { padding-left:31px; color:#704b23; font-size:11px; font-family:Arial; letter-space:1px; }
.jewels_prevnext a:hover { color:#704b23; font-size:11px; font-weight:bold; font-family:Arial; letter-space:1px; text-decoration:none; }
.jewels_prevnext a:visited, .jewels_prevnext a:link { color:#704b23; font-size:11px; font-family:Arial; letter-space:1px; }
.jewels_boxes { padding:10px 0 0 10px; }
.jewels_boxes a { margin:0 1px; }
.jewels_title { margin-bottom: 18px; }
/*
* NEWS PAGE
*/
#content_news_text { padding-top:10px; }
#news_image { float:left; padding-right:10px; padding-bottom:22px; }
.news_div { font-family: Arial; padding-left: 110px; padding-top:20px; padding-right:110px; }
.news_div a:link, .news_div a:hover, .news_div a:visited { font-family: Arial; font-size:13px; }
.news_header { color:#52a49a; font-size:16px; }
.news_header2 { color:#704b23; font-size:16px; }
.news_header3 { padding-bottom:10px; }
.news_date { color:#704b23; font-size:14px; margin-right:5px; }
.news_place { color:#52a49a; font-size:14px; }
.news_text { color:#704b23; font-size:13px; line-height:15px; }
/*
* ABOUT PAGE
*/
#about_page { padding:10px; font-size:11px; font-family: Arial; color:#704b23; }
p.style { text-align:center; font-size:10px; font-family: Arial; color:#704b23; }
.first_letter { color:#52a49a; font-size:14px; line-height:15px; }
.about_image { float:left; padding-right:27px; }
.about_letter { padding-right:60px; padding-top:0px; padding-bottom:20px; line-height:15px; }
.about_letter p { font-size:13px; font-family:Arial; }
/*
* FIND PAGE
*/
#find_page { padding:10px; font-size:11px; font-family: Arial; color:#704b23; }
.find_state { padding-top:16px; padding-left:20px; padding-right:12px; padding-bottom:17px; font-size:16px; font-family:Arial; color:#52a49a; }
.find_fill { padding-top:10px; padding-right:20px; color:#704b23; }
.find_store { font-size:11px; font-family: Arial; font-weight:bold; color:#704b23; line-height:15px; }
.find_address { font-size:11px; font-family: Arial; color:#704b23; line-height:15px; }
.find_website { font-size:11px; font-family: Arial; color:#52a49a; line-height:15px; }
.event { padding:19px 16px; font-size:14px; font-family:Arial; color:#704b23; background-color:#e6f2f0; float:right; }
.event_text { font-size:11px; font-family: Arial; color:#704b23; }
.event_fill { padding-top:21px; padding-right:20px; color:#704b23; }
.event_date { font-size:14px; font-family: Arial; color:#52a49a; }
.event_event { font-size:11px; font-family: Arial; font-weight:bold; color:#704b23; line-height:15px; }
.event_place { font-size:11px; font-family: Arial; color:#704b23; line-height:15px; }
.event_time { font-size:11px; font-family: Arial; color:#704b23; line-height:15px; }
.event_website { font-size:11px; font-family: Arial; color:#52a49a; line-height:15px; }
#find_page a:link, #find_page a:active, #find_page a:visited {
font-family: Arial;
font-size: 11px;
color: #52a49a;
text-decoration: none;
}
#find_page a:hover {
font-family: Arial;
font-size: 11px;
color: #52a49a;
text-decoration: underline;
}
/*
* CONTACT PAGE
*/
#contact_page { padding:10px; font-size:11px; font-family: Arial; color:#704b23; }
.contact_left_head { padding:10px 45px 10px 55px; }
.contact_right_head { padding:10px 0 10px 0; }
.contact_left { float:left; padding-left:55px; padding-right:80px; padding-bottom:0px; line-height:15px; }
.contact_head { font-size:16px; font-family: Arial; color:#52a49a; }
.contact_right { float:left; padding-bottom:25px; }
.contact_text_color { color:#52a49a; font-weight:bold; }
.contact_img { float:right; padding-top:10px; padding-left:10px; padding-right:0px; padding-bottom:25px; }
#contact_page a:link, #contact_page a:visited, #contact_page a:active {
font-family: Arial;
font-size: 11px;
color: #52a49a;
text-decoration: none;
}
#contact_page a:hover {
font-family: Arial;
font-size: 11px;
color: #52a49a;
text-decoration: underline;
}
#credits {
background: url('../images/bg_contact_credits_mid.gif') top left repeat-y;
}
#credits h5 {
background: url('../images/bg_contact_credits_top.gif') top left no-repeat;
text-indent: -1000px;
height: 5px;
padding: 0;
margin: 0;
}
#credits h6 {
background: url('../images/bg_contact_credits_top.gif') bottom left no-repeat;
text-indent: -1000px;
height: 5px;
padding: 0;
margin: 0;
}
#credits p {
margin:5px 20px 5px 15px;
}