
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{font-size:small;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:400;}
q:before,q:after{content:'';}
a:focus {outline: none;}
ol,ul,li {list-style:none;}
select,input,textarea{font:99% arial,helvetica ,sans-serif;}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}
caption,th{text-align:left;}
pre,code{ font:115% monospace; font-size:100%;}
abbr, fieldset, acronym { border:0px}





/* Base styles */
body {
	font:77%/1.3em , Helvetica, Arial, sans-serif;
	text-align: center;
	background-color: #252724;
}
#body {
	width:967px;
	height:530px;
	text-align: left;
	margin: 0 auto;
	color: #222;
	padding: 15px;
	border: 1px solid #444;
}
/* base body styles */
#body div {
	width:968px;
	height: 528px;
	padding: 0;
	position: absolute;
	overflow: visible;
	background: url(../graphics/body-bg.jpg) center no-repeat;
	overflow: hidden;
}
#body div div {
	background-image: none;
	position: static;
	overflow: visible;
	
}
#body div h2 {
	font:100 110%/2em Arial, sans-serif;
	text-transform: uppercase;
	color: #444;
	margin: 20px 0 0 25px;
	letter-spacing: .06em;
	clear: both;
	padding-top: .5em;
}
#body div h2 span {
	margin-left: .6em;
	padding-bottom: .5em;
	color: #999;
	border-left: 1px solid #999;
	padding-left: .9em;
	padding-top: .5em;

}

/* header (menu + logo) */
#header {
	text-align: left;
	margin: 60px auto 15px auto;
	padding: 0;
	color: #FFF;
	width:997px;
	height: 20px;
}
#header h1 {
	position: absolute;
	margin-left: 15px;
	background: url(../graphics/text_tobypomeroy.gif) no-repeat;
	width:170px;
	height:23px;
}
#header h1 span{
	display: none;
}
#header ul {
	display: inline;
	float: right;
	width:800px;
	font:100 125%/1em "Helvetica Neue", "Helvetica Neue", Verdana, sans-serif !important;
	letter-spacing: .06em;

}
#header ul li {
	float: right;
	padding: 0 .7em 0 0 !important;
	margin: 0 .7em 0 0;
	text-transform: uppercase;
	display: inline;
	bottom: 0px;
}
#header ul li a {
	font-size: .6em;
	text-decoration: none;
	color: #999;
}
#header ul li a:hover {
	color: #B88B2E;
}
#header ul li+li {
	border-right: 1px solid #444;
}






/* footer  */
#footer {
	position: absolute;
	background-color: transparent;
	bottom: 7px;
	width:920px;
	left: 50%;
	margin-left: -460px;
	border-top: 1px solid #CCC;
	display: block;
	height:30px;
	color: #555;
	font:300 100%/1em Georgia, "Times New Roman", serif;
	letter-spacing: .03em;
}
#designer {
	display: none;
}
#footer  li {
	margin-top: 5px;
	
}
#footer li{
	float: left;
}
#footer li.right {
	float: right;
}
#footer li a {
	text-decoration: none;
	color: #444;
}



/* copyright */
#copyright {
	text-align: right;
	margin: 0px auto 0px auto;
	display: block;
	width:999px;
	height: 2.7em;
	background: #252724 url(../graphics/copyright-bg.gif) center bottom repeat-x;
	font:100 .8em/1.5em Georgia, "Times New Roman", serif;
	
	color: #777;
}
#copyright li {
	float: right;
	margin: .5em 1em 0 0;
}
#copyright li a {
	text-decoration: none;
	padding-right:.5em;
	color: #777;
}
#copyright li.left a {
	border-right: 1px solid #555;
	padding-right: .7em;
	margin-right: .5em;
}
#copyright li a:hover {
	color: #B88B2E;
}
#copyright .left {
	margin: .5em 0 0 1em;
	float: left;
}





/* Individual Page Styles */

/* main page */
#main #flash {
	display: inline;
	width:627px;
	height:423px;
	background-color: #ddd;
	margin: 0px 0 0 40px;
	float: left;
}
#main blockquote{
	font:100 105%/1.4em Georgia, "Times New Roman", serif;
	color: #777;
	float: right;
	width:250px;
	margin-top: 100px;
	padding-right: 40px;
	
}
#main blockquote p {
	margin-bottom: 1em;
	float: right;
}
#main blockquote cite:before {
	content: "- ";
}
/* about toby  */

