body { 
	background-color: black;
	font-family: Arial, sans-serif;
	font-size: 12px }
	
#container {
	width: 80em;
	margin: 32px auto;
	background-color: #ffffff;
	border: 3px solid #71CBD3 }

#header {
	width: 100%;
	height: 225px;
	background: #ffffff url('img/bspoke-web-logo2.gif') no-repeat }

#logo {
	height: 18.75em;
	width: 33em;
	float: left }

#contact {
	height: 14.75em;
	width: 22em;
	float: right }

#bespokecom {
	display: none }

sup {font-size: 8px}
	
.none {font-size: 12px}

a {
	text-decoration: none;
	border: none;
	color: #32c0c3 }

a:hover {
	text-decoration: underline;
	outline: 0 }

p {padding-bottom:4px}

img.middle {
	vertical-align: middle }

img.inline {border:hidden; margin-bottom:-4px}

img.etc {border:hidden; margin-bottom: 14px}

.grey {
	color: #B0B7BB;
	font-weight: bold }

h1, h6 {
	margin: 0px;
	padding: 0px;
	font-size: 22px;}

h2 {
	font-size: 18px;}
	
h3 {
	margin-left: 10px;
	margin-bottom: 0px;
	font-size: 16px; }
	
ul li a {
	font-size: 110%; }

.biophoto {
	float: right;
	margin-left: 6px;
	margin-bottom: 6px }
	
.bio {
	border: 3px solid #32c0c3 }
	
.caption {
	margin-top: 4px;
	font-size: 10px }

.comment {
	font-size: 12px }

.spacer {
	height: 100px }

.partner {
	float: right;
	border: 3px solid #32c0c3;
	margin: 0px 0px 12px 12px }
	
.abc {
	font-size: 22px;
	display: inline }
	
#body {
	color: #343355;
	margin-top: -20px;
	width: 48em;
	font-size: 16px;
	padding-left: 110px;
	padding-bottom: 24px; }
	
#body p {
	padding-left: 0px; }

#doorways {
	width: 100%;
	height: 250px;
	background-color: #ffffff; }
	
#follow {
	float: right;
	padding: 0px 37px 0px 0px;
	margin-bottom: 40px;
	margin-top: 10px;
	text-align: right; }
	
#followus {
	font-size: 16px;
	float: left;
	margin: 0 0;
	padding: 4px 6px 0px 0px; }
	
#followicons {
	margin: 0 0;
	padding: 0 0;
	float: left; }
	
#followicons>img {
	padding: 0px 2px; }
	
#news {
	float: right;
	border: 2px solid #32c0c3;
	padding: 0px 14px 0px 6px;
	width: 166px;
	height: 170px;
	margin-right: 36px; }
	
#news h3 {
	padding-top: 10px;
	margin-top: 10px; }
	
#news p {
	margin-left: 10px; }

#all-media {
	width: 246px;
	height: 250px;
	float: left }

#sustainable {
	width: 235px;
	height: 250px;
	float: left }

#responsible {
	width: 253px;
	height: 250px;
	float: left }

#etc {
	width: 225px;
	height: 76px;
	float: left }
	
#footnote {
	font-size: 80%;
	padding-top: 4px;
	border-top: 1px solid #b0b7bb }

#footer {
	clear: both;
	height: 20px;
	width: 760px;
	margin-left: 200px;
	background-color: #000000 }

#footer a {
	color: #32c0c3 }

#footer .copyright {
	margin-right: 30px;
	font-size: 10px;
	padding: 4px;
	float: right;
	color: #32c0c3 }

#footer .navigation {
	float: left;
	margin-left: 60px;
	font-size: 10px;
	padding: 4px;
	color: #32c0c3 }
	
/* PAGES */

#navigation {
	float: left;
	margin-top: 10px;
	width: 188px;}

	#mainnav {
		border: 2px solid #32C0C3;
		color: #343355;
		padding-left: 12px;
		padding-right: 16px;
		padding-bottom: 8px;
		margin-bottom: 10px;
		margin-left: -2px;
		background-color: #B0B7BB }
		
	#mainnav img {
		margin-bottom: 18px; }

	#mainnav p {
		font-size: 20px;
		margin-bottom: 4px }

