/*
	Stylesheet for Talking Heads
	media        screen, projection
	copyright    Netlash <http://www.netlash.com>
	@authors     Yoni De Beule <yoni@netlash.com>
	             Johan Ronsse <johan@netlash.com>
*/

/*
	Reset
*/

body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address {
	margin: 0;
	padding: 0;
}

ol, ul {
	list-style:none;
}

img {
	border:0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

input, select, textarea {
	font-size: 100%;
	vertical-align: middle;
}

table { 
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

th {
	text-align: left;
}

/*
	General
*/

body {
	font-family: Arial, sans-serif;
	line-height: 1.5;
	color: #333;
	background: #FFF;
	font-size: 12px;
}

	.colorInverse {
		color: #CACBD0;
	}

	body#subPage #right,
	body#subPageFigure #right {
		color: #555;
	}

body#home {
	background: #FFF url(../images/index_background.gif) repeat-y top center;
}

body#subPage,
body#subPageFigure {
	background: #FFF url(../images/subpage_background.gif) repeat-y top center;
}

body#fullWidthSubpage {
	background: #FFF;
}

body#fullWidthSubpage #container {
	background: url(../images/white_subpage_shape.gif) no-repeat 550px 0;
}

/*
	Typography and text styles
*/

/* Headings */
h1, h2, h3 {
	font-family: Helvetica, Arial, sans-serif;
}

h1, h2, h3 {
	line-height: 1.1;
	color: #000;
}

	.colorInverse h1,
	.colorInverse h2,
	.colorInverse h3,
	.colorInverse h4 {
		color: #FFF;
	}

h1 {
	font-size: 22px;
	padding: 0 0 24px;
}

h2 {
	font-size: 18px;
	padding: 0 0 24px;
}

h3 {
	font-size: 16px;
	padding: 0 0 12px;
}

h4 {
	color: #000;
	font-size: 12px;
	padding: 0 0 12px;
}

h1 a, h2 a, h3 a, h4 a{
	border: 0;
}

strong, th, thead td, h1, h2, h3, h4 {
	font-weight: bold;
}

p {
	margin: 0 0 12px 0;
}

	p strong {
		font-family: Arial, sans-serif;
		color: #000;
	}

/* Links */

a {
	border-bottom: 1px solid #666;
}

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

a:link {
	color: #61687f;
	border-color: #cbcdd5;
}

a:visited {
	color: #4e5366;
	border-color: #c5c6cd;
}

a:hover {
	color: #000;
	border-color: #000;
}

a:active {
	color: #000;
	border-color: #000;
}

.colorInverse a:link,
.colorInverse a:visited {
	color: #ffed00;
	border-color: #a8a039;
}

.colorInverse a:hover,
.colorInverse a:active {
	color: #FFF;
	border-color: #C8C8C8;
}

#footer a:link,
#footer a:visited {
	color: #8389a0;
	border-color: #494d5b;
}

#footer a:hover,
#footer a:active {
	color: #fff;
	border-color: #fff;
}

/* General */

ul {
	list-style: disc;
	margin: 0 0 12px 18px;
}

ol {
	list-style-type: decimal;
	margin: 0 0 12px 18px;
}

code {
	font-family: Monaco, "Courier New", monospace;
}

pre {
	font-size: 12px;
	line-height: 1.5; 
	background: #F5F5F5;
	margin: 0 0 12px 0;
	padding: 0 12px 12px 12px ;
}

blockquote, q {
	font-family: Georgia, Times, serif;
	font-style: italic;
	color: #666;
}

blockquote {
	padding: 0 10px;
	margin: 0 0 12px;
}

cite, em, dfn {
	font-style: italic; 
}

abbr, acronym { 
	cursor: help;
}

del { 
	text-decoration: line-through; 
	color: #666;
}

small, sup, sub { 
	font-size: 11px;
}

div.hr hr {
	display: none;
}

#left div.hr {
	background: #C7C7C7;
	height: 1px;
	width: 460px;
	padding: 0;
	border: 0;
}

#right div.hr {
	height: 1px;
	width: 220px;
	margin: 0;
	padding: 0;
	border: 0;
	margin: 0 0 12px;
	background: #E1E1E1;
}

table {
	border-top: 1px solid #E9E9E9;
	border-left: 1px solid #E9E9E9;
	margin: 0 0 12px;
}

td, th {
	border-right: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
	font-size: 11px;
	padding: 4px;
}

th {
	font-weight: 700;
	background: #f4f4f4;
	color: black;
	line-height: 1.2;
	text-align: left;
	padding: 8px;
}

tr.rowOdd td { 
	background: #FFF;
}

