/*

Stylesheet for Rareview Temp Directory
www.rareview.com

ToC

	1. imports
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. tables
	7. forms
	
Notes:

Colors Used In Site


*/

/* ------------------------ 1. imports ------------------------ */

@import url("resets.css");

/*  --------------------- 2. structure  --------------------- */

html, body {
    height: 100%;
	} /* for footer to stick to bottom */

body.home {
	background-image: url(../images/background-home.png);
	}
	
body.about {
	background-image: url(../images/background-about.png);
	}
	
body.contact {
	background-image: url(../images/background-contact.png);
	}
	
body.work {
	background-image: url(../images/background-work.png);
	}
	
body.blog {
	background: #fff url(../images/background-blog.png) no-repeat 50% 89px;
	}

#header {
	background: url(../images/bg-header.png) repeat-x top left;
	height: 102px; 	
	}

.wrapper {
	width: 950px;
	margin: 0 auto;
	padding-top: 18px;
	}
	
.wrapperFooter {
	width: 950px;
	margin: 0 auto;
	}
	
#content {
	width: 950px;
	margin: 0 auto 50px;
	}
	
/* .footerBg {
	background: url(../images/background-footer.png) no-repeat 50% 100%;
	} */
	
/* Footer */
.globalWrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -204px; /* the bottom margin is the negative value of the footer's height */
	background: url(../images/background-footer.png) no-repeat 50% 100%;
	}
	
.blog .globalWrap {
	background: none;
	}
		
.footer, .push {
	height: 204px; /* .push must be the same height as .footer */
	}
	
.footer {
	background: url(../images/bg-footer.png) repeat-x 0 0;
	}
	
/* <end footer> */
#blogContent {
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	width: 948px;
	margin: -13px auto -70px;
	background: url(../images/bg-blogLine.gif) repeat-y 0 0;
	}
	
#blogLines {
	background: url(../images/background-blog-lines.png) no-repeat 0 0;
	width: 950px;
	height: 560px;
	margin-left: -1px;
	}
	
#blogLeft, #blogRight {
	float: left;
	}
	
#blogLeft {
	width: 550px; /* original is 660 */
	padding: 25px 60px 0 50px;
	margin-bottom: -40px;
	}
	
#blogRight {
	width: 255px; /* original is 288 */
	padding: 60px 16px 20px 17px;
	margin-bottom: -40px;
	}
	
#flash {
	height: 420px;
	width: 950px;
	background: url(../images/banners/home.jpg) no-repeat 0 0;
	margin-top: -13px;
	}
	
#flash-about {
	height: 195px;
	width: 950px;
	background: url(../images/banners/about.jpg) no-repeat 0 0;
	margin-top: -13px;
	}
	
#flash-contact {
	height: 195px;
	width: 950px;
	background: url(../images/banners/contact.jpg) no-repeat 0 0;
	margin-top: -13px;
	}
	
#flash-work {
	height: 195px;
	width: 950px;
	background: url(../images/banners/work.jpg) no-repeat 0 0;
	margin-top: -13px;
	}
	
#textPanelHome {
	background: url(../images/bg-textPanel-home.jpg) no-repeat 0 0;
	width: 950px;
	height: 144px;
	display: block;
	float: left;
	}
	
#textPanelAbout {
	background: url(../images/bg-textPanel-about.jpg) no-repeat 0 0;
	width: 950px;
	height: 145px;
	display: block;
	}
	
#textPanelWork {
	background: url(../images/bg-textPanel-work.jpg) no-repeat 0 0;
	width: 950px;
	height: 145px;
	display: block;
	}
	
#textPanelContact {
	background: url(../images/bg-textPanel-contact.jpg) no-repeat 0 0;
	width: 950px;
	height: 145px;
	display: block;
	}
	
#textPanelHome p, #textPanelAbout p, #textPanelContact p, #textPanelWork p {
	width: 790px;
	height: 134px;
	font-size: 1.3em;
	line-height: 1.7em;
	/* position: relative;
	top: 10px;
	left: 75px; */
	padding: 10px 85px 0 75px;
	}
	
#columns {
	background: url(../images/bg-homeContent.png) no-repeat 0 0;
	width: 950px;
	float: left;
	}
	
#columnsInside {
	width: 950px;
	float: left;
	}
	
.columns-about {
	background: url(../images/bg-aboutContent.png) no-repeat 0 0;
	width: 950px;
	}
	
.columns-work {
	background: url(../images/bg-workContent.png) no-repeat 0 0;
	width: 950px;
	}
	
.columns-contact {
	background: url(../images/bg-contactContent.png) no-repeat 0 0;
	width: 950px;
	}
	
.twoColLeft, .twoColRight, .workColLeft, .workColRight {
	float: left;
	margin-top: 55px;
	}
	
.twoColLeft {
	width: 310px;
	margin-right: 10px;
	}
	
.workColLeft {
	width: 200px;
	}
	
.workColRight {
	width: 750px;
	}
	
#portfolio {
	margin-bottom: 100px;
	}
	
.twoColRight {
	width: 630px;
	}
	
#formContainer {
	width: 620px;
	margin: 5px 0 0 10px;
	}	
	
.left, .middle, .right {
	float: left;
	width: 311px;
	margin-top: 55px;
	}
	
.left, .middle {
	margin-right: 8px;
	}
	
.footerLeft, .footerMiddle, .footerRight {
	float: left;
	margin-top: 28px;
	}
	
.footerLeft {
	background: url(../images/bg-sitemap.gif) no-repeat 0 0;
	width: 181px;
	height: 159px;
	margin-right: 13px;
	}
	
.footerMiddle {
	background: url(../images/bg-stayCurrent.gif) no-repeat 0 0;
	width: 371px;
	height: 159px;
	margin-right: 14px;
	}
	
.footerRight {
	background: url(../images/bg-contact.gif) no-repeat 0 0;
	width: 371px;
	height: 159px;
	}
	
.commentsBubble {
	background: url(../images/comments-bottom.gif) no-repeat 0 100%;
	width: 563px;
	margin-top: 20px;
	position: relative;
	padding-bottom: 13px;
	}
	
.commentsBubble p {
	padding: 10px 30px 15px !important;
	color: #737779 !important;
	}
	
.commentsBubble p+p {
	padding-top: 0 !important;
	}
	
