/* =============================== PAGE BACKGROUNDS ======================*/

#page_blue {
	background: url(images/style/bg_emboss.jpg) repeat;
}
#page_brown {
	background: url(images/style/bg_emboss_br.jpg) repeat;
	margin-top:15px;
}
#page_green {
	background: url(images/style/bg_emboss_gn.jpg) repeat;
}

#page_admin {
	background-color:#A7D6D5;
}


/* =============================== PAGE STRUCTURE CORE ======================*/

body {
	margin: 10px auto 0px auto;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color: #3C0005;
	scrollbar-face-color: '';
	scrollbar-arrow-color: '';
	scrollbar-track-color: '';
	scrollbar-shadow-color: '';
	scrollbar-highlight-color:'';
	scrollbar-3dlight-color:'';
	scrollbar-darkshadow-Color:'';
}

#container {
	background:url(images/style/container.gif) repeat-y;
	width:776px;
	margin: 0px auto 0px auto;
	text-align:left;
}


/* =============================== HEADER  ============================================*/


#header {
	background: url(images/style/frame_top3.jpg) no-repeat top left;
	height: 108px;
	margin: 0px;
}

#header #logo {
	width: 165px;
	height: 90px;
	float: left;
}

#header_dsgn {
	background: url(images/style/frame_top3_dsgn.jpg) no-repeat top left;
	height: 108px;
	margin: 0px;
}



#needle_big {
	position: absolute;
	left: 1%;
	top: 50%;
}

/* ===============================  PAGE BROWN    ============================*/

#page_brown #container {
	width:776px;
	margin: 0px auto 0px auto;
	text-align:left;
	background-color:#3C0005;
	background-image: url(images/style/jdd_comp_index2.gif);
	background-repeat: repeat-y;
}

#header_home {
	background: url(images/style/frame_top_home901.gif) no-repeat top left;
	height: 108px;
	margin: 0px;
}

#page_brown #logo {
	margin-left: 20px;
	width:150px;
	height: 100px;
	padding-top:20px;
	float:left;
}

#page_brown #content {
	width: 776px;
	background-color: #3C0005;
	color: #FFFFFF;
	background: url(images/style/jdd_comp_index2.gif) repeat-y right top;
	margin: 0px auto 0px 0px;
}

#page_brown #content_right {
	width: 550px;
	height: 276px;
	margin: 0px 0px 4px 204px;
	padding: 2px;
/*	border: #CC9966 1px dotted;*/
	color: #CC9966;
	background: #3C0005;
}

#page_brown #content_left {
	width:180px;
	height:240px;
	float:left;
	padding: 20px 0px 20px 20px;
	margin: 0px 0px 4px 4px;
	color: #CC9966;
}

#page_brown #content_leftIndex {
	width:180px;
	height:240px;
	float:left;
	padding: 5px 10px 20px 10px;
	margin: 0px 0px 4px 4px;
	color: #CC9966;
}


#page_brown #content_leftIndex p,
#page_brown #content_left p {
	text-align: left;
	line-height: 18px;
	font-size: 14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
}

#page_brown #content_btm {
	width: 743px;
	height: 200px;
	background: url(images/style/jdd_comp_index901.gif) top left no-repeat;
	color: #3C0005;
	margin: 0px auto 0px 0px;
	padding: 10px 15px 0px 15px;
	font-size: small;
}

#page_brown #box1 {
	width: 157px;
	height: 167px;
	border: 1px #C0C0C0 dotted;
	float: left;
	margin: 0 9px 0 0;
	padding: 0px 10px 10px 10px;
}
#page_brown #box2 {
	width: 157px;
	height: 167px;
	border: 1px #C0C0C0 dotted;
	float: left;
	margin: 0 8px 0 0;
	padding: 0px 10px 10px 10px;
}

.box2 {
	width: 225px;
	height: 227px;
	border: 2px #366 dotted;
	float: left;
	margin: 27px 15px 0 10px;
	padding: 0px 10px 10px 10px;
	background: #FFF;
}

#page_brown #box3 {
	width: 157px;
	height: 167px;
	border: 1px #C0C0C0 dotted;
	float: right;
	padding: 0px 10px 10px 10px;
}

#page_brown #box4 {
	width: 157px;
	height: 167px;
	border: 1px #C0C0C0 dotted;
	float: right;
	margin: 0 9px 0 0;
	padding: 0px 10px 10px 10px;
}



/* ===============================  PAGE CONTENT  ===========================*/

#content {
	margin:0px auto 0px 5px;
	width:761px;
	background:url(images/style/bg_contentleft3.jpg) repeat-y top left;
	background-color:#FFFFFF;
}

