/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
html,body{
	height:100%;
	margin:0;
	padding:0;
}
body{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999;
	text-align:center;
	min-width:908px;
	min-height:737px;
	background-color: #FFF;
}
img {
	border: 0;
}
#vertical{
	float:left;
	height:50%;
	margin-top:-368.5px;/* half vertical height*/
	width:100%;
}
#hoz {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	height:737px;
	text-align: center;
	clear:both;
	background-image: url(/images/backgroundPattern.gif);
	background-position: center;
	background-repeat: repeat-x;	
}
			#contentHolder {
				position: relative;
				width: 908px;
				height: 737px;
				margin-left: auto;
				margin-right: auto;
			}
			#logo {
				position: absolute;
				top: 50px;
				left: 40px;
				z-index: 100;
				width: 165px;
				height: 81px;
				background-image:url(/images/firecurldesigncms-logo.png);
				background-position: center;
				background-repeat: no-repeat;
			}		
			#logo a {
				float: left;
				width: 165px;
				height: 81px;
				display: block;
				cursor: pointer;
			}
#topLink {
	float: right;
	width: 300px;
	height: 15px;
	text-align: right;
	font-size: 9px;
	margin-right: 8px;
}
#pageTopImage {
	float: left;
	width: 908px;
	height: 14px;
	background-image: url(/images/topPageImage.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}
#contentImageTop {
	float: left;
	width: 908px;
	height: 334px;
	background-image: url(/images/contentPageImageTop.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
#contentImageBottom {
	float: left;
	width: 908px;
	height: 334px;
	background-image: url(/images/contentPageImageBottom.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
#pageBottomImage {
	float: left;
	width: 908px;
	height: 25px;
	background-image: url(/images/bottomPageimage.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#pageBottomFooter {
	float: left;
	width: 908px;
	height: 16px;
	font-size: 9px;
	color: #999;
}			
#pageBottomFooter .copyRight {
	float: left;
	width: 200px;
	text-align: left;
}
#pageBottomFooter ul {
	float: right;
	padding: 0;
	margin: 0;
	margin-right: 8px;
	width: 600px;
}
#pageBottomFooter ul li {
	float: right;
	list-style: none;
	display: inline;
	margin-left: 6px;
}
#pageBottomFooter ul li a, #pageBottomFooter .copyRight a, #topLink a {
	color: #999;
	text-decoration: none;
}
#pageBottomFooter ul li a:hover, #pageBottomFooter .copyRight a:hover, #topLink a:hover {
	text-decoration: underline;
}
.hiddenElement {
	display: none;
	visibility: hidden;
}
#contentContainer {
	position: absolute;
	top: 160px;
	left: 23px;
	z-index: 100;
	width: 858px;
}

