@import "reset.css";

body {
	padding: 0 26px 55px 0;
	font: normal 9pt Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 12pt;
	text-align: center;
}

#site {
	width: 821px;
	margin: 0 auto;
	text-align: left;
}

#addthis {
	margin: 4px 0 0 0;
	height: 51px;
	text-align: right;
}



#navContainer {
	float: left;
	width: 167px;
	padding: 118px 0 0 0;
}

#navContainer #mainNav ul li a {
	 display: block;
	 width: 167px;
	 height: 22px;
	 border-bottom: solid 1px #ffffff;
	 text-decoration: none;
}

#navContainer #mainNav ul li a.nav_whatwedo { background: url( ../images/nav/what_we_do.gif ) no-repeat; }
#navContainer #mainNav ul li a.nav_whoweare { background: url( ../images/nav/who_we_are.gif ) no-repeat; }
#navContainer #mainNav ul li a.nav_whatwevedone { background: url( ../images/nav/what_weve_done.gif ) no-repeat; }
#navContainer #mainNav ul li a.nav_whattheyresaying { background: url( ../images/nav/what_theyre_saying.gif ) no-repeat; }
#navContainer #mainNav ul li a.nav_contact { background: url( ../images/nav/contact.gif ) no-repeat; }
#navContainer #mainNav ul li a.nav_clientlogin { background: url( ../images/nav/client_login.gif ) no-repeat; margin: 220px 0 0 0; }

#navContainer #mainNav ul li a:hover, #navContainer #mainNav ul li a.nav_on {
	background-position: -167px 0;
}

#navContainer #mainNav ul li a span { position: relative; left: -9999px; }

#navContainer #copyright {
	position: absolute;
	margin: 215px 0 0 0;
	width: 821px;
	text-align: right;
	font-size: 7pt;
	color: #b1b1b2;
}

#pageContainer {
	float: left;
	width: 654px;
}

#logoContainer {
	height: 99px;
}

#logoContainer h1#logo {
	position: absolute;
	margin: 0 0 0 5px;
	width:151px;
	height:51px;
	display:block;
	background: url( ../images/smak_logo.gif ) no-repeat;
}
#logoContainer h1#logo a { display: block; width: 151px; height: 51px; }
#logoContainer h1#logo span { position: absolute; left: -9999px; }

#logoContainer h2#headline {
	margin: 38px 1px 0 5px;
	float: right;
	text-align: right;
	width:153px;
	height:16px;
	background: url( ../images/smak_headline.gif ) no-repeat;
}
#logoContainer h2#headline span { position: absolute; left: -9999px; }

#scrollContainer {
	height: 19px;
}

/* START HOME */

#mainContainer #homeContent h2 {
	float: left;
	margin: 0 2px 0 0;
	width: 162px;
	height: 350px;
	background: url( ../images/home/header.gif ) no-repeat;
}
#mainContainer #homeContent h2 span { position: absolute; left: -9999px; }

#mainContainer #homeContent #homeCopy {
	float: left;
	margin: 0;
	width: 490px;
	height: 350px;
	overflow: auto;
}
#mainContainer #homeContent table#homeTable {
	width: 490px;
	height: 350px;
}
#mainContainer #homeContent table#homeTable td {
	font-size: 11pt;
	font-weight: bold;
	line-height: 19pt;
	vertical-align: bottom; 
	padding: 20px 20px 8px 20px;
	background: #f15623 url( ../images/home/photo.jpg ) no-repeat;
	color: #ffffff;
}


#mainContainer #homeContent #homeCopy span { position: absolute; left: -9999px; }

#mainContainer #homeContent #homeNav ul li {
	float: left;
}

#mainContainer #homeContent #homeNav ul li a {
	display: block;
	width: 162px;
	height: 103px;
	margin: 9px 0 0 2px;
}

#mainContainer #homeContent #homeNav ul li a.homenav_whatwedo { margin-left: 0; background: url( ../images/home/homenav_what_we_do.gif ) no-repeat; }
#mainContainer #homeContent #homeNav ul li a.homenav_whoweare { background: url( ../images/home/homenav_who_we_are.gif ) no-repeat; }
#mainContainer #homeContent #homeNav ul li a.homenav_whatwevedone { background: url( ../images/home/homenav_what_weve_done.gif ) no-repeat; }
#mainContainer #homeContent #homeNav ul li a.homenav_whattheyresaying { background: url( ../images/home/homenav_what_theyre_saying.gif ) no-repeat; }