#content_dsgn {
	margin:0px auto 0px 7px;
	width:761px;
	min-height:525px;
	background:url(images/style/bg_contentleft3_dsgn.jpg) repeat-y top left;
	background-color:#FFFFFF;
}
#page_admin #content {
	margin:0px auto 0px 7px;
	width:761px;
	background:url(images/spacer.gif) #FFFFFF no-repeat;
}

/* ===============================  PAGE CONTENT :: LEFT  ======================*/

#content_left_series {
	width:355px;
	float:left;
	padding:20px;
}
#content_left_series img{
	border:1px #3C0005 solid;
	margin: 0px 5px 5px 0px;
}

#content_left {
	width:190px;
	float:left;
	padding:20px;
}
#content_leftZ {
	width: 140px;
	float: left;
	padding: 15px;
}

#content_left p,
#content_leftZ p {
	text-align: left;
	line-height: 16px;
	font-size: 12px;
}

#content_leftIndex a,
#content_left a {
	color:#008983;
	text-decoration:none;
}

#content_leftIndex a:hover,
#content_left a:hover {
	color:#47720F;
	border-bottom:1px #47720F dotted;
}

/* ===============================  PAGE CONTENT :: RIGHT  ======================*/

#content_right {
	background-color:#FFFFFF;
	width:335px;
	margin:0px 0px 0px 405px;
	padding:20px 0px 20px 10px;
}
#content_right_SC {
	background-color:#FFFFFF;
	width:338px;
	height:360px;
	margin:0px 0px 0px 395px;
	padding:20px 0px 20px 10px;
	overflow: scroll;
}
#content_right a {
	color:#47720F;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: groove;
	border-bottom-color: #47720F;
}
#content_right a:hover {
	color:#009790;
	border-bottom:1px #6FC3C1 dotted;
}

#content_rightZ {
	width:570px;
	margin:0px 0px 0px 170px;
	padding:20px 0px 10px 10px;
	background:url(images/style/bg_contentleft3_dsgn.jpg) repeat-y top left;
	background-color:#FFFFFF;
}


/* ===============================  PAGE CONTENT :: CENTER  ======================*/

#center {
	width:160px;
	background:url(images/style/bg_circle3.jpg) no-repeat top right;
/*	margin-left:230px;		*/
	float:left;
}
#center_text {
	width:130x;
	height:110px;
	padding:20px 0px 20px 41px;
	text-align:left;
	color:#66CCCC;
	font-size:11px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#center_title {
	width:150px;
	height:70px;
	padding:25px 0px 0px 10px;
	text-align:center;
	color:#999966;
	font-weight:bold;
	font-size:18px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* ===============================  PAGE CONTENT :: BOTTOM for DESIGN PAGES  ======================*/

#content_btm {
	width:721px;
	background-color:#BAD17E;
	background:url(images/style/bg_design_btm.gif) repeat-x top left;
	color:#3C0005;
	margin:0px auto 0px 7px;
	padding:20px;
	border-top:#FFFFFF solid 1px;
	font-size:x-small;
	line-height: 20px;
	font-size: 11px;
}


#content_btm_nav {
	width:100px;
	padding:10px;
	margin-left: 10px;
	text-align:left;
	font-size:11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	float:right;
}

#content_btm_thumbs {
	text-align: left;
	margin: 0px 0px 40px 0px;
	padding: 5px;
	border: 1px solid #C0C0C0;
}
#content_btm_thumbs h1{
	color: #00B1AE;
	font-size:14px;
	font-weight:bold;
}
#content_btm_thumbs img{
	margin:0px 2px 2px 0px;
	max-height: 40px;
	border: 1px solid #C0C0C0;
}
#content_btm_series {
	text-align:left;
	padding:0px 10px;
/*	margin:0px 0px 0px 160px;*/
	margin:0px 0px 40px 0px;
	border: 1px solid #C0C0C0;
	line-height: 14px;
	background: #ECECEC;
}

/* ===============================  IMAGE FORMATTING  ======================*/

.image {
	border:1px;
	border-color:#000000;
	border-style:solid;
	margin:15px;
}

.image2 a {
	margin: 0px 5px 5px 0px;
}

.image2 a:hover {
	margin: 0px 5px 5px 0px;
	background: #ECECEC;
}

#page_brown .image {
	border:1px;
	border-color:#000000;
	border-style:solid;
	margin:0px 10px 10px 5px;
}

.image_shdw {
	margin:15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: groove;
	border-left-style: groove;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #C0C0C0;
	border-left-color: #C0C0C0;
}

#dhtmltooltip{
	position: absolute;
	width: 150px;
	border: 2px groove #C0C0C0;
	padding: 5px;
	background-color: #BAD17E;
	font-size:11px;
	font-weight:bold;
	color:#3C0005;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/* ===============================  FOOTER  ======================*/

