/* styles all form elements including buttons */
@import url("form.css");

/* styles captions on images (titles) */
@import url("caption.css");

/* styles gallery jQuery (customers) */
@import url("gallery.css");

/* styles carousel jQeury (collection photos) */
@import url("carousel.css");
@import url("carouselskin.css");

/*-------------------------------------------------
  DEFAULTS & GLOBALS
-------------------------------------------------*/
* { /* removes defaults from all elements */
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
}
body {
	background: #FFFFFF;
	text-align: center;
	color: #000000;
	font: 75% Arial;
}
.clearHack {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0px;
}
a { text-decoration: none; }
img { border:none }

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
}


/*-------------------------------------------------
  WRAPPER & FOOTER
-------------------------------------------------*/
/* The wrapper holds the header and content layout.*/
/* The footer is pushed down to the bottom of the page.*/
#wrap { 
	min-height: 100%; 
	height: auto !important;
	height: 100%;
	text-align: center;
	width: 789px;
	margin: 0 auto -200px; /* the bottom margin is the negative value of the footer's height */
}
#push {
	height: 200px; /* .push must be the same height as .footer */
}
#footer {
	background: #000 url(img/bg-footer.gif) bottom left repeat-x;
	height: 200px;
	width: 789px;
	text-align: center;
	margin: 0 auto;
}
#footer div.address {
	float: left;
	color: #FFF;
	width: 300px;
	text-align: left;
	height: 155px;
	margin: 25px 0 0 25px;
}
#footer div.address span.title {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.1em;
}
#footer div.copyright {
	float: left;
	width: 789px;
	text-align: center;
	font-size: .9em;
	color: #9a9a9a;
	margin: 0 auto;
}

/*-------------------------------------------------
  MAIN LAYOUT DIV'S
-------------------------------------------------*/
#header {
	height: 163px;
	width: 789px;
	float: left;
	clear: right;
}
#header #top-en {
	background: transparent url(img/bg-header-en.gif) top left no-repeat;
	height: 125px;
	width: 789px;
	clear: right;
	float: left;
}
#header #top-es {
	background: transparent url(img/bg-header-es.gif) top left no-repeat;
	height: 125px;
	width: 789px;
	clear: right;
	float: left;
}
div#language {
	text-align: left;
	float: right;
	width: 90px;
	margin-top: 63px;
	padding-right: 125px;
	line-height: 1.8em;
	color: #fff;
}
div#language a {
	color:#fff;
}
#content {
	width: 789px;
	float: left;
	text-align: left;
}

/*-------------------------------------------------
  NAVIGATION
-------------------------------------------------*/
#header div#navi {
	background: transparent url(img/bg-navi.gif) repeat-x;
	float: left;
	height: 38px;
	width: 789px;
}
#header ul.navlist {
	float: left;
	text-transform: uppercase;
}
#header ul.navlist li {
	display: block;
	float: left;
	height: 28px;
	list-style-type: none;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 10px;
	background: transparent url(img/navi-spacer.gif) top right no-repeat;
}
#header ul.navlist a {
	color: #000;
}
#header ul.navlist a:hover {
	color: #d51733;
}
#footer a {
	color: #6b6b6b;
}
#footer a:hover {
	background-color: #d1d1d1;
	color: #9a9a9a;
}

/*-------------------------------------------------
  MAIN CONTENT
-------------------------------------------------*/
h2 {
	font-size: 2em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: .9em;
	padding: 18px 0 15px 0;

}
h3 {
	font-size: 2.2em;
	line-height: .9em;
	padding: 18px 0 15px 0;

}
h4 {
	font-size: 1.6em;
	font-style: italic;
	padding: 5px 0 0 0;
}
h5 {
	font-size: 1.6em;
	font-style: italic;
	padding: 0 0 5px 0;
}
h6 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 0 8px 0;
}
p {
	padding-bottom: 10px;
	line-height: 1.5em;
}
.headline-box {
	background-color: #e5e5e5;
	border: 1px solid #d4d4d4;
	padding: 15px;
	line-height: 1.4em;
	float: left;
	width: 759px;
}
.image-box {
	float:left;
	border: 1px solid #666;
	background-color: #d51733;
	width: 789px;
}
.alignleft {
	margin-right: 15px;
}
div.dotdivider {
	width: 100%;
	height: 10px;
	background: transparent url(images/dotdivider.gif) bottom left repeat-x;
}

a, a:hover {
	color: #ee3a43;
}
a.button {
	background: transparent url(images/bg-button.gif) top left no-repeat;
	color: #616161;
	display: block;
	width: 114px;
	height: 33px;
	padding: .7em 0;
	text-align: center;

}
a:hover.button {
	color: #000000;
}

/*-------------------------------------------------
  CONTACT
-------------------------------------------------*/
.form {
	float:left;
	width: 650px;
	margin-top: 20px;
	padding-left: 15px;
}

/*-------------------------------------------------
  FAIRS
-------------------------------------------------*/
.fair {
	border-bottom: 1px solid #cccccc;
	padding: 10px 0 10px 0;
	float: left;
	width: 100%;
}
.fair .image {
	padding-left: 25px;
	float: left;
	width: 250px;
}
.fair p {
	float: left;
	padding-top: 15px;
	font-size: 1.3em;

}

/*-------------------------------------------------
  HOME
-------------------------------------------------*/
div.anyClass {
	width: 750px;
}
div#slogan-en {
	background: transparent url(img/slogan-en.gif) top right no-repeat;
	height: 60px;
	width: 789px;
	text-indent: -9999px;
	padding-bottom: 8px;
}
div#slogan-es {
	background: transparent url(img/slogan-es.gif) top right no-repeat;
	height: 60px;
	width: 789px;
	text-indent: -9999px;
	padding-bottom: 8px;
}
div#today {
	background: transparent url(img/bg-today.gif) repeat-x;
	width: 789px;
	height: 256px;
}
div#today div#text {
	float: left;
	width: 350px;
	padding: 0px 15px 0 10px;
}
div#today div#imgcontainer {
	float: right;
	width: 407px;
	height: 256px;
}
div#buying-en {
	background: transparent url(img/bg-buyingbanner-en.gif) no-repeat;
	width: 789px;
	height: 132px;
	margin-bottom: 10px;
}
div#buying-es {
	background: transparent url(img/bg-buyingbanner-es.gif) no-repeat;
	width: 789px;
	height: 132px;
	margin-bottom: 10px;
}
div#customers {
	background-color: #e0e0e0;
	height: 230px;
	width: 759px;
	margin-bottom: 10px;
	padding: 0px 15px 0 15px;
}
div#para {
	background: #FFF url(img/divider.gif) top left no-repeat;
	margin-bottom: 15px;
	float: left;
	width: 100%;
}
div.singleLeft {
	width: 375px;
	float: left;
	margin-right: 30px;
}
div.singleRight {
	width: 375px;
	float: left;
}
div#brand {
	float: left;
	width: 739px;
	background-color: #cecece;
	padding: 0px 25px 10px 25px;
}