/* ------ NOTES ---------------------------------------------------------------

Site: propellerglobal.com
Stylesheet: Global Screen Styles
Author: Damien Buckley, Propeller Graphic Design & Marketing.
Version: 10/2/10
	Changes:- 08/07/09 - reset / typography added to main sheet, added email-feature-list
	Changes:- 23/07/09 - added social bookmarking icons
	Changes:- 10/02/10 - update association background images & links
	
--------- CONTENTS ------------------------------------------------------------

GLOBAL RESET

1: BODY
	a) Base Link Styles
	c) Skip Links

2: TYPOGRAPHY GENERAL
	a) BASE LIST STYLES
	b) Special List Styles
	c) Icon Lists
	d) Definition Lists
	e) FAQ's
	f) Processes
	g) BANNER SLOGAN
	h) DATA TABLES
	i) MISC

2: MAIN CONTAINER

3a: NAV UTILITY

4: MAIN CONTENT CONTAINERS
	a) Logo
	b) Nav Main
	c) Contextual Nav
	d) Nav Feature

5: CATEGORY NAV - SECTION NAV

6: FOOTER
	a) Footer columns
	b) Services List
	c) Headlines
	d) Associations
	e) Newsletter Subscribe
	
7: COPYRIGHT
	a) Search input

8: PROPELLERMAIL LOGIN FORM & PAYMENT TERMS

9: MAIN CONTENT CONTAINER
	a) Article containers & comment display
	b) Comment form

10: DOMAIN SEARCH FORM

11: PAGINATION

12: SEARCH RESULTS

13: INLINE IMAGE STYLES

14: LANDING PAGE BANNERS

15: EMAIL CREATE / SEND LIST

16: EMAIL FEATURE LIST

17: SOCIAL BOOKMARKING - BLOG

-------------------------------------------------------------------------------- */

/* GLOBAL RESET - thanks to Eric Meyer
============================================================================ */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, cite, del, em, img, ins, q, strike, strong, sub, sup, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, 
th, td {
	margin: 0; padding: 0; border: 0; font-weight: inherit; font-size: 100%; 
	font-style: inherit; font-family: inherit; vertical-align: baseline; 
	}

ol, ul {list-style: none;}

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: "" "";}

strong {font-weight:bold;}

em {font-style:italic;}

img {border:none; display:block;}

/* 1) BODY
============================================================================ */

body {
	font-family: Geneva, Helvetica, sans-serif;
	text-align: center;
	color:#333;
	font-size:small;
	background-color:#FFF;
	}

/* 1b) BASE LINK STYLES
============================================================================ */

a:link, a:visited, a:focus {
	color:#86052A;
	text-decoration:none;
	}

a:hover, a:active {
	color:#86052A;
	text-decoration:underline;
	}

/* 2) TYPOGRAPHY - GENERAL
============================================================================ */

p {
	margin-bottom:1.5em;
	line-height:1.5em;
	}

code, pre {
	margin:0 0 1.5em 0;
	line-height:1.5em;
	}

code {font-size:1.1em;}

#content_main h1, h2, h3, #content_main caption {
	font-family: Palatino, "Times New Roman", serif;
	margin-bottom:0.5em;
	font-size:1.7em;
	}

#content_main h1 {font-size:2em;}

#content_main h3 {font-size:1.4em;}

#slider h2 {font-size:1.5em;}

#content_secondary h3 {color:#86052A;}

h4 {
	line-height:1.5em;
	font-size:1em;
	color:#86052A;
	font-weight:bold;
	}

#content_main h4 {color:#333;}

blockquote {
	padding:1.5em 1.5em 0;
	margin-bottom:1.5em;
	background-color:#E6E6E6;
	border:1px solid #999;
	}

blockquote p {font:italic 1.2em/1.5 Palatino, Georgia, serif; letter-spacing:0.05em;}

blockquote.testimonial {
	border:1px solid #CCC;
	padding-bottom:0.5em;
	}

.testimonial cite {font-style:normal;}

blockquote.right {
	float:right;
	display:inline;
	width:175px;
	padding:1em 0.5em 0;
	}