tr.rowEven td { 
	background: #EEE;
}

form {
	font-family: Georgia, Times, serif;
	font-size: 13px;
}

input, textarea { 
	font-size: 13px;
	font-family: Georgia, Times, serif;
}

select, button { 
	font-size: 11px;
}

input.input-submit {
	font-size: 11px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	background: #F5F5F5 url(../images/button_background.gif) repeat-x -10px -45px;
	border: 1px solid #C6C7C7;
	color: #333;
	padding: 1px 5px;
	text-align: center;
	line-height: 1;
	height: 20px;

	/* @inc .border-radius */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

input.input-submit:hover,
input.input-submit:focus {
	background: #F5F5F5 url(../images/button_background.gif) repeat-x -10px -67px;
	color: #000;
}

input.input-text {
	padding: 1px 3px;
	color: #999;
}

	input.input-text:focus,
	input.input-text.focus {
		color: #000;
	}

/*
	Page structure
*/

	/* General */

	#container {
		width: 790px;
		margin: 0 auto;
		position: relative;
	}

	#left {
		width: 480px;
		padding: 0 16px 0 20px;
		float: left;
		_overflow: hidden;
	}

	#right {
		width: 240px;
		padding: 0 0 0 34px;
		float: left;
		_overflow: hidden;
	}
	
	#fullWidth {
		width: 770px;
		padding: 0 0 0 20px;
		clear: both;
	}
	
	/* Header */

	body#home #header,
	body#subPageFigure #header,
	body#fullWidthSubpage #header,
	body#subPage #header {
		padding-top: 96px;
		height: 84px;
	}

	#header h1 {
		width: 24px;
		height: 33px;
		background: url(../images/logo.gif) no-repeat;
		text-indent: -9000px;
		position: absolute;
		top: 106px;
		left: -2px;
	}

	#header h1 a {
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;
	}

	/* Navigation */

	#header #navigation ul {
		list-style-type: none;
		padding: 6px 0 0 8px;
		margin: 0;
		font-size: 14px;
	}

	#header #navigation li {
		float: left;
		padding: 0 6px 0 0;
	}

	#header #navigation li a {
		color: #61687F;
		padding: 0 4px 0 6px;
		border: 0;
		display: block;
		line-height: 26px;
	}

	#header #navigation a:link,
	#header #navigation a:visited {
		color: #61687F;
	}

	#header #navigation a:hover,
	#header #navigation a:active {
		color: #000;
	}

	#header #navigation li.selected a:link,
	#header #navigation li.selected a:visited,
	#header #navigation li.selected a:hover,
	#header #navigation li.selected a:active {
		font-weight: 700;
		color: #000;
	}

