/* CSS DOCUMENT */
* 	{ margin: 0; padding: 0;}
html { min-height: 100%; margin-bottom: 1px; }
img, a img	{ border: 0; }

body 	{ font-size: 12px; font-family: tahoma, arial, sans-serif; text-align: center; color: #555; background: #fff url(../images/bg.jpg) no-repeat 50% 0;}
table, th, td, input, textarea, select { font-size: 12px; font-family: tahoma, arial, sans-serif; color: #555; text-align: left; }

#skip	{ display: none;}

a:link, a:visited	{ color: #8d2238; text-decoration: none;}
a:hover		{ color: #c26876; text-decoration: underline; }

#container	{ position: relative; width: 944px; margin: 0 auto; text-align: left; z-index: 50; }

#header		{ position: relative; height: 110px; z-index: 50; }
	.logo	 	{ position: absolute; top: 16px; left: 0px; width: 129px; height: 114px; }
	.btn_blog 	{ position: absolute; top: 42px; right: 150px; }
	.btn_advertisewithus 	{ position: absolute; top: 42px; right: 30px; }
	
#h_flash	{ height: 290px; margin: 0 0 10px;}


#h_main	{ clear: both; font-size: 11px; color: #333; line-height: 18px; margin: 0 0 30px; height: 1%; }

#h_col1	{ float: left; display: inline; width: 564px; margin: 0 10px 0 0; }
#h_col1a	{ background: url(../images/bg_h_col1a.jpg) no-repeat bottom left; margin: 0 0 10px; padding: 0 0 15px; height: 1%;}
	#h_whoweare	{ float: left; display: inline; width: 237px; margin: 0 10px 0 0; padding: 15px 15px 0 25px; }
	
	
#h_news		{ float: left; display: inline; width: 237px; padding: 15px 15px 0 25px; background: url(../images/bg_h_news.jpg) no-repeat; min-height: 240px; _height: 240px; }
	#h_news li	{ list-style: none; padding: 0 0 6px; line-height: 13px;}
#h_awards	{ float: left; display: inline; width: 237px; margin: 0 10px; padding: 15px 15px 0 25px; background: url(../images/bg_h_news.jpg) no-repeat; min-height: 240px; _height: 240px; }
	#h_awards li	{ list-style: none; padding: 0 0 6px; line-height: 13px;}
	.h_date	{ display: block; font-size: 10px; color: #888;}
	a.h_more	{ text-decoration: underline; font-size:10px; }

#h_brands	{ float: left; display: inline; width: 330px; padding: 15px 20px 0; background: url(../images/bg_h_brands.jpg) no-repeat bottom left; min-height: 225px; _height: 225px; color: #666; }
	#h_brands p	{ padding: 0 0 15px; }
	#h_brands p.h_logos	{ padding: 0 0 10px; border-bottom: 1px solid #cac4b6; margin: 0 0 15px; }
	#h_brands p.h_logos img	{ padding-right: 1px;}
	#h_brands li	{margin: 0 0 6px 20px; line-height: 13px;}

/* MAIN NAVIGATION
------------------------------------------------------------------------------------- */
#nav { position: absolute; top: 61px; left: 358px; width: 590px; height: 40px; z-index: 50; }
#nav li { float: left; position: relative; height: 40px; font-size: 12px; list-style: none; }
#nav li a	{ position: relative; height: 40px; display: block; text-decoration: none; cursor: pointer; }
#nav li strong { position: absolute; top: 0px; left: 0px; display: block; height: 40px; }
#nav li, #nav li a, #nav li strong, #nav li div { background-image: url(../images/nav.gif); }

#nav li.about, #nav li.about a, #nav li.about a strong		{ background-position: 0px 0px; width: 105px; }
#nav li.brands, #nav li.brands a, #nav li.brands a strong 			{ background-position: -105px 0px; width: 85px; }
#nav li.advertising, #nav li.advertising a, #nav li.advertising a strong { background-position: -190px 0px; width: 115px; }
#nav li.news, #nav li.news a, #nav li.news a strong 				{ background-position: -305px 0px; width: 75px; }
#nav li.careers, #nav li.careers a, #nav li.careers a strong 		{ background-position: -380px 0px; width: 90px; }
#nav li.contact, #nav li.contact a, #nav li.contact a strong	{ background-position: -470px 0px; width: 115px; }

/* HOVER STATE */
#nav li.about:hover a, #nav li.about a:hover, #nav li.about:hover a strong, #nav li.about a:hover strong			{ background-position: 0px -40px; width: 105px; }
#nav li.brands:hover a, #nav li.brands a:hover, #nav li.brands:hover a strong, #nav li.brands a:hover strong 				{ background-position: -105px -40px; width: 85px; }
#nav li.advertising:hover a, #nav li.advertising a:hover, #nav li.advertising:hover a strong, #nav li.advertising a:hover strong { background-position: -190px -40px; width: 115px;}
#nav li.news:hover a, #nav li.news a:hover, #nav li.news:hover a strong, #nav li.news a:hover strong 						{ background-position: -305px -40px; width: 75px; }
#nav li.careers:hover a, #nav li.careers a:hover, #nav li.careers:hover a strong, #nav li.careers a:hover strong 			{ background-position: -380px -40px; width: 90px; }
#nav li.contact:hover a, #nav li.contact a:hover, #nav li.contact:hover a strong, #nav li.contact a:hover strong	{ background-position: -470px -40px; width: 115px; }

/* ON STATE */
#nav li.abouton, #nav li.abouton strong			{ background-position: 0px -80px; width: 105px; }
#nav li.brandson, #nav li.brandson strong		{ background-position: -105px -80px; width: 85px; }
#nav li.advertisingon, #nav li.advertisingon strong	{ background-position: -190px -80px; width: 115px; }
#nav li.newson, #nav li.newson strong			{ background-position: -305px -80px; width: 75px; }
#nav li.careerson, #nav li.careerson strong		{ background-position: -380px -80px; width: 90px; }
#nav li.contacton, #nav li.contacton strong		{ background-position: -470px -80px; width: 115px; }

/* drop down */
#nav li ul { display: none; }
#nav li table, #nav li td { font: 12px; }

#nav li:hover ul, #nav li a:hover ul { display: block; position: absolute; top: 47px; left: 0; width: 144px; background: #b61941; }
* html #nav li:hover ul, * html #nav li a:hover ul { width: 144px; w\idth: 144px; }
#nav li.about:hover ul, #nav li.about a:hover ul, #nav li.abouton:hover ul, #nav li.abouton a:hover ul { left: -15px; }
#nav li.brands:hover ul, #nav li.brands a:hover ul, #nav li.brandson:hover ul, #nav li.brandson a:hover ul { left: -25px; }
#nav li.advertising:hover ul, #nav li.advertising a:hover ul, #nav li.advertisingon:hover ul, #nav li.advertisingon a:hover ul { left: -15px; }
#nav li.news:hover ul, #nav li.news a:hover ul, #nav li.newson:hover ul, #nav li.newson a:hover ul { left: -30px; }
#nav li.careers:hover ul, #nav li.careers a:hover ul, #nav li.careerson:hover ul, #nav li.careerson a:hover ul { left: -25px; }
#nav li.contact:hover ul, #nav li.contact a:hover ul, #nav li.contacton:hover ul, #nav li.contacton a:hover ul { left: -15px; }

#nav li:hover ul li, #nav li a:hover ul li { height: auto; width: 144px !important; background: none; z-index: 100;}
#nav li:hover ul li a, #nav li a:hover ul li a { display: block; padding: 4px 5px 5px; margin: 0 10px; background: #b61941; color: #fff; height:auto; width: 114px !important;  border-bottom: 1px solid #c52e55; }
#nav li:hover ul li.first, #nav li a:hover ul li.first { background: url(../images/bg_nav_top.gif) no-repeat; padding-top: 8px; margin-top: -7px; }
#nav li:hover ul li.last, #nav li a:hover ul li.last { background: url(../images/bg_nav_btm.png) no-repeat bottom left; padding-bottom: 6px; margin-bottom: -6px; }
* html #nav li:hover ul li.last, * html #nav li a:hover ul li.last { background: url(../images/bg_nav_btm_ie.gif) no-repeat bottom left;}

#nav li:hover ul li.single, #nav li a:hover ul li.single { background: url(../images/bg_nav_single.png) no-repeat; padding-top: 8px; margin-top: -7px; padding-bottom: 6px; margin-bottom: -6px; }
* html #nav li:hover ul li.single, * html #nav li a:hover ul li.single { background: url(../images/bg_nav_single_ie.gif) no-repeat;}

#nav li:hover ul li.last a, #nav li a:hover ul li.last a, #nav li:hover ul li.single a, #nav li a:hover ul li.single a { border: 0; }

#nav li:hover ul li a:hover, #nav li a:hover ul li a:hover { color: #e593a8 !important; }
#nav li:hover ul li ul, #nav li a ul li a ul { visibility: hidden; }



#footer	{ clear: both; margin: 0 30px 30px; border-top: 1px solid #ddd; font-size: 10px; padding: 20px 0; color: #999;}
	.copyright	{ float: right; }
	#footer li	{ float: left; list-style: none; border-right: 1px solid #999; }
	#footer li.last	{ border-right: 0; }
	#footer li a:link, #footer li a:visited	{ float: left; display: block; padding:0 6px; text-decoration: underline;}
	#footer li a:hover	{ text-decoration: none; }

/* SUB
------------------------------------------------------------------------------------- */
#main	{ clear: both; margin: 0 0 30px; min-height: 280px; _height: 280px; background: url(../images/bg_main.jpg) no-repeat; }

#subnav	{ float: left; display: inline; width: 185px; background: url(../images/bg_subnav.jpg) no-repeat bottom left; margin: 98px 40px 0 30px; }
	#subnav ul	{ padding: 10px 5px 10px 15px;  }
	#subnav li	{ list-style: none; font-weight: bold; font-size: 13px; }
	#subnav li a:link, #subnav li a:visited	{ display: block; padding: 6px 10px; color: #8d2238; height: 1%;}
	#subnav li.on	{ background: #fff; }
	#subnav li.on a:link, #subnav li.on a:visited	{ color: #333; }
	#subnav li.on li a:link, #subnav li.on li a:visited	{ color: #8d2238; }
	
	#subnav ul ul	{ padding: 0 0 5px; }
	#subnav li li	{ font-weight: normal; }
	#subnav li li a:link, #subnav li li a:visited	{  padding: 1px 10px 1px 24px; background: url(../images/icon_arrow.gif) no-repeat 10px 5px; color: #8d2238; }
	#subnav li li.on	{ background: none; }
	#subnav li li.on a:link, #subnav li li.on a:visited	{ color: #666; }
	#subnav li li.on li a:link, #subnav li li.on li a:visited	{ color: #8d2238; }
	
	#subnav ul ul ul	{ padding: 8px 0; }
	#subnav li li li	{ font-weight: normal; font-size: 10px; text-transform: uppercase; }
	#subnav li li li a:link, #subnav li li li a:visited	{  padding: 3px 10px 3px 34px; background: 0;}
	#subnav li li li.on a:link, #subnav li li li.on a:visited	{ color: #666; }
	
#subnav2	{ float: left; display: inline; width: 185px; margin: 98px 40px 0 30px; font-size: 1px; }
	
	
#sidebar { float: left; display: inline; width: 185px; margin: 85px 40px 0 30px;  line-height: 18px;}
	#sidebar p { padding: 0 0 20px; }

#content	{ float: left; display: inline; width: 620px; margin: 50px 0; font-size: 13px; line-height: 18px; }
	#content p	{ padding: 0 0 20px; }
	#content ul, #content ol	{ padding: 0 25px 20px; }
	#content li	{ padding: 0 0 1px; }
	#content a	{ text-decoration: underline;}
	
#subhead	{ position: relative; padding: 0 0 20px; }
	#subhead h1	{ background: url(../images/bg_line.gif) repeat-x bottom left; padding: 0 60px 20px 0; line-height: 30px; }
	
a.icon_email:link, a.icon_email:visited	{ position: absolute; top: 15px; right: 55px; background: url(../images/icon_email.gif) no-repeat 0 2px; padding: 0 0 0 20px; font-size: 10px; height: 14px; line-height: 14px; color: #82636b; }
a.icon_print:link, a.icon_print:visited	{ position: absolute; top: 13px; right: 0px; background: url(../images/icon_print.gif) no-repeat 0 2px; padding: 0 0 0 20px; font-size: 10px; height: 20px; line-height: 20px; color: #82636b; }

#breadcrumbs	{ font-size: 10px; color: #888; }
#breadcrumbs ul	{ padding: 0 !important}
#breadcrumbs li	{ float: left; list-style: none; background: url(../images/icon_bread.gif) no-repeat 5px 8px; padding-left: 15px;}
	#breadcrumbs li.first	{ background: none; padding-left: 0;}
	#breadcrumbs li a:link, #breadcrumbs li a:visited	{ color: #82636b}

.intro	{ padding: 0 0 20px; font-size: 16px; line-height: 28px;}

.thmbright, .thmbleft	{ float: right; display: inline; margin: 5px 0 20px 20px; padding: 4px; border: 1px solid #cdb985; background: #fff; }
.thmbleft	{ float:left; margin: 0px 20px 10px 0;}

.date	{ display: block; text-transform: uppercase; }

.contactform		{ margin: 0 0 15px;}
	.contactform td		{ padding: 5px; vertical-align: top;}
	.contactform td label	{ font-weight: bold; display: block; text-align: right; width: 160px;}
	.contactform .input				{ border: 1px solid #999; border-color: #666 #ddd #ddd #666; padding: 2px; font-family: verdana, sans-serif;  }
	.contactform .errormessage		{ display: none;}
	.required			{ color: #900; }
	.contactform .error td			{ color: #900; }
	.contactform .error .errormessage		{ display: block;}
	.contactform .error .input		{ border: 2px solid #900; background: #FFC0CB }
	.contactform .btn				{ padding: 1px 2px; font-weight: bold; text-transform: uppercase; font-family: tahoma, arial, sans-serif; font-size: 13px; color: #8d2238; text-align: center;}
	.contactform .input:focus, .contactform textarea:focus	{ background: #FFFFCC;}
	.message_confirm	{ background: #d9f6d0 url(../images/icon_check.gif) no-repeat 10px 10px; padding: 10px 10px 10px 30px; border: 1px solid #b4e8a4; font-weight: bold; color: #369d4b; }

.values	{ padding: 10px 10px 0;}
	.values ul	{ padding: 0 0px 20px !important;}
	.values li	{ list-style: none; padding: 10px 0 !important; border-bottom: 1px solid #eee;}
	.values b	{ font-size: 14px; }

.item	{ height: 1%; }
.item_logo	{ float: left; display: inline; width: 200px; margin: 0 15px 0 0; }
.item_text	{ float: left; display: inline; width: 400px; }
	
/* MISC*/

.clear		{ clear: both; }
.floatright	{ float: right; margin: 5px 0 10px 15px; clear: right;}
.floatleft	{ float: left; margin: 0px 15px 10px 0;}

img.floatright, img.floatleft	{ float: right; display: inline; margin: 5px 0 20px 20px; padding: 4px; border: 1px solid #cdb985; background: #fff; }
img.floatleft	{ float:left; margin: 0px 20px 10px 0;}
img.floatright	{ margin-right: -30px; }

.alignright	{ text-align: right;}
.small	{ font-size: 11px;}

hr	{ height: 1px; border: 0; background: #ddd; color: #ddd; margin: 0 0 15px; clear: both; }

sup	{ line-height: 0; font-size: 9px; }

blockquote	{ background: url(../images/bg_blockquote_top.gif) no-repeat; font-size: 14px; color: #684a49; line-height: 24px; clear: both; margin: 0 0 20px; }
	blockquote p	{ background: url(../images/bg_blockquote.gif) no-repeat bottom left; padding: 20px 20px 40px !important; min-height: 50px; _height: 50px; }

h1	{ font-size: 32px; font-weight: normal; color: #8b7435; padding: 0 0 10px; letter-spacing: -1px; }
h2	{ font-size: 22px; padding: 0 0 10px; font-weight: normal; line-height: 22px;}
h3	{ font-size: 14px; text-transform: uppercase; font-family: helvetica, arial, sans-serif; padding: 0 0 10px; }
h4	{ font-size: 13px; text-transform: uppercase; padding: 0 0 5px;}

/* contact form */
.error { color: #ff0000; }
.confirm { color: #660000; }