#about div {
	font:100 90%/1.7em Georgia, "Times New Roman", serif;
	color: #343632;
	float: right;
	width:470px;
	margin-top: 62px;
	position: static;
	height: 0;
	margin-left: 0;
}
#about div p {
	margin-bottom: 1em;
	margin-right: 120px;
}
#about div#flash {
	display: inline;
	width:302px;
	height:382px;
	background-color: #ddd;
	margin: 20px 0 0 140px;
	float: left;
}
/* Eco-Gold */
#eco-gold div {
	font:100 90%/1.7em Georgia, "Times New Roman", serif;
	color: #343632;
	float: right;
	display: inline;
	width:400px;
	margin: 105px 50px 0 0;
	position: static;
	height: 0;
}
#eco-gold p {
	margin-bottom: 1em;	
	display: inline;
}
#eco-gold p a {
	color: #B88B2E;
	text-decoration: none;
}
#eco-gold .link {
	border-top: 1px solid #999;
	padding-top: 1.5em;
	display: block;
	margin-top: 1.5em;
}
#eco-gold img {
	margin: 30px 0 0 50px;
	float: left;
	display: inline;
}

/* Inquiry */
#inquiry div{
	font:100 90%/1.7em Georgia, "Times New Roman", Times, serif;
	color: #343632;
	margin:140px 0 0 80px;
	width:500px;
	position: static;
	height: 0;
}
#inquiry h3 {
	font:900 100%/1.4em Georgia, "Times New Roman", Times, serif;
}
#inquiry dt {
	float: left;
	clear: left;
	display: block;
}
#inquiry dd {
	margin-bottom: 1em;
}
#inquiry p {
	border-top: 1px solid #999;
	margin-top: 4em;
	padding-top: 1.5em;
}
.email {
	clear: both;
	color: #B88B2E;
}
/* Press */
div#press, div#gallery {	
	overflow: auto;
	background:transparent url() !important;
	position: relative;
	z-index: 1;
	font:100 100%/1.2em Georgia, "Times New Roman", Times, serif;
	color: #343632;
	border: 0px;
	background-image: none;
	
}
#presslist {
	position: relative;
	
}
div#shadows {
	z-index: 5;
	position: absolute;
	overflow: visible;
	height: 1px;

}
span#top {
	display: block;
	height: 30px;
	width:968px;
	background: transparent url(../graphics/top-bg.png) top left no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;	
}
span#left {
	background: transparent url(../graphics/left-bg.png) top left no-repeat;
	position: absolute;
	display: block;
	width:30px;
	height: 484px;
	top: 30px;
}
span#right {
	background: transparent url(../graphics/right-bg.png) top right no-repeat;
	position: absolute;
	display: block;
	width:30px;
	height: 484px;
	top: 30px;
	right: 0px;
}
div#press-bg, div#gallery-bg {
	background: #fff !important;
	margin: 0 auto;
	z-index: 1;
	height: 515px;
	position: absolute;
}
div#press-bg span, div#gallery-bg h2 span {
	color: #999;
	border-right: 0px;
	border-left: 1px solid #999;
	padding-left: 1em;
	margin-left: .5em;
}

#presslist {
	display: block;
	height:410px;	
	width:9160px !important;
	width:9320px;
	/* becuase of the unconventional layout for each added cover the width needs to be adjusted */
	/* there is a -160px different for non ie which is targeted on the !important width value */
	
	background-color: transparent;
	margin-top: 70px;
	margin-left: 40px;
}
#presslist li {
	float: left;
	width:500px;
	margin-right: 5px;
	position: relative;
}

#press ul li a {
	border: 0px;
}
#press ul li p {
	margin-left: 20px;
	float: left;
	width:500px;
	display: inline;
	font-size: .9em;
	color: #343632;
	
}
#press ul li span {
	position: absolute;
	right: 20px;
	padding-right: 20px;
	font-size: .8em;
	background: url(../graphics/graphic_open_box.gif) right center no-repeat;
	
	
}
#press ul li img {
	border: 0px;
	outline: none;
	display: block;
	width:500px;
	height:350px;
}
#press #footer, #gallery #footer {
	top: 470px;
}

div span#scroll {
	position: absolute;
	right: 30px;
	top: 30px;
	border: 0px;
	color: #999;
}
span#scroll:after {
	content: "scroll right to view more \203A \203A";
}
/* Gallery */