#footer {
	background: url(images/style/frame_btm.jpg) no-repeat top center;
	height: 108px;
	color: #CCCC99;
}
#page_brown #footer {
	background: url(images/style/frame_btm_home.gif) no-repeat top center;
	height: 108px;
	color: #CCCC99;
}
#footer a {
	text-decoration: none;
	font-size:9px;
	color: #3C0005;
}
#footer a:hover {
	color:#A7D6D5;
	text-decoration:none;
}

#copyright {
	width:142px;
	height:75px;
	float:right;
	margin:20px 0px 0px 0px;
	font-size: 9px;
	text-align: center;
	padding: 12px 5px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#page_brown #copyright {
	margin:10px 0px 0px 0px;
	padding: 12px 35px 0px 0px;
}


/* ===============================  NAVIGATION :: MAIN  ======================*/

#navg{
	width: 569px;
	height: 106px;
	font-weight: bold;
	margin: 0px 7px 0px 200px;
}

#navg li {
	float: right;
	list-style: none;
	margin: 0px; /*spacing between tabs */
	padding-top:78px;
	}
#page_brown #navg li {
	padding-top:65px;
	}

#navg ul {
	margin: 0;
	padding: 0;
	}

#navg li a:link, 
#navg li a:visited  {
	text-decoration: none; /*tab font */
	color: #3C0005; /*font color */
	padding: 10px 12px 10px 12px; /*URL to tab image */
	text-align: center;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:28px;
}

#navg li a:hover, 
#navg li a:active {
	color: #FFFFFF;
	background:url(images/style/bg_navg_over.gif) bottom repeat-x; /* URL to tab image onmouseover */
	padding: 10px 12px 10px 12px; /*URL to tab image */
}
/*	end MAIN NAVIGATION	*/


/* ===============================  NAVIGATION :: HOME  ======================*/

#page_brown #navg li a:link, 
#page_brown #navg li a:visited  {
	text-decoration: none; /*tab font */
	color: #F8FADE; /*font color */
	padding: 10px 12px 10px 12px; /*URL to tab image */
	text-align: center;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:28px;
}

#page_brown #navg li a:hover, 
#page_brown #navg li a:active {
	color: #A7D6D5;
	background:url(images/style/bg_navg_over.gif) bottom repeat-x; /* URL to tab image onmouseover */
	padding: 10px 12px 10px 12px; /*URL to tab image */
}
/*	end HOME NAVIGATION	*/


/* ===============================  NAVIGATION :: 2nd  ======================*/

#center_text li {
	width:90px;
	list-style: none;
}
#center_text ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#center_text li a:link, 
#center_text li a:visited {
	text-decoration: none; /*tab font */
	color: #3C0005; /*font color */
	height: 25px; 	/* height of tab image */
	width: 90px; /* width of tab image */
	margin-bottom:2px;
	padding: 4px 4px 4px 16px; /*URL to tab image */
	text-align: left;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	background:url(images/style/bullet.gif) left no-repeat;
}
#center_text li a:hover, 
#center_text li a:active {
	text-decoration: none; /*tab font */
	height: 25px; 	/* height of tab image */
	width:90px;
	padding: 4px 4px 4px 16px; /*URL to tab image */
	color: #00B1AE;
	background:url(images/style/bullet_over.gif) left no-repeat;
}

#content_left li, 
#content_btm_nav li {
	list-style: none;
}

#content_left ul, 
#content_btm_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#content_left li a:link, 
#content_left li a:visited, 
#content_btm_nav li a:link, 
#content_btm_nav li a:visited {
	text-decoration: underline; /*tab font */
	color: #3C0005; /*font color */
	height: 18px; 	/* height of tab image */
	margin-bottom:2px;
	padding: 4px 4px 4px 16px; /*URL to tab image */
	text-align: left;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	background:url(images/style/bullet.gif) left no-repeat;
}

#content_left li a:hover, 
#content_left li a:active, 
#content_btm_nav li a:hover, 
#content_btm_nav li a:active {
	text-decoration: none; /*tab font */
	height: 18px; 	/* height of tab image */
	padding: 4px 4px 4px 16px; /*URL to tab image */
	color: #00B1AE;
	background:url(images/style/bullet_over.gif) left no-repeat;
}



/* ===============================  NAVIGATION :: DESIGN THUMBNAILS  ======================*/

#content_btm_thumbs li {
	float: left;
	list-style: none;
	margin: 0px; /*spacing between tabs */
	color:#669900;
	}

#content_btm_thumbs ul {
	margin: 0;
	padding: 0;
	}

