/* mac hide\*/
html, body {height:100%}
/* end hide */
body {
background:#33291c url(../images/page_bg.jpg) repeat-x top center;
   padding:0;
   margin:0;
   text-align:center; /* for ie6 and under */
   min-width:913px;/* for mozilla*/
   color: #000000;
}
#outer{
   min-height:100%;
   width:913px; /* add 2px if borders are not used */
   color: #000000;
   text-align:left;
   margin:auto;
   position:relative;
   background:#33291c url(../images/centre_fill.gif) repeat-y top center;
/* The background image needs to be the same width as the #left div. The one I used is 138px X 9px */
}
 
* html #outer{height:99.9%;} /*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/

#header{
   
   min-height:89px;
   background:#33291c url(../images/header_bg.jpg) repeat-x top center;
   position:relative;
}

#logo
{
float:left;
}

#unilock
{
padding-top:20px;
padding-left:37px;
float: left;
}

#menu
{
float:right;
padding-top:30px;
}

#front_intro {
   min-height:313px;
   width: 952px;
   background:inherit;
   position:relative;
}

#flash{
padding-top:5px;
float:left;
width:600px;
min-height:200px;
padding-bottom:20px;
}

#intro_text
{
float:left;
width: 364px;
min-height: 313px;
background:#000 url(../images/intro_text.jpg) repeat-y top center;
}

* html #header{height:70px}
#left {
   position:relative;/*ie needs this to show float */
   width:262px;
   float:left;
   color:#fff
bacground-color:red
}
#left p {padding:2px}
#footer {
   width:913px; /* add 2px if borders are not used on the #outer div */
   clear:both;
   height:50px;
background:#33291c url(../images/footer_bg.gif) no-repeat top center;
   color: #000000;
   text-align:center;
   left:0;
   bottom:0;
   position: absolute;
}

#material
{
float:left;
padding-left:20px;
padding-top:15px;
}

#idea_guide
{
float:left;
padding-left:20px;
padding-top:15px;
}

#quality_brands
{
float:left;
padding-left:20px;
padding-top:15px;
width:250px;
}

#logos
{
float:left;
width:120px;
padding:2px;
}


#footer p
{
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 13px; 
color: #DCD9B6; 
padding-top:20px;
}

#footer p a
{
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 13px; 
color: #DCD9B6; 
}

* html #footer {/*only ie gets this style*/
   \height:52px;/* for ie5 */
   he\ight:50px;/* for ie6 */
   margin-bottom:-1px;
}
div,p  {margin-top:0}/*clear top margin for mozilla*/

#centrecontent {
   width:622px;
   float:right;
}

H1
{
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 24px;
font-weight: normal; 
letter-spacing:-1px;
color: #000; 
padding-top:10px;
}

H2
{
font-family: 'Trebuchet MS', Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 15px;
font-weight: bold; 
letter-spacing:-1px;
color: #000; 
padding-top:10px;
}

#flash_movie
{
width:290px;
padding-left:20px;
padding-top:10px;
}

#centrecontent IMG {

}

#centrecontent p {
padding-left:3px;
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 14px; 
color: #000000; 
padding-right:20px;
text-align: justify;
line-height:20px;
}

#centrecontent UL {
padding-left:3px;
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 14px; 
color: #000000; 
padding-right:20px;
padding-left:50px;
padding-top:10px;
text-align: justify;
line-height:20px;

}

#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */ 

#gallery_but
{
padding-top:175px;
padding-left:20px;
}


.wrapper1{
	color: #44433f;	
	font: 14px 'Trebuchet MS', Verdana, Arial, sans-serif;
        font-weight:bold;
	margin: 0;
	padding: 4px 0 0;
	width:660px;
	}
	.wrapper1 a{
		color: #E5F2FB;
		text-decoration: none;
	}
	.wrapper1 a:hover {
		color: #09548B;
	}
	.wrapper1 p {
		margin: 0 0 17px;
		padding: 0;
		line-height: 18px;
	}