/*
	Content left
*/

	/* Titles */

	h2#conversationStarters {
		width: 379px;
		height: 112px;
		background: url(../images/index_intro.gif) no-repeat;
		text-indent: -9000px;
		margin: 0 0 36px 0;
		padding: 0;
	}

	h2#ourServices {
		width: 208px;
		height: 36px;
		background: url(../images/services_intro.gif) no-repeat;
		text-indent: -9000px;
		margin: 0 0 12px 0;
		padding: 0;
	}

	h2#contactUs {
		width: 220px;
		height: 36px;
		background: url(../images/contact_intro.gif) no-repeat;
		text-indent: -9000px;
		margin: 0 0 12px 0;
		padding: 0;
	}

	h2#packageOrCustom {
		width: 448px;
		height: 36px;
		background: url(../images/packages_intro.gif) no-repeat;
		text-indent: -9000px;
		margin: 0 0 12px 0;
		padding: 0;
	}

	h2#weblandscapeSlogan {
		width: 326px;
		height: 72px;
		background: url(../images/who_intro.gif) no-repeat;
		text-indent: -9000px;
		margin: 0 0 12px 0;
		padding: 0;
	}

	h2#cases {
		width: 448px;
		height: 36px;
		background: url(../images/cases_intro.gif) no-repeat;
		text-indent: -9000px;
		margin: 0 0 12px;
		padding: 0;
	}

	h2#case {
		height: 28px;
		margin: 0 0 16px;
		padding: 4px 0 0;
		font-size: 21px;
		font-weight: normal;
		color: #fff;
		background: #3c3f42;
	}

	h2#case span {
		display: block;
		float: left;
		margin-top: -4px;
		width: 93px;
		height: 36px;
		text-indent: -9000px;
		background: url(../images/case_intro.gif) no-repeat;
	}

	/* Buttons */
	
	a.button {
		display: block;
		line-height: 22px;
		border: 0;
		float: left;
		background: #F5F5F5 url(../images/button_background.gif) repeat-x 0 -44px;
		font-weight: bold;
		padding: 0 0 0 10px;
	}

	a.button:link,
	a.button:visited {
		background: #F5F5F5 url(../images/button_background.gif) repeat-x 0 -44px;
		color: #666;
	}

	a.button:link span,
	a.button:visited span {
		background-position: right -44px;
	}

	a.button:hover,
	a.button:active {
		background: #F5F5F5 url(../images/button_background.gif) repeat-x 0 -66px;
		color: #333;
	}

	a.button:hover span,
	a.button:active span {
		background-position: right -66px;
	}

	a.button span {
		background: #F5F5F5 url(../images/button_background.gif) repeat-x right -44px;
		display: block;
		padding: 0 10px 0 0;
	}

		.colorInverse a.button:link,
		.colorInverse a.button:visited {
			background-position: 0 0;
			color: #705e01;
		}

		.colorInverse a.button:link span,
		.colorInverse a.button:visited span {
			background-position: right 0;
		}

		.colorInverse a.button:hover,
		.colorInverse a.button:active {
			background-position: 0 -22px;
			color: #000;
		}

		.colorInverse a.button:hover span,
		.colorInverse a.button:active span {
			background-position: right -22px;
		}

	/* Index intro */

	body#home.intro {
		padding: 0 0 40px 0;
	}

	body#subPageFigure.intro {
		padding: 0 0 12px 0;
	}

	.intro p,
	.services p {
		font-family: Georgia, Times, serif;
		font-size: 13px;
		line-height: 1.538;
		color: #555;
	}
	
		.intro h2 + p {
			color: #333;
		}

	.intro .header p {
		font-family: Georgia, Times, serif;
		font-size: 14px;
		line-height: 1.571;
		clear: both;
		color: #000;
		margin-bottom: 24px;
	}

	.intro p a {
		font-style:italic;
	}

	span.bigLetter {
		width: 38px;
		height: 38px;
		background: url(../images/index_bigtext_m.gif) no-repeat;
		display: block;
		text-indent: -9000px;
		float: left;
		position: relative;
		top: 2px;
		margin: 0 8px 0 0 ;
	}

	/* Blog */

	#home .blog {
		padding-top: 24px;
	}
	
	.blog .bloginfo {
		margin: 12px 0 14px 0;
	}

	.blog a.rss {
		font-size: 10px;
		border: 0;
	}

	a.rss {
		font-weight: bold;
		padding: 0 18px 0 0;
		position: relative;
	}

	a.rss span {
		width: 14px;
		height: 14px;
		background: url(../images/icons.gif) no-repeat 0 0;
		text-indent: -9000px;
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		padding: 0;
	}

	a.rss:hover span,
	a.rss:active span {
		background: url(../images/icons.gif) no-repeat -18px 0;
	}

	.blog .header h3,
	.blog .header h2,
	.blog .header h1 {
		float: left;
		padding: 12px 0;
		max-width: 420px;
		font-size: 16px;
	}

	.blog .header p.comments {
		width: 26px;
		height: 22px;
		text-align: center;
		color: #FFF; /* Just in case */
		float: left;
		margin: 0 0 0 5px;
	}

	.article p.comments {
		clear: none;
	}

	.blog .header p.comments a {
		border: 0;
		background: url(../images/comments_balloon_big.gif) no-repeat;
		height: 22px;
		color: #fff;
		display: block;
	}
	
	.blog .header p.comments a:hover,
	.blog .header p.comments a:active {
		background-position: 0 -22px;
	}

	.header p.comments span {
		display: none;
	}

	#blogForm input.input-text {
		min-width: 220px;
	}
	
	#blogForm h3 {
		padding: 0 0 12px;
	}

	#blogForm label {
		padding-top: 12px;
		display: block;
		font-size: 12px;
	}
	
		#blogForm #message {
			margin: 0 0 12px;
		}

	.blogcomment {
		position: relative;
		width: 480px;
		margin-bottom: 24px;
		border-bottom: 1px solid #C7C7C7;
	}
	
	#blogComments h3 {
		padding-bottom: 24px;
	}
	
	.blogcomment .avatar {
		float: left;
		width: 60px;
	}
	
	.blogcomment .content {
		float: left;
		width: 420px;
	}
	
	.blogcomment .author {
		font-size: 11px;
	}

	/* Article footer */
	
	.article .footer ul {
		list-style: none;
		padding: 0 0 24px 0;
		margin: 0;
	}
	
		.article .footer ul li {
			float: left;
			padding: 0;
			position: relative;
			width: 67px;
			/* @see http://www.last-child.com/conflicting-z-index-in-ie6 */
			z-index: 1;
		}
		
		.article .footer li.metaData {
			width: 393px;
		}
		
	
	.article .footer li p {
		font-size: 11px;
		color: #666;
	}
	
		#home .article .footer li p {
			padding: 0;
			margin: 0;
		}

	.article .footer li p a.date,
	.article .footer abbr {
		border-bottom: 1px dotted;
		cursor: default;
		text-transform: none; 
		letter-spacing: 0; 
	}

	.article .footer li p a:link,
	.article .footer li p a:visited {
		color: #333;
		border-color: #c7c7c7;
	}

	.article .footer li p a:hover,
	.article .footer li p a:active {
		color: #222;
		border-color: #222;
	}
	
	/*
		"Share this" on blogposts
	*/
	
	/*
		Icons
	*/
	
	.icon {
		display: block;
		_zoom: 1;
		position: relative;
	}

	.icon a:link,
	.icon a:visited,
	.toggleShareList {
		border: 1px solid #DDD;
		padding: 3px 0 3px 7px;
		background: #FFF;
		font-family: Arial, sans-serif;
		font-size: 11px;
		font-weight: 700;
		cursor: pointer;
		float: right;

		/* @inc .rc */
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;

	}

	.icon a:hover,
	.icon a:active,
	.icon a:focus,
	.toggleShareList:hover,
	#shareSelected.toggleShareList {
		border: 1px solid #AAA;

		/* @inc .rc */
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;

	}

	.shareList a:link,
	.shareList a:visited,
	.shareList a:hover,
	.shareList a:active,
	.shareList a:focus {
		border: none !important;
	}

	#shareSelected.toggleShareList {
		-moz-border-radius-bottomleft: 0;
		-moz-border-radius-bottomright: 0;
		-webkit-border-bottom-left-radius: 0;
		-webkit-border-bottom-right-radius: 0;
	}

	.icon * {
		float: left;
	}

	.icon small {
		float: left;
		display: block;
	}

	.icon span {
		width: 7px;
		height: 7px;
		margin: 7px 7px 0 3px;
		overflow: hidden;
		float: left;
		display: block;
		text-indent: -9000px;
		background: url(../images/drop.gif) no-repeat 0 0;
	}

	.shareList {
		position: absolute;
		top: 23px;
		right: 0;
		border: 1px solid #999999;
		padding: 0;

		width: 110px;
		z-index: 5330;
		
		/* Sharelist is hidden by default */
		display: none;

		/*	Make sure it doesn't look like a default ul */
		background: none;
		list-style: none;
		padding: 0 !important;
		margin: 0;

		-moz-border-radius-topleft: 3px;
		-moz-border-radius-bottomleft: 3px;
		-moz-border-radius-bottomright: 3px;
		-webkit-border-top-left-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;

	}

	.shareList li {
		float: none !important;
		padding: 0;
		border-bottom: 1px solid #DEDFDE;
		background: #FFF;
		width: auto !important;
	}

	.shareList li.fb {
		border: none;
		-moz-border-radius-bottomleft: 3px;
		-moz-border-radius-bottomright: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
	}

	.shareList li a {
		z-index: 5430;
		display: block;
		line-height: 24px;
		border: none;
		min-height: 24px;
		height: auto !important;
		height: 24px;
		z-index: 130;
		cursor: pointer;
		background: #FFF;
	}

	.shareList a strong {
		width: 16px;
		height: 16px;
		margin: 4px;
		text-indent: -9000px;
		display: block;
		float: left;
		overflow: hidden;
		background: #FFF url(../images/icons_share.gif) no-repeat 0 0;
	}

	.shareList a small {
		display: block;
		float: left;
		font-size: 11px;
	}

	.shareList li.del a strong { background-position: 0 -1px; }
	.shareList li.su a strong { background-position: 0 -21px; }
	.shareList li.twitter a strong { background-position: 0 -61px; }
	.shareList li.fb a strong { background-position: 0 -41px; }


	/* Related */

	.related {
		padding: 0 0 60px 0;
	}

	.related ul {
		margin: 0;
		list-style-type: none;
		border-top: 1px solid #d0d0d0;
	}

	.related li {
		margin: 0;
		padding: 5px 0 5px 18px;
		height: 18px;
		clear: both;
		position: relative;
		border-bottom: 1px solid #d0d0d0;
	}

	.related li a {
		font-weight: bold;
		border: 0;
		width: 300px;
		display: block;
		float: left;
	}

	.related li span {
		width: 18px;
		height: 18px;
		background: url(../images/icons.gif) no-repeat -54px 0px;
		text-indent: -9000px;
		display: block;
		position: absolute;
		top: 5px;
		left: 0;
	}

	.related li p.comments {
		position: absolute;
		width: 42px;
		top: 7px;
		right: 0;
		margin: 0;
	}

	.related li p.comments a {
		padding: 0;
		display: block;
		text-align: right;
		padding: 0 22px 0 0;
		width: 20px;
		font-size: 11px;
		color: #000;
	}

	.related li p.comments span {
		width: 18px;
		height: 18px;
		background: url(../images/icons.gif) no-repeat -54px -72px;
		text-indent: -9000px;
		text-align: left;
		display: block;
		position: absolute;
		top: -2px;
		left: 24px;
	}

	.related li p.date {
		position: absolute;
		top: 5px;
		right: 42px;
		margin: 0;
		font-size: 11px;
		color: #545454;
		line-height: 1.636;
	}

	/* Twitter */

	.twitter h4 span {
		width: 18px;
		height: 18px;
		background: url(../images/icons.gif) no-repeat -36px 0px;
		text-indent: -9000px;
		text-align: left;
		display: block;
		float: left;
		position: relative;
		top: 2px;
		
	}

	.twitter p {
		border-bottom: 1px solid #D0D0D0;
		padding: 6px 0;
		margin: 0;
	}

	.twitter p.last,
	.twitter p:last-child {
		border: 0;
	}

	.twitter p a {
		border: none;
	}

	.twitter p span {
		white-space: nowrap;
		display: inline-block;
		font-style: italic;
		font-size: 11px;
		font-family: Georgia, "Times New Roman", Times, serif;
	}

	/* Bookmarks */

	.bookmarks h4 span {
		width: 18px;
		height: 18px;
		background: url(../images/icons.gif) no-repeat -54px -54px;
		text-indent: -9000px;
		text-align: left;
		display: block;
		float: left;
		position: relative;
		top: 2px;
	}

	.bookmarks ul {
		list-style-type: none;
		margin: 0;
	}

	.bookmarks li {
		border-bottom: 1px solid #D0D0D0;
	}

	.bookmarks li.last,
	.bookmarks li:last-child {
		border: 0;
	}

	.bookmarks li a {
		border: 0;
		padding: 4px 0;
		display: block;
	}

	/* Services */
	
	.services h3 {
		position: relative;
		margin: 24px 0 6px 0;
		padding: 0;
		left: -20px;
	}
	
		.services h3:first-child,
		.services h3.firstChild {
			margin-top: 0;
		}
	
	.services h3 span.squareBullet {
		width: 20px;
		display: block;
		float: left;
		font-size: 28px;
		line-height: 0.714;
	}

	.services p {
		clear: both;
	}

	.dialogBox {
		margin-top: 36px;
		background: #fcfcfc;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border: 1px solid #d9d9d9;
		padding: 12px;
		font-family: Arial, sans-serif;
	}

	/* Contact */

	input#name {
		width: 80px;
	}

	input#email {
		width: 110px;
	}
	
	textarea#message {
		width: 460px;
	}

	/* Packages */

	.packageContent h2 {
		padding: 0 0 24px 0;
	}

	.packageContent p {
		font-size: 13px;
		font-family: Georgia, Times, serif;
		color: #555;
	}

	.packageContent p strong {
		font-size: 13px;
		font-family: Arial, sans-serif;
		color: #333;
	}

	.packageContent .dialogBox {
		margin-top: 24px;
	}

	/* Forms */
	
	/*
		Forms
	*/

	input, textarea, select, button { 
		font-family: Arial, sans-serif;
		font-size: 13px;
	}

	fieldset.visible {
		padding: 12px 12px 6px;
		margin: 0 0 12px;
		background: #FCFCFC;
		border: 1px solid #CDCDCD;
		-moz-border-radius: 3px; -webkit-border-radius: 3px;
	}

	#downloadForm p.spacing label {
		width: auto;
		float: none;
		display: inline;
	}

	fieldset.visible p { padding-bottom: 12px; }

	span.form-error {
		color: red;
		display: block;
		padding: 0 0 10px;
		font-family: "Lucida Grande", Verdana, sans-serif; font-size: 11px;
	}

	p.form-error { padding: 12px; border: 1px solid red; margin: 0 0 12px;}

	span.form-success {
		display: block;
		color: green;
		font-weight: 700;
		padding: 6px;
		border: 1px solid #CDCDCD;
		margin: 0 0 24px;
	}

	/*
		Content right
	*/

	body#home #right {
		padding-top: 338px;
		background: url(../images/index_shape.gif) no-repeat 34px 0;
	}

	body#subPageFigure #right {
		padding-top: 338px;
		background: url(../images/subpage_shape.gif) no-repeat 34px 0;
	}

	body#subPage #right {
		padding-top: 195px;
	}

	#right .section {
		padding-bottom: 36px;
	}

	/* Services */
	
	#right h2,
	#right h3 {
		padding: 0;
	}

	#right h4 {
		padding: 0 0 6px 0;
		margin-top: 18px;
	}
	
		#right h4:first-child,
		#right h4.firstChild {
			margin-top: 0;
		}

	/* About */

	#right .about p {
		font-family: Georgia, Times, serif;
		color: #555;
		line-height: 1.667;
	}

	#right .about p a,
	.dialogBox a {
		font-family: Arial, sans-serif;
		font-weight: bold;
	}

	/* RSS */

	#right .rss p {
		float: left;
	}

	#right a.rss {
		display: inline;
	}

	#right a.rss:hover span,
	#right a.rss:active span {
		background-position: -18px -18px;
	}

	#right a.rss span {
		background-position: 0px -18px;
	}

	#right a.rss:hover span,
	#right a.rss:active span {
		background-position: -18px -18px;
	}

	/* Recent */

	.recent ul {
		margin: 0;
		list-style-type: none;
		border-top: 1px solid #D0D0D0;
	}

	.recent li {
		margin: 0;
		padding: 5px 0;
		border-bottom: 1px solid #D0D0D0;
	}
	
	.recent li a {
		font-weight: 700;
		border: 0;
	}

	.recent li span {
		width: 18px;
		height: 18px;
		background: url(../images/icons.gif) no-repeat -54px -18px;
		text-indent: -9000px;
		display: block;
		float: left;
	}

	/* Twitter */

	#right .twitter h4 span {
		background-position: -36px -18px;
	}

	#right .twitter p {
		margin: 0;
	}

	/* Bookmarks */

	.bookmarks h4 span {
		background: url(../images/icons.gif) no-repeat -54px -54px;
	}

	/* Other Services */

	.otherServices h3 {
		margin: 0 0 12px 0;
	}

	/* Packages */

	.plus h4 {
		width: 20px;
		height: 20px;
		background: url(../images/icons.gif) no-repeat 0 -54px;
		text-indent: -9000px;
	}

	.plus p {
		font-family: Georgia, Times, serif;
		font-size: 13px;
		color: #555;
		background: url(../images/plus_background.gif) no-repeat bottom right;
		padding-bottom: 60px;
	}

	#right .plus {
		padding-right: 0;
		width: 240px;
	}

	#right #blogArchiveWidget ul {
		list-style: none;
		padding: 0;
		margin: 0 0 12px;
	}
	
	#right #blogArchiveWidget h4 {
		padding: 0 0 2px;
	}

		#right #blogArchiveWidget ul li {
			margin: 0;
			padding: 5px 0;
			border-bottom: 1px solid #D0D0D0;
		}
		
			#right #blogArchiveWidget ul li:last-child,
			#right #blogArchiveWidget ul li.lastChild {
				padding-bottom: 0;
				border: none;
			}
		
			#right #blogArchiveWidget ul li a {
				border: none;
				display: block;
			}
			
			.blogArchivePage #right #blogArchiveWidget {
				padding-top: 26px;
			}

	/*
		Blog archive
	*/
	
	#blogArchive h2 {
		margin: 0;
	}
	
	#blogArchive .datagrid {
		border: none;
		width: 100%;
	}

	#blogArchive .datagrid th,
	#blogArchive .datagrid td {
		background: #FFF;
		vertical-align: top;
		border: none;
		text-align: left;
		padding: 0 0 5px;
		padding-right: 10px;
		font-size: 12px;
	}
		
	#blogArchive .datagrid th {
		
	}

	#blogArchive .datagrid td.date_publish {
		color: #999;
	}

	#blogArchive .datagrid td.comments_count,
	#blogArchive .datagrid th.comments_count {
		width: 100px;
		text-align: right;
	}

	/*
		Content fullwidth
	*/

	/* Packages */

	body#fullWidthSubpage .intro .header p {
		margin-bottom: 12px;
	}

	#packageOverview {
		width: 720px;
		clear: both;
		padding: 0 0 46px 0;
	}

	#packageOverview caption {
		display: none;
	}

	#packageOverview table {
		width: 186px;
		margin: 20px 16px;
	}

	#packageOverview table,
	#packageOverview td,
	#packageOverview th {
		border: 0;
		background: none;
		font-size: 12px;
		padding: 0;
	}

	#packageOverview #tableItem {
		font-size: 15px;
		padding: 0 0 18px 0;
		color: #000;
	}

	#packageOverview #tableItem p {
		float: left;
		margin: 0;
	}

	#packageOverview #tableItem span {
		font-size: 12px;
		color: #6e6926;
		float: right;
	}

	#packageOverview .tableItems {
		color: #6e6926;
		width: 110px;
	}

	#packageOverview .tableCosts {
		text-align: right;
		width: 70px;
	}

	#packageOverview td.last {
		padding-bottom: 6px;
	}

	#packageOverview tfoot td {
		padding: 6px 0 0 0;
		font-weight: bold;
	}

	#packageOverview tfoot .tableItems {
		font-weight: bold;
		border-top: 1px solid #c7ba10;
	}

	#packageOverview tfoot .tableCosts {
		border-top: 2px solid #c7ba10;
		font-size: 16px;
		color: #000;
	}

	#proPackage,
	#plusPackage,
	#basicPackage {
		float: left;
		margin: 0 20px 20px 0;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border: 1px solid #cbc13c;
		min-height: 144px;
	}

	#proPackage {
		background: #ffed00 url(../images/packages_background1.gif) repeat-x;
	}

	#plusPackage {
		background: #fff24c url(../images/packages_background2.gif) repeat-x;
	}

	#basicPackage {
		background: #fff78c url(../images/packages_background3.gif) repeat-x;
	}

	#optionalPackage {
		width: 700px;
		clear: both;
		background: #f3f3f3 url(../images/optionalpackage_background.gif) center left;
		border: 1px solid #d3d3d3;
		padding: 5px 0;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		color: #666;
	}

	#optionalPackage p {
		float: left;
		margin: 0;
		line-height: 1.75;
		background: #f3f3f3;
		padding: 0 10px;
	}

	#optionalPackage p.price {
		float: right;
		color: #000;
		font-weight: bold;
		font-size: 14px;
		line-height: 1.5;
	}

	#optionalPackage i {
		font-family: Georgia, Times, serif;
	}

	/* Team */
	
	#team {
		color: #555;
		padding-top: 24px;
		clear: both;
	}
	
		#team hr.clear {
			width: 100%;
			clear: both;
			visibility: hidden;
			display: block;
			height: 12px;
		}

	#team .col img {
		padding-top: 36px;
	}

 	#team h2 {
		padding-bottom: 12px;
	}

	#doBusiness {
		background: #2c2f39 url(../images/who_background.gif) no-repeat;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		padding: 20px 20px 20px 120px;
		margin-top: 36px;
	}

	#doBusiness h4 {
		padding-bottom: 12px;
		font-size: 14px;
	}
	
	#doBusiness a {
		font-weight: bold;
		color: #ffed00;
		border: 0;
	}

	#doBusiness a:hover,
	#doBusiness a:active {
		color: #fff;
	}

	/* Cases */

	#casesOverview {
		width: 720px;
		clear: both;
		padding: 30px 0 17px 0;
		font-size: 11px;
		line-height: 1.7;
	}

	#casesList {
		margin: 0 0 20px;
		padding: 0 0 11px;
		background: #fff url(../images/cases_background_b.gif) no-repeat bottom left;
	}

	#casesList li {
		position: relative;
		float: left;
		margin: 0 18px 0 0;
		padding: 69px 11px 0;
		width: 200px;
		background: transparent url(../images/case_background_t.png) no-repeat;
		list-style: none;
	}

	#casesList li .button {
		float: right;
		margin-top: 7px;
	}

	#casesList li a.logo {
		display: block;
		height: 100px;
		overflow: hidden;
		margin: 0 0 20px;
		text-align: center;
		border: none;
	}

	#extraCases {
		margin: 0;
		padding: 0;
	}

	#extraCases li {
		overflow: hidden;
		float: left;
		margin: 0 18px 20px 0;
		padding: 0;
		width: 222px;
		height: 113px;
		text-align: center;
		background: #fff url(../images/extracase_background.gif) no-repeat top left;
		list-style: none;
	}

	#extraCases li a {
		display: block;
		padding: 19px 0 0;
		height: 100%;
		border: none;
	}

	#extraCases li.empty {
		background-image: url(../images/extracase_empty_background.gif);
	}

	#doBusiness.wide {
		margin-top: 16px;
		padding-left: 17px;
	}

	#doBusiness.wide h4 {
		padding-bottom: 17px;
		color: #ffed00;
	}

	#doBusiness.wide p {
		padding-left: 103px;
	}

	/* Case detail */

	#moreCases {
		position: relative;
		clear: both;
		margin: 10px 0;
		padding: 7px 10px 6px;
		width: 680px;
		border: 1px solid #c2c2c2;
		background: #f3f5fc;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	#moreCases h3 {
		display: inline;
		font-size: 14px;
		line-height: 0;
	}

	#moreCases .button {
		position: absolute;
		right: 10px;
		top: 7px;
		float: right;
		margin-top: -2px;
	}
	