#mainContainer #homeContent #homeNav ul li a:hover {
	background-position: 0 -103px;
}

#mainContainer #homeContent #homeNav ul li a span { position: absolute; left: -9999px; }

/* END HOME */

/* START WHAT WE DO */

#mainContainer #whatwedoContent h2 {
	float: left;
	margin: 0 2px 0 0;
	width: 162px;
	height: 350px;
	background: url( ../images/whatwedo/header_what_we_do.gif ) no-repeat;
}
#mainContainer #whatwedoContent h2 span { position: absolute; left: -9999px; }

#mainContainer #whatwedoContent .what_experientialMarketing h2 {
	background: url( ../images/whatwedo/header_experiential_marketing.gif ) no-repeat;
}
#mainContainer #whatwedoContent .what_media h2 {
	background: url( ../images/whatwedo/header_media.gif ) no-repeat;
}
#mainContainer #whatwedoContent .what_publicRelations h2 {
	background: url( ../images/whatwedo/header_public_relations.gif ) no-repeat;
}

#mainContainer #whatwedoContent #whatwedoCopy {
	float: left;
	margin: 0;
	width: 490px;
	height: 350px;
	background: #f15623 url( ../images/whatwedo/photo.jpg ) no-repeat;;
	overflow: hidden;
}
#mainContainer #whatwedoContent table#whatwedoTable {
	width: 490px;
	height: 350px;
}
#mainContainer #whatwedoContent table#whatwedoTable td {
	font-size: 11pt;
	font-weight: bold;
	line-height: 19pt;
	vertical-align: bottom; 
	padding: 20px 20px 8px 20px;
	color: #ffffff;
}

#mainContainer #whatwedoContent #whatwedoNav ul li {
	float: left;
}

#mainContainer #whatwedoContent #whatwedoNav ul li a {
	display: block;
	width: 162px;
	height: 103px;
	margin: 9px 0 0 2px;
}

#mainContainer #whatwedoContent #whatwedoNav ul li a.whatnav_experientialmarketing { margin-left: 0; background: url( ../images/whatwedo/whatnav_experiential_marketing.gif ) no-repeat; }
#mainContainer #whatwedoContent #whatwedoNav ul li a.whatnav_media { background: url( ../images/whatwedo/whatnav_media.gif ) no-repeat; }
#mainContainer #whatwedoContent #whatwedoNav ul li a.whatnav_publicrelations { background: url( ../images/whatwedo/whatnav_public_relations.gif ) no-repeat; }
#mainContainer #whatwedoContent #whatwedoNav ul li a.whatnav_whatwevedone { background: url( ../images/whatwedo/whatnav_what_weve_done.gif ) no-repeat; }

#mainContainer #whatwedoContent #whatwedoNav ul li a:hover, #mainContainer #whatwedoContent #whatwedoNav ul li a.whatnav_on {
	background-position: 0 -103px;
}

#mainContainer #whatwedoContent #whatwedoNav ul li a span { position: absolute; left: -9999px; }

/* END WHAT WE DO */

/* START CONTACT */

#mainContainer #contactContent h2 {
	float: left;
	margin: 0 2px 0 0;
	width: 162px;
	height: 350px;
	background: url( ../images/contact/header.gif ) no-repeat;
}
#mainContainer #contactContent h2 span { position: absolute; left: -9999px; }

#mainContainer #contactContent #contactCopy, #mainContainer #clientloginContent #clientloginCopy  {
	float: left;
	margin: 0;
	width: 440px;
	height: 325px;
	padding: 25px 25px 0 25px;
	background: #f15623;
	color: #ffffff;
	overflow: hidden;
}

/* END CONTACT */

/* START CLIENT LOGIN */

#mainContainer #clientloginContent h2 {
	float: left;
	margin: 0 2px 0 0;
	width: 162px;
	height: 350px;
	background: url( ../images/clientlogin/header.gif ) no-repeat;
}
#mainContainer #clientloginContent h2 span { position: absolute; left: -9999px; }