acronym {border-bottom:1px dotted #CCC;}

	/* 2a) BASE LIST STYLES
============================================================================ */

ul, ol, .indent {
	margin-bottom:1.5em;
	font-size:1em;
	}

li, .indent li, .indent li {
	margin-bottom:0.75em;
	}

ul li {list-style:disc;}

ol li {list-style-type:decimal;}

	/* 2b) SPECIAL LIST STYLES
============================================================================ */

.circle li {list-style:circle;}
.square li {list-style:square;}
.upper-alpha li {list-style:upper-alpha;}
.lower-alpha li {list-style:lower-alpha;}
.upper-roman li {list-style:upper-roman;}
.lower-roman li {list-style:lower-roman;}
.blank li {list-style:none;}

.inside {
	margin-left:0;
	padding-left:0;
	}
	
.inside li {
	list-style-position:inside;
	}

.indent {
	padding-left:0.5em;
	margin-left:0.5em;
	}

.indent li {
	margin-bottom:0.75em;
	margin-left:1em;
	line-height:1.3em;
	}

.small li {font-size:0.9em!important}

.large li {font-size:1.2em!important}

ul ul, ol ol, ol ul, ul ol {
	margin-left:1em;
	padding: 1em 0 0 1em;
	}

ol ul li {list-style:disc;}
ul ol li {list-style-type:decimal;}

	/* 2c) LISTS WITH ICONS
============================================================================ */

.included li, .not-included li, .options li {
	list-style-type:none;
	padding-left:30px;
	line-height:1.6em;
	}

.included li {
	background: #FFF url(/site_images/icons.jpg) 0 0 no-repeat;
	}

.not-included li {
	background: #FFF url(/site_images/icons.jpg) 0 -100px no-repeat;
	}

.options li {
	background: #FFF url(/site_images/icons.jpg) 0 -50px no-repeat;
	}

.float {
	width:100%;
	overflow:hidden;
	}

.float li {
	float:left;
	width:122px;
	}

	/* 2d) DEFINITION LISTS
============================================================================ */

#content_main dl {
	margin-bottom:1.5em;
	}

#content_main dt {
	font-family: Palatino, "Times New Roman", serif;
	margin-bottom:0.5em;
	font-size:1.7em;
	}

	/* 2e) FAQ LIST
============================================================================ */

#faq {
	margin-left:-20px;
	}

#faq dt, #faq dd {
	padding-left:20px;
	}

#faq dt.faqopened, #faq dt.faqclosed {
	cursor: pointer;
	}

#faq dt.faqclosed {
	color:#666;
	background: transparent url(/site_images/collapsed.png) no-repeat scroll 0 50%;
	}

#faq dt.faqopened {
	color:#333;
	background: transparent url(/site_images/expanded.png) no-repeat scroll 0 50%;
	}

#faq dt.faqclosed:hover {color: #333;}

	/* 2f) PROCESS LISTS
============================================================================ */

.process li {
	clear:both;
	overflow:hidden;
	list-style:none;
	margin-bottom:1.5em;
	}

.process img {
	clear:right;
	float:right;
	display:inline;
	margin:2px 0 8px 10px;
	border:1px solid #666;
	}

	/* 2g) BANNER SLOGAN
============================================================================ */

#slogan, #details, p.sideline {
	width:200px;
	font: 1.1em/1.25 Palatino, Georgia, "Times New Roman", serif;
	margin-bottom:1.5em;
	}

#slogan dt {
	font-weight:bold;
	margin-bottom:0.5em;
	font-size:1.2em;
	}

#slogan dt em, #slogan dt a {font-weight:normal;}

#slogan dd, #details dt, #details dd, #slogan dt a {
	font-style:italic;
	letter-spacing:0.05em;
	}

p.sideline {
	letter-spacing:0.05em;
	font-style:italic;
	}

#details .tel {
	padding-top:75px;
	background: transparent url(/site_images/phone.png) 0 0 no-repeat;
	}

#details .postal {
	text-indent:-10000px;
	margin-top:25px;
	padding-top:60px;
	background: transparent url(/site_images/snail.png) 0 0 no-repeat;
	}

	/* 2h) Data Tables
============================================================================ */

#content_main table {
	border-collapse:collapse;
	border:1px solid #999;
	border-width:1px 1px 0 0;
	margin:0 0 0.5em 1px;
	}

#content_main th, #content_main td {
	border:1px solid #999;
	border-width:0 0 1px 1px;
	padding:0.5em;
	}

#content_main td, #content_main thead th {
	text-align:center;
	}

