body { background: #CCCCCC; 
	  margin: 0 5px; font-family: Calibri,Arial; padding: 0 5px; color: #FFF

}
h1 { font-family: Calibri, Arial; font-size: 1em; color: #FFFFFF; font-weight: bold; margin: 0; padding: 0 }
h2 { font-family: Calibri, Arial; font-size: 1em; color: #333333; font-weight: bold; margin: 0; padding: 0 }
h3 { font-family: Calibri, Arial; font-size: 1em; color: #333333; font-weight: bold; margin: 0 0 0 0px; padding: 0 }
h4 { font-family: Calibri, Arial; font-size: 1em; color: #333333; font-weight: bold; margin: 5px; padding: 0 }
h5 { font-family: Calibri, Arial; font-size: 0.7em; color: #333333; font-weight: bold; margin: 65px; padding: 0; text-align: center; }
h6 { font-family: Calibri, Arial; font-size: 0.9em; color: #333333; margin: 0px; padding: 0; text-align: right; font-weight: bold}
h7 { font-family: Calibri, Arial; font-size: 1em; color: #FFFFFF; font-weight: bold; margin: 0; padding: 0 }
a { text-decoration: none; color: #FFF; }
a:hover { text-decoration: none; color: #6F6D56 }
a img { border: 0 }
#header { margin: 0 auto; width: 808px; height: 332px; background: url('../pics/header.jpg') center no-repeat }
#headerban { margin: 0 auto; width: 808px; height: 90px; background: url('../pics/banneran') center no-repeat; margin-bottom: 10px}
#nav-bar { list-style: none; padding: 305px 0 0 0; margin: 0 auto }
#nav-bar ul { padding: 0; margin: 0 0 0 0; float: right;}
#nav-bar li { display: inline; height: 20px; width: 157px; padding: 0;}
#nav-bar li a { text-decoration: none; font-family: Calibri, Arial; font-weight: bold; font-size: 1em; color: #666666;}
#nav-bar ul .active a { color: #6F6D56 }
#nav-bar ul .link a { color: #6F6D56}
#nav-bar li a:hover { text-decoration: none; color: #6F6D56}
#main { margin: 0 auto; width: 808px; height: 500px; background: url('../pics/main.png') top left no-repeat}
#maincon { margin: 0 auto; width: 808px; height: 650px; background: url('../pics/maincon.png') top left no-repeat}
#mainpage { margin: 0 auto; width: 808px; height: 358px; background: url('../pics/mainpage.png') top left no-repeat}
#content { margin: 0 auto; width: 808px; padding: 5px; margin-top: 0;}
#textpage { width: 780px; margin: 1px 0 0 5px; padding: 0 5px 0 5px; font-family: Calibri, Arial; font-size: 0.9em; color: #666666;}
#text { width: 780px; margin: 10px 0 0 20px; padding: 0 5px 0 5px; font-family: Calibri, Arial; font-size: 0.9em; color: #666666;}
#box-holder { width: 388px; height: 240px; margin: 0px 0 0 10px; float: left}
#box-holder2 { width: 388px; height: 240px; margin: 0px 0 0 10px; float: left}
#box-holder3 { width: 388px; height: 240px; margin: 0px 0px 0px 5px; float: left}
#box-holder4 { width: 388px; height: 240px; margin: 0px 0 0 10px; float: left}
#footer { margin: 0 auto; margin-top: 0px; width: 808px; height: 50px; color: #333333; font-size: 0.9em }
#footer p { text-align: center; padding: 0; margin: 0px; padding: 10px; font-size: 0.8em }
#footer a { color: #19190D; font-weight: bold;}
#footer a:hover { color: #FFF}
#navigation { list-style: none; padding: 0 0 0 20px }
#navigation li { padding: 0 0 8px 0 }
.h1 { font-family: Calibri, Arial; font-size: 2.5em; color: #95b3d7; margin: 0; padding: 0px 5px 0 0 }
.h2 { font-family: Calibri, Arial; font-size: 1.5em; color: #fff; margin: 0; padding: 18px 0 0 45px }
.column { width: 360px; margin: 10px 0px 4px 4px; padding: 0px 5px 0px 0px;}
.column a {font-weight: bold; color: #FFF}
.column a:hover {font-weight: bold; color: #CCC}
.column p { margin: 5px 5px 2px 5px; font-size: 0.9em; }
.column h1 { margin: 5px 0 0 5px }
.column h6 {margin: 0 5px 0 0}
.column2 { width: 360px; margin: 10px 0px 4px 4px; padding: 0px 5px 0px 0px;}
.column2 a {font-weight: bold; color: #FFF}
.column2 a:hover {font-weight: bold; color: #CCC}
.column2 p { margin: 5px 5px 2px 5px; font-size: 0.9em; color: #FFF }
.column2 h1 { margin: 5px 0 0 5px }
.column2 h6 {margin: 0 5px 0 0}
.column2 ul {color: #FFF}
.column2 li {color: #FFF}
.column3 { width: 384px; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px;}
.column3 a {font-weight: bold; color: #FFF}
.column3 a:hover {font-weight: bold; color: #CCC}
.column3 p { margin: 5px 5px 2px 5px; font-size: 0.9em; color: #FFF}
.column3 h1 { margin: 5px 0 0 5px }
.column3 h6 {margin: 0 5px 0 0}
.column4 { width: 360px; margin: 10px 0px 4px 4px; padding: 0px 5px 0px 0px;}
.column4 a {font-weight: bold; color: #FFF}
.column4 a:hover {font-weight: bold; color: #CCC}
.column4 p { margin: 5px 5px 2px 5px; font-size: 0.9em; }
.column4 h1 { margin: 5px 0 0 5px }
.column4 h6 {margin: 0 5px 0 0}
.text li {margin: 5px 0 5px 40px}
.divider { border-right: 0px solid #E5E5E5 }
.social { float: left; width: 56px }
.social-p { float: right; width: 190px }
.list { list-style: none }
.left { float: left }
.right { float: right }
.center {float: center; padding: 0; margin-top: 30px 0 0 0 }
.img { margin: 24px 28px 0 0 }
.send { float: left; padding: 50px 0 0 3px }
.contact-button { margin: 0 auto; width: 128px; padding: 20px 0 0 0 }
.gallery-holder { float: left; padding: 2px;}
.clear { clear: both }

#jsddm
{	margin: 0;
	padding: 0;}

	#jsddm li
	{	float: left;
		list-style: none;
		font: 0.75em Calibri, Arial;
		text-align: center;}

	#jsddm li a
	{	/*display: block;*/
		background: #19190D;
		padding: 2px 2px 2px 2px;
		text-decoration: none;
		border-right: 1px solid #19190D;
		color: #FFFFFF;
		white-space: nowrap;
		
	}

	#jsddm li a:hover
	{	background: #19190D}

		#jsddm li ul
		{
			margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid #19190D;
			background: #fff;
			font: 0.8em Calibri, Arial;
			display: block
		}
		
			#jsddm li ul li
			{	float: none;
				padding: 0;
				margin: 0;
			display: block}
			
			#jsddm li ul li a
			{	width: auto;
				background: #19190D;
				color: #FFFFFF;
				padding: 5px 5px 0 5px;
				margin: 0 5px 0 5px;}
			
			#jsddm li ul li a:hover
			{	background: #19190D}