/* END CLIENT LOGIN */

/* START WHAT THEY'RE SAYING */

#mainContainer #whattheyresayingContent h2 {
	float: left;
	margin: 0 2px 0 0;
	width: 162px;
	height: 350px;
	background: url( ../images/whattheyresaying/header.gif ) no-repeat;
}
#mainContainer #whattheyresayingContent h2 span { position: absolute; left: -9999px; }

#mainContainer #whattheyresayingContent #whattheyresayingCopy  {
	float: left;
	margin: 0;
	width: 440px;
	height: 300px;
	padding: 25px 25px 25px 25px;
	background: #f15623;
	color: #ffffff;
	overflow: auto;
}

#mainContainer .whattheyresayingEntry {
	margin: 17px 0 0 0;
}

#mainContainer .whattheyresayingEntry h4 {
	font-size: 10pt;
	font-weight: bold;
	margin: 0 0 2px 0;
}

#mainContainer .whattheyresayingEntry p {
	margin: 0 0 1px 0;
	padding: 0;
}

#mainContainer .whattheyresayingEntry p a {
	display: block;
	float: left;
	font-size: 8pt;
	background: #363636;
	margin: 2px 0 0 0;
	padding: 1px 5px;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
}

/* END WHAT THEY'RE SAYING */

/* START WHO WE ARE */

#scrollContainer #whowearePage {
	float: right;
	font-size: 8pt;
	line-height: 8pt;
}

#scrollContainer #whowearePage .currentPage, #scrollContainer #whowearePage .totalPages {
	padding: 0 3px;
}

#scrollContainer #whowearePage .currentPage {
	color: #f15623;
	border-right: solid 1px #000000;
}

#mainContainer #whoweareEntries {
	width: 654px;
	height: 69px;
	overflow: hidden;
}

#mainContainer .whoweareEntry a.whoweareThumb {
	float: left;
	margin: 0 1px 0 0;
	display: block;
	height: 67px;
	width: 106px;
	border: solid 1px #939598;
	overflow: hidden;
	text-decoration: none;
}

#mainContainer .whoweareEntry a.whoweareThumb:hover span, #mainContainer .whoweareEntry a.whoweareThumbOn span{
	margin-left: -106px;
}

#mainContainer .whoweareEntry a.whoweareThumb img {
	width: 106px;
	height: 67px;
}

#mainContainer .whoweareEntry a.whoweareThumb div {
	position: absolute;
	margin-top: 90px;
	display: none;
}

#mainContainer .whoweareEntry a.whoweareThumb div h4 {
	color: #f15623;
	font-weight: bold;
	font-size: 9pt;
}

#mainContainer .whoweareEntry a.whoweareThumb div h5 {
	color: #000000;
	font-weight: bold;
	font-size: 7pt;
}

#mainContainer .whoweareEntry a.whoweareThumb:hover div {
	display: block;
}

#mainContainer #whoweareScroll
{
	width: 654px;
	margin: 7px 0 60px 0;
}

#mainContainer #whoweareScroll a.whoweareScrollLeft
{
	display: block;
	float: left;
	width: 9px;
	height: 11px;
	background: url( ../images/scroll_left.gif ) no-repeat;
}

#mainContainer #whoweareScroll a.whoweareScrollRight
{
	display: block;
	float: right;
	width: 9px;
	height: 11px;
	background: url( ../images/scroll_right.gif ) no-repeat;
	margin-right: 1px;
}

#mainContainer #whoweareScroll a.whoweareScrollLeft span,
#mainContainer #whoweareScroll a.whoweareScrollRight span { position: absolute; left: -9999px; }

#mainContainer .whoweareFeature {
	display: none;
}

#mainContainer .whoweareFeatureOn {
	display: block;
}

#mainContainer .whoweareFeature #whoweareFeatureDetails {
	width: 275px;
}

#mainContainer .whoweareFeature #whoweareFeatureDetails h4 {
	padding: 3px 7px;
	color: #ffffff;
	background: #f05523;
	float: left;
	font-size: 10pt;
	margin: 0 0 4px 0;
}

#mainContainer .whoweareFeature #whoweareFeatureDetails h5 {
	clear: both;
	font-size: 9pt;
	margin: 0 0 12px 0;
}