.commentsBubble h4 {
	background: url(../images/comments-top.gif) no-repeat 0 0;
	width: 503px;
	height: 24px;
	padding: 32px 30px 0;
	color: #3e4b59;
	font-size: 1.2em;
	}
	
.commentsBubble h4 span {
	color: #bcc0c4;
	font-weight: normal;
	padding-left: 20px;
	}
	
img.avatar {
	position: absolute;
	top: 21px;
	right: 17px;
	}
	
.leaveCommentsBubble {
	background: url(../images/leaveComment-bottom.gif) no-repeat 0 100%;
	width: 563px;
	margin-top: 20px;
	padding-bottom: 13px;
	margin-bottom: 70px;
	}
	
.leaveCommentsBubble h4 {
	background: url(../images/leaveComment-top.gif) no-repeat 0 0;
	width: 503px;
	height: 24px;
	padding: 32px 30px 0;
	color: #594b3e;
	font-size: 1.2em;
	}
	
/* ---------------------- 3. links and navigation ---------------------- */

#textPanelHome a:link, #textPanelHome a:visited, #textPanelAbout a:link, #textPanelAbout a:visited, #textPanelContact a:link, #textPanelContact a:visited, #textPanelWork a:link, #textPanelWork a:visited {
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	color: #fff;
	}

#textPanelHome a:hover, #textPanelHome a:focus, #textPanelHome a:active, #textPanelAbout a:hover, #textPanelAbout a:focus, #textPanelAbout a:active, #textPanelContact a:hover, #textPanelContact a:focus, #textPanelContact a:active, #textPanelWork a:hover, #textPanelWork a:focus, #textPanelWork a:active {
	border-bottom: none;
	}
	
#columns ul {
	width: 311px;
	}
	
.single li a {
	display: block;
	font-size: 1.3em;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	}
	
.single li span, .double li span {
	background: url(../images/icon-arrow.png) no-repeat 0 50%;
	padding-left: 12px;
	margin-left: 18px;
	}
	
.single li.first a {
	background: url(../images/list-first.png) no-repeat 0 0;
	line-height: 35px;
	}
	
.single li.first a:hover {
	background: url(../images/list-first.png) no-repeat 0 50%; 
	}
	
.single li.first a:active, .single li.first a:focus {
	background: url(../images/list-first.png) no-repeat 0 100%; 
	color: #aeb7bf;
	}
	
.single li.second a {
	background: url(../images/list-second.png) no-repeat 0 0;
	line-height: 34px;
	}
	
.single li.second a:hover {
	background: url(../images/list-second.png) no-repeat 0 50%; 
	}
	
.single li.second a:active, .single li.second a:focus {
	background: url(../images/list-second.png) no-repeat 0 100%; 
	color: #aeb7bf;
	}
	
.single li.third a {
	background: url(../images/list-third.png) no-repeat 0 0;
	line-height: 34px;
	}
	
.single li.third a:hover {
	background: url(../images/list-third.png) no-repeat 0 50%; 
	}
	
.single li.third a:active, .single li.third a:focus {
	background: url(../images/list-third.png) no-repeat 0 100%; 
	color: #aeb7bf;
	}
	
.single li.all a {
	background: url(../images/list-all.png) no-repeat 0 0;
	line-height: 34px;
	}
	
.single li.all a:hover {
	background: url(../images/list-all.png) no-repeat 0 50%; 
	}
	
.single li.all a:active, .single li.all a:focus {
	background: url(../images/list-all.png) no-repeat 0 100%; 
	color: #aeb7bf;
	}
	
.double li {
	cursor: pointer;
	}
	
.double li a {
	font-size: 1.3em;
	color: #fff;
	text-decoration: none;
	}

.double li p {
	font-size: 1.0em !important;
	color: #81898f !important;
	padding: 0 0 0 30px !important;
	margin-top: 4px !important;
	line-height: normal !important;
	width: 270px !important;
	}
	
.double li.first:active a, .double li.first:focus a, .double li.second:active a, .double li.second:focus a, .double li.all:active a, .double li.all:focus a {
	color: #aeb7bf;
	}
	
.double li.first:active p, .double li.first:focus p, .double li.second:active p, .double li.second:focus p, .double li.all:active p, .double li.all:focus p {
	color: #53595D;
	}
	
.double li.first {
	background: url(../images/lists-double-first.png) no-repeat 0 0;
	height: 40px;
	padding: 11px 0 0 0;
	}
	
.double li.first:hover {
	background: url(../images/lists-double-first.png) no-repeat 0 50%;
	}
	
.double li.first:active, .double li.first:focus {
	background: url(../images/lists-double-first.png) no-repeat 0 100%;
	}
	
.double li.second {
	background: url(../images/lists-double-second.png) no-repeat 0 0;
	height: 40px;
	padding: 10px 0 0 0;
	}
	
.double li.second:hover {
	background: url(../images/lists-double-second.png) no-repeat 0 50%;
	}
	
.double li.second:active, .double li.second:focus {
	background: url(../images/lists-double-second.png) no-repeat 0 100%;
	}
	
.double li.all {
	background: url(../images/lists-double-all.png) no-repeat 0 0;
	height: 40px;
	padding: 10px 0 0 0;
	}
	
.double li.all:hover {
	background: url(../images/lists-double-all.png) no-repeat 0 50%;
	}
	
.double li.all:active, .double li.all:focus {
	background: url(../images/lists-double-all.png) no-repeat 0 100%;
	}
	
.footerLeft ul, .footerRight ul, .footerMiddle #newsletter {
	margin: 48px 0 0 16px;
	}

.footerMiddle #newsletter {
	min-height: 51px;
	}
	
.footerLeft ul li {
	font-size: 1.2em;
	line-height: 1.7em;
	}
	
.footerLeft ul li a:link, .footerLeft ul li a:visited {
	text-decoration: none;
	color: #646c75;
	}
	
.footerLeft ul li a:hover, .footerLeft ul li a:active, .footerLeft ul li a:focus {
	text-decoration: none;
	border-bottom: 1px solid #fff;
	color: #fff;
	}
	
.footerRight ul h3, .footerRight ul p, .twoColLeft ul h3, .twoColLeft ul p {
	float: left;
	}
	
.twoColLeft ul li, .footerRight ul li {
	clear: both; /*for FF2, to clear the floats in each row, so they don't get applied multiple times*/
	}
	
