@charset "UTF-8";
/* CSS Document */

/*RESET*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;http://refreshperspective.com/ADMIN/index.php?S=10e84771f896a9e33d28d955e1ff02760b88c01b&C=templates&M=update_template&tgpref=4
	outline: 0;
	font-weight: inherit; 
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body {
	line-height: 1;
	color: black;
	background-color: #fda61e;
	font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
	color: #3D3D3D;
}

/*GENERAL TYPOGRAPHY*/

p {
	font-size:.8em; line-height:1.5; margin-bottom:18px;
} 

.post strong {font-weight:bold;}

a {
	text-decoration:none;
	color:#fda61e;
	font-weight:bold;
	line-height:1.5;
}

#content em {font-style:italic;}

a:hover {background-color: #fda61e; color:white;}

#content ul, ol {font-size: .8em; line-height: 1.5; margin-bottom:18px;}

#content ul {margin-left:22px;}

#content .col1 ul {margin-left:16px;}

#content .col1 ul li {padding:0px;}

#content ol {list-style-type:decimal; margin-left:22px;}

#content ol li, #content ul li {padding: 0 0 8px 14px;}

#content ul li {background: transparent url(/images/template/bullet.gif) no-repeat scroll 0px 7px;}

h1, img.h1 {
background:transparent url(/images/template/HR-gray.gif) no-repeat scroll center bottom;
font-size:3.12em;
letter-spacing:-0.05em;
margin:0 0 30px;
padding:0 0 10px;
font-weight:normal;
}

h1.small {font-size:2.2em;}

h2.top {padding: 0px 0px 15px;}

blockquote, blockquote p {
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:1.4;
	color:black;
	font-style:italic;
        font-size: 14px;
}

blockquote span {
color:#666666;
display:block;
font-family:Verdana,'Lucida Sans Unicode','Lucida Grande',Verdana,Arial,sans-serif;
font-size:9px;
font-style:normal;
letter-spacing:1px;
padding-top:8px;
text-indent:0;
text-transform:uppercase;
}

h2 {font-size: 1.2em; font-weight:bold; color:#3D3D3D; padding: 18px 0px 10px;}

p strong {font-weight:bold;}

label {display:block; font-weight:bold;}

/*HEADER*/

#banner {
	width:100%;
	background: url(/images/template/banner-bg.jpg) repeat-x scroll center bottom;
	height:60px;
	background-color:#6bb100;
}
div#logo {
	width:211px;
	margin:0 auto;
	float:left;	
}

div#logo a {
	background:url(/images/template/logo.png) no-repeat scroll left top;
	display:block;
	height:58px;
	text-indent:-9999px;
	margin-top:6px;
}

/*NAVIGATION*/

div#nav {
		margin:0 auto;
		width:912px;
}

ul#navigation {
	width:450px;
	height:24px;
	float:right;
	margin-top:14px;
}

#navigation a {
	background:url(/images/template/menu.jpg);
	display:block;
	text-indent:-9999em;
	height:24px;
}

#navigation li {
	float:left;
}

#navigation .about a {
	width: 64px;
	background-position: 0 -24px;
}

#navigation .portfolio a {
	width: 96px;
	background-position: -81px -24px;
	margin-left:17px;
}

#navigation .services a {
	width: 85px;
	background-position: -195px -24px;
	margin-left:18px;
}

#navigation .blog a {
	width: 58px;
	background-position: -293px -24px;
	margin-left:13px;
}

#navigation .contact a {
	width: 74px;
	background-position: -376px -24px;
	margin-left:25px;
}

#navigation .about a:hover, #navigation li.about a#selected {
	background-position: 0 0;
}

#navigation .portfolio a:hover, #navigation li.portfolio a#selected {
	background-position: -81px 0;
}

#navigation .services a:hover, #navigation li.services a#selected {
	background-position: -195px 0;
}

#navigation .blog a:hover, #navigation li.blog a#selected {
	background-position: -293px 0;
}

