/* GENERAL FORMATTING */

body,td,th {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 19px;
	text-align: left;
	color: #555555;
}
body {
	margin: 0 0 0 0;
	background: url(../images/floral-pattern3.png) top repeat;
	background-color: #FFFFFF;
}
#body {
	margin: 0 0 0 0;
	padding: 3px 0 0 0;
	float: left; 
	position:relative;
}
#body2 {
	margin: 0 0 0 0;
	padding: 3px 0 0 0;
	float: left; 
	position:relative;
	height: 430px;
}
a {
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	font-weight: none;
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: #99CC00;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
#container {
	margin: 0 auto 0 auto;
    padding:0 0 0 0;
	width: 850px;
	position: relative;
	background-color: #FFFFFF;
}
#container2 {
    padding:0 10px 0 10px;
	width: 830px;
	background-color: #FFFFFF;
	float: left;
	border-left: 1px dashed #BBBBBB;
	border-bottom: 1px dashed #BBBBBB;
	border-right: 1px dashed #BBBBBB;
}

/* HEADER & FOOTER */

#headcontainer {
	background-color: #99CC00;
    padding:10px 0 10px 0;
	float: left;
}
#pageheader {
	width: 830px;
	float: left; 
	background-color: #DDDDDD;
	border-top: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
}
#intro {
	width: 580px;
	float: left;
	background: #DDDDDD;
}
#intro h1 {
	font-weight: 700;
	color: #7eb10b;
	font-size: 22px;
	line-height: 26px;
	padding: 20px 35px 0 35px;
	margin: 0 0 0 0;
	text-transform: uppercase;
}
#intro h2 {
	font-size: 20px;
	color: #666666;
	font-weight: 100;
	line-height: 27px;
	padding: 0 35px 15px 35px;
	margin: 0 0 0 0;
}
#intro h3 {
	font-weight: 700;
	color: #99CC00;
	font-size: 42px;
	line-height: 42px;
	padding: 10px 35px 0 35px;
	margin: 0 0 0 0;
	text-transform: uppercase;
}
#headernav {
	width: 249px;
	float: left;
}
#headernav ul {
	padding: 0 15px 0 0;
	margin: 0 0 0 0;
	list-style-type: none;
}
#headernav ul li a {
	padding: 11px 10px 7px 20px;
}
#headernav a {
	font-weight: 700;
	color: #FFFFFF;
	font-size: 17px;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	width: 219px;
	background-color: #B7B7B7;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
#headernav a:hover {
	background-color: #99CC00;
}
#headernav #current a {
	background-color: #DDDDDD;
	border-left: 1px solid #DDDDDD;
}
#footer {
	width: 770px;
	float: left; 
	background-color: #FFFFFF;
	border-top: 1px solid #CCCCCC;
	border-bottom: 10px solid #99CC00;
	padding: 15px 30px 15px 30px;
	margin: 3px 0 0 0;
}
#footer p{
	margin: 0 0 0 0;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
}
#footer a{
	font-weight: 700;
	text-transform: uppercase; 
}

/* HOME PAGE */

#hero-construction {
	background-color: #FFFFFF;
	width: 575px;
	min-height: 369px;
	float: left; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-top: 3px solid #CCCCCC;
	border-right: 3px solid #CCCCCC;
	border-bottom: 3px solid #CCCCCC;
	border-left: 3px solid #CCCCCC;
}
#hero-construction h1 {
	font-weight: 700;
	color: #99CC00;
	font-size: 48px;
	line-height: 55px;
	margin: 0 0 0 0;
	padding: 20px 0 0 30px;
}
#hero {
	background: url(../images/propa-taste3.jpg);
	background-repeat: no-repeat;
	background-color: #666666;
	width: 581px;
	height: 375px;
	float: left; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#hero h1 {
	font-weight: 700;
	color: #FFFFFF;
	font-size: 50px;
	line-height: 45px;
	letter-spacing: -.04em;
	margin: 183px 0 0 45px;
	padding: 0 0 0 0;
}
#hero h2 {
	font-size: 18px;
	font-weight: 100;
	line-height: 26px;
	color: #FFFFFF;
	margin: 0 0 0 45px;
	padding: 3pt 0 0 0;
}
#hero h1 a, #hero h2 a{
	font-weight: 700;
	color: #000000;
	text-decoration: none;
}
#hero h1 a:hover, #hero h2 a:hover {
	color: #FFFFFF;
}
#full-length {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: url(../images/h-hero-studiostein-type.png) no-repeat top;
	background-color: #FFFFFF;
	width: 830px;
	min-height: 400px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#message {
	background: url(../images/black-screen.png) repeat;
	background-color: transparent;
	margin: 80px 0 80px 0;
	padding: 10px 370px 15px 35px;
	border-top: 10px solid #99CC00;
	border-bottom: 10px solid #99CC00;
}
#message h1 {
	color: #FFFFFF;
	font-size: 30px;
	line-height: 34px;
	font-weight: 100;
	letter-spacing: -.0em;
}
#message h1 span {
	color: #99CC00;
	font-weight: 700;
}
#blogroll {
	width: 249px;
	float: left;
}
#blogroll h1 {
	font-weight: 700;
	color: #99CC00;
	font-size: 39px;
	line-height: 39px;
	letter-spacing: -.05em;
	text-transform: capitalize;
	margin: 0 0 0 0;
	padding: 10px 10px 10px 17px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#blogroll ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#blogroll li{
	border-bottom: 1px solid #CCCCCC;
	margin: 0 0 0 0;
	list-style: none;
}
#blogroll li a {
	margin: 0 0 0 0;
	padding: 7px 15px 7px 17px;
	color: #000000;
	text-decoration: none;
	display: block;
	font-weight: 700;
}
#blogroll a:hover {
	background-color: #EAEAEA;
}

