/* ========================= */
/*          Default          */
/* ========================= */

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #666;
}

body, div, a {
	font-family: "Lucida Sans Unicode", sans-serif;
	color: #666;
	font-size: 12px;
	line-height: 18px;
}

form {
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;
}

.clear {
	clear: both;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}



/* ========================= */
/*           About           */
/* ========================= */

#about {
	margin-left: 18px;
	text-align: left;
}



/* ========================= */
/*          Artists          */
/* ========================= */

#artists {
	margin-left: 18px;
}

#artists img {
	float: left;
	width: 130px;
	height: 147px;
	margin: 0px 10px 7px 10px
}

#artists .artist_01 { background: url('../media/images/artist/artist_tab_01.gif') no-repeat; }
#artists .artist_02 { background: url('../media/images/artist/artist_tab_02.gif') no-repeat; }
#artists .artist_03 { background: url('../media/images/artist/artist_tab_03.gif') no-repeat; }
#artists .artist_04 { background: url('../media/images/artist/artist_tab_04.gif') no-repeat; }
#artists .artist_05 { background: url('../media/images/artist/artist_tab_05.gif') no-repeat; }
#artists .artist_06 { background: url('../media/images/artist/artist_tab_06.gif') no-repeat; }
#artists .artist_07 { background: url('../media/images/artist/artist_tab_07.gif') no-repeat; }
#artists .artist_08 { background: url('../media/images/artist/artist_tab_08.gif') no-repeat; }
#artists .artist_09 { background: url('../media/images/artist/artist_tab_09.gif') no-repeat; }
#artists .artist_10 { background: url('../media/images/artist/artist_tab_10.gif') no-repeat; }
#artists .artist_11 { background: url('../media/images/artist/artist_tab_11.gif') no-repeat; }
#artists .artist_12 { background: url('../media/images/artist/artist_tab_12.gif') no-repeat; }

#artist {
	margin-left: 36px;
	margin-right: 18px;
	margin-top: 18px;
	text-align: left;
}



/* ========================= */
/*            Body           */
/* ========================= */

#body {
	background: url('../media/images/canvas_pattern.gif') top;
	clear: both;
	overflow: hidden;
}

#body .stitching_left {
	margin-left: auto;
	margin-right: auto;
	margin-top: 1px;
	margin-bottom: 1px;
	width: 996px;
	background: url('../media/images/shell_stitching_left.gif') left repeat-y;
}

#body .stitching_right {
	margin-left: auto;
	margin-right: auto;
	width: 996px;
	background: url('../media/images/shell_stitching_right.gif') right repeat-y;
}

#body .highlight {
	background: url('../media/images/header_highlight.gif') top repeat-x;
}

#body .top {
	clear: both;
	width: 880px;
	height: 20px;
	margin-left: 74px !Important;
	margin-left: 32px;
	background: url('../media/images/shell_top_background.gif') no-repeat;
}

#body .container {
	margin-left: 32px;
	background: url('../media/images/shell_body_background.gif') top repeat-y;
}

#body .content {
	float: left;
	width: 860px;
	margin-left: 52px;
	background: url('../media/images/shell_bottom_gradient.gif') bottom no-repeat;
}

#body .content_end {
	clear: both;
	height: 44px;
}

#body .content_clear {
	clear: both;
	height: 0px;
	font-size: 0px;
}

#body .bottom {
	width: 880px;
	height: 10px;
	font-size: 0px;
	margin-left: 74px !Important;
	margin-left: 32px;
	margin-top: 0px !Important;
	margin-top: -2px;
	background: url('../media/images/shell_bottom_background.gif') bottom no-repeat;
}

#body .tag {
	position: absolute;
	margin-left: 956px;
	margin-top: -142px;
	width: 44px;
	height: 88px;
	background: url('../media/images/shell_tag.gif') bottom right no-repeat;
}



/* ========================= */
/*          Contact          */
/* ========================= */

#contact {
	margin-left: 18px;
	text-align: left;
}



/* ========================= */
/*           Footer          */
/* ========================= */

#footer {
	height: 38px;
	background-color: #999;
}

#footer .container {
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	padding: 12px 0px 12px 0px;
}

#footer .container .left {
	float: left;
}

#footer .container .right {
	float: right;
}

#footer .container .clear {
	clear: both !Important;
	display: block !Important;
	display: none;
}



/* ========================= */
/*       Header + Nav        */
/* ========================= */

#top {
	background-color: #666;
	height: 8px;
	line-height: 8px;
	font-size: 1px;
}

#header {
	width: 830px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 8px
}

#header .logo {
	float: left;
	margin-right: 60px;
}

#nav_header img {
	float: left;
	margin-left: 30px;
	margin-top: 34px;
}

#nav_footer {
	width: 473px;
	height: 18px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 16px !Important;
	padding-top: 8px;
	padding-bottom: 12px;
}

#nav_footer img {
	float: left;
	margin-left: 15px;
	margin-right: 15px;
}

.external {
	width: 12px;
	height: 12px;
	background: url('../media/images/icon_external.gif');
	position: relative;
	top: 2px;
	left: 2px;
}



/* ========================= */
/*         Highslide         */
/* ========================= */

.highslide {
	cursor: url(/js/graphics/zoomin.cur), pointer;
    outline: none;
}

.highslide img {
}

.highslide:hover img {
}

.highslide-image {
}

.highslide-image-blur {
}

.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}

.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(/js/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}

a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-display-block {
    display: block;
}

.highslide-display-none {
    display: none;
}

.control {
	float: right;
    display: block;
    position: relative;
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
    margin-top: 1px;
    margin-bottom: 1px;
}

.control:hover {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-top: 0;
    margin-bottom: 0;
}

.control, .control * {
	color: #666;
}



/* ========================= */
/*            Main           */
/* ========================= */

#main {
	float: left;
	width: 636px !Important;
	width: 638px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	border: 0px;
}


/* ========================= */
/*           News            */
/* ========================= */

#news {
	margin-left: 18px;
	text-align: left;
}

#news .title {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #F70;
}

#news a {
	font-weight: bold;
	color: #333;
}

#news a:hover {
	color: #999;
}

#news .subtitle {
	font-size: 11px;
	color: #888;
	padding-left: 6px;
}



/* ========================= */
/*         Newsletter        */
/* ========================= */

#newsletter {
	float: left;
	position: relative;
	top: -8px;
	background-color: #eee;
	width: 630px !Important;
	width: 632px;
	height: 53px;
	border-bottom: 2px solid #ddd;
}

#newsletter_right {
	float: left;
	position: relative;
	top: -8px;
	width: 6px;
	height: 53px;
	background: transparent url('../media/images/newsletter_right.gif') right no-repeat;
	border-bottom: 2px solid #ddd;
}

#newsletter img {
	float: left;
	margin-left: 12px;
	margin-top: 12px;
}

#newsletter div {
	float: left;
	width: 346px;
	text-align: left;
	color: #444;
	line-height: 14px;
	margin-left: 12px;
	margin-right: 6px;
	margin-top: 12px;
}

#newsletter input {
	float: left;
	width: 130px;
	height: 18px;
	border: 1px solid #ccc;
	margin-top: 18px;
	font-size: 11px;
	padding-left: 4px;
	padding-right: 4px;
}

#newsletter button {
	float: left;
	background: transparent url('../media/images/newsletter_join.gif');
	width: 35px;
	height: 12px;
	padding: 12px 0px 0px 0px;
	border: 0px;
	margin-top: 20px;
	margin-left: 8px;
}



/* ========================= */
/*           Press           */
/* ========================= */

#press {
	text-align: left;
}

#press .container {
	float: left;
	margin-left: 26px;
}

#press .title {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #F70;
}

#press .subtitle {
	text-align: right;
	font-size: 12px;
	color: #666;
}



/* ========================= */
/*         Products          */
/* ========================= */

#products {
	margin-left: 14px;
	text-align: left;
}

#products .title,
#products .title a {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #F70;
}

#products .title a:hover {
	color: #F93;
}

#products .items {
	float: left;
	text-align: left;
	margin-right: 10px;
}

#products .items .sm {
	border: 3px solid #DDD;
}

#products .items .dark_grey {
	color: #333;
}

#products .items .light_grey {
	color: #999;
}



/* ========================= */
/*           Shop            */
/* ========================= */

#shop {
	margin-left: 18px;
	text-align: left;
}

#shop .title {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #F70;
}



/* ========================= */
/*          Sidebar          */
/* ========================= */