#navigation .contact a:hover, #navigation li.contact a#selected {
	background-position: -376px 0;
}

/*MAIN*/

#content {
	width:912px;
	margin:0 auto;
	background-color:#FFFFFF;
}

#page {
	width:100%;
	background-color:#FFFFFF;
	padding:100px 0px;
}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*FOOTER*/

#footer {
	width:100%;
	background: #fda61e url(/images/template/footer-bg.jpg) repeat-x scroll center top;
}

ul#footer-promos {
	width:912px;
	margin:0 auto;
	height:73px;
	padding:24px 0px 24px 0px;
}

#footer-promos li {
	display:block;
	width:270px;
	float:left;
}

#footer-promos a, #footer-promos a:hover {display:block; height:74px;}

#footer-promos a strong {display: block; font-size:11px; margin-top:5px; line-height:13px; font-weight:normal; color: #3D3D3D;}

#footer-promos a:hover strong {color:#000000;}

#footer-promos span {display:block; text-indent:-9999em; height:14px;padding:0;margin:0;font-size:0px;
}

#footer-promos a:hover span, #footer-promos a:focus span {background-position:0px -14px;}

#footer-promos a:hover {background-position:0px -74px;}

li#promo1, li#promo2 {
	padding-right:51px;
}

li#promo1 a {
	background:url(/images/template/lightbulb.jpg) no-repeat top left; 
}

li#promo1 a span {
	background:url(/images/template/needanewsite.jpg) no-repeat top left;
}

li#promo1 a strong, li#promo1 a span {
	margin-left: 85px;
}

li#promo2 a {
	background:url(/images/template/footer-arrows.jpg) no-repeat top left; 
}

li#promo2 a span {
	background:url(/images/template/yoursiteneedhelp.jpg) no-repeat top left;
}

li#promo2 a strong, li#promo2 a span, li#promo3 a strong, li#promo3 a span {
	margin-left:76px;
}

li#promo3 a {
	background:url(/images/template/footer-speechbubble.jpg) no-repeat top left; 
}

li#promo3 a span {
	background:url(/images/template/justwanttochat.jpg) no-repeat top left;
}


#subfooter {
	width:912px;
	margin:0 auto;
	background: url(/images/template/HR-footer-orange.jpg) no-repeat scroll top center;
	font-size:.9em;
	padding: 24px 0px;
}

#subfooter a {color:white;}

#subfooter a:hover {background-color:white; color:#FDA61E;}

/*HOMEPAGE*/

.HPcol1 h2 {
	font-size:23px;
	line-height:1.5;
	margin:30px 0px 0px 0px;
	padding: 0px 10px 30px 0px;
	background:none;
	border:none;
        font-weight:normal;
}

.HPcol1 h2 a {font-weight:normal; color:#000;display:inline-block;}

.HPcol1 h2 a:hover {background:none;}

.HPcol1 h2 a#HPdesign {background:transparent url(/images/template/highlights1.jpg) no-repeat scroll -83px 0;
margin-left:-6px;
padding-left:12px;
width:71px;}

.HPcol1 h2 a#HPdesign:hover {background-position: 0px 0px;}

.HPcol1 h2 a#HPmarketing {background:transparent url(/images/template/highlights3.jpg) no-repeat scroll 0 0;
margin-left:-10px;
padding-left:10px;
width:114px;}

.HPcol1 h2 a#HPmarketing:hover {background-position: -124px 0px;}

.HPcol1 h2 a#HPfind {background:transparent url(/images/template/highlights2.jpg) no-repeat scroll 0 5px;
padding-left:10px;
width:51px;}

.HPcol1 h2 a#HPfind:hover {background-position:-61px 5px;}

.HPcol1 {width:377px; float:left;}

.HPcol1 h4 {
	color: #666666;
	text-transform:uppercase;
	line-height:1.5;
font-family:Verdana,'Lucida Sans Unicode','Lucida Grande',Verdana,Arial,sans-serif;
font-size:9px;
font-style:normal;
letter-spacing:1px;
}

