@import url("jd.gallery.css");
@import url("layout.css");
body     { background-color: #ffffff; text-align: center; margin: 0; padding: 0; right: 860px; background-image: url(img/background.gif); background-repeat: repeat-x; }
body.home     { background-color: #ffffff; text-align: center; margin: 0; padding: 0; right: 860px; background-image: url(img/background2.gif); background-repeat: repeat-x; }

.wrapper      { text-align: left; margin: 0 auto 0; position: relative; top: 0; width: 860px;}
#header       { position: relative; z-index: 20; top: 15px; left: 0; width:860px;}	

.header-title {
	position: relative;
	float: right;
}

a.home   { zoom: 1;}
#home-tag { position: relative; top: 30px; left: 150px; width: 500px; height: 150px }
#main_nav ul{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a img { border-width: 0; border: none; zoom: 1; padding:0px; margin:0px;}
a.nav    { color: white; font: bold 0.7em arial, verdana, helvetica, sans-serif; text-decoration: none; letter-spacing: 0.2em; padding: 3px 7px; }
a:hover.nav    { color: white; font: bold 0.7em arial, verdana, helvetica, sans-serif; text-decoration: none; letter-spacing: 0.2em; padding: 3px 6px; border-style: dashed; border-width: 1px 1px 0; border-color: #fff;}
a.nav-home { color: white; font: bold 0.7em arial, verdana, helvetica, sans-serif; text-decoration: none; letter-spacing: 0.2em; padding: 3px 7px }
a:hover.nav-home { color: white; font: bold 0.7em arial, verdana, helvetica, sans-serif; text-decoration: none; letter-spacing: 0.2em; padding: 3px 6px; border: dashed 1px #fff }
a.sub-nav  { color: #99CC33; font: bold 0.7em arial, verdana, helvetica, sans-serif; text-decoration: none; letter-spacing: 0.2em; margin-right: 10px; padding: 0 }
a:hover.sub-nav  { color: #99CC33; font: bold 0.7em arial, verdana, helvetica, sans-serif; text-decoration: underline; letter-spacing: 0.2em; margin-right: 10px; padding: 0 }

ul.nav        { list-style-type: none; display: inline; margin: 1em 0; position: relative; top: 0; left: 0; background-color: #99CC33;}
#services  { color: #666; font-size: 0.8em; font-family: Arial, sans-serif; font-weight: normal; background: #eee; margin: 0; padding: 0 10px 0; position: relative; top: 0; border: solid 1px #ccc }
a.services { color: #333; font-style: normal; font-weight: bold; text-decoration: none; padding-top: 5px }
a:hover.services { color: #333; font-style: normal; font-weight: bold; text-decoration: underline; padding-top: 5px }
ul.nav-services { list-style-type: none; display: inline; margin: 1em 0 0; position: relative; top: 0; left: 0 }
li.nav-services  { color: #333; font-weight: bold; list-style-type: none; display: inline; margin-left: 20px; position: relative; width: 170px; float: left; zoom: 1; }
ul.services { color: #666; font-weight: normal; list-style-type: disc; margin: 0 0 0.5em 5px; padding-left: 10px }
ul.sub-nav  { list-style-type: none; display: inline; margin: 1em 0 1em 20px; padding: 0; position: relative; top: 0; left: 0 }

li.nav    { list-style-type: none; display: inline; margin: 1em 10px 1em 0; padding: 0; position: relative; top: 0; left: 0; zoom: 1; }
li.nav_inactive     { color: white; font: bold 0.7em arial, verdana, helvetica, sans-serif; text-decoration: none; letter-spacing: 0.2em; list-style-type: none; display: inline; margin: 1em 10px 1em 0; padding: 3px 6px; position: relative; border-style: dashed; border-width: 1px 1px 0; border-color: #fff; zoom: 1; }
li.sub-nav_inactive  { color: #99CC33; font: bold 0.7em arial, verdana, helvetica, sans-serif; text-decoration: underline; letter-spacing: 0.2em; list-style-type: none; display: inline; margin-top: 1em; margin-right: 20px; margin-bottom: 1em; padding: 0; position: relative; zoom: 1; }
h1.green { color: #99CC33; font: bold 0.7em arial, verdana, helvetica, sans-serif; text-decoration: underline; letter-spacing: 0.2em; margin: 1em 0 0; padding: 1em 0 0 }
h1.tag       { color: #fff; font-size: 0.85em; font-family: arial, verdana, helvetica, sans-serif; font-weight: bold; margin: 0; padding: 0; position: relative; vertical-align: baseline }
#h1-area   { text-align: left; margin: 0 0 0 20px; padding: 0; position: relative; top: 0 }
img {
	border-style: none;
}

img.intro {
	position: relative;
	top: 75px;
}

#page-content         { color: #333333; font-size: 1em; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; text-align: left; width: 860px }

#image-area     { text-align: left; position: relative; top: 0; right: 0; width: 817px; height: 570px }
#image-area1         {text-align: left; margin: 20px 20px 0; position: relative; top: 0; left: 0; width: 817px }
#image-area-home { text-align: left; margin: 20px 20px 0; position: relative; top: 20px; left: 0; width: 800px }
#about-image-area {
	height: 540px;
	width: 550px;
	float: right;
	position: relative;
	top: 87px;
	right: 40px;
}

.align-right {
	float: right;
	position: relative;
	padding: 10px 0px, 10px 10px;
}
p.contact-box {
	margin: 10px;
}

p      { color: #666; font-size: 0.85em; font-family: Arial, sans-serif; font-weight: normal; margin: 0; padding: 0 0 10px }
.align-textR  { color: #666; font-size: 0.85em; font-family: arial, sans-serif; font-weight: normal; text-align: right; margin: 0; padding: 0 0 10px }
p.indent        { color: #666; font-size: 0.85em; font-family: Arial, sans-serif; font-weight: normal; margin: 0 0 0 20px; padding: 0 }
a.link   { color: #99CC33; font-weight: bold; text-decoration: none }
a:hover.link  { color: #99CC33; font-weight: bold; text-decoration: none; border-bottom: 1px dashed #99CC33 }
a.dk_link  { color: #333; text-decoration: underline }
a:hover.dk_link  { color: #000; text-decoration: underline }

a.no-show  { color: #666; text-decoration: none }
a:hover.no-show  { color: #666; text-decoration: none }

h2
     { color: #333; font-size: 0.95em; font-weight: bold; margin: 0; padding: 10px 0 2px }
h3    { color: #666; font-size: 0.85em; font-family: Arial, sans-serif; font-weight: bold; margin: 0 0 0 20px; padding: 0 }	

#B_rule        { background-image: url(img/rule.gif); background-repeat: repeat-x; background-position: 0 0; margin: 0; padding: 0; position: relative; top: 10px; left: 0; height: 1px; border-width: 0; outline-width: 0 }

#copyright     { color: #99CC33; font-size: 0.8em; font-family: arial, verdana, helvetica, sans-serif; font-weight: bold; margin-top: 15px; margin-left: 20px; padding-right: 0; padding-bottom: 10px; padding-left: 0; outline-width: 0 }

#floatL     { margin-right: 50px; padding-top: 5px; padding-right: 0; padding-bottom: 5px; float: left }
#floatL-alice { margin-right: 30px; padding-top: 5px; padding-right: 0; padding-bottom: 5px; float: left }
#floatR  { margin-left: 30px; padding-top: 5px; padding-bottom: 5px; padding-left: 0; float: right }
td.margin  { color: #666; font-size: 0.9em; margin: 5px 20px }
ul.list   { list-style-type: disc; margin: 0 0 0 40px; padding: 0 }

ul.list li  { color: #666666; font-size: 0.85em; font-family: Arial, sans-serif; margin: 0; padding: 0; zoom: 1; }