#sidebar {
	position: relative;
	top: -8px;
	width: 220px;
	border-right: 2px solid #ddd;
	padding-top: 8px;
	float: left;
	text-align: left;
}

#sidebar .clear {
	clear: both;
	height: 8px;
}

#sidebar .body {
	width: 198px !Important;
	width: 210px;
	float: right;
	margin-bottom: 10px;
	padding-right: 14px;
	padding-top: 8px;
	padding-bottom: 6px;
	border-bottom: 2px solid #ddd;
	line-height: 16px;
}

#sidebar .body .more {
	float: right;
	margin-top: 8px;
}

#sidebar .body .news {
	position: relative;
	left: 0px !Important;
	left: 6px;
	background-color: #efefef;
	width: 190px !Important;
	width: 200px;
	height: 270px;
	overflow: auto;
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
}

#sidebar .body .news .title,
#sidebar .body .title {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #F70;
}

#sidebar .body .news a {
	font-weight: bold;
	color: #333;
}

#sidebar .body .news a:hover {
	color: #999;
}

#sidebar .body .news .subtitle {
	font-size: 11px;
	color: #888;
	padding-left: 6px;
}



/* ========================= */
/*           Titles          */
/* ========================= */

#title {
	clear: both;
	text-align: left;
	margin: 0px;
	padding: 0px;
	padding-bottom: 8px;
}

#title div {
	height: 38px;
}

#title .featured {
	float: left;
}

#title .about { width: 102px; background: url('../media/images/title_about.gif') no-repeat; }
#title .artists { width: 100px; background: url('../media/images/artist/title_artists.gif') no-repeat; }
#title .artist_josh_cochran { width: 249px; background: url('../media/images/artist/title_artist_josh_cochran.gif') no-repeat; }
#title .artist_lela_lee { width: 191px; background: url('../media/images/artist/title_artist_lela_lee.gif') no-repeat; }
#title .artist_mark_allen_miller { width: 283px; background: url('../media/images/artist/title_artist_mark_allen_miller.gif') no-repeat; }
#title .artist_nanospore { width: 220px; background: url('../media/images/artist/title_artist_nanospore.gif') no-repeat; }
#title .artist_ronald_kurniawan { width: 295px; background: url('../media/images/artist/title_artist_ronald_kurniawan.gif') no-repeat; }
#title .artist_series_1 { width: 182px; background: url('../media/images/product/title_artist_series_1.gif') no-repeat; }
#title .contact { width: 124px; background: url('../media/images/title_contact.gif') no-repeat; }
#title .news { width: 163px; background: url('../media/images/title_news.gif') no-repeat; }
#title .press { width: 90px; background: url('../media/images/press/title_press.gif') no-repeat; }
#title .products { width: 128px; background: url('../media/images/product/title_products.gif') no-repeat; }
#title .shop { width: 89px; background: url('../media/images/title_shop.gif') no-repeat; }

#subtitle div {
	margin-left: 18px;
	width: 600px;
	height: 60px;
}

#subtitle .artist_josh_cochran { background: url('../media/images/artist/header_josh_cochran.jpg') no-repeat; }
#subtitle .artist_lela_lee { background: url('../media/images/artist/header_lela_lee.jpg') no-repeat; }
#subtitle .artist_mark_allen_miller { background: url('../media/images/artist/header_mark_allen_miller.jpg') no-repeat; }
#subtitle .artist_nanospore { background: url('../media/images/artist/header_nanospore.jpg') no-repeat; }
#subtitle .artist_ronald_kurniawan { background: url('../media/images/artist/header_ronald_kurniawan.jpg') no-repeat; }

.subtitle div {
	margin-left: -18px;
	width: 400px;
	height: 30px;
}

.subtitle .josh_cochran { background: url('../media/images/product/header_josh_cochran.gif') no-repeat; }
.subtitle .mark_allen_miller { background: url('../media/images/product/header_mark_allen_miller.gif') no-repeat; }

#title .featuring {
	float: left;
	margin-left: 18px;
}

#featured_img img {
	clear: both;
	border: 6px solid #ddd;
	margin-bottom: 8px;
}

#featured_container {
	margin-left: 14px;
}

.featured_items {
	float: left;
	text-align: left;
	margin-right: 10px;
}

.featured_items .sm {
	border: 3px solid #DDD;
}

.featured_items .dark_grey {
	color: #333;
}

.featured_items .light_grey {
	color: #999;
}