/* Browser 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: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
  background-color: #ffffff;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* Body
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
  font-size: 75%;
  color: #000000; 
  background: #ffffff;
  font-family: Arial, Verdana, Helvetica,  sans-serif;
  margin:0;padding:0;
}


p           { margin: 0 0 1.5em; font-size:1em;}

a:focus, 
a:hover     { color: #333;text-decoration: underline;}
a           { color: #ccab98;text-decoration: none; }


a.pdf:link, a.pdf:visited, a.pdf:active {background: transparent url("../_img/elements/pdf-icon.gif") no-repeat;padding-left:21px;padding-bottom:5px;}

ul          { list-style-type: disc; margin: 0 0 1.5em;padding-top:0;}
ol          { list-style-type: decimal; margin: 0 0 1.5em;}
li {margin-left:1.5em;}



blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight:bold; color: #333; }

h1 { font-size: 2em; line-height: 1;  }
h1.title { font-size: 2.5em; line-height: 1;  }
h2 { font-size: 1.8em; }
h3 { font-size: 1.1em;  font-weight: bold; margin-bottom: .25em;color:#000; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; color:#000; }
h6 { font-size: 1em; font-weight: bold;  margin-bottom: .5em; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

/* Default Classes
-------------------------------------------------------------- */

.small      { font-size: .775em; margin-bottom: 1.875em; line-height: 1.5em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #999; }




/* Images
-------------------------------------------------------------- */
img {margin:0;padding:0;display:block;}
img.floatleft {float:left;}


/* Container
-------------------------------------------------------------- */
#container {margin: auto;text-align: left;width: 100%;height:100%;}


/* Header
-------------------------------------------------------------- */
#header {display:block;width: 100%;margin:0;z-index:9999;background:#ffffff;position:absolute;}
#header-wrapper {margin: auto;width:950px;}

h1#logo a {display:block;float:left;width:225px;height:50px;background:url('../_img/elements/loh-logo-S10.png') no-repeat 0 0;text-indent:-9999px;margin:0;overflow:hidden;}
h1#logo a:hover {background-position:0 -50px;}
h1 a {text-decoration:none;}

/* Top Nav
-------------------------------------------------------------- */

#nav {float:left;height:30px;width:550px;background:#ffffff;padding:0;margin-top:10px;padding-left:5px;}
#nav ul {padding:0;margin:0;}
#nav li a.active {background-position:0 -30px;}
#nav li {display:inline;float:left;padding:0;margin:0;}
#nav li a {text-decoration:none;display:block;float:left;text-indent:-9999px;overflow:hidden;}
#nav li img {text-decoration:none;display:block;}
a#navCollectionS10, a#navCollection, a#navWho, a#navWhat, a#navWhere, a#navBuyers, a#navContact, a#facebook  {height:30px;}
a:hover#navCollectionS10, a:hover#navCollection, a:hover#navWho, a:hover#navWhat, a:hover#navWhere, a:hover#navBuyers, a:hover#navContact, a:hover#facebook  {background-position:0 -30px;}
a#navCollectionS10 {width:150px;background:url('../_img/nav/spring10collection.png') no-repeat 0 0;}
a#navCollection {width:153px;background:url('../_img/nav/s09collection.png') no-repeat 0 0;}
a#navWho {width:44px;background:url('../_img/nav/who.png') no-repeat 0 0;}
a#navWhat {width:49px;background:url('../_img/nav/what.png') no-repeat 0 0;}
a#navWhere {width:56px;background:url('../_img/nav/where.png') no-repeat 0 0;}
a#navBuyers {width:58px;background:url('../_img/nav/buyers.png') no-repeat 0 0;}
a#navContact {width:63px;background:url('../_img/nav/contact.png') no-repeat 0 0;}

#navSocial {float:right;height:30px;width:20px;background:#ffffff;padding:0;margin-top:10px;padding-left:5px;}
#navSocial ul {padding:0;margin:0;}
#navSocial li a.active {background-position:0 -30px;}
#navSocial li {display:inline;float:left;padding:0;margin:0;}
#navSocial li a {text-decoration:none;display:block;float:left;text-indent:-9999px;overflow:hidden;}
#navSocial li img {text-decoration:none;display:block;}
a#facebook {width:30px;background:url('../_img/nav/facebook.png') no-repeat 0 0;}

/* Splash
-------------------------------------------------------------- */
#splash-wrapper  {text-align:center;margin: auto;padding-top:250px;width:950px;}
#splash-enter  {position: absolute;z-index:98;text-align:left;top:200px;right: 0;bottom: 0;left: 25px;overflow: hidden;margin: 0;padding: 0;}
#background    {position: absolute;text-align:center;top: 0;right: 0;bottom: 0;left: 0;overflow: hidden;margin: 0;padding: 0;}
#flashhome{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width:  100%;
	background:#fff;
	overflow-y: hidden;
}



/* Content
-------------------------------------------------------------- */
#content {float: left; width: 100%;}
#content-wrapper {text-align:center;margin: 50px auto;width:950px;}
#flash-wrapper {text-align:center;margin: 50px auto;}

.splitcolumn {float:left;width:450px;text-align:left;margin-top:20px;}





/* Footer
-------------------------------------------------------------- */
#footer {float: left; width: 100%;}
#footer-wrapper {text-align:center;margin: auto;width: 950px;}

.navWrapper {width:355px; margin-top:315px;width: 310px; text-align:right;}

.nav { text-align:right;float:right;}
.nav li { float: left; margin: 0 2px 0 2px; list-style: none }
.nav a { text-decoration:none, color:#000; }
.nav a:hover { text-decoration:none, color:#666; }
.nav a.activeSlide { border-bottom:1px dotted #000; }
.nav a:focus { outline: none; }
.nav img { border: none; display: block }

.pics {display:block;}
.pics img {border:2px solid #000;padding:5px;}
#right { cursor: pointer }



/* Forms
-------------------------------------------------------------- */

input.field, textarea, select {
  margin:0.5em 0;
  padding:5px;
  border:1px solid #666;
}

.error      { background: #FBE3E4; color: #8a1f11; border: 1px solid #FBC2C4; padding:5px;margin-bottom:10px; }
.alert      { background: #FBE3E4; color: #8a1f11; border: 1px solid #FBC2C4; padding:5px;margin-bottom:10px; }


/* Accordion
----------------------------------*/

#accordion h4 {color:#000;text-transform:uppercase;border-bottom:1px dotted #666;}

.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { font-size: 1em; padding: .5em .5em .5em .5em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 0; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block;}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* SIFR
-------------------------------------------------- */
.sIFR-flash {
	visibility: visible !important;
	margin: 0px;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0px;
	height: 0px;
	display: block;
	overflow: hidden;
}
.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}
.sIFR-hasFlash h2 {
	visibility: hidden;
}





/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }