/**
 *   Andrew Peller main styles
 */

/* ------------------ init -------------------------------*/

body { margin: 0; padding: 0; text-align: center; background: url(../images/bg.jpg) top center no-repeat; color: #524f48; font: 12px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; line-height: 19px; }
#container { margin: 0 auto; width: 953px; text-align: left; background: url(../images/bg_header.jpg) no-repeat; }

a { text-decoration: none; color: #875644; }
a:hover { text-decoration: none; color: #958856; }
a img { border: 0; }
#blackLinks a { color: #524f48 !important; }
#blackLinks a:hover { color: #958856 !important; }

p { margin: 0; padding: 0 0 10px 0; }
p.hr { border-top: 1px solid #d1cab3; height: 1px; padding-bottom: 20px; margin-top: 5px; }


h2, h3, h4, h5 { font: 18px Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0 0 18px 0; color: #877544; }
h3 { font-size: 17px; }
h4 { font-size: 16px; padding-bottom: 10px; }
h5 { font-size: 15px; }


/* ------------------ misc -------------------------------*/

.brown { color: #875644; }
.clear { clear: both; height: 1px; }
#shortContent { height: 250px; }
.noPadding { padding: 0 !important; }

#logo_print { display: none; }

/* ------------------ content -------------------------------*/

/* header ---------------------------*/

#header { height: 190px; position: relative; }
a#logo { position: absolute; top: 80px; left: 84px; width: 248px; height: 67px; }

#utilityNav { margin: 0; padding: 0; position: absolute; top: 40px; right: 25px; list-style: none; }
#utilityNav li { float: left; margin-left: 25px; }
#utilityNav li a { font: 11px Arial, Helvetica, sans-serif; color: #958856; }
#utilityNav li select { width: 210px; color: #999; font: 11px Arial, Helvetica, sans-serif; border: 1px solid #b5b9c8; }

#mainNav { margin: 0; padding: 0; position: absolute; top: 105px; right: 25px; list-style: none; }
#mainNav li { height: 28px; float: left; }
#mainNav li.li1 { width: 77px; }
#mainNav li.li2 { width: 75px; }
#mainNav li.li3 { width: 163px; }
#mainNav li.li4 { width: 59px; }
#mainNav li.li5 { width: 108px; }
#mainNav li.li6 { width: 72px; }
#mainNav li a { height: 28px; display: block; }
#mainNav li.li1 a { background: url(../images/btn_company.gif); }
#mainNav li.li2 a { background: url(../images/btn_brands.gif); }
#mainNav li.li3 a { background: url(../images/btn_investorRelations.gif); }
#mainNav li.li4 a { background: url(../images/btn_press.gif); }
#mainNav li.li5 a { background: url(../images/btn_community.gif); }
#mainNav li.li6 a { background: url(../images/btn_careers.gif); }
#mainNav li a:hover, #mainNav li a.active { background-position: 0 -28px; text-decoration: none; }

/* ------------------ main nav submenu -------------------------------*/
#mainNav .li3 UL.ul2 {
	min-width: 163px;
}
#mainNav .li6 UL.ul2 {
	margin-left: -14px;
}
#mainNav UL.ul2 {
	display: block;
	position: absolute;
	top: 25px;
	margin: 0;
	padding: 0;
	display: none;
}
#mainNav UL.ul2 LI {
	height: auto;
	padding: 0px 1px 0px 1px;
	background-color: #d3c49d;
}
#mainNav UL.ul2 LI A {
	background-image: none;
	color: white;
	padding: 3px 5px 3px 5px;
	border-bottom: 1px solid #fff;
	height: auto;
}
#mainNav UL.ul2 LI.last A {
	border-bottom: 1px solid #d3c49d;
}
#mainNav UL.ul2 LI A:hover {
	background-color: #ffffff;
	color: #85784e;
}
#mainNav UL.ul2 LI {
	display: block;
	float: none;
	list-style-type: none;
}

/* home -----------------------------*/

#album { float: left; width: 495px; padding-left: 10px; }
#home_colRight { width: 395px; float: right; padding-right: 30px; }
#home_colRight a { color: #875644; }
#home_colRight h2 { padding-bottom: 10px; }

#home_StCarInv tr.header td { font: 16px Georgia, "Times New Roman", Times, serif; color: #877544; padding-bottom: 10px; }
#home_StCarInv tr td.td1 { width: 130px; }
#home_StCarInv tr td.td2 { width: 120px; }
#home_StCarInv tr td.td3 { width: 150px; }