/*MAIN MENU STYLE*/
#mainMenu {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 101;
	width: 856px;
	height: 48px;
	background-image: url(/images/mainMenuBackground.png);
	background-position: center;
	background-repeat: no-repeat;
}
#mainMenu #menuContainer {
	float: left;
	width: 856px;
	height: 42px;
	margin: 0;
	padding: 0;
	padding-left: 25px;
	padding-top: 6px;
}
#mainMenu #menuContainer li {
	float: left;
	list-style: none;
	display: inline;
	margin-right: 25px;
}
#mainMenu #menuContainer li h1 {
	font-size: 20px;
}
#mainMenu #menuContainer li a {
	text-decoration: none;
	color: #703e18;
}
#mainMenu #menuContainer li a:hover {
	color: #f8940b;
}
.mainMenuBreak {
	float: left;
	width: 1px;
	height: 28px;
	background-image: url(/images/mainMenuBreak.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
/*Hide 2nd level menu*/
html>body #mainMenu #menuContainer #cmsMenu {
	display: none;
	visibility:hidden;
}
/* make the second level visible when hover on first level list OR link */
#mainMenu #menuContainer li:hover #cmsMenu {
	display: block;
	visibility:visible;
}
#menuContainer #cmsMenu {
	position: absolute;
	width: 335px;
	z-index: 200;
	background-image: url(/images/70whitebackground.png);
	background-position: center;
	background-repeat: repeat;
	border: 3px solid #FFF;
}
#menuContainer #cmsMenu {/*NON SAFARI*/
	top: -2px;
	left: 104px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#menuContainer #cmsMenu {/*SAFARI*/
		top: -3px;
		left: 106px;
	}
}
#menuContainer #cmsMenu li {
	float: left;
	width: 331px;
	line-height: 30px;
	list-style: none;
	border: 2px solid #dcaf86;
}
#menuContainer #cmsMenu li a:hover {
	color: #511200;
	text-decoration: underline;
}
#menuContainer #cmsMenu .title {
	height: 32px;
	border-bottom: 0;
}
#menuContainer #cmsMenu .title h1 a {
	color: #f8940b;
	text-decoration: none;
}
#menuContainer #cmsMenu .top {
	border-top: 1px solid #dcaf86;
	border-bottom: 1px solid #dcaf86;
}
#menuContainer #cmsMenu .mid {
	border-top: 0;
	border-bottom: 1px solid #dcaf86;
}
#menuContainer #cmsMenu .bottom {
	border-top: 0;
}
/*END MAIN MENU STYLE*/
#contentPlacement {
	float: left;
	width: 858px;
	margin-top: 39px;
	background-image: url(/images/mainMenuBackgroundRepeat.png);
	background-position: left;
	background-repeat: repeat-y;
	color: #511200;
}
#contentPage #contentPlacement, #contentPageDoI #contentPlacement, #contentWantCms #contentPlacement {
	float: left;
	width: 818px;
	height: 440px;
	margin-top: 39px;
	background-image: url(/images/mainMenuBackgroundRepeat.png);
	background-position: left;
	background-repeat: repeat-y;
	color: #511200;
	text-align: justify;
	padding: 20px;
}
#contentPage h1, #contentPageDoI h1, #contentWantCms h1 {
	font-size: 16px;
	margin-bottom: 5px;
}
#contentPageDoI h1 {
	margin-bottom: 20px;
}
#contentPage h2, #contentPageDoI h2, #contentWantCms h2 {
	font-size: 14px;
	margin-bottom: 5px;	
}
#contentPageDoI h2 {
	margin-bottom: 10px;
}
#contentPage p, #contentPage ul, #contentPageDoI p, #contentPageDoI ul, #contentWantCms p, #contentWantCms ul {
	font-size: 10px;
	font-weight: normal;
	margin-bottom: 5px;	
}
#contentPage #contentPlacement ul, #contentPageDoI #contentPlacement ul, #contentWantCms #contentPlacement ul {
	margin-left: 20px;
}
#contentPageDoI ul, #contentWantCms ul {
	margin-bottom: 20px;
}
#contentPage ul li, #contentPageDoI ul li, #contentWantCms ul li {
	list-style: square;
}
#contentPageDoI #contentPlacement ul li {
	line-height: 25px;
}
#contentWantCms #contentPlacement ul li {
	line-height: 22px;
}
#leftList {
	float: left;
	width: 490px;
	border-right: 1px solid #dcaf86;
}
#rightList {
	float: left;
	width: 315px;
	margin-left: 10px;
}
#rightList ul li {
	line-height: 19px;
}
#leftContent {
	float: left;
	width: 512px;
	margin-left: 6px;
	margin-top: 10px;
	border-right: 1px solid #dcaf86;
}
#bannerHolder {
	float: left;
	position: relative;
	width: 497px;
	height: 71px;
	margin-left: 7.5px;
	margin-top: 10px;
}
#bannerOverflow {
	position: absolute;
	top: 70px;
	left: 0px;
	z-index: 90;
	width: 497px;
	height: 51px;
	background-image: url(/images/banner-bottom.png);
	background-position: center;
	background-repeat: no-repeat;
}
#flashHolder {
	float: left;
	width: 497px;
	height: 175px;
	margin-left: 7.5px;	
	border-bottom: 1px solid #dcaf86;
}
#rightContent {
	float: right;
	width: 330px;
	margin-right: 6px;
}
#rightContent ul {
	float: left;
	width: 330px;
	text-align: justify;
	padding: 0;
	margin: 0;
	font-size: 14px;
}
#rightContent ul li {
	float: left;
	width: 300px;
	margin-left: 20px;
	padding-left: 10px;
	background-image: url(/images/bullet.gif);
	background-position: left;
	background-repeat: no-repeat;
	line-height: 30px;
	list-style: none;
}
#rightContent h1 {
	margin: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
	text-align: left;
	padding-left: 20px;
}
#contentContainerBottomImage {
	float: left;
	width: 858px;
	height: 15px;
	background-image: url(/images/mainContentBottomImage.png);
	background-position: left top;
	background-repeat: no-repeat;

}
/* END CSS Document */