.footerRight ul h3 {
	width: 100px;
	text-align: right;
	margin-right: 20px;
	font-size: 1.1em;
	color: #fff;
	font-weight: normal;
	padding-top: 1px;
	}

.workColRight ul li {
	float: left;
	width: 500px;
	}
	
.workColRight ul li+li {
	float: right;
	width: 250px !important;
	}
	
.workColLeft ul {
	margin: 12px 0 0 0;
	border-top: 1px solid #1f2e3d;
	}
	
.workColLeft ul li {	
	border-bottom: 1px solid #1f2e3d;
	float: left;
	width: 200px;
	}
	
.workColLeft li a {
	text-decoration: none;
	font-size: 1.1em;
	color: #8a98a3;
	line-height: 25px;
	display: block;
	cursor: pointer;
	}
	
.workColLeft li a:hover {
	background: url(../images/workStates.png) no-repeat 0 50%; 
	}
	
.workColLeft li a:active, .workColLeft li a:focus {
	background: url(../images/workStates.png) no-repeat 0 100%; 
	color: #aeb7bf;
	}
	
.workOn a {
	color: #fff !important;
	}
	
a.shift:hover {
	color: #fff;
	}

ul.dots {
	margin: 10px 0 0 3px;
	padding: 0;
	border: 0;
	float: left;
	}
	
ul.dots li {
	margin: 0;
	padding: 0;
	border: none;
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	float: left;
	margin-right: 7px;
	background: url(../images/icon-dot.gif) no-repeat 0 0;
	width: 5px;
	height: 5px;
	}
	
ul.dots li+li+li {
	margin-right: 11px;
	}
	
ul.dots li.dotOn {
	background: url(../images/icon-dot-filled.gif) no-repeat 0 0;
	}
	
.twoColLeft ul {
	padding: 6px 0 20px 0;
	}
	
ul.emails {
	margin-bottom: 70px;
	}
	
ul.emails li p {
	margin-bottom: 0px !important;
	}
	
.twoColLeft ul h3 {
	width: 80px;
	font-size: 1.2em;
	color: #d5dfe7;
	padding-top: 3px;
	text-align: right;
	margin-right: 20px;
	font-weight: normal;
	}
	
.twoColLeft ul p {
	width: 210px;
	font-size: 1.2em;
	line-height: 1.5em;
	padding-bottom: 8px;
	color: #9ca0a4;
	}
	
.footerRight ul p {
	font-size: 1.1em;
	color: #9ca0a4;
	line-height: 1.4em;
	width: 200px;
	padding-bottom: 5px;
	}
	
.footerRight ul li a:link, .footerRight ul li a:visited {
	text-decoration: none;
	color: #fff;
	}
	
.footerRight ul li a:hover, .footerRight ul li a:active, .footerRight ul li a:focus {
	text-decoration: none;
	border-bottom: 1px solid #fff;
	color: #fff;
	}
	
.footerMiddle #newsletter p {
	font-size: 1.1em;
	color: #9ca0a4;
	}

p.errorMsg {
	color: #d92929 !important;
	font-size: 1.1em;
	}
	
p.successMsg {
	color: #fff !important;
	font-size: 1.1em;
	}
	
.formWrapper ul {
	float: left;
	}
	
.formWrapper ul li {
	float: left;
	}
	
p.formMsg {
	padding: 12px 0 0 20px !important;
	}
	
p.newsletterMsg {
	padding: 17px 0 9px 0;
	line-height: 12px;
	}
	
p.newsletterMsg span {
	background-position: 0 1px !important;
	}
	
p.successMsg span {
	background: url(../images/icon-success.png) no-repeat 0 2px;
	padding-left: 15px;
	margin-left: 2px;
	}
	
p.errorMsg span {
	background: url(../images/icon-error.png) no-repeat 0 1px;
	padding-left: 15px;
	margin-left: 2px;
	}
	
.footerMiddle ul {
	margin: 27px 0 0 16px;
	float: left;
	}
	
.footerMiddle ul li {
	float: left;
	}
	
.footerMiddle ul li a span {
	display: none;
	}
	
.footerMiddle ul li p {
	font-size: 1.1em;
	color: #9ca0a4;
	padding: 5px 10px 0 0;
	}
	
.footerMiddle ul li a {
	color: #fff;
	width: 23px;
	height: 23px;
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	margin-right: 6px;
	}
	
.footerMiddle ul li a.icon-bookmark {
	background: url(../images/icon-bookmark.gif) no-repeat 0 0;
	}
	
.footerMiddle ul li a.icon-facebook {
	background: url(../images/icon-fb.gif) no-repeat 0 0;
	}
	
.footerMiddle ul li a.icon-delicious {
	background: url(../images/icon-delicious.gif) no-repeat 0 0;
	}
	
.footerMiddle ul li a.icon-google {
	background: url(../images/icon-google.gif) no-repeat 0 0;
	}
	
.footerMiddle ul li a.icon-linkedin {
	background: url(../images/icon-linkedin.gif) no-repeat 0 0;
	}
	
.footerMiddle ul li a.icon-stumble {
	background: url(../images/icon-stumble.gif) no-repeat 0 0;
	}
	
.footerMiddle ul li a.icon-twitter {
	background: url(../images/icon-twitter.gif) no-repeat 0 0;
	}
	
ul.awards {
	margin: 5px 0 0 20px;
	float: left;
	}
	
ul.awards li {
	float: left;
	margin-right: 25px;
	}
	
ul.awards li a {
	color: #fff;
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	}
	
ul.awards li a.fwa {
	background: url(../images/award-fwa.png) no-repeat 0 0;
	height: 34px;
	width: 110px;
	margin-top: 11px;
	}
	
ul.awards li a.webby {
	background: url(../images/award-webby.png) no-repeat 0 0;
	height: 58px;
	width: 102px;
	}
	
/* EmailButtons */
a.emailAddress {
	display: block;	
	text-decoration: none;
	background: url(../images/emailAddress.png) no-repeat 0 0;
	cursor: pointer;
	line-height: 21px;
	float: left;
	margin-top: -1px;
	font-size: 1.0em !important;
	font-weight: normal;
	color: #edf1f5;
	}
	
a.emailAddress:hover span {
	background: url(../images/emailAddress.png) no-repeat 100% 50%;
	}
	