#mainContainer .whoweareFeature #whoweareFeatureDetails, #mainContainer .whoweareFeature #whoweareFeatureDetails p, #mainContainer .whoweareFeature #whoweareFeatureDetails p font {
	color: #4d4d4f;
	font-size: 8pt;
	line-height: 11pt;
}

#mainContainer .whoweareFeature #whoweareFeaturePhotos {
	display: block;
	position: absolute;
	margin: 0 0 0 328px;
}

#mainContainer .whoweareFeature #whoweareFeaturePhotos .whoweareFeaturePhotoLoading {
	display: block;
	z-index: -1;
	position: absolute;
	width: 325px;
	height: 325px;
	background: url( ../images/loading.gif ) center center no-repeat;
}

#mainContainer .whoweareFeature #whoweareFeaturePhotos .whoweareFeaturePhoto {
	display: block;
	width: 325px;
	height: 325px;
}

#mainContainer .whoweareFeature #whoweareFeaturePhotos a.whoweareFeatureThumb{
	display: block;
	float: left;
	width: 19px;
	height: 13px;
	margin: 4px 3px 0 0;
	background: url( ../images/icon_photo.gif ) no-repeat;
}

#mainContainer .whoweareFeature #whoweareFeaturePhotos a.whoweareFeatureThumbOn_1,
#mainContainer .whoweareFeature #whoweareFeaturePhotos a.whoweareFeatureThumbOn_0 {
	display: block;
	float: left;
	width: 19px;
	height: 13px;
	margin: 4px 3px 0 0;
	background: url( ../images/icon_photoover_0.gif ) no-repeat;
}
#mainContainer .whoweareFeature #whoweareFeaturePhotos a.whoweareFeatureThumbOn_1 {
	background: url( ../images/icon_photoover_1.gif ) no-repeat;
}


/* END WHO WE ARE */

/* START WHAT WEVE DONE */

#scrollContainer #whatwevedonePage {
	float: right;
	font-size: 8pt;
	line-height: 8pt;
}

#scrollContainer #whatwevedonePage .currentPage, #scrollContainer #whatwevedonePage .totalPages {
	padding: 0 3px;
}

#scrollContainer #whatwevedonePage .currentPage {
	color: #f15623;
	border-right: solid 1px #000000;
}

#mainContainer #whatwevedoneEntries {
	width: 654px;
	height: 69px;
	overflow: hidden;
}

#mainContainer .whatwevedoneEntry a.whatwevedoneThumb {
	float: left;
	margin: 0 2px 0 0;
	display: block;
	height: 69px;
	width: 107px;
	border: 0;
	overflow: hidden;
	text-decoration: none;
}

#mainContainer .whatwevedoneEntry a.whatwevedoneThumb:hover span, #mainContainer .whatwevedoneEntry a.whatwevedoneThumbOn span{
	margin-left: -107px;
}

#mainContainer .whatwevedoneEntry a.whatwevedoneThumb img {
	height: 69px;
	width: 107px;
}

#mainContainer .whatwevedoneEntry a.whatwevedoneThumb div {
	position: absolute;
	margin-top: 90px;
	display: none;
}

#mainContainer .whatwevedoneEntry a.whatwevedoneThumb div h4 {
	color: #f15623;
	font-weight: bold;
	font-size: 9pt;
}

#mainContainer .whatwevedoneEntry a.whatwevedoneThumb div h5 {
	color: #000000;
	font-weight: bold;
	font-size: 7pt;
	width: 101px;
	line-height: 8pt;
}

#mainContainer .whatwevedoneEntry a.whatwevedoneThumb:hover div {
	display: block;
}

#mainContainer #whatwevedoneScroll
{
	width: 654px;
	margin: 7px 0 78px 0;
}

#mainContainer #whatwevedoneScroll a.whatwevedoneScrollLeft
{
	display: block;
	float: left;
	width: 9px;
	height: 11px;
	background: url( ../images/scroll_left.gif ) no-repeat;
}

#mainContainer #whatwevedoneScroll a.whatwevedoneScrollRight
{
	display: block;
	float: right;
	width: 9px;
	height: 11px;
	background: url( ../images/scroll_right.gif ) no-repeat;
	margin-right: 1px;
}

