html body {
	margin: 0;
	padding: 0;
	font: 12px/18px "Arial", Helvetica, sans-serif;
	text-align: left;
    background-color: #fff;
    color: #4f4f4f;
	height: 100%;
	}

@font-face {
	font-family: 'LarsBohman';
	src: url('/fonts/LarsBohman-Regular.otf');
	font-weight: normal;
}

/*---------------------------------
	elements
---------------------------------*/

object { outline: none; } /* FF3 flash outline */

a { text-decoration: none; color: #4f4f4f; }

img { border: none; }

.lastcol { margin-right: 0 !important; }

hr { position: relative; top: 0; background-color: #ddd; border: 0; height: 1px; }

hr.short { position: relative; top: 0; left: 0; background-color: #ddd; border: 0; width: 275px; height: 1px; }

hr.long { position: relative; top: 0; left: 0; background-color: #ddd; border: 0; width: 625px; height: 1px; }

ul { list-style: none; margin: 0; padding: 0; }

h1 { font: 16px/28px "Arial", Helvetica, sans-serif; margin: 0 0 5px 0; padding: 0; color: #999; text-transform: uppercase; }

.clear { clear: both; }

/*---------------------------------
	main layout
---------------------------------*/

#wrap {
	position: relative;
	margin: 32px auto 0 auto;
	padding: 0;
    width: 925px;
    }

#leftcolumn, #leftcol {
	position: relative;
	float: left;
    top: 0;
	left: 0;
	margin: 0 25px 0 0;
	padding: 0;
    width: 275px;
    }

#rightcolumn, #rightcol {
	position: relative;
	float: left;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
    width: 625px;
    }

#container {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 925px;
    }

/*---------------------------------
	header and navigation
---------------------------------*/

#header {
	position: relative;
	margin: 0;
	height: 113px;
	text-transform: uppercase;
	}

#logo_lnk {
    position: absolute;
    top: 0;
    left: -15px;
	padding: 0;
	height: 40px;
	width: 474px;
    text-indent: -999px;
	background: url(./img/lars-bohman-logo.png);
	}

#separator {
    position: relative;
    top: 43px;
    }

.lefthr {
    width: 275px;
    margin: 0 0 -2px 0;
    }

.righthr {
    width: 625px;
    margin: 0 0 -2px 0;
    }

#menu {
	position: absolute;
	top: 55px;
    left: 0;
	padding: 0;
	overflow: hidden;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: -0.4px;
	}

#menu a {
    color: #4f4f4f;
	padding-right: 18px;
	font-family: LarsBohman;
	}

#menu a:hover { color: #7F1117; }

#menu .active, #menu .active:hover { color: #333; }

/*---------------------------------
	homepage
---------------------------------*/

#gallery-heading {
    float: left;
    width: 275px;
    height: 50px;
    margin-right: 25px;
    text-transform: uppercase;
    margin-bottom: 20px;
    }

#showroom-heading {
    float: left;
    width: 275px;
    height: 50px;
    text-transform: uppercase;
    margin-bottom: 20px;
    }

.gallery-head, .showroom-head {
    position: relative;
    font-weight: bold;
    cursor: pointer;
    top: 5px;
    }

.gallery-head { width: 160px; }

.showroom-head { width: 75px; }

#gallery-section, #showroom-section { position: absolute; }

#showroom-section { display: none; }

#slideshow-home {
    position: relative;
    clear: both;
    height: 650px;
    }

#slideshow-home img { margin-bottom: 20px; }

#bottom-home {
    position: relative;
    top: 40px;
    }

#news-section {
    float: left;
    width: 275px;
    margin-right: 25px;
    line-height: 21px;
    padding-bottom: 50px;
    }

#news-heading {
    float: left;
    width: 275px;
    text-transform: uppercase;
    margin-bottom: 25px;
    }

.home-news-obj {
    margin-bottom: 20px;
}

#video-section {
    float: left;
    width: 625px;
    padding-bottom: 50px;
    }

#video-heading {
    float: left;
    width: 625px;
    text-transform: uppercase;
    margin-bottom: 25px;
    }

.home-title, .exhib-title {
    font-size: 16px;
    color: #999;
    line-height: 29px;
    }