/* ABOUT */

#bio {
	border-top: 1px solid #CCCCCC
}
#about-bio {
	width:550px;
	float: left;
	padding: 0 0 30px 30px;
	border-right: 1px solid #CCCCCC;
}
#about-bio h1{
	font-weight: 700;
	color: #99CC00;
	font-size: 28px;
	line-height: 32px;
	letter-spacing: -.05em;
	padding: 12px 20px 0 0;
	margin: 0 0 0 0;
}
#about-bio p{
	padding: 10px 20px 0 0;
	margin: 0 0 0 0;
}
#about-bio p a{
	font-weight: 700;
}
img.floatleft { 
    float: left; 
	padding: 50px 0 180px 0;
	margin: 0 20px 0 0;
	border-right: 1px solid #CCCCCC;
}
img.floatright { 
    float: right; 
	padding: 32px 0 20px 20px;
	margin: 0 0 0 0;
}
#resourcelist {
	width: 249px;
	float: left;
}
#resourcelist h1 {
	font-weight: 700;
	color: #99CC00;
	font-size: 28px;
	line-height: 32px;
	letter-spacing: -.05em;
	margin: 0 0 0 0;
	padding: 10px 10px 10px 17px;
	border-bottom: 1px solid #CCCCCC;
}
#resourcelist ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#resourcelist li{
	border-bottom: 1px solid #CCCCCC;
	margin: 0 0 0 0;
	list-style: none;
}
#resourcelist li a {
	margin: 0 0 0 0;
	padding: 7px 15px 7px 17px;
	color: #000000;
	text-decoration: none;
	display: block;
	font-weight: 700;
}
#resourcelist a:hover {
	background-color: #EAEAEA;
}


/* WORK */

#work-brand2 {
	position:absolute;
	top: 112px;
	left: 30px;
	width:237px;
	min-height:325px;
	padding: 0 20px 0 0;
	margin: 0 0 0 0;
	border-right: 1px solid #CCCCCC;
}
#work-print2 {
	position:absolute;
	top: 112px;
	left: 305px;
	width:237px;
	min-height:325px;
	padding: 0 20px 0 0;
	margin: 0 0 0 0;
	border-right: 1px solid #CCCCCC;
}
#work-web2 {
	position:absolute;
	top: 112px;
	left: 583px;
	width:225px;
	min-height:325px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}	