/*subscribe --------- */
#home_StCarInv { margin-bottom: 20px; }
#HP_subscribe { position: relative; }
#HP_subscribe .btn_subscribe { position: absolute; top: 5px; left: 0px; display: block; width: 104px; height: 37px; background: url(../images/btn_subscribe.jpg); }
#HP_subscribe .btn_subscribe:hover { background-position: 0 -37px; text-decoration: none; }
#HP_subscribe .text { position: absolute; top: 6px; left: 120px; width: 250px; }

/* subscirbe form */
#subscribe_wrap { width: 480px; background-color: #fff; padding: 5px; text-align: center; color: #524f48; }
#subscribe_wrap .border { border: 1px solid #ccc4af; padding-bottom: 20px; }
#subscribe_wrap #introCopy { padding: 20px 0 30px 0; color: #877544; font-size: 14px; }

#subscribeFormTop { width: 410px; margin-bottom: 15px; }
#subscribeFormTop .SF_colLeft { float: left; width: 200px; text-align: right; }
#subscribeFormTop .SF_colRight { float: right; width: 200px; text-align: left; }
#subscribeFormTop .clear { height: 6px; line-height: 6px; }
form { padding: 0; margin: 0; }
.textBox { border: 1px solid #ccc4af; width: 200px; }

#subscribeFormBottom { padding: 15px 0 25px 0; text-align: left; line-height: 25px; }
#subscribeFormBottom .SF_colLeft { float: left; padding-left: 90px; width: 140px; }
#subscribeFormBottom .SF_colRight { float: right; width: 220px; }
#subscribeFormBottom .clear { height: 1px; line-height: 1px; }

.btn_submit { display: block; background: url(../images/btn_submit.jpg); width: 104px; height: 37px; margin: 0 auto; }
.btn_submit:hover { background-position: 0 -37px; }



/* colLeft --------------------------*/
#colLeft, #colLeft_narrow { float: left; text-align: right; width: 180px; padding: 3px 15px 40px 0 ; }
#colLeft ul, #colLeft_narrow ul { margin: 0; padding: 0; list-style: none; padding-top: 14px; }
#colLeft ul.ul2 li, #colLeft_narrow ul.ul2 li { padding-bottom: 7px; }
#colLeft ul li, #colLeft_narrow ul li { font: 18px Georgia, "Times New Roman", Times, serif; color: #d2c49b; }
#colLeft ul li a, #colLeft_narrow ul li a { font: 12px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color: #875644;  }
#colLeft ul li a.active, #colLeft ul li a:hover, #colLeft_narrow ul li a.active, #colLeft_narrow ul li a:hover { text-decoration: none; color: #958856; }


/* colCenter --------------------------*/
#colCenter { float: left; width: 329px; margin-top: -12px; }

/* colRight --------------------------*/
#colRight, #colRight_narrow { float: right; width: 720px; padding: 0 25px 30px 0 ; }
#colRight p a, #colRight ul li a, #colRight_narrow  p a, #colRight_narrow  ul li a { color: #875644 !important; }
#colRight_narrow { width: 390px; }
#colRight ul, #colRight_narrow ul { padding: 0 0 15px 0; margin: 0 0 0 15px; color: #b39b58; }
#colRight ul li span, #colRight_narrow ul li span { color: #524f48; }
.shortContentFix { padding-bottom: 100px; }


/* job postings */
#jobPostingsColLeft { float: left; width: 330px; }
#jobPostingsColRight { float: right; width: 370px; }





/* sitemap --------------------------*/
.sitemap { margin: 0 0 20px 0; }
.sitemap tr td { width: 350px; }
.sitemap tr td a { color: #524f48; }
.sitemap tr td a:hover { color: #875644; }
.sitemap tr.header td { font: 16px Georgia, "Times New Roman", Times, serif; color: #d2c49b; padding-bottom: 10px; }
.sitemap tr.header td a { color: #d2c49b; font-size: 17px;  }
.sitemap tr.header td a:hover { color: #875644; }
.sitemap tr td.td1 { padding-right: 10px; }


/* footer -----------------------------*/

#footer { text-align: center; width: 100%; padding: 20px 0 30px 0; }
#footer ul { margin: 0; padding: 0; list-style: none; margin: 0 auto; height: 20px; padding-left: 305px; }
#footer ul li { float: left; color: #b1a883; }
#footer ul li a { color: #b1a883; }
#footer ul li.divider { padding: 0 10px; }
#footer p.hr { width: 95%; margin: 0 auto; }
#footer p#creditCopy { padding-top: 7px; }
#footer p, #footer p a { color: #a9a7a2; font: 11px Arial, Helvetica, sans-serif; }
#footer p span.span1, #footer p span.span2 { padding-right: 15px; }