@charset "utf-8";
/* Tags */
body {
	margin: 0;
}
a img{
	border: 0;
}
p {
	margin: 0 0 10px 0;
	padding: 0;
}

/* IDs & Classes */
#home{
	background: #353524 url(../../images/bgHome.jpg) top right no-repeat;
}
#sub01{
	background: #231F20 url(../../images/bgSub01.jpg) top right no-repeat;
}
#wrapper{
	background: url(../../images/bgLeft.png) top left repeat-y;
	width: 100%;
	min-height: 795px;
}
#bookmarkContainer{
	height: 30px;
	background: url(../../images/bgBookmark.png) repeat;
	font: 11px "Lucida Sans Unicode", Verdana, Tahoma;
	padding-left: 60px;
	color: #FFFFFF;
}
#bookmarkContainer a{
	line-height: 30px;
	color: #EEE;
	text-decoration: none;
	font-weight: bold;
}
#bookmarkContainer a:hover{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
#logoAndMenu_home{
	margin-top: 20px;
	height: 83px;
}
#logoContainer{
	width: 267px;
	height: 64px;
	padding-top: 9px;
	padding-right: 13px;
	text-align: right;
	float: left;
}
#menuContainer{
	height: 65px;
	background: url(../../images/bgMenuContainer.png) repeat;
	margin-left: 280px;
	padding: 5px 0 10px 20px;
}
#menuContainer ul{
	width: 200px;
	margin: 0 15px 0 0;
	padding: 0;
	float: left;
}
#menuContainer ul li{
	list-style-type: none;
	height: 20px;
	color: #FFFFFF;
	font: 11px "Lucida Sans Unicode", Verdana, Tahoma;
	text-transform: uppercase;
}
#menuContainer ul li a{
	line-height: 20px;
	color: #CCC;
	text-decoration: none;
	border-bottom: dotted 1px #666666;
	display: block;
	padding-left: 5px;
}
#menuContainer ul li a:hover, a.current{
	color: #FFF;
	text-decoration: none;
}
#menuContainer ul li a.current{
	color: #FFF;
	text-decoration: none;
}
#menuContainer ul li a.inactive{
	color: #666666;
	text-decoration: none;
}
#content{
	width: 90%;
}
#leftMenu{
	padding: 10px 12px 20px 62px;
	background: url(../../images/bgLeftMenu.png) repeat;
	width: 206px;
	float: left;
}
#leftMenu ul{
	margin: 0;
	padding: 0;
}
#leftMenu ul li{
	list-style-type: none;
	height: 24px;
	font: 11px "Lucida Sans Unicode", Verdana, Tahoma;
	border-bottom: dotted 1px #666666;
	color: #999999;
	display: block;
	text-transform: uppercase;
	padding-left: 10px;
}
#leftMenu ul li a{
	color: #CCCCCC;
	text-decoration: none;
	line-height: 24px;
}
#leftMenu ul li a:hover{
	color: #FFF;
	text-decoration: none;
}
#leftMenu ul li a.current{
	color: #FFF;
	text-decoration: none;
}
#contentContainer{
	margin-left: 280px;
	padding: 20px 0 30px 20px;
	color: #CCC;
	font: 12px "Lucida Sans Unicode", Verdana, Tahoma;
}
#contentContainer p{
	padding-left: 10px;
}
#contentContainer .breadCrumb{
	font: 10px Tahoma, Verdana, Arial;
	color: #999999;
	line-height: 14px;
	background: url(../../images/arrow999.png) 0 5px no-repeat;
	padding-left: 14px;
}
#contentContainer .breadCrumb a{
	font-weight: bold;
	color: #999;
	text-decoration: none;
}
#contentContainer .breadCrumb a:hover{
	font-weight: bold;
	color: #ccc;
	text-decoration: none;
}
#contentContainer h2{
	text-transform: capitalize;
	font: 20px "Lucida Sans Unicode", Verdana, Tahoma;
	color: #FFFF00;
	line-height: 30px;
	border-bottom: dotted 1px #666666;
	padding: 0 0 0 10px;
	margin: 20px 0;
}
#contentContainer a{
	color: #FFF;
	text-decoration: none;
}
#contentContainer a:hover{
	color: #FFF;
	text-decoration: underline;
}
#contentContainer .shopLoop{
	padding-bottom: 20px;
	margin-bottom: 15px;
	border-bottom: dotted 1px #666666;
	overflow: auto;
}
#contentContainer #bigPhoto{
	width: 530px;
	height: 280px;
	background-color: #5F5F41;
	padding: 10px;
	margin-left: 10px;
	margin-bottom: 15px;
}
.shopLoop .left{
	width: 217px;
	float: left;
	display: inline;
}
.shopLoop .left .picContainer{
	width: 205px;
	height: 105px;
	background-color: #4A4A33;
	padding: 6px;
}
.shopLoop .right{
	margin-left: 237px;
}
#contentContainer .shopLoop h4{
	line-height: 20px;
	margin: 0 0 10px 0;
	font: bold 12px "Lucida Sans Unicode", Verdana, Tahoma;
	text-transform: uppercase;
	color: #FFFFFF;
}
#contentContainer .shopLoop p{
	font: 12px "Lucida Sans Unicode", Verdana, Tahoma;
	color: #CCC;
	padding: 0;
	width: 100%;
}
#contentContainer #gallery{
	width: 588px;
	overflow: auto;	
}
#gallery .loopGal{
	width: 176px;
	height: 117px;
	border: solid 5px #5F5F41;
	margin-left: 10px;
	margin-bottom: 20px;
	float: left;
}
#floatingFooter{
	z-index: 1;
	width: 100%;
	bottom: 0;
	left: 0;
	position: fixed;
}
#containerBrochureTagline{
	height: 170px;
}
#brochure{
	margin-left: 80px;
	float: left;
	margin-bottom: 12px;
}
#brochure .picBrochure{
	border: solid 5px #666666;
}
#tagline{
	height: 68px;
	margin-left: 215px;
	background: url(../../images/bgTagline.png) bottom repeat-x;
	padding-top: 102px;
}
#taglineSub{
	height: 68px;
	margin-left: 126px;
	margin-top: 61px;
}
#shopsContainer{
	background: url(../../images/bgShops.png) repeat;
	padding: 15px 0 15px 50px;
	font: 11px "Lucida Sans Unicode", Verdana, Tahoma;
	color: #FFFFFF;
}
#shopsContainer .innerContainer{
	width: 206px;
	padding: 0 12px;
	float: left;
}
#shopsContainer h5{
	font: 12px "Lucida Sans Unicode", Verdana, Tahoma;
	text-transform: uppercase;
	color: #FFFFFF;
	margin: 0 0 10px 0;
	padding: 0;
}
#shopsContainer .innerContainer .lightGrey{
	font: 10px "Lucida Sans Unicode", Verdana, Tahoma;
	color: #A1A1A1;
}
#footerText{
	background-color: #666666;
	height: 30px;
	padding-left: 62px;
	color: #CCC;
	font: 11px "Lucida Sans Unicode", Verdana, Tahoma;
}
#footerText a{
	color: #EEE;
	text-decoration: none;
	line-height: 30px;
}
#footerText a:hover{
	color: #EEE;
	text-decoration: underline;
}
#footerText a.inactive{
	color: #999;
	text-decoration: none;
}
.clearBoth{
	clear: both;
}