#pointer .amr, .stl, .rcc {
	float: left;
	margin-top: 0px;
	color: #B0B7BB;
	font-size: 40px;
	margin-left: 12px;
	width: 10px; }

#pointer .amr {
	padding-top: 34px; }

#pointer .stl {
	padding-top: 120px; }

#pointer .rcc {
	padding-top: 218px; }

#title {
	margin-top: -30px;
	margin-left: 225px;
	margin-bottom: 4px;}

#content {
	font-size: 120%;
	margin-left: 225px;
	padding-top: 0px;
	padding-right: 90px;
	color: #343355 }
	
#content h1, h2 {
	text-align: right }
	
#content h1 {
	margin-top: 8px;
	margin-bottom: 4px }
	
#content h2 {
	margin-bottom: 2px;
	color: #32c0c3 }
	
#content .h1-1, .h2-1 {
	width: full;
	text-align: right }
	
#content .h1-1 {
	color: #B0B7BB }
	
#content .h2-1 a:hover, .h2-1 a {
	font-size: 22px;
	color: #343355;
	font-weight: bold }
	
#content ul h1 {
	margin: 0px;
	text-align: left }

#content ul, #news ul {
	list-style-image: url(img/arrow-aqua.gif);
	list-style-type: circle;
	padding: 0px;
	margin-left: 20px; }
	
#news ul {
	margin-left: 30px; }
	
#news li {
	margin-bottom: 8px; }
	
#content p {margin-top:0px;}
	
#content ul .checked {
	list-style-image: url(img/arrow-checked.gif);
	list-style-type: circle;
	margin-left: 18px;}
	
#content .full ul {
	margin-left: 0px }
	
#content h2, #content h3, #content h4, #content h5 {
	margin-top: 2px;
	margin-bottom: 0px;
	width: full;
	text-align: right;}
	
#content h2.h1-1 {
	margin-top: 10px; }
	
#content ul p {
	margin-top: 8px }

#content ul li.plain {
	list-style-image: none;
	list-style-type: none }

#etcfooter {
	width: 100%;
	text-align: right;
	float: left }
	
#slideshow {
	width: 250px;
	height: 117px;
	border: 2px solid #32c0c3;
	float: right;
	margin-left: 10px;
	margin-bottom: 14px;
	font-size:200px }
*>slideshow{
	font-size:12px
}
	
#quote {
	font-style: italic;
	font-size: 13px;
	width: 17.4em;
	border: 2px solid #32c0c3;
	padding-left: 12px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	background-color: #343355;
	color: #ffffff;
	margin-left: 14px;
	margin-bottom: 14px;
	float: right;
	clear: right }
	
#quote p {
	padding-bottom: 0px;}
	
#screenshot {
	text-decoration: none;	
	border: 2px solid #343355;
	width: auto;
	margin-left: 12px;
	margin-bottom: 12px;
	float: right;
	clear: right }
	
#screenshot img, #screenshot a {
	text-decoration: none;
	border: none }

/* DROP DOWN MENU */

#subnav {
	font-size: 14px;
	color: #32c0c3;}

#subnav img {
	padding-bottom: 4px }
	
#subnav ul {
	margin-left: 14px;
	margin-top: 2px;
	padding: 0px; }

#dropdownmenu ul {
	list-style-type: none;
	font-size: 14px;
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 0px }

#subnav .active {
	text-decoration: none;
	color: #343355 }

#dropdownmenu li {
	clear: left;
	list-style-type: none }
		
#dropdownmenu li a {
	color: #32c0c3 }

#dropdownmenu li a:hover {
	background: #FFF }

#dropdownmenu div {
	font-weight: bold;
	font-size: 12px;
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	margin-left: 40px;
	background: #b0b7bb;
	border: 1px solid #343355 }

#dropdownmenu div a {	
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #b0b7bb;
	color: #343355 }

#dropdownmenu div a:hover {	
	text-decoration: underline;
	background: #FFF;
	color: #343355 }