.home-subtitle, .home-news-subtitle, .exhib-subtitle {
    font-size: 13px;
    color: #666;
    line-height: 21px;
    }

.home-news-head, .home-video-head {
    font-weight: bold;
    color: #000;
    line-height: 24px;
    }

.home-news-title {
    font-weight: bold;
    font-size: 13px;
    color: #666;
    }


/*---------------------------------
	exhibitions
---------------------------------*/

#float-container {
    position: relative;
    clear: both;
    overflow: hidden;
    }

#bottom-container {
    position: relative;
    }

.exhibs-submenu {
    position: relative;
    top: 5px;
    }

.upcoming-obj, .past-obj {
    float: left;
    width: 200px;
    height: 225px;
    margin: 0 12px 38px 0;
    font-size: 13px;
    line-height: 20px;
    color: #666;
    }

.upcoming-obj a, .past-obj a {
    color: #666;
    font-size: 13px;
    line-height: 20px;
    }

.upcoming-obj img, .past-obj img {
    margin-bottom: 4px;
    }

.head {
    font: 18px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #000;
    height: auto;
    }

.leftcolumn-head, .rightcolumn-head {
    font: 12px/28px "Arial", Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    height: 45px;
    }

.showroom-obj a {
    font: 13px/19px "Arial", Helvetica, sans-serif;
    color: #666;
    }

.showroom-obj img {
    margin-bottom: 5px;
    }

.gallery-obj, .showroom-obj {
    margin-bottom: 20px;
    }

.exhibs-submenu a {
    color: #4f4f4f;
    text-transform: uppercase;
    }

.exhibs-submenu a:hover {
    color: #7F1117;
    }

.exhibs-submenu a.subactive {
    color: #000;
    font-weight: bold;
    }

.upcoming-past {
    top: 6px !important;
    }

#past-years {
    position: relative;
    top: 38px;
    }

.submenu-item {
    float: left;
    margin: 2px 7px 0 0;
    }

.submenu-item a {
    color: #4f4f4f;
    }

.submenu-item .active-submenu, .obj-menu .active, .obj-menu .active:hover {
    color: #000;
    font-weight: bold;
    }

.head-info {
    text-transform: uppercase;
    color: #7f1117;
    height: 53px;
    }

#head-info {
    text-transform: uppercase;
    color: #7f1117;
    height: 53px;
    }

.obj-menu {
    position: relative;
    top: 3px;
    text-transform: uppercase;
    }

.obj-menu a:hover, #leftcolumn-extra a:hover, .press-obj a:hover, .news-back a:hover, .past-exhibs-back a:hover {
    color: #7f1117;
    }

#content {
    width: 625px;
    }

#content-text {
    position: relative;
    top: 5px;
    width: 550px;
    font-size: 13px;
    color: #666;
    line-height: 21px;
    margin-bottom: 50px;
    }

#leftcolumn-extra {
    position: relative;
    top: 3px;
    text-transform: uppercase;
    color: #333;
    }

.video-active {
    display: block !important;
    }

#video {
    position: relative;
    width: 625px;
    height: 350px;
    }

#video-bottom {
    position: relative;
    clear: both;
    overflow: hidden;
    top: 10px;
    }

.video-obj {
    float: left;
    width: 200px;
    margin: 0 12px 20px 0;
    cursor: pointer;
    }

#video-title {
    font-size: 16px;
    color: #999;
    line-height: 26px;
    }

#video-subtitle {
    font-size: 13px;
    color: #666;
    line-height: 22px;
    padding-bottom: 22px;
    }

.press-obj {
    width: 500px;
    margin-bottom: 20px;
    font-size: 13px;
    color: #666;
    line-height: 21px;
    }

.press-obj a {
    color: #4f4f4f;
    font-size: 12px;
    text-transform: uppercase;
    }

#thumbs-container {
    position: relative;
    clear: both;
    overflow: hidden;
    }

.thumb-obj {
    float: left;
    width: 200px;
    height: 145px;
    margin: 0 10px 10px 0;
    cursor: pointer;
}

.thumb-obj img:hover {
    opacity: 0.5;
}

.past-exhibs-back {
    position: relative;
    font-size: 13px;
    text-transform: uppercase;
}