#content_main td img {margin:0 auto;}

#content_main table th {font-weight:bold;}

	/* 2i) MISC
============================================================================ */

p.small {font-size:0.8em;}

p del {text-decoration:line-through;}

sup {
	vertical-align:super;
	font-size:35%;
	line-height:0.25em;
	}

sub {
	vertical-align:sub;
	font-size:35%;
	}

#test_drive {
	font-size:1.3em;
	line-height:1.2em;
	font-weight:bold;
	}

#test_drive a {
	width:80px;
	background:transparent url(/site_images/test-drive-icon.png) 100% 100% no-repeat;
	padding:100px 80px 15px 0;
	display:block;
	margin-bottom:1.5em;
	}

p.rss a:first-child {
	padding-left:20px;
	background: #FFF url(/site_images/icons.jpg) 0 -150px no-repeat;
	line-height:2em;
	outline:none;
	}

p.rss img {
	display:inline;
	margin-left:10px;
	}

hr {
	color:#999;
	margin:2em 0;
	}

/* 3) MAIN CONTAINER
============================================================================ */

#container {
	background: #FFF url(/site_images/body_bg.jpg) 50% 0 no-repeat;
	overflow:hidden;
	padding-bottom:20px;
	}

/* 3a) NAV UTILITY
============================================================================ */

#nav_top {
	background:#333;
	overflow:hidden;
	}

#nav_utility {
	width:960px;
	margin:0 auto;
	padding:0;
	position:relative;
	}

#nav_utility li {
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	}

#nav_utility li.homepage, #nav_utility li.go_content, #nav_utility li.go_nav, 
#nav_utility li.go_search {float:left;}

#nav_utility a {
	margin-bottom:0;
	font:0.9em/4em Futura, Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.15em;
	}

.homepage a {padding-right:2em;}

.login a {
	padding-right:2em;
	margin-right:2em;
	border-right:1px solid #999;
	}

#nav_utility a:link, #nav_utility a:visited, #nav_utility a:focus {	
	text-decoration:none;
	color:#999;
	}

#nav_utility a:hover, #nav_utility a:active {
	text-decoration:none;
	color:#F60;
		-webkit-transition: color .4s linear;
	text-shadow:1px 1px 3px rgba(255,102,0,.5);
	}
	
#nav_utility .go_content a, #nav_utility .go_nav a, #nav_utility .go_search a {
	color:#333;
	padding-right:2em;
	}

#nav_utility .go_content a:focus, #nav_utility .go_nav a:focus,
 #nav_utility .go_search a:focus {
	color:#F60;
	}

/* 4) MAIN CONTENT CONTAINERS - BRANDING
============================================================================ */

#content {
	width:960px;
	margin:0 auto;
	padding-top:15px;
	text-align:left;
	}

#branding {
	width:220px;
	float:left;
	}

/* 4a) LOGO - H1 on home page only
============================================================================ */

#logo {
	height:280px;
	width:212px;
	position:relative;
	margin:0;
	padding:0;
	text-indent:-10000px;
	}

#logo a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:212px;
	height:280px;
	}

#logo span {
	position:absolute;
	top:0;
	left:0;
	width:212px;
	height:280px;
	background:transparent url(/site_images/logo.png) 0 0 no-repeat;
	}

/* 4b) NAV - MAIN
============================================================================ */

#nav_main {
	position:relative;
	float:right;
	width:720px;
	margin:0;
	padding:0;
	}

#nav_main li {
	display:inline;
	float:right;
	margin:0 0 0 1.5em;
	padding:0;
	}

#nav_main li a {
	display: block;
	text-transform:uppercase;
	line-height:100px;
	font:1.15em/100px Futura, Helvetica, Arial, sans-serif;
	}

#nav_main a:link, #nav_main a:visited {
	color:#86052A;
	text-decoration:none;
	display:block;
	text-shadow:1px 1px 2px rgba(0,0,0,.35);
	}

#nav_main a:hover, #nav_main a:active, #nav_main a.active {
	color:#F60;
	-webkit-transition: color .4s linear;
	text-decoration:none;
	}

/* 4c) CONTEXTUAL NAV
============================================================================ */

#about .about a, #our-work .work a, #email-marketing .email a, #web-design .web a,
 #graphic-design .graphic a, #blog .blog a {color:#999;}

/* 4d) NAV - FEATURE
============================================================================ */

