/* --- CSS Reset --- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0px;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* --- Body --- */

body {
font-family: Arial, Helvetica, sans-serif;
background-image:url(images/background.jpg);
background-position:center;
}

/* --- Font Tags --- */

p{
	font-size:12px;
	line-height:16px;
}

h1{
	font-size:24px;
	line-height:30px;
	color:#acacac;
}

#brand_nav p{
	color:#acacac;
	padding:30px 0px 30px 0px;
	
}

#markets p{
	color:#acacac;
}

/* --- Typography --- */

.grid p {
  line-height: 16px;
  font-size: 12px;
}

.grid h1 {
  line-height: 32px;
  font-size: 24px;
}

/* --- Links --- */

.socialMedia {
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
	color:#707070;
}

.socialMedia:hover {
	color:#FFF;
}

.otherNav {
	text-decoration:none;
	font-size:12px;
	color:#707070;
}

.otherNav:hover {
	color:#FFF;
}

.grid-c1 a:link{
	text-decoration:none;
	color:#f8981d;
}

.grid-c1 a:visited{
	text-decoration:none;
	color:#f8981d;
}

.grid-c1 a:hover{
	text-decoration:underline;
	color:#f8981d;
}

.grid-c1 a:active{
	text-decoration:none;
	color:#f8981d;
}


/* --- Grid --- */

#Header {
	width: 980px;
	background-image:url(images/background-header.jpg);
	height: 100px;
	margin: auto;
}

.grid {
  width: 980px;
  margin: auto;
}

.grid-m1 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c1 {
	border-top:solid;
	border-top-width:1px;
	border-top-color:#FFF;
	float: left;
	width: 700px;
}

.grid-m2 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c2 {
	border-top:solid;
	border-top-width:1px;
	border-top-color:#FFF;
	padding-top:16px;
	float: left;
	width: 220px;
}

.grid-c1 hr{
	border:solid;
	border-width:1px 0px 0px 0px;
	border-color:#FFF;
}

/* --- Images --- */

#logoHeader {
	margin: 20px 20px 0;
	float:right;
}

/* --- lists --- */

#menu {
	list-style: none;
 	padding: 0;
  	margin: 0px 0px 30px 0px;
}

#menu li{
	height:36px;
}

#menu a {
  text-indent: -9999px;
  position:absolute;
  outline: none;
}

#menu a:hover {
  background-position: -219px;
}

#menu .home {
  width: 220px;
  height: 36px;
  background: url(images/nav-home.gif) no-repeat;
}

#menu .about {
  width: 220px;
  height: 36px;
  background: url(images/nav-about.gif) no-repeat;
}


#menu .brands {
  width: 220px;
  height: 36px;
  background: url(images/nav-brands.gif) no-repeat;
}


#menu .markets {
  width: 220px;
  height: 36px;
  background: url(images/nav-markets.gif) no-repeat;
}


#menu .contact {
  width: 220px;
  height: 36px;
  background: url(images/nav-contact.gif) no-repeat;
}

/* --- main content area --- */

.page_title{
	padding-top:30px;
	float:left;
}

.home_image{
	position:absolute;
	top:80px;
	min-height:365px;
}

.home_copy{
	width:440px;
	color:#FFF;
	padding-top:30px;
	float:left;
}

.brand_image{
	padding-top:30px;
	padding-bottom:30px;
	float:right;
}

.brand_copy{
	width:220px;
	color:#b7b7b7;
	padding-top:30px;
	float:left;
}

.main_copy{
	width:700px;
	color:#acacac;
	padding-top:30px;
	clear:both;
}

/* --- Main Banners --- */

.about_banner{
	background-image:url(images/about_us_03.jpg);
	background-repeat:none;
	height:345px;
}


.brands_banner{
	background-image:url(images/brands_bg_03.jpg);
	background-repeat:none;
	height:345px;
}

.markets_banner{
	background-image:url(images/markets_03.jpg);
	background-repeat:none;
	height:345px;
}

.contact_banner{
	background-image:url(images/contact_03.jpg);
	background-repeat:none;
	height:345px;
}

/* --- Brand Nav --- */

#brand_nav li{
	display:inline;
	list-style:none;
	padding-left:32px;

}

#brand_nav{
	border-top:solid;
	border-top-width:1px;
	border-top-color:#FFF;
	border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-color:#FFF;
}

#brand_nav_home{
	position:relative;
	top:324px;
	border-top:solid;
	border-top-width:1px;
	border-top-color:#FFF;
	border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-color:#FFF;
}

#brand_nav_home li{
	display:inline;
	list-style:none;
	padding-left:32px;

}

ul.brands_page_nav{
	padding-top:30px;
}

.brands_page_nav li{
	display:inline;
	list-style:none;
	padding-right:35px;
}

/* --- Markets --- */

#markets{
	border-top:solid;
	border-top-width:1px;
	border-top-color:#FFF;
	
}

.market_detail{
	float:left;
	width:220px;
	padding-right:20px;
	height:110px;
}

.market_detail_right{
	float:left;
	width:220px;
}


/* --- Sign Off --- */

#sign_off{
	padding-top:30px;
	padding-left:20px;
	color:#898989;
}

#sign_off a:link{
	text-decoration:none;
	color:#898989;
}

#sign_off a:visited{
	text-decoration:none;
	color:#898989;
}

#sign_off a:hover{
	text-decoration:underline;
	color:#898989;
}

#sign_off a:active{
	text-decoration:none;
	color:#898989;
}