a.emailAddress:active span, a.emailAddress:focus span {
	background: url(../images/emailAddress.png) no-repeat 100% 100%;
	line-height: 20px;
	padding: 1px 16px 0 0;
	}
	
a.emailAddress span {
	display: block;
	line-height: 20px;
	padding: 0 16px 1px 0;
	white-space: nowrap;
	background: url(../images/emailAddress.png) no-repeat right top;
	}

a.emailLeft {
	background: url(../images/emailAddressLeft.png) no-repeat 0 0; 
	padding-left: 16px; 
	}
	
a.emailLeft:hover {
	background: url(../images/emailAddressLeft.png) no-repeat 0 50%;
	}
	
a.emailLeft:active, a.emailLeft:focus {
	background: url(../images/emailAddressLeft.png) no-repeat 0 100%;
	color: #c7d2dc;
	}
	
a.emailAddress span em {
	font-style: normal;
	}
	
/* <end emailButtons> */
ul.paging li a:link, ul.paging li a:visited {
	color: #707070;
	text-decoration: none;
	border-bottom: none;
	}
	
ul.paging li a:hover, ul.paging li a:focus, ul.paging li a:active {
	color: #000;
	border-bottom: 1px dotted #313131;
	text-decoration: none;
	}
	
.currentPage a {
	color: #000 !important;
	border-bottom: none !important;
	font-weight: bold !important;
	}
	
#blogLeft p a:link, #blogLeft  p a:visited {
	color: #444D7B;
	text-decoration: none;
	border-bottom: 1px dotted #444D7B;
	}

#blogLeft p a:hover, #blogLeft p a:focus, #blogLeft p a:active {
	color: #444D7B;
	border-bottom: none;
	text-decoration: none;
	}

ul.blogLinks li a:link, ul.blogLinks li a:visited {
	color: #313131 !important;
	text-decoration: none;
	border-bottom: 1px dotted #313131 !important;
	font-weight: bold;
	}

ul.blogLinks li a:hover, ul.blogLinks li a:focus, ul.blogLinks li a:active {
	color: #000;
	border-bottom: none !important;
	text-decoration: none;
	}
	
#blogLeft a.commentIcon:link, #blogLeft a.commentIcon:visited {
	padding: 0 0 0 13px;
	background: url(../images/icon-comment.gif) no-repeat 0 0;
	border-bottom: none !important;
	display: block;
	height: 13px;
	}

#blogLeft a.commentIcon:hover, #blogLeft a.commentIcon:focus, #blogLeft a.commentIcon:active {
	background: url(../images/icon-comment.gif) no-repeat 0 100%;
	}
	
#blogLeft a.commentIcon:link span, #blogLeft a.commentIcon:visited span {
	color: #313131;
	text-decoration: none;
	border-bottom: 1px dotted #313131;
	}

#blogLeft a.commentIcon:hover span, #blogLeft a.commentIcon:focus span, #blogLeft a.commentIcon:active span {
	color: #000;
	border-bottom: none;
	text-decoration: none;	
	}
	
#blogRight p a:link, #blogRight p a:visited {
	color: #313131 !important;
	text-decoration: none;
	border-bottom: 1px dotted #313131 !important;
	}

#blogRight p a:hover, #blogRight p a:focus, #blogRight p a:active {
	color: #000;
	border-bottom: none !important;
	text-decoration: none;
	}
	
ul.blogSingle, ul.blogDouble {
	margin: 7px 0 20px 0;
	border-top: 1px solid #cbd7de;
	}
	
ul.blogSingle li {	
	border-bottom: 1px solid #cbd7de;
	width: 255px;
	height: 23px;
	}
	
.blogSingle li a {
	text-decoration: none;
	font-size: 1.1em;
	color: #292d31;
	line-height: 23px;
	height: 23px;
	display: block;
	cursor: pointer;
	padding: 0 10px 0 13px;
	}
	
.blogSingle li a:hover {
	background: url(../images/blog-list-states.gif) no-repeat 0 50%; 
	color: #4e555d;
	}
	
.blogSingle li a:active, .blogSingle li a:focus {
	background: url(../images/blog-list-states.gif) no-repeat 0 100%; 
	color: #8a979d;
	}
	
ul.blogDouble li {	
	width: 255px;
	}
	
.blogDouble li {
	cursor: pointer;
	padding-top: 6px;
	background: url(../images/blog-list-states-double.gif) no-repeat 0 100%;
	}
	
.blogDouble li a {
	font-size: 1.1em;
	color: #292d31;
	text-decoration: none;
	margin: 0 10px 0 13px;
	display: block;
	line-height: 1.2em;
	}

.blogDouble li p {
	font-size: 1.0em !important;
	color: #909ca3 !important;
	padding: 0 10px 3px 13px !important;
	line-height: normal;
	}
	
.blogDouble li:hover {
	background: url(../images/blog-list-states-double-hover.gif) no-repeat 0 100%;
	}
	
.blogDouble li:active, .blogDouble li:focus {
	background: url(../images/blog-list-states-double-press.gif) no-repeat 0 100%;
	}
	
.blogDouble li:hover a {
	color: #4e555d;
	}
	
.blogDouble li:active a, .blogDouble li:focus a {
	color: #8a979d !important;
	}
	
.blogDouble li:active p, .blogDouble li:focus p {
	color: #bcc6cb !important;
	}

/* ---------------------- 4. fonts ---------------------- */

#blogLeft p {
	color: #ababad;
	padding: 3px 0 20px 0;
	font-size: 1.2em;
	line-height: 1.8em;
	}
	
#blogLeft h2 {
	font-size: 2.5em;
	font-weight: normal;
	width: 550px;
	text-align: center;
	margin: 0 0 7px 0;
	padding: 30px 0 0 0;
	color: #0e0e0e;
	letter-spacing: -1px;
	background: url(../images/blogHeaderImage.gif) no-repeat 50% 0;
	line-height: 1.2em;
	}
	
#blogLeft h3.comments {
	font-size: 2.0em;
	font-weight: normal;
	width: 550px;
	text-align: left;
	margin: 0 0 7px 0;
	padding: 30px 0 0 0;
	color: #0e0e0e;
	letter-spacing: -1px;
	}
	
#blogLeft h3 {
	font-size: 1.2em;
	font-weight: normal;
	width: 550px;
	text-align: center;
	margin: 0 0 22px 0;
	color: #979797;
	}
	