#nav_feature {
	float:right;
	width:720px;
	height:150px;
	margin:0;
	padding:0;
	background:transparent url(/site_images/nav_feature_bg.png) 52% 0 no-repeat;
	}

#nav_feature li {
	float:left;
	width:240px;
	height:140px;
	margin:0;
	padding:0;
	list-style:none;
	}

#nav_feature li a {
	display:block;
	width:240px;
	height:140px;
	color:#464646;
	text-align:center;
	}

#nav_feature a:link, #nav_feature a:visited, #nav_feature a:focus {
	text-decoration:none;
	}

#nav_feature a:hover, #nav_feature a:active {
	text-decoration:none;
	color: rgba(70,70,70,.7);
	-webkit-transition: color .4s linear;
	}

/* 5) CATEGORY NAV
============================================================================ */

#categories {margin-bottom:1.5em;}

#categories ul {
	width:220px;
	margin-bottom:0;
	}

#categories li {
	width:200px;
	padding: 0 20px 0 0;
	height:50px;
	margin:0;
	list-style:none;
	font: 1.3em Palatino, Georgia, "Times New Roman", serif;
	}

#categories li.current {
	background:transparent url(/site_images/current.png) 0 0 no-repeat;
	}

#categories li a {
	width:185px;
	display:block;
	padding-left:15px;
	border-top:1px solid #CCC;
	line-height:50px;
	height:50px;
	background-color:#FFF;
	color:#333;
	}

#categories ul li:first-child a {border-top:none;}

#categories a:link, #categories a:visited {text-decoration:none;}

#categories a:hover, #categories a:active, #categories a:focus {color:#86052A;}

#categories .current a {
	color:#FFF;
	background-color:transparent!important;
	}

/* 6) FOOTER
============================================================================ */

#content_secondary {
	position:relative;
	clear:both;
	overflow:hidden;
	margin:-20px 0 17px;
	padding-top:60px;
	text-align:center;
	background:transparent url(/site_images/footer_bg.png) 0 0 repeat-x;
	}

#content_secondary .gutter {
	width:960px;
	margin:0 auto;
	text-align:left;
	}

/* 6a) FOOTER COLUMNS
============================================================================ */

#services, #headlines, #newsletter {
	float:left;
	display:inline;
	}

#services {
	width:310px;
	margin-right:10px;
	}

#headlines {
	width:410px;
	margin-right:30px;
	}

#newsletter {width:200px;}

/* 6b) SERVICES LIST
============================================================================ */

#services ul {
	margin:0 0 1em;
	padding:0;
	}

#services li {
	line-height:1.5em;
	margin:0;
	padding:0;
	list-style:none;
	}

#services li ul li a:link, #services li ul li a:visited, 
#services li ul li a:focus {
	color:#333;
	text-decoration:none;
	}

#services li ul li a:hover, #services li ul li a:active {
	color:#86052A;
	text-decoration:none;
	}

/* 6c) HEADLINES LIST
============================================================================ */

#headlines li {list-style:none;}

/* 6d) ASSOCIATIONS
============================================================================ */

#associations {
	clear:left;
	width:960px;
	height:136px;
	padding:17px 0;
	margin-bottom:30px;
	background:#FFF url(/site_images/assoc_bg_new.jpg) 0 0 no-repeat;
	}

#associations ul {
	margin:0;
	padding:0;
	}

#associations li {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	}

#associations a {
	display:block;
	height:131px;
	text-indent:-10000px;
	}

.mcf a {width:272px;}
.awia a {width:225px;}
/* .wsg a {width:135px;} removed 100210 */
.wipa a {width:260px;}
.awa a {width:200px;}

/* 6e) NEWSLETTER SUBSCRIBE FORM
============================================================================ */

#newsletter form {margin-bottom:1.5em;}

#newsletter ol {
	width:200px;
	margin:0;
	padding:0;
	}

#newsletter li {
	width:200px;
	margin:0 0 1em;
	padding:0;
	list-style:none;
	overflow:hidden;
	}

#newsletter li label {
	display:block;
	margin-bottom:0.5em;
	}

#newsletter li input {
	border:1px solid #999;
	width:192px;
	padding:3px;
	}

#newsletter li input:focus {background:#FBFBFB;}

/* 7) COPYRIGHT
============================================================================ */