#row2 h3 {
padding:0px;
}

#row2 {
	background:transparent url(/images/template/HR-gray.gif) no-repeat scroll center top;
	clear:both;
	float:left;
	margin-top:30px;
	padding-top:30px;
	width:100%;
}

#row2 h3.latestnews, #row2 h3.casestudy {
	text-indent:-9999em;
	background:url(/images/template/latestnews.gif) no-repeat scroll top left;
	height:28px;
	padding-bottom:30px;
}

#row2 .HPcol2 h3.casestudy {background: url(/images/template/casestudy.gif) no-repeat scroll top left;}

.HPcol2 {width: 480px; float:left; margin-left:30px;}

.HPcol2 blockquote {background:url(/images/template/quote-large.gif) no-repeat scroll top left;padding-top:20px; text-indent:60px; margin-top:15px; clear:both;}

.HPcol2 a img {background:url(/images/template/HPimg-bg.gif) no-repeat top left; padding:5px 10px 13px; margin-right:10px; float:left;}

.HPcol2 a:hover img {background-position: 0px -198px;}

.HPcol2 p {overflow:auto;}   

/*PORTFOLIO*/

#content ul.portfolioItem {margin-left:0px; list-style:none;}

#content .portfolioItem li {width: 422px; height:270px; padding:0px;}

.portfolioItem li.right {float:right;}

.portfolioItem li.left {float:left; clear:left;}

.portfolioItem a.block {display:block;}

.portfolioItem a {color:#3D3D3D; font-weight:normal;}

.portfolioItem a:hover {color:black; text-decoration:none; background-color:#FFF;}

.portfolioItem a strong {display: block; font-size: 1.2em; line-height:1em; font-weight:bold;}

.portfolioItem a span {padding-top:4px; display:block;}

.portfolioItem a img {margin-bottom:4px;padding:8px 12px 14px;background:url(/images/template/portfolio-image-bg.gif) no-repeat top left;}

.portfolioItem a:hover img {background-position: 0px -122px;}

/*PORTFOLIO - SINGLE */

.col1 {
	width: 335px;
	float:left;
}

.col1 blockquote {
	margin:7px 0 25px;
	padding:4px 0 0 32px;
	background: url(/images/template/small-quote.jpg) no-repeat scroll top left;
}

.col2 {
	width: 480px;
	float:right;
	background: url(/images/template/portfolio-large-img-bg.gif) no-repeat scroll top left;
	padding:8px 12px;
}


#imageContainer {
	width: 480px; 
	height: 360px;
	overflow: hidden;
}

#imageContainer img {
	display: block;
}

#thumbContainer {
	margin-top: 31px;
}

#thumbContainer img {
	padding:4px 7px;
	display:block;
	float:left;
}

a.portfoliothumb {
	display:block; 
	float:left; 
	width: 94px; 
	height:92px; 
	background:url(/images/template/portfolio-small-img-bg.gif) no-repeat scroll top left;
	margin-right:20px;
margin-left:-11px
}

a.portfoliothumb:hover {background-position:0 -92px;}

p.padding-top {padding-top:10px;font-size:1em; margin-bottom:25px;}

div.portfolionav {clear:both; padding-top:10px;}

.portfolionav img.nextproject {float:right;}

.portfolionav img.prevproject {float:left;}


/*SERVICES*/

#servicesmenu h2 a {background:#4D8001 url(/images/template/services/menuhighlight.gif) no-repeat scroll left top;
color:white;
display:inline-block;
font-weight:bold;
height:25px;
padding:0 0 0 9px;
}

#servicesmenu h2 a:hover {background:#315201 url(/images/template/services/menuhighlight.gif) no-repeat scroll 0px -25px;}

#servicesmenu h2 a:hover span {background:#315201 url(/images/template/services/menuhighlight-rightboth.gif) no-repeat scroll 100% -25px;}

#servicesmenu h2 a span {background:#4d8001 url(http://refreshperspective.com/images/template/services/menuhighlight-rightboth.gif) no-repeat top right; padding-right:9px; display:inline-block; height:25px;}