#blogRight p {
	color: #ababad;
	padding: 3px 10px 20px 0;
	font-size: 1.1em;
	line-height: 1.6em;
	}
	
#blogRight h4 {
	font-size: 1.6em;
	font-weight: normal;
	width: 255px;
	height: 20px;
	text-indent: -9000px;
	overflow: hidden;
	display: block; 
	margin-bottom: 7px;
	color: #494949;
	}

h4.blog-search {
	background: url(../images/header-blog-search.png) no-repeat 0 0;
	}
	
h4.blog-categories {
	background: url(../images/header-blog-categories.png) no-repeat 0 0;
	}
	
h4.blog-archives {
	background: url(../images/header-blog-archives.png) no-repeat 0 0;
	}
	
h4.blog-recent {
	background: url(../images/header-blog-recent.png) no-repeat 0 0;
	}
	
h4.blog-about {
	background: url(../images/header-blog-about.png) no-repeat 0 0;
	}
	
	
.rssIcon {
	position: relative;
	}
	
a.rss:link, a.rss:visited {
	color: red;
	position: absolute;
	text-decoration: none;
	top: 0;
	right: 0;
	width: 18px;
	height: 19px;
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	background: url(../images/icon-rss.gif) no-repeat 0 0;
	}

a.rss:hover, a.rss:focus, a.rss:active {
	background: url(../images/icon-rss.gif) no-repeat 0 100%;
	}
	
.centerFloatedElement {
	float: left;
	position: relative;
	left: 50%;
	}
	
.pagingWrapper {
	padding-top: 30px;
	margin-top: 10px;
	background: url(../images/blogHeaderImage.gif) no-repeat 50% 0;
	}
	
ul.paging {
	position: relative;
	left: -50%;
	padding-bottom: 30px;
	}
	
ul.paging li {
	display: inline;
	font-size: 1.2em;
	margin-right: 15px;
	padding-bottom: 2px;
	}
	
ul.paging li p {
	display: inline;
	color: #A1A1A1;
	}
	
ul.paging li.reduceMargins {
	margin: 0 5px 0 -5px;
	}

ul.blogLinks {
	position: relative;
	left: -50%;
	padding-bottom: 50px;
	padding-top: 5px;
	}

ul.blogLinks li {
	float: left;
	font-size: 1.1em;
	margin-right: 20px;
	padding-bottom: 2px;
	}
	
ul.blogLinks li+li {
	margin-right: 0;
	}
	
ul.blogLinks li span {
	color: #9a9a9a;
	}

#nav {
	float: right;
	margin-top: 7px;
	position: relative;
	width: 258px;
	}
	
#nav li {
	color: #fff;
	float: left;
	font-size: 1.7em;
	font-weight: normal;
	position: relative;
	}
	
#nav li a {
	background: url(../images/nav.png) 0 0 no-repeat;
	height: 51px;
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	float: left;
	}
	
#nav li .navBackground {
	margin: 0;
	background: url(../images/nav.png) bottom left no-repeat;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 100%;
	z-index: 0;
	font-size: 0;
	line-height: 0;
	}
	
#nav li a:hover {
	cursor: pointer;
	}

/* work */
#nav li a.work { width: 75px; }
#nav li a.work .navBackground, #nav li.selected a.work { background-position: 0 -51px; }

/* about */
#nav li a.about { width: 81px; background-position: -75px 0; }
#nav li a.about .navBackground, #nav li.selected a.about { background-position: -75px -51px; }

/* contact */
#nav li a.contact { width: 102px; background-position: -156px 0; }
#nav li a.contact .navBackground, #nav li.selected a.contact { background-position: -156px -51px; }

#navBlog {
	float: right;
	margin-right: 5px;
	width: 200px;
	}
	
#navBlog li {
	float: right;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 52px;
	}
	
#navBlog li a:link, #navBlog li a:visited {
	color: #a0a4a7;
	text-decoration: none;
	border-bottom: none;
	}
	
#navBlog li a:hover, #navBlog li a:focus, #navBlog li a:active {
	text-decoration: none;
	border-bottom: 1px solid #a0a4a7;
	}

#flash h1, #flash-about h1, #flash-contact h1, #flash-work h1 {
	text-align: center;
	line-height: 420px;
	font-size: 1.6em;
	display: none;
	}
	
#columns h2, #columnsInside h2 {
	font-size: 1.9em;
	font-weight: normal;
	width: 310px;
	height: 35px;
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	margin-bottom: 7px;
	}

h2.quality {
	background: url(../images/header-quality.png) no-repeat 0 0;
	height: 40px !important;
	}

h2.communicate {
	background: url(../images/header-communicate.png) no-repeat 0 0;
	}
	
h2.ourWork {
	background: url(../images/header-work.png) no-repeat 0 0;
	width: 172px !important;
	}
	
h2.losangeles {
	background: url(../images/header-la.png) no-repeat 0 0;
	}
			
h2.recent {
	background: url(../images/header-recent.png) no-repeat 0 0;
	}
	
h2.news {
	background: url(../images/header-news.png) no-repeat 0 0;
	}
	
h2.network {
	background: url(../images/header-network.png) no-repeat 0 0;
	}
	
h2.clientList {
	background: url(../images/header-clientList.png) no-repeat 0 0;
	}
	
h2.agency {
	background: url(../images/header-agency.png) no-repeat 0 0;
	}
	
h2.services {
	background: url(../images/header-services.png) no-repeat 0 0;
	}
	
h2.award {
	background: url(../images/header-awards.png) no-repeat 0 0;
	}
	
#portfolio h3 {
	font-size: 1.9em;
	font-weight: normal;
	width: 500px;
	height: 35px;
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	margin-bottom: 7px;
	margin-top: 40px;
	}
	
h3.concepts {
	background: url(../images/work/header-concepts.png) no-repeat 0 0;
	}
	
h3.illustrations {
	background: url(../images/work/header-illustrations.png) no-repeat 0 0;
	}
	
h3.logo-header {
	background: url(../images/work/header-logo.png) no-repeat 0 0;
	}
	
h3.branding {
	background: url(../images/work/header-branding.png) no-repeat 0 0;
	}
	
h3.print-design {
	background: url(../images/work/header-print.png) no-repeat 0 0;
	}

/* Work Headers */