#copyright {
	clear:left;
	color:#666;
	padding-bottom:30px;
	margin-bottom:0;
	}

#copyright span {color:#FFF;}

#copyright a:link, #copyright a:visited, #copyright a:focus {
	color:#666;
	text-decoration:none;
	}

#copyright a:hover, #copyright a:active {
	color:#86052A;
	text-decoration:underline;
	}

/* 7a) SEARCH INPUT
============================================================================ */

#search {color:#666;}

#searchBox {
	margin:0 1em;
	font-size:1em;
	border:1px solid #999;
	padding:3px;
	}

/* 8) PROPELLERMAIL LOGIN FORM / PAYMENT TERMS
============================================================================ */

#login, #payment, #worksheet {
	width:168px;
	border:1px solid #999;
	padding:15px;
	background-color:#FEFEFE;
	}

#payment, #worksheet {
	padding:15px 15px 0 15px;
	}

#login legend {
	font: 1.4em/1.5 Palatino, Georgia, "Times New Roman", serif;
	margin-bottom:0.5em;
	}

#login ol {
	width:168px;
	margin:0;
	padding:0;
	}

#login li {
	width:168px;
	margin:0 0 1em;
	padding:0;
	list-style:none;
	overflow:hidden;
	}

#login li label {
	display:block;
	margin-bottom:0.5em;
	}

#login li input {
	border:1px solid #999;
	width:160px;
	padding:3px;
	}

#login li input:focus {background:#FBFBFB;}

/* 9) MAIN CONTENT CONTAINER
============================================================================ */

#content_main {
	position:relative;
	float:right;
	width:640px;
	border:1px solid #666;
	padding:3em 39px 1.5em;
	margin-bottom:35px;
	background:#FFF;
			-webkit-box-shadow:1px 1px 3px #999;
			-moz-box-shadow:1px 1px 3px #999;
	}

#content_main.narrow {
	width:460px;
	margin-right:20px;
	}

#content_additional {
	position:relative;
	float:right;
	width:160px;
	}

/* 9a) ARTICLE CONTAINERS & COMMENT DISPLAY
============================================================================ */

.article_list li {
	position:relative;
	width:520px;
	list-style:none;
	padding:0 0 0.5em 120px;
	margin-bottom:2em;
	border-bottom:1px solid #999;
	overflow:hidden;
	}

.article_list li:last-child {
	border-bottom:none;
	padding-bottom:0;
	}

.article_list li h1 strong, .article h1 strong, .article_list li h2 strong {
	position:absolute;
	top:0;
	left:0;
	padding-left:20px;
	font-size:0.6em;
	color:#999;
	}

.article_list h1 em, .article h1 em, .article_list h2 em {
	display:block;
	font-size:3.25em;
	}

.article_list span.author, .article span.author {
	position:relative;
	left:-20px;
	top:10px;
	padding:3px;
	display:block;
	border:1px solid #666;
	}

.article_list img.thumb {
	float:right;
	border:1px solid #666;
	padding:3px;
	margin:0 0 1.5em 1em;
	width:92px;
	}

.comments_count {
	padding-left:120px;
	line-height:45px;
	background:#FFF url(/site_images/comment.jpg) 8px 0 no-repeat;
	}

.comments_invite {
	padding-left:120px;
	line-height:65px;
	background:#FFF url(/site_images/comment-invite.jpg) 15px 0 no-repeat;
	}

.article {
	position:relative;
	width:520px;
	padding:0 0 0.5em 120px;
	margin-bottom:0.5em;
	overflow:hidden;
	}

.comments {padding-left:120px;}

.comments li {
	border:1px solid #999;
	padding:0;
	margin-bottom:1.5em;
	background:#E6E6E6 url(/site_images/bq.gif) 479px 100% no-repeat;
	}

.comments p.details {
	padding-left:40px;
	margin:0 0 5px;
	font-family: Palatino, "Times New Roman", serif;
	font-size:1.35em;
	line-height:44px;
	background:#E6E6E6 url(/site_images/bq.gif) -40px 0 no-repeat;
	}

.comments p {
	margin-left:40px;
	margin-right:40px;
	}

/* 9b) COMMENTS FORM
============================================================================ */

#comment_form {
	width:640px;
	padding:0 0 0.5em 0;
	overflow:hidden;
	}