#mainContainer #whatwevedoneScroll a.whatwevedoneScrollLeft span,
#mainContainer #whatwevedoneScroll a.whatwevedoneScrollRight span { position: absolute; left: -9999px; }

#mainContainer .whatwevedoneFeature {
	display: none;
}

#mainContainer .whatwevedoneFeatureOn {
	display: block;
}

#mainContainer .whatwevedoneFeature #whatwevedoneFeatureDetails {
	width: 295px;
}

#mainContainer .whatwevedoneFeature #whatwevedoneFeatureDetails h4 {
	padding: 3px 7px;
	color: #ffffff;
	background: #f05523;
	float: left;
	font-size: 10pt;
	margin: 0 0 12px 0;
}

#mainContainer .whatwevedoneFeature #whatwevedoneFeatureDetails h5 {
	clear: both;
	font-size: 9pt;
	margin: 0 0 12px 0;
}

#mainContainer .whatwevedoneFeature #whatwevedoneFeatureDetails, #mainContainer .whatwevedoneFeature #whatwevedoneFeatureDetails a, #mainContainer .whatwevedoneFeature #whatwevedoneFeatureDetails p, #mainContainer .whatwevedoneFeature #whatwevedoneFeatureDetails p font {
	color: #4d4d4f;
	font-size: 8pt;
	line-height: 11pt;
}

#mainContainer .whatwevedoneFeature #whatwevedoneFeatureDetails ul
{
	list-style: disc;
	padding-left: 25px;
	margin: 0 0 12px 0;
}

#mainContainer .whatwevedoneFeature #whatwevedoneFeaturePhotos {
	display: block;
	position: absolute;
	margin: 0 0 0 328px;
}

#mainContainer .whatwevedoneFeature #whatwevedoneFeaturePhotos .whatwevedoneFeaturePhotoLoading {
	display: block;
	z-index: -1;
	position: absolute;
	width: 325px;
	height: 325px;
	background: url( ../images/loading.gif ) center center no-repeat;
}

#mainContainer .whatwevedoneFeature #whatwevedoneFeaturePhotos .whatwevedoneFeaturePhoto {
	display: block;
	width: 325px;
	height: 325px;
}

#mainContainer .whatwevedoneFeature #whatwevedoneFeaturePhotos a.whatwevedoneFeatureThumb{
	display: block;
	float: left;
	width: 19px;
	height: 13px;
	margin: 4px 3px 0 0;
	background: url( ../images/icon_photo.gif ) no-repeat;
}

#mainContainer .whatwevedoneFeature #whatwevedoneFeaturePhotos a.whatwevedoneFeatureThumbOn_1,
#mainContainer .whatwevedoneFeature #whatwevedoneFeaturePhotos a.whatwevedoneFeatureThumbOn_0 {
	display: block;
	float: left;
	width: 19px;
	height: 13px;
	margin: 4px 3px 0 0;
	background: url( ../images/icon_photoover_0.gif ) no-repeat;
}
#mainContainer .whatwevedoneFeature #whatwevedoneFeaturePhotos a.whatwevedoneFeatureThumbOn_1 {
	background: url( ../images/icon_photoover_1.gif ) no-repeat;
}

/* END WHAT WEVE DONE */

#mainContainer h2 {
	margin: 0 0 12px 0;
}

#mainContainer p {
	margin: 0 0 12px 0;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.sml
{
	font-size: 8pt;
}

.clear {
	clear: both;
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
}

/*****************
Form
*****************/

.pform { margin: 30px 0 10px 0; }
.required_text { color:#F00; font-weight:bold; }

.formlabel { width: 75px;}
.error { font-size: 8pt; }

.comments{width:250px; height:60px; border: 0; background-color:#ffffff;} /* border: 1px solid; border-color:#A5ACB2; */

.formfield { background-color:#ffffff; border:0; width:250px; height:18px; margin: 0 0 3px 0; }

a.submit{padding: 0; color: #ffffff; font-weight: bold; font-size: 10pt;text-decoration: none;}
.pform a.submit{padding: 0 0 0 10px;}
a:hover.submit{ background-position:0px -11px; }
.reset{ position:relative; top:-13px; left:60px; font-size:11px;}