.workColRight h2 {
	width: 500px !important;
	float: left;
	}
	
h2.work-pal {
	background: url(../images/work/header-pal.png) no-repeat 0 0;
	}
	
h2.work-bio {
	background: url(../images/work/header-bio.png) no-repeat 0 0;
	}
	
h2.work-ppm {
	background: url(../images/work/header-ppm.png) no-repeat 0 0;
	}

h2.work-gra {
	background: url(../images/work/header-gra.png) no-repeat 0 0;
	}
	
h2.work-24h {
	background: url(../images/work/header-24h.png) no-repeat 0 0;
	}
	
h2.work-alc {
	background: url(../images/work/header-alc.png) no-repeat 0 0;
	}
	
h2.work-lmu {
	background: url(../images/work/header-lmu.png) no-repeat 0 0;
	}
	
h2.work-bas {
	background: url(../images/work/header-bas.png) no-repeat 0 0;
	}
	
h2.work-cul {
	background: url(../images/work/header-cul.png) no-repeat 0 0;
	}
	
h2.work-cyn {
	background: url(../images/work/header-cyn.png) no-repeat 0 0;
	}
	
h2.work-fcc {
	background: url(../images/work/header-fcc.png) no-repeat 0 0;
	}
	
h2.work-fce {
	background: url(../images/work/header-fce.png) no-repeat 0 0;
	}
	
h2.work-fit {
	background: url(../images/work/header-fit.png) no-repeat 0 0;
	}
	
h2.work-jhl {
	background: url(../images/work/header-jhl.png) no-repeat 0 0;
	}
	
h2.work-job {
	background: url(../images/work/header-job.png) no-repeat 0 0;
	}
	
h2.work-mar {
	background: url(../images/work/header-mar.png) no-repeat 0 0;
	}
	
h2.work-meo {
	background: url(../images/work/header-meo.png) no-repeat 0 0;
	}
	
h2.work-mur {
	background: url(../images/work/header-mur.png) no-repeat 0 0;
	}
	
h2.work-nep {
	background: url(../images/work/header-nep.png) no-repeat 0 0;
	}
	
h2.work-ofm {
	background: url(../images/work/header-ofm.png) no-repeat 0 0;
	}
	
h2.work-ret {
	background: url(../images/work/header-ret.png) no-repeat 0 0;
	}

h2.work-roi {
	background: url(../images/work/header-roi.png) no-repeat 0 0;
	}
	
h2.work-sar {
	background: url(../images/work/header-sar.png) no-repeat 0 0;
	}
	
h2.work-tre {
	background: url(../images/work/header-tre.png) no-repeat 0 0;
	}
	
h2.work-pro {
	background: url(../images/work/header-pro.png) no-repeat 0 0;
	}
	
h2.work-fpc {
	background: url(../images/work/header-fpc.png) no-repeat 0 0;
	}
	
h2.work-giv {
	background: url(../images/work/header-giv.png) no-repeat 0 0;
	}
	
/* <end workHeaders> */

p.subDescription {
	display: inherit !important;
	font-size: 1.2em !important;
	padding: 0 21px 0 !important;
	margin: -5px 0 20px 0 !important;
	}

#portfolio p {
	font-size: 1.3em;
	color: #9ca0a4;
	line-height: 1.7em;
	padding: 20px 30px 0;
	margin: 0;
	display: none;
	}
	
ul.tools {
	margin-top: 15px;
	display: none;
	}
	
ul.tools li {
	font-size: 1.3em !important;
	color: #9ca0a4 !important;
	padding: 8px 0 0 10px;
	margin: 0 0 0 80px;
	float: none !important;
	list-style-type: disc;
	}
	
#portfolio h4 {
	font-size: 1.6em;
	color: #fff;
	padding: 30px 30px 0;
	margin: 0;
	display: none;
	}
	
#portfolio a {
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	color: #fff;
	}
	
#portfolio a:focus, #portfolio a:active, #portfolio a:hover {
	border-bottom: none;
	}

p.smallText {
	font-size: 1.1em !important;
	line-height: 1.9em !important;
	color: #9ca0a4 !important;
	padding: 15px 12px 30px 15px !important;
	width: 284px !important;
	}
	
.left p+p, .middle p+p, .right p+p {
	padding-top: 0;
	}
	
.twoColRight p {
	padding: 3px 20px 20px 11px;
	/* width: 273px; */
	font-size: 1.2em;
	line-height: 2.0em;
	color: #9ca0a4;
	/* margin-top: -10px; */
	}
	
.left p, .middle p, .right p {
	padding: 6px 25px 20px 9px;
	width: 275px;
	font-size: 1.2em;
	line-height: 2.0em;
	color: #9ca0a4;
	}
	
.left p a:link, .left p a:visited, .middle p a:link, .middle p a:visited, .right p a:link, .right p a:visited {
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	color: #fff;
	}

.left p a:hover, .left p a:focus, .left p a:active, .middle p a:hover, .middle p a:focus, .middle p a:active, .right p a:hover, .right p a:focus, .right p a:active {
	border-bottom: none;
	}
	
.left ul.contentList, .middle ul.contentList, .right ul.contentList {
	margin-top: 8px;
	}
	
.left ul.contentList li, .middle ul.contentList li, .right ul.contentList li {
	font-size: 1.3em;
	color: #EBEBEB;
	padding: 0 0 15px 0 !important;
	}
	
.left ul.contentList, .middle ul.contentList, .right ul.contentList {
	padding: 10px 20px 0 10px;
	}
	
/* ---------------------- 5. images ---------------------- */

a.logo, a.logo:visited, a.logo:hover {
	width: 170px;
	height: 52px;
	background: url(../images/logo.png) left top no-repeat;
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	float: left;
	margin-left: 11px;
	}
	
a.logo-blog, a.logo-blog:visited, a.logo-blog:hover {
	width: 234px;
	height: 52px;
	background: url(../images/logo-blog.png) left top no-repeat;
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	float: left;
	margin-left: 11px;
	}
	
img.workLabels {
	margin-left: 2px;
	}
	
#portfolio img {
	margin-left: 18px;
	margin-bottom: 15px;
	}
	
.displayNone {
	display: none;
	}
	
a.backToTop, a.backToTop:visited {
	width: 85px;
	height: 20px;
	background: url(../images/back-to-top.png) 0 0 no-repeat;
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	float: right;
	margin-right: 20px;
	border: none !important;
	cursor: pointer;
	}
	