#work-brand {
	width:235px;
	min-height:260px;
	float: left;
	padding: 0 19px 30px 30px;
	margin: 0 0 0 0;
	border-right: 1px solid #CCCCCC;
	display: inline;
}
#work-brand h1, #work-brand2 h1{
	font-weight: 700;
	color: #99CC00;
	font-size: 28px;
	line-height: 32px;
	letter-spacing: -.05em;
	padding: 12px 0 0 0;
	margin: 0 0 0 0;
}
#work-brand p, #work-brand2 p {
	padding: 8px 0 0 0;
	margin: 0 0 0 0;
}
#work-brand p a, #work-brand2 p a{
	font-weight: 700;
}
#work-print {
	width:237px;
	min-height:260px;
	float: left;
	padding: 0 19px 30px 20px;
	margin: 0 0 0 0;
	border-right: 1px solid #CCCCCC;
	display: inline;
}
#work-print h1, #work-print2 h1 {
	font-weight: 700;
	color: #99CC00;
	font-size: 28px;
	line-height: 32px;
	letter-spacing: -.05em;
	padding: 12px 0 0 0;
	margin: 0 0 0 0;
}
#work-print p, #work-print2 p {
	padding: 8px 0 0 0;
	margin: 0 0 0 0;
}
#work-print p a, #work-print2 p a {
	font-weight: 700;
}
#work-web {
	width:225px;
	min-height:260px;
	padding: 0 0 30px 20px;
	margin: 0 0 0 0;
	float: left;
	display: inline;
}
#work-web h1, #work-web2 h1 {
	font-weight: 700;
	color: #99CC00;
	font-size: 28px;
	line-height: 32px;
	letter-spacing: -.05em;
	padding: 12px 0 0 0;
	margin: 0 0 0 0;
}
#work-web p, #work-web2 p {
	padding: 8px 0 0 0;
	margin: 0 0 0 0;
}
#work-web p a, #work-web2 p a {
	font-weight: 700;
}
#work-print h1 a, #work-brand h1 a, #work-web h1 a, #work-print2 h1 a, #work-brand2 h1 a, #work-web2 h1 a{
	color: #99CC00;
	text-decoration: none;
}
#work-print h1 a:hover, #work-brand h1 a:hover, #work-web h1 a:hover, #work-print2 h1 a:hover, #work-brand2 h1 a:hover, #work-web2 h1 a:hover {
	color: #000000;
	text-decoration: none;
}
* html #work-brand {
	display: inline;
	margin-left: -285px;
}
* html #work-print {
	display: inline;
	margin-left: -277px;
}
* html #work-web {
	display: inline;
	margin-left: -245px;
}
#scrolling-thumbnails {
	float: left;
	width:830px; 
	height:103px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 2px 0px 2px 0px;
}


/* IMAGE PLACEMENT ALT

#image-TL {
	float: left;
	width:283px;
	height:197px;
	margin: 0 3px 0 0;
	padding: 0 0 0 0;
	background-color: #FFFFFF;
	border: 3px solid #CCCCCC;
}
#image-TR {
	position: absolute;
	left: 302px;
	float: left;
	width:283px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height:197px;
	background-color: #FFFFFF;
	border: 3px solid #CCCCCC;
}
#image-BL {
	float: left;
	width:283px;
	height:197px;
	margin: 3px 3px 0 0;
	padding: 0 0 0 0;
	background-color: #FFFFFF;
	border: 3px solid #CCCCCC;
}
#image-BR {
	float: left;
	width:283px;
	height:197px;
	margin: 3px 0 0 0;
	padding: 0 0 0 0;
	background-color: #FFFFFF;
	border: 3px solid #CCCCCC;
}
#image-TH {
	float: left;
	width:575px;
	height:197px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #FFFFFF;
	border: 3px solid #CCCCCC;
}
#image-BH {
	float: left;
	width:575px;
	height:197px;
	margin: 3px 0 0 0;
	padding: 0 0 0 0;
	background-color: #FFFFFF;
	border: 3px solid #CCCCCC;
}
#image-RV {
	position: absolute;
	left: 302px;
	float: left;
	width:283px;
	height:403px;
	background-color: #FFFFFF;
	border: 3px solid #CCCCCC;
}
#image-LV {
	float: left;
	width:283px;
	height:403px;
	background-color: #FFFFFF;
	border: 3px solid #CCCCCC;
}
#image-big {
	float: left;
	width:575px;
	height:403px;
	background-color: #FFFFFF;
	border: 3px solid #CCCCCC;
}

*/

#image-TL {
	position:absolute;
	width:283px;
	height:197px;
	z-index:4;
	left: 0px;
	top: 3px;
	background-color: #FFFFFF;
	border: 3px solid #CCCCCC;
}
#image-TR {
	position:absolute;
	width:284px;
	height:197px;
	z-index:4;
	left: 292px;
	top: 3px;
	background-color: #FFFFFF;
	border: 3px solid #CCCCCC;
}
#image-BL {
	position:absolute;
	width:283px;
	height:198px;
	z-index:4;
	left: 0px;
	top: 209px;
	background-color: #FFFFFF;
	border: 3px solid #CCCCCC;
}
#image-BR {
	position:absolute;
	width:284px;
	height:198px;
	z-index:4;
	left: 292px;
	top: 209px;
	background-color: #FFFFFF;
	border: 3px solid #CCCCCC;
}
#image-TH {
	position:absolute;
	width:576px;
	height:197px;
	z-index:4;
	left: 0px;
	top: 3px;
	background-color: #FFFFFF;
	border: 3px solid #CCCCCC;
}
#image-BH {
	position:absolute;
	width:576px;
	height:197px;
	z-index:4;
	left: 0px;
	top: 209px;
	background-color: #FFFFFF;
	border: 3px solid #CCCCCC;
}
#image-RV {
	position:absolute;
	width:284px;
	height:404px;
	z-index:4;
	left: 292px;
	top: 3px;
	background-color: #FFFFFF;
	border: 3px solid #CCCCCC;
}
#image-LV {
	position:absolute;
	width:283px;
	height:404px;
	z-index:4;
	left: 0px;
	top: 3px;
	background-color: #FFFFFF;
	border: 3px solid #CCCCCC;
}
#image-big {
	position:absolute;
	width:576px;
	height:404px;
	z-index:4;
	left: 0;
	top: 3;
	background-color: #FFFFFF;
	border: 3px solid #CCCCCC;
}
#image-area {
	float: left;
	width:580px;
	padding: 0;
	margin: 0;
}
#work-sidebar {
	width:249px;
	min-height:407px;
	padding: 0 0 3px 582px;
	list-style-position: inside;
	list-style-type: none;
	float: right;
}