#content_btm_thumbs li a:link, 
#content_btm_thumbs li a:visited {
	text-decoration: none; /*tab font */
}

#content_btm_thumbs li a:hover, 
#content_btm_thumbs li a:active {
	text-decoration: none; /*tab font */
	border-bottom:#3C0005 3px solid;
}

/*	end DESIGN THUMBS NAVIGATION 	*/



/* ===============================  NAVIGATION :: DESIGN SERIES  ======================*/

#content_btm_series li  {
	float: left;
	list-style: none;
	margin: 0px 5px 0px 0px; /*spacing between tabs */
	border-right:1px solid #3C0005;
	padding:0px 5px 0px 0px;
	}

#content_btm_series ul {
	margin: 0;
	padding: 0;
	line-height:20px;
	}

#content_btm_series li a:link,
#content_btm_series li a:visited  {
	text-decoration: underline; /*tab font */
	padding: 0px 2px 2px 2px; /*URL to tab image */
	font-size:x-small;
	color:#3C0005;
}
#content_btm_series li a:hover,
#content_btm_series li a:active {
	text-decoration: none; /*tab font */
	padding: 0px 2px 2px 2px; /*URL to tab image */
	color:#009999;
	border-bottom: dotted 1px #009999;
}

/*	end DESIGN SERIES NAVIGATION 	*/



/* ===============================  NAVIGATION :: BOTTOM  ======================*/

#nav_btm{
	padding: 75px 0px 0px 20px;
	font-size:x-small;
	font-weight:bold;
	color:#3C0005;
	width: 500px;
}
#page_brown #nav_btm{
	padding: 37px 0px 0px 20px;
	color:#666633;
	font-weight:normal;
}

#nav_btm li {
	float: left;
	list-style: none;
	margin: 0px 0px 0px 0px; /*spacing between tabs */
	}

#nav_btm ul {
	margin: 0;
	padding: 0;
	}

#nav_btm li a:link, 
#nav_btm li a:visited  {
	text-decoration: none; /*tab font */
	color: #3C0005; /*font color */
	padding: 0px 5px 0px 5px; /*URL to tab image */
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border_bottom:#009790 solid 1px;
}

#nav_btm li a:hover, 
#nav_btm li a:active {
	color: #996633;
	border_bottom:#3C0005 dotted 1px;
	padding: 0px 5px 0px 5px; /*URL to tab image */
}
#page_brown #nav_btm li a:link, 
#page_brown #nav_btm li a:visited  {
	text-decoration: none; /*tab font */
	color: #999966; /*font color */
	padding: 0px 5px 0px 5px; /*URL to tab image */
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border_bottom:#009790 solid 1px;
}

#page_brown #nav_btm li a:hover, 
#page_brown #nav_btm li a:active {
	color: #A7D6D5;
	border_bottom:#3C0005 dotted 1px;
	padding: 0px 5px 0px 5px; /*URL to tab image */
}
/*	end BOTTOM NAVIGATION	*/


/* ===============================  FORMATTING :: GENERAL ======================*/

h1 {
	color: #3C0005;
	font-size:16px;
	font-weight:bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h2 {
	color: #6FC3C1;
	font-size:13px;
	font-weight:bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	border-bottom: 1px dotted #6FC3C1;
	background-color:#EBF4F3;
}
h3 {
	color: #3C0005;
	font-size:12px;
	font-weight:bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h4 {
	color: #6FC3C1;
	line-height: 28px;
	font-size:18px;
	font-weight:bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	border-bottom: 2px dotted #6FC3C1;
	background-color:#3C0005;
	padding-left:10px;
}

#content_leftIndex hr,
#content_left hr {
	height:2px;
	border: 0px;
}

hr {
	height:16px;
	background: url(images/style/needle_hr2.gif) no-repeat center top;
	border: 0px;
}

.text_xsmallBl {
	font-size:9px;
	color: #6FC3C1;
}
.text_small {
	font-size: small;
}
.text_med {
	font-size:medium;
}
.text_lrg {
	font-size:large;
	line-height: 22px;
}
.ttl_lrg {
	font-size:large;
	font-weight:bold;
	line-height: 26px;
}
.ttl_xlrg {
	font-size: x-large;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
}

.text_light {

	color: #EBF4F3;
}

.top_page {
	font-size: 10px;
	background:url(images/style/arrows_up.gif) no-repeat right;
	padding-right:40px;
	text-align:right;
}
.top_page a:link, .top_page a:hover, .top_page a:active{
	font-size: 10px;
	color:#00B5EF;
}

.imgZen {
	max-height: 500px;
	max-width: 300px;
	border: 1px solid #3C0005;
}