a.backToTop:hover, a.backToTop:active, a.backToTop:focus {
	background: url(../images/back-to-top.png) 0 100% no-repeat;
	}

/* ---------------------- 6. tables ---------------------- */

/* ---------------------- 7. forms ---------------------- */

textarea { /* Removes resize grippie in safari */
    resize: none;
    overflow: auto;
	}
	
span.email {
	background: url(../images/input.gif) left top no-repeat;
	width: 168px;
	height: 25px;
	display: block;
	cursor: text;
	float: left;
	margin: 12px 6px 0 0;
	}
	
span.email input.inputEmail {
	font-size: 12px;
	background: transparent;
	border: 0;
	font-family: arial, helvetica, sans-serif;
	color: #898989;
	width: 150px !important;
	margin: 6px 8px 0 7px !important;
	}
	
/* button.signUp {
	background: url(../images/button-signup.gif) no-repeat 0 0;
	width: 81px;
	height: 25px;
	border: none;
	cursor: pointer;
	cursor: hand;
	margin: 12px 0 0 0;
	float: left;
	}
	
button.signUp:hover {
	background: url(../images/button-signup.gif) no-repeat 0 50%;
	}
	
button.signUp:active {
	background: url(../images/button-signup.gif) no-repeat 0 100%;
	} */
	
/* GeneralButton */
button.GeneralButton::-moz-focus-inner {
    padding:0;
    border:none;
	}
	
button.GeneralButton {
	margin: 10px 0 0 5px;
	padding: 0;
	border: none;
	cursor: pointer;
	text-align: center;
	background: none;
	height: 30px;
	}
	
button.GeneralButton span {
	display: block;	
	text-decoration: none;
	padding: 0 0 0 17px;
	cursor: pointer;
	}

button.GeneralButton em {
	display: block;
	font-family: arial, helvetica, sans-serif;
	height: 30px;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	padding: 0 18px 0 1px;
	line-height: 28px;
	white-space: nowrap;
	color: #fff;
	}

button.buttonBlue span {
	background: url(../images/buttonLeft.png) no-repeat left top;
	}
	
button.buttonBlue em {
	background: url(../images/buttonRight.png) no-repeat right top;
	}
	
button.buttonBlue:hover span {
	background: url(../images/buttonLeft.png) no-repeat left center;
	}
	
button.buttonBlue:hover em {
	background: url(../images/buttonRight.png) no-repeat right center;
	}
	
button.buttonBlue:active span, button.buttonBlue:focus span {
	background: url(../images/buttonLeft.png) no-repeat left bottom;
	}
	
button.buttonBlue:active em, button.buttonBlue:focus em {
	background: url(../images/buttonRight.png) no-repeat right bottom;
	color: #bec7d1;
	line-height: 30px;
	}

/* <end generalButton> */

/* blog button */
button.blogButton::-moz-focus-inner {
    padding:0;
    border:none;
	}
	
button.blogButton {
	margin: 8px 0 20px 5px;
	padding: 0;
	border: none;
	cursor: pointer;
	text-align: center;
	background: none;
	height: 30px;
	}
	
button.blogButton span {
	display: block;	
	text-decoration: none;
	padding: 0 0 0 17px;
	cursor: pointer;
	}

button.blogButton em {
	display: block;
	font-family: arial, helvetica, sans-serif;
	height: 30px;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	padding: 0 18px 0 1px;
	line-height: 28px;
	white-space: nowrap;
	color: #fff;
	}

button.buttonYellow span {
	background: url(../images/buttonLeftBlog.png) no-repeat left top;
	}
	
button.buttonYellow em {
	background: url(../images/buttonRightBlog.png) no-repeat right top;
	}
	
button.buttonYellow:hover span {
	background: url(../images/buttonLeftBlog.png) no-repeat left center;
	}
	
button.buttonYellow:hover em {
	background: url(../images/buttonRightBlog.png) no-repeat right center;
	}
	
button.buttonYellow:active span, button.buttonYellow:focus span {
	background: url(../images/buttonLeftBlog.png) no-repeat left bottom;
	}
	
button.buttonYellow:active em, button.buttonYellow:focus em {
	background: url(../images/buttonRightBlog.png) no-repeat right bottom;
	color: #c7bea5;
	line-height: 30px;
	}

/* <end blog button> */

/* Link button */
.smallButtonLink {
	margin: 3px 0 0 0;
	padding: 0;
	border: none;
	cursor: pointer;
	text-align: center;
	background: none;
	height: 30px;
	text-decoration: none;
	float: right;
	}
	
.smallButtonLink span {
	display: block;	
	text-decoration: none;
	padding: 0 0 0 17px;
	cursor: pointer;
	background: url(../images/buttonLeft.png) no-repeat left top;
	}

.smallButtonLink em {
	display: block;
	font-family: arial, helvetica, sans-serif;
	height: 30px;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	padding: 0 18px 0 1px;
	line-height: 28px;
	white-space: nowrap;
	color: #fff;
	text-decoration: none;
	background: url(../images/buttonRight.png) no-repeat right top;
	}
	
.smallButtonLink:hover span {
	background: url(../images/buttonLeft.png) no-repeat left center;
	}
	
.smallButtonLink:hover em {
	background: url(../images/buttonRight.png) no-repeat right center;
	}
	
.smallButtonLink:active span, .smallButtonLink:focus span {
	background: url(../images/buttonLeft.png) no-repeat left bottom;
	}
	
.smallButtonLink:active em, .smallButtonLink:focus em {
	background: url(../images/buttonRight.png) no-repeat right bottom;
	color: #bec7d1;
	line-height: 30px;
	}

/* ButtonEmail */
button.GeneralButtonEmail::-moz-focus-inner {
    padding:0;
    border:none;
	}
	
button.GeneralButtonEmail {
	margin: 12px 0 0 0;
	padding: 0;
	border: none;
	cursor: pointer;
	text-align: center;
	background: none;
	height: 28px;
	}
	
button.GeneralButtonEmail span {
	display: block;	
	text-decoration: none;
	padding: 0 0 0 17px;
	cursor: pointer;
	}