/* Form */
#contactFrm{
	margin: 0;
	padding: 0 0 0 10px;
	overflow: auto;
}
#contactFrm .divContainerLeft{
	padding: 15px;
	background: url(../../images/bgLeftMenu.png) repeat;
	float: left;
	margin-right: 15px;
}
#contactFrm .divContainerRight{
	padding: 15px;
	background: url(../../images/bgLeftMenu.png) repeat;
	float: left;
}
#contactFrm .divForm{
	margin-bottom: 5px;
}
#contactFrm label{
	display: block;
	line-height: 24px;
	color: #BBB;
}
#contactFrm label.required{
	font-weight: bold;
	color: #FFFFFF;
}
#contactFrm .inputText{
	height: 24px;
	background: none;
	border: none;
	border-bottom: dotted 1px #666666;
	color: #CCCCCC;
	width: 350px;
	font: 12px "Lucida Sans Unicode", Verdana, Tahoma;
}
#contactFrm .inputText1{
	height: 24px;
	background: none;
	border: none;
	border-bottom: dotted 1px #ccc;
	color: #CCCCCC;
	width: 350px;
	font: 12px "Lucida Sans Unicode", Verdana, Tahoma;
}
#contactFrm .textArea{
	background: none;
	border: none;
	border-bottom: dotted 1px #666666;
	color: #CCCCCC;
	width: 350px;
	font: 12px "Lucida Sans Unicode", Verdana, Tahoma;
	line-height: 20px;
}
#contactFrm .textArea1{
	background: none;
	border: none;
	border-bottom: dotted 1px #ccc;
	color: #CCCCCC;
	width: 350px;
	font: 12px "Lucida Sans Unicode", Verdana, Tahoma;
	line-height: 20px;
}
#contactFrm .inputButton{
	background-color: #4A4A33;
	border: solid 1px #000;
	padding: 5px 15px;
	color: #FFFFFF;
	font: 12px "Lucida Sans Unicode", Verdana, Tahoma;
	cursor: pointer;
}