.assoc-artist {
    position: relative;
    margin: 3px 0 2px 0;
}

.assoc-artist a:hover {
    color: #7F1117;
}

/*---------------------------------
	artists
---------------------------------*/

.artists-obj {
    float: left;
    width: 150px;
    margin: 0 8px 17px 0;
    font-size: 13px;
    }

.artists-obj a {
    color: #666;
    }

.artists-obj a:hover {
    opacity: 0.5;
}

.exhib-obj {
    float: left:
    width: 200px;
    margin: 0 12px 50px 0;
    line-height: 20px;
    font-size: 13px;
    color: #666;
    }

.exhib-obj a, .pub-obj a {
    font-size: 13px;
    color: #666;
    }

.exhib-obj img {
    margin-bottom: 4px;
    }

.pub-obj {
    float: left;
    width: 140px;
    height: 235px;
    margin: 5px 14px 20px 0;
    line-height: 20px;
    font-size: 13px;
    color: #666;
    }

.pub-obj-cont {
    position: relative;
    width: 140px;
    height: 175px;
    line-height: 175px;
    margin-bottom: 5px;
}

.pub-obj-cont img {
    vertical-align: bottom;
}

.assoc_artists:hover {
    color: #7F1117;
}

.news-obj {
    float: left;
    margin-bottom: 75px;
    }

.news-thumb {
    float: left;
    width: 275px;
    margin-right: 28px;
    }

.artist-news-thumb {
    float: left;
    width: 225px;
    margin-right: 20px;
    }

.news-desc {
    float: left;
    width: 622px;
    font-size: 13px;
    color: #666;
    line-height: 21px;
    }

.artist-news-desc {
    float: Left;
    width: 380px;
    font-size: 13px;
    color: #666;
    line-height: 21px;
    }

.artists-list-col {
    float: left;
    width: 135px;
    margin: 0 20px 0 0;
    padding: 0;
    }


/*---------------------------------
	news
---------------------------------*/

.news-head {
    position: relative;
    float: right;
    width: 400px;
    margin: -10px 0 70px 0;
    font-size: 11px;
    text-align: right;
    }

.uppercase {
    text-transform: uppercase;
    }

.news-head img {
    position: relative;
    top: 8px;
    }

.news-obj img {
    position: relative;
    top: 5px;
    }

.news-title {
    font-size: 16px;
    color: #999;
    text-transform: uppercase;
    line-height: 26px;
    }

.news-subtitle {
    font-size: 13px;
    color: #666;
    text-transform: uppercase;
    line-height: 24px;
    }

.news-desc a, .artist-news-desc a {
    font-size: 13px;
    font-weight: bold;
    color: #666;
    }

#news-obj-thumb img {
    margin: 0 30px 20px 0;
    }

.news-text {
    font-size: 13px;
    color: #666;
    line-height: 24px;
    }

.news-back {
    position: relative;
    top: 5px;
    font-size: 13px;
    text-transform: uppercase;
    }

/*---------------------------------
	ltd editions
---------------------------------*/

#editions {
    position: relative;
    top: 5px;
    }

#editions img {
    margin-bottom: 20px;
    }

.editions-title {
    text-transform: uppercase;
    font-size: 16px;
    color: #999;
    line-height: 26px;
    }

.editions-text {
    position: relative;
    top: 22px;
    font-size: 13px;
    color: #666;
    line-height: 22px;
    padding-bottom: 50px;
    }

.editions-text a {
    font-weight: bold;
    color: #666;
    }

/*---------------------------------
	gallery
---------------------------------*/

.innerhr {
    float: left;
    width: 300px;
    margin: 0 25px -2px 0;
    }

.innerhr hr {
    position: relative;
    top: -2px;
    }

#gallery-content {
    clear: both;
    width: 625px;
    margin-bottom: 26px;
    }

.gallery-info {
    height: 78px;
    line-height: 24px;
    font-size: 13px;
    }

.gallery-text {
    font-size: 13px;
    line-height: 24px;
    color: #666;
    margin-bottom: 30px;
    }

.gallery-form {
    position: relative;
    top: 4px;
    }