button.GeneralButtonEmail em {
	display: block;
	font-family: arial, helvetica, sans-serif;
	height: 28px;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	padding: 0 18px 0 1px;
	line-height: 26px;
	white-space: nowrap;
	color: #fff;
	}

button.buttonBlack span {
	background: url(../images/buttonLeftEmail.png) no-repeat left top;
	}
	
button.buttonBlack em {
	background: url(../images/buttonRightEmail.png) no-repeat right top;
	}
	
button.buttonBlack:hover span {
	background: url(../images/buttonLeftEmail.png) no-repeat left center;
	}
	
button.buttonBlack:hover em {
	background: url(../images/buttonRightEmail.png) no-repeat right center;
	}
	
button.buttonBlack:active span, button.buttonBlack:focus span {
	background: url(../images/buttonLeftEmail.png) no-repeat left bottom;
	}
	
button.buttonBlack:active em, button.buttonBlack:focus em {
	background: url(../images/buttonRightEmail.png) no-repeat right bottom;
	color: #A6A6A6;
	line-height: 28px;
	}

/* <end buttonEmail> */

.leaveCommentsBubble form {
	margin-top: 20px;
	margin-left: 7px;
	}

div.commentRow {
  	clear: both;
  	}

div.commentRow span.label {
  	float: left;
  	width: 78px;
  	text-align: right;
  	line-height: 33px;
  	font-size: 1.2em;
  	color: #928760;
  	margin-right: 8px;
  	}
  	
.required {
	color: #d92929 !important;
	}
  	
div.commentRow span.formWrapper {
  	float: left;
  	text-align: left;
  	} 
  
span.blogFields {
	background: url(../images/input-blog.gif) left top no-repeat;
	width: 174px;
	height: 31px;
	display: block;
	cursor: text;
	float: left;
	}
	
span.blogFields input.inputBlog {
	font-size: 12px;
	background: transparent;
	border: 0;
	font-family: arial, helvetica, sans-serif;
	color: #675d3c;
	width: 152px !important;
	margin: 7px 15px 0 8px !important;
	padding: 2px;
	}
	
span.blogFieldsTextarea {
	background: url(../images/textarea-blog.gif) left top no-repeat;
	width: 434px; 
	height: 111px; 
	display: block;
	cursor: text;
	float: left;
	margin-top: 1px;
	margin-left: 0px;
	}
	
span.blogFieldsTextarea textarea.blogTa {
	width: 421px;
	height: 90px;
	font-size: 12px;
	background: transparent;
	border: 0;
	font-family: arial, helvetica, sans-serif;
	color: #675d3c;
	font-weight: normal;
	margin: 11px 0 0 10px;
	}

div.row {
  	clear: both;
  	margin-bottom: 2px;
  	}

div.row span.label {
  	float: left;
  	width: 78px;
  	text-align: right;
  	line-height: 30px;
  	font-size: 1.2em;
  	color: #d5dfe7;
  	margin-right: 8px;
  	}
  	
.required {
	color: #d92929 !important;
	}
  	
div.row span.formWrapper {
  	float: left;
  	text-align: left;
  	/* height: 29px; */
  	} 
  
span.formField {
	background: url(../images/inputField.png) left top no-repeat;
	width: 222px;
	height: 29px;
	display: block;
	cursor: text;
	float: left;
	}
	
span.formField input.inputGeneral {
	font-size: 12px;
	background: transparent;
	border: 0;
	font-family: arial, helvetica, sans-serif;
	color: #fff;
	width: 200px !important;
	margin: 6px 15px 0 8px !important;
	padding: 2px;
	}
	
.taSpacing {
	height: 105px;
	}
	
/* span.formField:hover, span.formFieldTextarea:hover, span.focusField {
	background-position: 0 100%;
	} */
	
span.formFieldTextarea {
	background: url(../images/textarea.png) left top no-repeat;
	width: 530px;
	height: 99px;
	display: block;
	cursor: text;
	float: left;
	margin-top: 1px;
	margin-left: 0px;
	}
	
span.formFieldTextarea textarea.contactTa {
	width: 518px;
	height: 78px;
	font-size: 12px;
	background: transparent;
	border: 0;
	font-family: arial, helvetica, sans-serif;
	color: #fff;
	font-weight: normal;
	margin: 11px 0 0 10px;
	}
	
#blogRight form {
	margin-bottom: 20px;
	}
	
span.searchField {
	background: url(../images/inputSearch.gif) no-repeat 0 0;
	width: 170px;
	height: 27px;
	display: block;
	cursor: text;
	float: left;
	margin: 0 6px 0 0;
	}
	
span.searchField input.inputSearch {
	font-size: 12px;
	background: transparent;
	border: 0;
	font-family: arial, helvetica, sans-serif;
	color: #525252;
	width: 155px !important;
	margin: 6px 8px 0 7px !important;
	}
	
span.focusField, span.focusFieldTextarea {
	background-position: 0 100%;
	}
	
/* Button Search */
button.buttonSearch::-moz-focus-inner {
    padding:0;
    border:none;
	}
	
button.buttonSearch {
	margin: -1px 0 0 0;
	padding: 0;
	border: none;
	cursor: pointer;
	text-align: center;
	background: none;
	height: 28px;
	}
	
button.buttonSearch span {
	display: block;	
	text-decoration: none;
	padding: 0 0 0 17px;
	cursor: pointer;
	}

button.buttonSearch em {
	display: block;
	font-family: arial, helvetica, sans-serif;
	height: 28px;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	padding: 0 18px 0 1px;
	line-height: 28px;
	white-space: nowrap;
	color: #fff;
	}

button.buttonLittle span {
	background: url(../images/buttonLeftSearch.png) no-repeat left top;
	}
	
button.buttonLittle em {
	background: url(../images/buttonRightSearch.png) no-repeat right top;
	}
	
button.buttonLittle:hover span {
	background: url(../images/buttonLeftSearch.png) no-repeat left center;
	}
	
button.buttonLittle:hover em {
	background: url(../images/buttonRightSearch.png) no-repeat right center;
	}
	
button.buttonLittle:active span, button.buttonLittle:focus span {
	background: url(../images/buttonLeftSearch.png) no-repeat left bottom;
	}
	
button.buttonLittle:active em, button.buttonLittle:focus em {
	background: url(../images/buttonRightSearch.png) no-repeat right bottom;
	color: #A6A6A6;
	line-height: 30px;
	}

/* <end button search> */