.wrapper {
	/*width: 710px;*/
	margin: 0px auto;
	padding-top:0px;
}
.nav {
	background: #fff url(../images/nav_bg.png) repeat-x;
	float: left;
width:630px;
}
.nev-wrapper {
	clear: both;
	float: left;
}
.nav-left {
	background: url(../images/nav_left.png) no-repeat top left;
	float: left;
	width: 11px;
	height: 41px;
}
.nav-right {
	background: url(../images/nav_right.png) no-repeat top right;
	float: left;
	width: 11px;
	height: 41px;
}
.nav ul {
	/*width: 648px;*/
	height: 38px;
	float: LEFT;
	margin: 0;
	padding-top: 3px;
	list-style: none;
	font-size: 15px;
}
.nav li {
	float: left;
	padding: 0 7px;
	background: url(../images/split.png) no-repeat right center;
	position: relative;
	z-index: 1;
}
.nav li.last {
	background:none;
}
.nav li:hover {
	z-index:2;
}
.nav li a {
	display: block;
	line-height: 38px;
	overflow: hidden;
	float: left;
	font: 13px 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-weight:bold;
}
a .menu-left {
	background: url(../images/menu_left.gif) no-repeat left top;
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-mid {
	background: url(../images/menu_mid.gif) repeat-x top left;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
a .menu-right {
	background: url(../images/menu_right.gif) no-repeat top left;
	width: 8px;
	height: 32px;
	line-height: 35px;
	display: block;
	float: left;
}
.nav li a:hover .menu-left,
.nav li.active a .menu-left,
.nav li:hover a .menu-left,
.nav li a:hover .menu-mid,
.nav li.active a .menu-mid,
.nav li:hover a .menu-mid,
.nav li a:hover .menu-right,
.nav li.active a .menu-right,
.nav li:hover a .menu-right {
	background-position: 0 -37px;
	line-height: 35px;
}
.nav li a:hover,
.nav li.active a,
.nav li.hover a,
.nav li:hover a {
	color: #000000;
}
.nav li:hover .sub,
.nav li.hover .sub {
	display:block;
}
.nav li .sub {
	display: none;
	position: absolute;
	top: 27px;
	left: 6px;
	background: url(../images/submenu_top.png) no-repeat;
	width: 186px;
	padding-top: 9px;
}
.nav li ul {
	background: url(../images/submenu_bg.png) repeat-y;
	width: 162px;
	height: auto;
	margin: 0;
	padding: 0 12px 10px;
	list-style: none;
	font-size: 14px;
}

.nav li:hover li,
.nav li.active li {
	width: 100%;
	padding: 1px 0 2px;
	border-bottom: 1px #a7804b dashed;
	background: none !important;
}
.nav li:hover li a,
.nav li.active li a {
	color: #453013;
	background: none !important;
	line-height: normal;
	width: 156px;
	padding: 8px 3px 3px;
	text-indent: 1px;
}
.nav li:hover li a:hover,
.nav li.active li a:hover {
	color: #fff;
	background: #453013 !important;
	text-decoration: none;
	line-height: normal;
}
/*IE*/
.nav li li a:hover,
.nav li li a:hover {
	color: #fff;
	background: #453013 !important;
	text-decoration: none;
	line-height: normal;
}
/**/
.nav .btm-bg {
	background: url(../images/submenu_bottom.png) no-repeat;
	width: 205px;
	height: 9px;
	overflow: hidden;
	clear: both;
}

#h_news	{position: relative; float: left; display: inline; width: 270px; margin:0px; padding: 0; font-family: 'Trebuchet MS'; font-size: 100%; line-height: 1.8em;}
#h_news h2 {margin: 0px 0 0px 0px; color: #006bb5; font-weight: bold;}
#h_news ul {list-style-type: none; margin:0; padding-left:20px; padding-right:0px; padding-top:20px;}
#h_news ul li {padding: 0; margin: 0; height: 1%;}
#h_news ul li a {background: #453013; font-size: 13px; color: #fff; font-weight:bold; text-decoration: none; display: block; border-bottom: 1px solid #Ffffff; padding: 7px 5px 7px 7px; line-height: 1.54em;}
#h_news ul li.clean a {border-bottom: none;}
#h_news ul li a:hover {background: #5c4524;}
#h_news .item {margin-left: 5px;}

#navcontainer
{
width: 250px;
margin-left:20px;
margin-top:10px;
margin-bottom: 1em;
background-color: #DBDBC1;
color: #333;
float:left;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #BDBCA7;
margin: 0;
}

#navcontainer li a
{
display: block;
padding: 5px 5px 5px 0.5em;
background-color: #DBDBC1;
color: #414137;
text-decoration: none;
width: 100%;
font-family: 'Trebuchet MS', Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 16px;
font-weight: bold; 
letter-spacing:-1px;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
background-color: #d2cdb0;
color: #414137;
}

form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
	margin:0;
	width:400px;
	padding:14px;
}



	/* ----------- stylized ----------- */
	#stylized{
		border:solid 2px #bcbcbc;
		background:#fff;
		float:left;
	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size: 13px;
	}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
		font-family: 'Trebuchet MS',Arial;
	}
	#stylized input{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized div{
		float:left;
		font-size:12px;
		padding:4px 2px;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized div INPUT{

		font-size:12px;
		float:none;
		width:20px;
		margin:2px 0 5px 0px;
	}

	#stylized select{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized img{
		float:left;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		margin:0px 0 10px 150px;
	}

	#stylized textarea{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#666666 url(../images/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}

#errorMessage
{
		border:solid 2px #890d0d;
		background:#bf1313;
		font-color:#fff;
		font-family: 'Trebuchet MS',Arial;
		font-size:13px;
		font-weight: bold;
		width:418px;
		padding:5px;
		margin-bottom:10px;
}

#successMessage
{
		border:solid 2px #25890d;
		background:#38ba1a;
		font-color:#fff;
		font-family: 'Trebuchet MS',Arial;
		font-size:13px;
		font-weight: bold;
		width:418px;
		padding:5px;
		margin-bottom:10px;
}

#physical_address
{
		font-color:#000;
		font-family: 'Trebuchet MS',Arial;
		font-size:14px;
		font-weight: normal;
		width:210px;
		padding-right:20px;
		padding-left:20px;
		float:right;
}

#gallery_detail{
float:left;
padding:10px;
}

#gallery_detail IMG
{
border:5px #6F6C54 solid;
}