/*
#work-sidebar {
	position:absolute;
	width:200px;
	min-height:404px;
	z-index:5;
	left: 400px;
	top: 177px;
	list-style-position: inside;
	list-style-type: none;
	width: 249px;
	float: left;
*/

#work-sidebar h2 {
	font-weight: 700;
	margin: 0 0 0 0;
	padding: 7px 10px 10px 17px;
	border-bottom: 1px solid #CCCCCC;
}
#work-sidebar h3 {
	font-weight: 700;
	color: #99CC00;
	font-size: 22px;
	line-height: 26px;
	margin: 0 0 0 0;
	padding: 7px 10px 0 17px;
}
#work-sidebar p {
	margin: 0 0 0 0;
	padding: 0 10px 15px 17px;
}
#work-sidebar p a{
	font-weight: 700;
}
#work-sidebar ul {
    margin:0 0 0 0;
	padding: 7px 0 7px 7px;
	list-style-type: none;
	text-align: left;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#work-sidebar ul a {
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 700;
}
#work-sidebar ul li { 
	font-size: 15px;
	display: inline;
	padding: 0 0 0 12px;
}
#work-sidebar ul li a:hover {
	color: #99CC00;
}
#work-sidebar #sidebar-current a{
	color: #99CC00;
}
#crawl-nav ul {
	padding: 12px 0 12px 5px; 
}
#crawl-nav ul li span{
	font-weight: 100;
	color: #AAAAAA;
	font-size: 12px;
	line-height: 14px; 
	text-transform: capitalize;
	display: inline;
	padding: 3px 12px 3px 12px;
	margin: 0 0 0 0;
	border: 1px solid #CCCCCC;
	background: url(../images/crawlnav-bkgrnd.png) repeat-x top;
}
#crawl-nav ul li a{
	font-weight: 100;
	color: #000000;
	font-size: 12px;
	line-height: 14px; 
	text-transform: capitalize;
	display: inline;
	padding: 3px 12px 3px 12px;
	margin: 0 0 0 0;
	border: 1px solid #CCCCCC;
	background: url(../images/crawlnav-bkgrnd.png) repeat-x top;
}
#crawl-nav ul li a:hover {
	font-weight: 100;
	color: #000000;
	font-size: 12px;
	line-height: 14px; 
	text-transform: capitalize;
	background: url(../images/crawlnav-bkgrnd-over.png) repeat-x top;
}

/* JUMP MENU */

#brandmenu { margin: 0; padding: 0 0 22px 0 }
		#brandmenu select { margin-top: 4px; }
		#brandmenu img.left { margin: 0; padding: 0; }
		#brandmenu form#brandmenulinks { padding: 0; float: left; width: 205px; height: 19px; margin: 10px 10px 10px 17px; background: #FFFFFF url(../images/brand-jumpmenu.png) no-repeat; color: #fff;}
		#brandmenu form#brandmenulinks select { width: 205px; margin-top: -2px; opacity: 0;
}
#printmenu { margin: 0; padding: 0 0 22px 0 }
		#printmenu select { margin-top: 4px; }
		#printmenu img.left { margin: 0; padding: 0; }
		#printmenu form#printmenulinks { padding: 0; float: left; width: 205px; height: 19px; margin: 10px 10px 10px 17px; background: #FFFFFF url(../images/print-jumpmenu.png) no-repeat; color: #fff;}
		#printmenu form#printmenulinks select { width: 205px; margin-top: -2px; opacity: 0;
}
#webmenu { margin: 0; padding: 0 0 22px 0 }
		#webmenu select { margin-top: 4px; }
		#webmenu img.left { margin: 0; padding: 0; }
		#webmenu form#webmenulinks { padding: 0; float: left; width: 205px; height: 19px; margin: 10px 10px 10px 17px; background: #FFFFFF url(../images/web-jumpmenu.png) no-repeat; color: #fff;}
		#webmenu form#webmenulinks select { width: 205px; margin-top: -2px; opacity: 0;
}