/* Design by Brian Diaz of Media 65 @ http://www.m65.net  All Rights Reserved */

/* #######################  GENERAL SETTINGS ############################ */
/*html.body{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin-top: 0px;
} */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: normal;
		background:url(../images/body_bg.jpg);
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color: #333;	
	}
	
h1 {
	font-size:1.5em;}
	
h3 {
	font-size:1.4em;
	color:#400080;
	font-weight:bold;
	padding-bottom:1em;}
	
p {
	padding:0.5em 0 0.5em 0;
	line-height: 1.5em;
	font-size:1em;}
	
.clr {
	clear:both;}

/*  Global Formatting */
a {color: #CC6600;}
a:hover {color: #659FDE;}
a:visited {color: #CC6600;}
a.image, a.image:hover, a img  {border:0;}
li{ list-style: square;}
ul { list-style: square;}

/* #######################  END GENERAL SETTINGS ############################ */


/* ######################  LAYOUT SETTINGS       ############################## */
#outer {
	width:1050px;
	margin: 0;	
	background:#ffffff url(../images/outer_bg.jpg) repeat-y top left;
	}
	
#leftColumn {
	float:left;
	width:300px;
	background:#011343 url(../images/leftBox_bg.jpg) repeat-y top left;
	display:inline;
	min-height: 3050px;
	/*border-right: #F0E1F4 2em solid;*/	
	}
	
#headerWrapper {	
	height:255px;
	}

#header {
	float:left;
	background:url(../images/header_bg.jpg) no-repeat top right;
	height:255px;
	width:624px;
	padding-left:3em;
	}
	
#header_jiah {
	float:left;
	background:url(../images/header-jiah_bg.jpg) no-repeat top right;
	height:255px;
	width:624px;
	padding-left:3em;
	}
	
#logo {
	float:left;
	width:300px;}

#leftNav {
	width:300px;
	margin-bottom:1em;
	/*background:#011343 url(../images/leftBox_bg.jpg) repeat-y top left;*/}
	
#leftNav ul {
	}

#leftNav ul li {	
	list-style:none;	
	}
	
#leftNav ul li a {
	padding:0.5em 0 0.5em 1.6em;
	color:#FFFFFF;
	font-size:0.9em;
	font-weight:none;
	text-decoration:none;
	background:url(../images/bullet.jpg) no-repeat 4px 12px;
	display:block;}
	
#leftNav ul li a:hover {
	color:#0099FF;
	text-decoration:underline;}

#rightColumn {	
	width:680px;
	float:left;
	display:inline;
	}
	

	
.content {
	padding-left:3em;
	padding-bottom:0.5em;
	background:#ffffff ;
	border-bottom: dotted 0.07em #999999;	
	} 
	
.content img {
	padding:0.4em 0;}
	
.content ul {
	list-style:none;
	margin:0 ;}
	
.content ul  li {
	list-style:square;
	margin:0 0 0 1em;
	padding:0.2em 0;}
	
.content ul  ul li {
	list-style:disc;
	margin:0 0 0 1em;}

#footer {		
	clear:both;
	background:#ffffff url(../images/outer_bg.jpg) repeat-y top left;
	width:1050px;		
	/*background:#ffffff url(../images/rightShadow_bg.jpg) repeat-y top right;*/}
	
#leftFooterColumn {
	float:left;
	width:300px;
	background: url(../images/leftFooter_bg.jpg) repeat-y top left;
	padding: 0.3em 0.2em 0 0.8em;
	height:5em;
	display:inline;
		
	}
	
#rightFooterColumn {
	float:left;
	width:680px;	
	height:5em;
	text-align:center;
	display:inline;
	padding: 0.3em 0em 0em 0em;	
	}
	
#footer img#img1 {
	float:left;
	width:185px;
	}
	
#footer img#img2{
	float:right;
	width:185px;
	}
	
#copyright {
	clear:both;
	font-size:0.65em;
	color:#666666;
	}
	

#copyright  a {
	color: #9966FF;
	text-decoration:none;}
	
#copyright a:hover {
	text-decoration:underline;
	}
	
	#mdCollection, #banner {
	text-align: center;
	line-height:30px;}
	
#mdCollection img {
	padding:6px;}

/* ######################  LAYOUT SETTINGS       ############################## */


.jp_leftImg {
	width:300px;	
	margin-right:0em;
	text-align:center;
	}
	
.jp_leftImg img {
	margin-bottom:1em;
	
	padding:0.3em;}
	
.alignLeft {
	float:left;}
	
.alignRight {
	float:right;}
	
#imgLeftShowroom {
	width:300px;} 
	
#imgRightShowroom {
	width:300px;}