@charset "utf-8";

/* CSS Document */

body {
	background: #323232 url(../images/bodyBg.png) top center no-repeat;
	font-family: Arial;
	font-size: 12px;
	color: #fff;
	margin: 0px;
}

img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.borderTop {
	border-top: 1px solid #fff;
}

.borderBottom {
	border-bottom: 1px solid #fff;
}

.imgLeft {
	float: left;
	margin: 0px 10px 10px 0px;
}

.imgRight {
	float: right;
	margin: 0px 0px 10px 10px;
}

#indexLogo {
	margin: -50px 0px 30px 0px;
}

a, a:visited {
	color: #fcb500;
	text-decoration: none;
}

#header a, #footerLinks a {
	color: #fff;
}

p {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.justify {
	text-align: justify;
}

.txtOrange {
	color: #fcb500;
}

#container {
	width: 962px;
	margin: 0 auto;
}

.enter {
	height: 40px;
	padding: 0px 0px 22px 46px;
	background: #323232;
	font-weight: bold;
}

.enter .orangeList {
	font-size: 18px;
	line-height: 50px;
}

#header {
	width: 940px;
	height: 131px;
	margin: 0 auto;
}

#logoLeft {
	height: 100px;
	float: left;
}

#logoLeft img {
        margin: 10px 0px 0px -4px;
}

#logoRight {
	float: right;
	background: url(../images/transBg.png);
	height: 70px;
	padding: 5px 0px;
}

#logoRightContent {
	background: url(../images/logoRightBg.png) right no-repeat;
	width: 236px;
	height: 70px;
	margin: 0px 35px 0px 10px;
	font-size: 10px;
	line-height: 14px;
}

#nav {
	clear: both;
}

#nav ul {
	margin: 0px;
	list-style: none;
	border-bottom: 3px #595959 solid;
	padding: 0px 0px 3px 0px;
}

#nav ul li {
	display: inline;
	list-style: none;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 29px 3px 29px;
}

#nav ul li:hover {
	border-bottom: 3px #000 solid;
}

#banner {
	height: 344px;
}

#banner img {
	padding: 0px 11px;
}

#contentBorder, #banner {
        width: 962px;
        background: url(/images/shadowBg.png);
}

#content {
	width: 912px;
	border: 14px #000 solid;
	background: #000 url(../images/contentBg.png);
	overflow: hidden;
	margin: 0px 11px;
}

#contentIndex {
	width: 912px;
	border: 14px #000 solid;
	overflow: hidden;
	background: #323232;
	margin: 0px 11px;
}

/*#content p.strong {
	font-weight: bold;
}*/

#contentLeft {
	width: 292px;
	float: left;
}

#contentRight {
	width: 606px;
	float: right;
}

.contentHeader {
	background: #fcb500;
	height: 27px;
	padding: 12px 15px 9px 12px;
	font-size: 28px;
	font-weight: bold;
}

.contentHeaderSmall {
	font-size: 12px;
}

.contentLeftTxt {
	background: #4b4b52;
	padding: 14px;
	overflow: hidden;
}

.contentRightTxt {
	background: #323232;
	padding: 14px;
	overflow: hidden;
}

.mottoQuoteLeft {
	font-size: 80pt;
	display: inline-table;
	margin-bottom: -50px;
	font-weight: bold;
}


.mottoQuoteRight {
	font-size: 80pt;
	display: inline-table;
	float: right;
	margin-bottom: -50px;
	margin-right: 7px;
	font-weight: bold;
}

.mottoOrange {
	color: #fcb500;
	font-size: 12pt;
	vertical-align: super;
	font-weight: bold;
}

.mottoOrangeList {
	color: #fcb500;
	font-size: 12pt;
	font-weight: bold;
}

#mottoList, #swatchList {
	list-style-position: outside;
	border-bottom: 1px #fff solid;
}

#mottoList li  {
	height: 87px;
}

#swatchList li  {
	height: 81px;
}

#mottoList li, #swatchList li  {
	border-top: 1px #fff solid;
	margin-left: -40px;
}

#mottoList img, #swatchList img {
	margin: 1px 20px 0px -40px;
}

.whiteBorderT {
	border-top: 1px #fff solid;
	overflow: hidden;
}

.whiteBorderTB {
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid;
	overflow: hidden;
}

.whiteBorderT, .whiteBorderTB img.imgLeft {
	margin-bottom: -10px;
}

.orangeList {
	list-style: url(../images/orangeArrow.png);
        display: block;
}

.listArrow {
	list-style: url(../images/orangeArrow.png);
}

.orangeList li {
	color: #fcb500;
	font-size: 14px;
	margin: 10px 10px 10px 22px;
}

.orangeList p {
	float: left;
	margin-right: 10px;
	color: #fff;
	font-size: 12px;
}

.orangeListSmall {
	font-size: 10px;
}

.spacerVert {
	height: 14px;
	background: #000;
}

.orange {
	width: 940px;
	height: 2px;
	margin: 0px 11px;
	padding: 0px;
	background-color: #fcb500;
}

#footer {
	width: 940px;
	height: 55px;
	margin: 25px auto;
	background: url(../images/footerBg.png) repeat-x;
}

#footerTxt {
	font-size: 9px;
	padding: 14px;
}

#footerTxt a {
	color: #fff;
}

#footerLinks {
	font-size: 10px;
	font-weight: bold;
        padding: 10px 10px 30px 10px;
}

.fadein {
	position:relative;
	width:500px;
	height:332px;
}

.fadein img {
	position:absolute;
	left:0;
	top:0;
	padding: 0px 11px;
}

.mottoDiv, .swatchDiv {
	border-top: 1px #fff solid;
	padding: 0px;
	margin: 0px;
	width: 264px;
	display: inline-block;
}

.mottoDiv {
	height: 87px;
}

.swatchDiv {
	height: 81px;
}

.mottoDivBottom {
	border-bottom: 1px #fff solid;
}

.mottoArrow {
	padding-top: 3px;
}

.clear {
clear: both;
}

.shadowTop, .shadowBottom {
       width: 962px;
       height: 11px;
}

.shadowTop {
       background: url(/images/shadowBgTop.png);
}

.shadowBottom {
       background: url(/images/shadowBgBottom.png);
}