#comment_form fieldset {
	float: left;
	clear: left;
	display:inline; /* IE6 */
	margin: 0 0 1.5em 120px;
	padding: 0;
	border:1px solid #999;
	width: 518px;
	}

#comment_form legend {
	margin:0.5em 0.5em 0;
	padding:0 0.5em;
	}

#comment_form fieldset ol {  
	padding: 1em 1em 1em 1em;  
	margin:0;
	list-style: none;
	overflow:hidden;
	}

#comment_form fieldset li {  
	float: left;  
	clear: left;  
	margin:0 0 1em;
	padding:0;
	width: 100%;
	list-style:none;
	}

#comment_form label {  
	float: left;
	margin-right: 0.5em;
	padding:4px 10px 4px 0;
	width: 125px;  
	text-align:right;
	font-size:1em;
	}

#comment_form input {
	font-size:1em;
	border:1px solid #999;
	padding:3px;
	}

#comment_form #message {
	padding:3px;
	border:1px solid #999;
	width:320px;
	font-size:1em;
	}

#comment_form fieldset.submit {   
	float: none;
	border-style: none;
	margin-bottom:0;
	width: auto;  
	background-color: transparent;
	background-image:none;
	}

#comment_form #txpCommentPreview {
	border:none;
	padding:0;
	text-indent:-10000px;
	width:130px;
	height:25px;
	background:#000 url(/site_images/preview.gif) 0 0 no-repeat;
	}

#comment_form #txpCommentSubmit {
	border:none;
	padding:0;
	text-indent:-10000px;
	width:130px;
	height:25px;
	background:#000 url(/site_images/add-comment.gif) 0 0 no-repeat;
	}

#cpreview {
	margin:0 0 1.5em 120px;
	padding:1.5em 1.5em 1.5em;
	background-color:#E0E0E0;
	}

#cpreview, p.details {font-style:italic;}

#cpreview .announcement {
	font-style:normal;
	color:#000;
	}

#cpreview .message_preview {
	padding:1.5em 1.5em 0;
	background-color:#FCFCFC;
	border:1px solid #999;
	}

ul.comments_error {
	margin:0 1em;
	padding:1.5em 1.5em 1em;
	background-color:#86052A;
	color:#FFF;
	overflow:hidden;
	}

.comments_error li {padding-bottom:0;}

.comments_error {background-color:#EDDBE0;}

p#txpCommentInputForm {margin-left:120px;}

p.required {margin-left:120px;}

#comment_form fieldset input:focus, #comment_form fieldset textarea:focus {background:#FBFBFB;}

/* 10) DOMAIN SEARCH FORM
============================================================================ */

#domainSearch {
	padding:0 0 0.5em 0;
	overflow:hidden;
	}

#domainSearch fieldset {
	display:inline; /* IE6 */
	margin: 0;
	padding: 1em 1em 0.5em;
	border:1px solid #999;
	}

#domainSearch legend {
	margin:0.5em 0.5em 0;
	padding:0 0.5em;
	}

#domainSearch label, #domainSearch input {
	display:inline;
	}

#domainSearch input#domainname {
	font-size:1em;
	border:1px solid #999;
	padding:3px;
	}

#domainSearch .searchButton {margin-left:1em;}

/* 11) PAGINATION
============================================================================ */

ul#pagination {
	position:relative;
	padding:0;
	overflow:hidden;
	}

#pagination li {
	margin:0 0.3em 0 0;
	float:left;
	list-style:none;
	border:1px solid #666;
	}

#pagination li a {
	display:block;
	padding:1px 0.5em 0;
	color:#666;
	line-height:1.5em;
	text-decoration:none;
	}

#pagination .current a {
	background-color:#999;
	color:#FFF;
	}

#pagination li.empty {display:none;}

/* 12) SEARCH RESULTS PAGE
============================================================================ */

h1.no-result {
	padding-right:90px;
	background:#FFF url(/site_images/qmark.jpg) top right no-repeat;
	}

/* 13) INLINE IMAGE STYLES
============================================================================ */

.left {
	clear:left;
	float:left;
	display:inline;
	margin:0 10px 8px 0;
	}

.right {
	clear:right;
	float:right;
	display:inline;
	margin:0 0 8px 10px;
	}

.border {
	padding:7px;
	background-color:#FFF;
	border:1px solid #666;
	}

.borderLg {
	padding:5px;
	background-color:#FFF;
	border:3px solid #666;
	}