.inpt_3 { float: left; width: 202px; overflow: hidden; margin: 0 10px 10px 0; line-height: 24px;}
.inpt_3 input {height: 18px; width: 98%; margin: 0; border: 1px solid #ccc; background: #fff; color: #666; font: 13px/20px "Arial", Helvetica, sans-serif; text-indent: 5px; }

.inpt_3_submit {position: relative; float: right; top: -33px; margin: 0; }

/*---------------------------------
	slideshow
---------------------------------*/

#slideshow {
    position: relative;
    clear: both;
    }

.slide-head {
    text-transform: uppercase;
    color: #333;
    height: 50px;
    line-height: 23px;
    }

#slideshow-nav {
    position: relative;
    top: 3px;
    width: 275px;
    text-transform: uppercase;
    }

.slideshow-pos {
    position: absolute;
    top: 0;
    left: 80px;
    letter-spacing: 1px;
    }

#slideshow-cur, #slideshow-max {
    font-weight: bold;
    }

.slideshow-nav-prev {
    cursor: pointer;
    }

.slideshow-nav-next {
    position: absolute;
    top: 0;
    right: 116px;
    cursor: pointer;
    }

.slideshow-nav-prev:hover, .slideshow-nav-next:hover {
    color: #7F1117;
    }

#slideshow-info {
    position: relative;
    top: 500px;
    width: 625px;
    height: 150px;
    font-size: 13px;
    color: #666;
    }


/*---------------------------------
	detailImage
---------------------------------*/

#detailImage {
	display: none;
	position: absolute;
	visibility: hidden;
	top: 185px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	}
#detailWrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 925px;
	height: 800px;
    z-index: 1;
	}
#detailDetail {
	position: absolute;
	top: 30px;
	left: 0;
	width: 900px;
	height: 795px;
	margin: 0;
	padding: 15px;
	background: #fff;
	}
#detailDetail img {
	margin: 0 auto;
	display: block;
	text-align: center;
	cursor: pointer;
	}
#detailNavigation {
	position: absolute;
	top: 0;
	left: 0;
	width: 935px;
	color: #000;
	}
#detailBack {position: absolute; top: 0; left: 15px; text-align: left; }
#detailPrev {position: absolute; top: 0; right: 90px; text-align: left; }
#detailNext {position: absolute; top: 0; right: 35px; text-align: right;}

.detail-caption {
	position: relative;
	top: 20px;
	width: 900px;
	height: 120px;
	}

#detail-back { display: none; text-transform: uppercase; height: 53px; cursor: pointer; }

/*---------------------------------
	form
---------------------------------*/

.inpt_1 span {
	text-transform: uppercase;
	letter-spacing: 1px;
    color: #666;
	}

.inpt_1 {
	width: 500px;
	overflow: hidden;
	margin: 0 0 5px 0;
	line-height: 24px;
	color: #000;
	padding: 3px;
	}

.inpt_1 input {
	height: 18px;
	width: 98%;
	margin: 0;
	border: 1px solid #b3b3b3;
	background: #f5f5f5;
	color: #000;
	padding: 3px;
	}

.inpt_2 {
	width: 200px;
	overflow: hidden;
	margin: 0 0 5px 0;
	line-height: 24px;
	color: #000;
	padding: 3px;
	}

.inpt_2 input {
	height: 18px;
	width: 98%;
	margin: 0;
	border: 1px solid #b3b3b3;
	background: #f5f5f5;
	color: #000;
	padding: 3px;
	}

.inpt_4 {
    float: left;
    width: 202px;
    overflow: hidden;
    margin: 0;
    }

.inpt_4 input {
    float: left;
    height: 18px;
    margin: 2px 5px 0 0;
    border: 1px solid #ccc;
    background: #fff;
    color: #666;
    }

.inpt_submit {
    clear: both;
    float: left;
    position: relative;
    top: 25px;
}

.warnings {position: relative; top: 0; width: 100px;}

/*---------------------------------
	eE Credit
---------------------------------*/

#credit {
    position: relative;
    top: 25px;
    height: 50px;
    right: 0;
	font: 9px Arial, Helvetica, Sans-serif;
	color: #000;
	text-align: right;
	}

#credit a {
	text-decoration: none;
	color: #000;
	}

#credit a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #333;
	}