/*
	Footer

*/

	#footer {
		width: 241px;
		padding: 48px 0 144px 549px;
		font-size: 10px;
		font-style: italic;
		font-family: Georgia, Times, serif;
	}

	#footer ul {
		margin: 0;
		list-style-type: none;
	}

	#footer li {
		float: left;
		padding: 0 6px 0 0;
	}
	
		#footer li.last {
			padding: 0;
		}

	#footer li a {
		font-style: normal;
		font-family: Arial, sans-serif;
		border: 0;
	}

/*
	Defaults
*/

	/* A very simple column system */

		.col { width: 100px; padding-right: 20px; float: left; }
		.col-2 { width: 220px; } /* Double column */
		.col-3 { width: 340px; } /* Triple column */
		.col-4 { width: 460px; } /* Four columns */
		.col-5 { width: 580px; } /* Five columns */
		.col-6 { width: 700px; } /* Six columns */
		.col-7 { width: 820px; } /* Six columns */
		.col-8 { width: 940px; } /* Six columns */

	/* Pagination */

	.pagination-wrap {
		width: 100%;
		overflow: hidden;
	}

	.pagination {
		float: left;
		position: relative;
		left: 50%;
	}

	.pagination ul {
		padding: 18px 0;
		z-index: 2;
		overflow: hidden;
		position: relative;
		left: -50%;
	}

	.pagination li {
		float: left;
		list-style: none;
		margin: 0 5px 0 0;
		text-decoration: none;
		padding: 0;
		line-height: 1.25;
		font-size: 12px;
		text-align: center;
	}

	.pagination li span {
		float: left;
		display: block;
		padding: 3px 4px;
		color: #CCC;
		min-width: 12px;
	}

	.pagination li.currentpage span {
		font-weight: 700;
		color: black;
	}

	.pagination li.selected span {
		padding: 3px 4px;
		font-weight: 700;
		color: black;
	}

	.pagination li a:link,
	.pagination li a:visited {
		float: left;
		display: block;
		padding: 3px 4px;
		text-decoration: none;
		min-width: 12px;
		border: 0;
		font-weight: bold;
	}

	li.ellipsis {
		margin: 0;
	}

	li.ellipsis span {
		color: black;
	}

	.pagination li a:hover,
	.pagination li a:active {
		color: black;
	}

	.nextpage, .previouspage {
		font-size: 11px !important;
	}

	.pagination li.nextpage {
		margin-left: 10px;
	}

	.pagination li.previouspage {
		margin-right: 15px;
	}

	/* General Classes */

	.hidden {
		display: none; 
	}

	.block {
		display: block; 
	}

	.noPadding {
		padding: 0 !important;
	}

	.noMargin {
		margin: 0 !important;
	}

	.paddingTop {
		padding-top: 20px;
	}

	.paddingBottom {
		padding-bottom: 20px;
	}

	.halfPaddingBottom {
		padding-bottom: 10px;
	}

	.marginTop {
		margin-top: 20px;
	}

	.marginBottom {
		margin-bottom: 20px;
	}

	.halfMarginBottom {
		margin-bottom: 10px;
		padding: 0;
	}

	.padding {
		padding: 0 20px 0 20px;
		width: 420px;
	}

	.margin {
		margin: 0 20px 0 20px;
		width: 420px;
	}

	.floatLeft {
		float: left;
	}

	.floatRight {
		float: right;
	}

	img.alignLeft {
		float: left;
		padding: 0 10px 10px 0;
	}

	img.alignRight {
		float: right;
		padding: 0 0 10px 10px;
	}

	a.noBorder {
		border: 0;
	}

	.smallText {
		font-size: 11px;
	}

	.caps { 
	  font-variant: small-caps;
	  letter-spacing: 1px; 
	  text-transform: lowercase; 
	  font-size: 16px;
	  font-weight: bold;
	}

/* Clearfix */

.clearfix:after, .cols:after, .section:after, #footer:after, #header:after, #optionalPackage:after, .article .footer ul:after, .blogcomment:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.fork-forms p {
	margin: 0;
}

	.fork-forms small {
		font-family: Arial, sans-serif;
		color: #666;
	}