h1#services {background:transparent url(/images/template/HR-gray-small.jpg) no-repeat scroll center bottom;}

#content ul#servicesmenu {
background:transparent url(/images/template/services/menu.jpg) no-repeat scroll 0 0;
float:left;
height:490px;
margin:0 0 0 -17px;
padding:0px;
width:262px;
list-style:none;
color:white;
font-size:.75em;
}

#content a.backlink {height: 45px; display: block; text-indent:-9999em;}

#content a.backlink:hover {background-color:transparent;}

#content ul#servicesmenu li.backlinklist {width:262px; padding:0;}

#content ul#servicesmenu  li {
	margin-left:0;
        padding:25px 20px 0 36px;
        width:210px;
        background:none;
}

#servicesmenu a {
	color: white;
	font-weight:bold;
}

#servicesmenu h2 a.select span {background:#315201 url(/images/template/services/menuhighlighthover-right.gif) no-repeat scroll right top;}

#servicesmenu h2 a.select {background:#315201 url(/images/template/services/menuhighlighthover-left.gif) no-repeat scroll left top;}

#servicesmenu h2 {font-size: 1.3em; padding: 0px;}

.servicesCol2 {float:right; width:644px;}

.pullout {padding: 0pt 0pt 14px; background: transparent url(/images/template/HR-v-2.jpg) no-repeat scroll center bottom; font-size: 20px; color: gray; overflow:auto; margin-bottom:12px;clear:both; display:inline-block;}

.pullout ul {margin-bottom:0;}

p.servcontact {margin-bottom:0; text-align:right;} 

.imageleft {float:left; padding-right: 10px;}

a.ourclients img {background:url(/images/template/services/img-bg.gif) no-repeat top left; padding:5px 8px 9px; float:left;}

a.ourclients:hover img {background:url(/images/template/services/img-bg-hover.gif) no-repeat top left;}