#gallery-list {
	display: block;
	height:410px;	
	width:3400px !important;
	width:3700px;
	background-color: transparent;
	margin-top: 70px;
	margin-left: 70px;
	font:100 90%/1.1em Georgia, "Times New Roman", Times, serif;
	position: relative;
	z-index: 3;
}
#gallery-list li {
	float: left;
	display: block;
	width:200px;
	margin-right: 40px;
	height: 380px;
	display: inline;
	position: relative;
	z-index: 3;
	bottom: 0px;
	font-size: .85em;
	
}

#gallery-list li img {
	position: absolute;
	text-align: center;
	bottom: 85px;
}
#gallery-list li a {
	position: absolute;
	bottom: 4px;
	display: block;
	width:69px;
	height:23px;
	background: url(../graphics/button_select.gif) center no-repeat;
	border: 0px;
	z-index: 3;
	

}
#gallery-list li a span {
	display: none;
}
#gallery-list li h3 {
	text-align: left;
	border-top: 1px solid #666;
	position: absolute;
	top: 300px;
	width:200px;
	padding-top: .2em;
	z-index: 3;
	margin-top: .5em;
	font-weight: bold;
}
#gallery-list li p {
	position: absolute;
	margin-top: 320px;
	color: #222;
}



/* Log in */
#login form div{
	width:0;
	height:0;
}
#login p, #login span, #login form {
	display: block;
	width:600px;
	
	margin: 0 auto;
}
#login p {
	margin-top: 90px;
	font:100 320%/1em Georgia, serif;
	color: #333;
	border-bottom: 1px solid #999;
	padding-bottom: .3em;
}
#login span {
	font:100 120%/1.2em Georgia, serif;
	color: #FF0000;
	padding: .3em 0;
}
#login form {
}
#login form dl {
	color: #333;
	
	
}
#login form dt {
	margin-top: 20px;
	font:100 110%/1.3em Georgia, Georgia, "Times New Roman", serif;
}

#login form dd input {
	font:100 130%/1.5em Helvetica, Tahoma, sans-serif;
	color: #FFF;
	width:400px;
	padding: .2em;
	background-color: #333;
	border: 1px solid #333;
	letter-spacing: .04em;
}

#login form div{
	width:0;
	height:0;
	margin-top: 10px;
}
#login form div input {
	width:75px;

}
/* Retailers */
#retail {
	border: 0px;
	background: #fff url(../graphics/retail-bg.jpg) !important;
}
#retail div {
	margin: 20px 0 0 60px;
	padding-top: 5px;
	width:70em;
	font:100 89%/1.2em Georgia, "Times New Roman", serif;
	background-color: transparent;
	display: block !important;
	display: inline;
}
#retail div a {
	color: #B88B2E;

	text-decoration: none;
}
#retail div ul {
	border: 0px;
	width:15em;
	float: left;
	padding:0 5px 0 15px;
	margin-top: 25px;
	font-size: .9em;
	border-right: 1px solid #999;
}
#retail div ul li {
	height:8em;

}
#retail div li address {
	display: block;
	letter-spacing: .07em;
	color: #555;
}
#retail div address strong {
	font-weight: bold;
}
#retail p {
	clear: both;
	padding-top: 2em;
}
a#back {
	margin: 20px 0 0 25px;
	color: #777;
	font-size: .8em;
	text-decoration: none;
	position: absolute;
	right: 30px;
	top: 0;
	padding-left: 15px;
	padding-top: .1em;
	text-transform: uppercase;
	background:#FFF url(../graphics/back.gif) no-repeat center left;
}
div#amer-list, div#world-list {
	margin-top: 70px;
	width:460px;
	height:24em;
	overflow: visible;
	float: left;
	
}
div#amer-list {
	border-right: 1px solid #999;
	margin-left: 120px !important;
	margin-left: 60px;
	
}
div#world-list {
	width: 200px;
}
div#amer-list ul, div#world-list ul {
	display: block;
	border-right: 0px;
	font:100 95%/1.2em Georgia, "Times New Roman", serif;
	margin: 0;
	padding: 0;
	float: left;
	width:10em;

}
#amer-list p, #world-list p {
	display: block;
}
#amer-list h3, #world-list h3 {
	margin-top: 0px;
	font:100 100%/2em "Helvetica Neue", Arial, sans-serif;
	color: #999;
	text-transform: uppercase;
	letter-spacing: .1em;
}
#world-list, amer-list {
	float: left;
	
}
#world-list {
	background-color: #ddd;
}
#retail div#amer-list li, #retail div#world-list li {
	height:1.5em;
	position: relative;	
}
#amer-list li a, #world-list li a {
  	text-decoration: none;
  	color: #444;
font-size: .9em;
}
#amer-list li a:hover {
color: #B88B2E;
}