/* 14) LANDING PAGES
============================================================================ */

#banner {
	float:right;
	width:718px;
	height:250px;
	border:1px solid #666;
	background:#FFF;
	margin-bottom:35px;
	overflow:hidden;
	}

/* 15) EMAIL CREATE - SEND LIST
============================================================================ */

ul#nav_create_send li {
	list-style:none;
	font: italic 1.25em/1.25 Palatino, Georgia, "Times New Roman", serif;
	letter-spacing:0.05em;
	margin-bottom:1.5em;
	}

#nav_create_send a {
	position:relative;
	display:block;
	width:160px;
	height:130px;
	margin-bottom:0.5em;
	}

#nav_create_send a span {
	position:absolute;
	top:0;
	left:0;
	width:158px;
	height:128px;
	border:1px solid #999;
	background:#FFF url(/site_images/nav_create_send.jpg) 0 0;
	}

li#send span {background-position:-158px 0;}

li#results span {background-position:-316px 0}

/* 16) EMAIL FEATURE LIST
============================================================================ */

ul.feature-list {
	margin:0 -10px 0 0;
	padding:0;
	overflow:hidden;
	}

.feature-list li {
	list-style-type:none;
	float:left;
	display:inline;
	width:135px;
	height:70px;
	margin:0 10px 20px 0;
	padding-left:90px;
	background:#FFF url(/site_images/feature_list_email_b.jpg) 0 0 no-repeat;
	font-size:0.9em;
	}

li.time {background-position:0 -5px;}
li.wysiwyg {background-position:0 -97px}
li.people {background-position:0 -175px}
li.name {background-position:0 -260px}
li.preview {background-position:0 -336px}
li.multiple {background-position:0 -425px}
li.subsform {background-position:0 -506px}
li.schedule {background-position:0 -587px}
li.whitelist {background-position:0 -670px}
li.reporting {background-position:0 -756px}
li.bounces {background-position:0 -840px}
li.freetemplates {background-position:0 -920px}
li.customtemplates {background-position:0 -1003px}
li.freejoin {background-position:0 -1085px}
li.payment {background-position:0 -1175px}

/* 17) SOCIAL BOOKMARKING - BLOG
============================================================================ */

h2.bookmark {margin-left:120px;}

#share {
	position:relative;
	width:500px;
	height:6em;
	margin:0 0 1em 120px;
	padding:0;
	}

#share li {list-style-type:none;}

#share li a {
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	position:absolute;
	z-index:1;
	top:0em;
	left:0;
	width:34px;
	height:38px;
	padding:0 0 4px 0;
	background: transparent url(/site_images/social_icons.png) 2px 10px no-repeat;
	}

#share li a:hover {
	z-index:100!important;
	width:34px;
	height:38px;
	padding:0 0 4px 0;
	background-position:0 0;
	}

#share li a:hover strong {
	display:block;
	text-indent:0;
	position:relative;
	top:50px;
	left:-2em;
	width:6em;
	text-align:center;
	color:#333;
	font-weight:normal;
	}

#share li a.digg {background-position:2px -50px; z-index:9;}
#share li a.digg:hover {background-position:0 -60px;}

#share li a.delicious {background-position: 2px 10px; left:22px; z-index:8;}
#share li a.delicious:hover {background-position:0 0;}

#share li a.technorati {background-position:2px -110px; left:44px; z-index:7;}
#share li a.technorati:hover {background-position:0 -120px;}

#share li a.stumbleupon {background-position:2px -170px; left:66px; z-index:6;}
#share li a.stumbleupon:hover {background-position:0 -180px;}

#share li a.mixx {background-position:2px -230px; left:88px; z-index:5;}
#share li a.mixx:hover {background-position:0 -240px;}

#share li a.reddit {background-position:2px -290px; left:110px; z-index:4;}
#share li a.reddit:hover {background-position:0 -300px;}

#share li a.facebook {background-position:2px -350px; left:132px; z-index:3;}
#share li a.facebook:hover {background-position:0 -360px;}

#share li a.myspace {background-position:2px -410px; left:154px; z-index:2;}
#share li a.myspace:hover {background-position:0 -420px;}

#share li a.twitter {background-position:2px -470px; left:176px; z-index:1;}
#share li a.twitter:hover {background-position:0 -480px;}