a.ourclients {font-size:.75em; width:188px; color:#3D3D3D;}

a#one, a#two {padding-right:36px;_padding:10px;}

a#three {padding-right:0px;}

a.ourclients:hover {background-color:white; color: #3D3D3D;}

.servicesCol2 .servicessections h2 {margin:0px 0px 25px;padding:0px;}

.servicesCol2 .servicessections h2 span, h2#conversion span {background: url(/images/template/services/services-titles.png) no-repeat left top; display:inline-block;height:20px; text-indent:-9999em; margin-left:7px; width:115px;}

.servicessections {background:url(/images/template/services/small-rule.png) no-repeat -5px 26px; width:300px; float:left; margin-top:18px;}

#developmenttitle span {background-position: 0px -20px;}

#copywritingtitle span {background-position: 0px -40px; }

#uxiatitle span {background-position:0px -60px;} 

.servicesCol2 h2#conversion span {background-position:0px -80px; width:225px; }

.right {float:right;}

.servicesCol2 div.portfolioclients {position:relative; background: url(/images/template/HR-v-2.jpg) no-repeat top left; padding:37px 0px 30px 0px; margin-top:19px;clear:both; display:inline-block;}

div.portfolioclients img#clientsarrow {position: absolute; top: 20px; left: -207px;}

div.portfoliocontact {background: url(/images/template/HR-v-2.jpg) no-repeat top left;padding-top:37px; clear:both; display:inline-block;}

div.portfoliocontact h2 {padding:0px 0px 25px 0px;}

.seoservice {margin-left: -70px; padding-left: 70px; clear:both; display:inline-block;}


/*CONTACT*/

.contactinfo {width: 329px; height:88px; text-align:center; float:right; margin-top:-135px;background:url(/images/template/contact-page-bg.jpg) no-repeat 0 0;}

.contactinfo p {font-size: 1.1em; text-align: center; padding-top: 20px; font-weight: bold;}

h1.contact .sIFR-flash{width:400px;}

.contactform {padding: 24px 45px; background: transparent url(/images/template/contact-form-bg.jpg) no-repeat scroll 0pt 0pt; height: 533px; width: 650px;}

/*BLOG*/

#TOC {width:600px; float:left;}

.post {
	width: 500px;
	padding-left: 100px;
	position:relative;
        margin-bottom:55px;
}

#TOC .single {margin-bottom:40px;}

.post .authordate {
	width: 75px;
	text-align: left;
	position:absolute;
	top: 0;
	left: 0;
	padding-top:9px;
}

.blogsidebar {
	width:223px;
	float:right;
}


.post .authordate span {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	color: #cecece;
        font-size:1.2em;
}

span.comment {
	background:transparent url(/images/template/blog/speechbubble.jpg) no-repeat scroll center top;
display:block;
float:right;
height:32px;
padding-top:3px;
text-align:center;
width:37px;
position:absolute; top:-8px; right:0;
text-indent:0;
}

p.metaindex span.comment a {margin:0px; opacity:1;}

p.metaindex span.comment a:hover {background-color:#fda61e}

p.metaindex {position:relative; height:32px; padding-top:8px; }

p.meta {background:url(/images/template/blog/asterisk.jpg) no-repeat left top; 
	text-indent:20px; color: #c0c0c2;
}

p.meta a {color:#c0c0c2;}

p.meta a:hover {background-color:#c0c0c2; color:white;}

#content .post h1 {font-size: 2em; background:transparent url(/images/template/blog/h1-rule.jpg) no-repeat scroll center bottom; margin:0 0 5px; padding:0 0 5px; font-weight:normal; letter-spacing:normal;line-height:1.1em;}

#content .post h1 a {font-weight:normal; line-height:1.1em;}

#comments {	width: 500px;
	padding-left: 100px;}

#comments h2 {background:transparent url(/images/template/blog/h1-rule.jpg) no-repeat scroll center bottom; margin:0; padding:0 0 8px;}

#content #comments li span {font-size: 0.8em; font-weight:bold;display:block;padding-bottom:3px;}

#content #comments li {list-style: none;background: url(/images/template/blog/h1-rule.jpg) no-repeat scroll center bottom;padding:26px 0 1px;}

#content #comments ul {margin:0; font-size:1em;}

div#reply {padding-top:26px;}

p#about {background: transparent url(http://refreshperspective.com/images/template/blog/about-bg.gif) repeat scroll 0% 0%; height:77px;
padding:31px 20px 31px 27px;
position:relative;
top:-20px;
width:203px;
margin:0 0 0 -27px;}

#content .blogsidebar ul.nav_categories {list-style:none; margin:0px;}

#content .blogsidebar ul.nav_categories li {padding:0 0 0 27px; background:none;}

.blogsidebar h2 {margin:35px 0 10px;padding:0;background: url(/images/template/blog/blog-sidebar-titles.gif) no-repeat top left; height:17px;
text-indent:-9999em;}

.blogsidebar h2#archives {background-position: 0 -17px;}

.blogsidebar h2#tweets {background-position: 0 -33px; height:65px;}

#content .blogsidebar ul#twitterfeed li {padding:0 0 10px 0;}

.blogsidebar a.imglink {margin-right:10px;}

.blogsidebar a.imglink:hover {background:none;}

.codeblock {background-color:#F9F9F9;
border:1px solid #D0D0D0;
font-family:'Courier New', Courier,Verdana,Sans-serif;
margin:0px 0 18px 0px;
padding:12px 10px;font-size:0.85em;
line-height:1.3em;}

p.metaindex a {opacity:0.6; margin:0px 2px;}

p.metaindex a:hover {opacity:1; background-color:white;}

.post object, .post embed {margin-bottom:18px;}

.post h1 object, .post h1 embed {margin-bottom:0;}

#content #pagination ul li {background: none; height: 16px; }

#content #pagination li a:hover {background-color:white;}


/*IMAGES*/

.imagecenter {display:block;margin:0 auto;}

img#services_graphic {padding:10px;}

img.imageright {float:right; padding-left:10px;}