/*  
Theme Name: Swift Design Solutions, WordPress Theme
Theme URI: http://www.swiftdesignsolutions.co.nz/
Description: This is the default 2010 theme for Swift Design Solutions.
Version: 1.0
Author: Shane Keys
Author URI: http://www.swiftdesignsolutions.co.nz/

*/

/***** Global *****/
	/* 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;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline
		}
		
		:focus {outline: 0}
		
		ol, ul {}
		
		/* Tables need 'cellspacing="0"' on 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 */
	body {
		line-height: 1.4;
		font-size: 85%; /* 100% = 16px */
		font-family: arial, verdana, sans-serif;
		color: black;
		background: #010713;
		margin: 0;
		padding: 0;
		text-align: left
	}

/* Headers */
	h2 {
		font-size: 160%;
		border-bottom: 1px solid #0CB1F5;
		padding-bottom: .4em;
		margin-bottom: .9em;
	}
	h3 {font-size: 130%; margin-bottom: .6em;}
	h4 {font-size: 110%}
	h5 {font-size: 90%}
	h6 {font-size: 70%}
	
/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link, a:visited {color: #00A5F8; text-decoration: none;}
	a:hover, a:active {text-decoration: underline;}
	
/* Paragraphs */
	p {
	    margin-bottom: 1.2em;
	    line-height: 1.4
	}
	
	strong, b {font-weight: bold}
	em, i {font-style: italic}

	hr {
		border: 0;
		color: #0CB1F5;
		background-color: #0CB1F5;
		height: 1px;
		margin: 2em 0;
	}
	
	.img {display: block; margin-bottom: 1.5em;}
	.highlight {color: #fff; font-style: italic; background: #05AFF4; line-height: 1; font-size: 1.1em; padding: .1em;}
	.highlight:link, .highlight:visited {color: #fff; padding: 0 .5em}
    .our-clients {display:block;height:30px;width:105px;line-height:2 }
    
    li {
	background-image:url('images/tick-circle.png');
	background-position:left top;
	background-repeat:no-repeat;
}
/* Quotes */
blockquote {font-family: georgia, times, serif; font-style: italic}
blockquote p {margin-bottom: .5em;}
blockquote .highlight {line-height: 1.35;}
div.quote.right, blockquote.quote {
	width: 320px;
	margin: 0 0 20px 20px; 
	background: url('images/quote-bot.gif') no-repeat bottom;
	padding: 0 0 5px 0
}
div.quote blockquote {
	padding: 15px 15px 1px 15px;
	background: url('images/quote-top.gif') no-repeat top;
	margin-bottom: 15px;
}
div.quote cite {padding-left: 5px; color: #0CB1F5}

/* Lists */
ul {
  margin: 1em 0 1.3em 0;
  line-height: 1.4;
list-style:none;
}

ul li {padding: 0 0 0 20px;}

ol {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.4;
  list-style: outside decimal;
}

ul.topless {margin-top: 0}

/***** Layout *****/
.limit {width: 950px; overflow: hidden; margin: 0 auto;}

.right {width: 25%; margin: 0 0 1.5em .4%; float: right;}
img.right {width: auto; margin: 0 0 1.5em 1.5em; float: right;}

.left {width: 25%; margin: 0 .4% 1.5em 0; float: left;}
img.left {width: auto; margin: 0 1.5em 1.5em 0; float: left;}

/* Header */
#header {
	background: #010E1F url('images/header-bg.png') repeat-x;
	color: #fff;
	height: 73px;
	line-height: 73px;
	border-bottom: 1px solid #1A4065;
}

#header .limit {overflow: visible}
#header:after {content: "."; display: block; clear: both; visibility: hidden; height: 0;}

	/* Logo */
	#logo {background:url('images/swift-design-logo.png') no-repeat top left; float: left; margin: 10px 0 0 0; height: 47px; width:264px;}
	#logo a { display:block; }
	#logo a span { display:none; }
	
	/* Menu */
	#menu {margin: 35px 0 0 0; float: right; list-style: none;}
	#menu li {float: left; margin: 0 0 0 25px; padding: 0; background: none; position: relative;}
	
	/* Dropdowns (Eww, dropdowns) */
	#menu ul {
		position: absolute;
		background: #000F2C url('images/dropdown-bg.png') repeat-x bottom left;
		overflow: hidden;
		width: 230px;
		top: 10px;
		left: 0;
		z-index: 999;
		display: none;
	}
	#menu li:hover ul {display: none; background:none;}
	
	#menu ul li {
		float: none;
		margin: 0;
		position: static;
		border-bottom: 1px solid #1F4469;
		background:none;
	}
	
	#menu ul li a:link, #menu ul li a:visited {
		color: #fff;
		font-weight: normal;
		display: block;
		padding: .55em .9em;
		background:none;
	}
	#menu ul li a:hover, #menu ul li a:active {
		text-decoration: none;
		background: #1F4469;
	}
	
	
/* Body */
#body {background: #fff url('images/body-bg.png') repeat-x bottom; padding: 30px 0 17px 0;}
.homepage #body, #body.homepage {background: #fff;}

	/* Header Graphic */
	#header-graphic {
		background: #010204 url('images/header-graphic.jpg') repeat-x top center;
		height: 278px;
		color: #fff;
		font-size: 128.57%;
	}
	
	#header-graphic p {width: 390px; margin-bottom: 1em;}
	#header-graphic strong {display: block; color: #00ABF9; font-size: 1.1em;}
	#header-graphic .with-passion {font-weight: bold; color: #00ABF9}

	#header-graphic .quote {position: absolute; right: 10px; top: 207px;}

	#header-graphic .limit {padding: 40px 0 30px 500px; width: 450px; height: 205px; position: relative;}
	
	/* Header Text */
	#header-text {
		background: #F2F9FF url('images/body-bg.png') repeat-x bottom;
	}
	
	#header-text .limit {position: relative; padding: 20px 0;}
	
	#header-text blockquote {font-family: geneva, verdana, arial, helvetica, sans-serif; font-size: 1.3em; font-style: italic; margin-top: 20px;}
	#header-text .quote-box {float: left; width: 600px;}
	#header-text .quote-box blockquote p {margin-bottom: .3em;}
	
	#header-text .contact-info {float: right; width: 300px; text-align: right; padding-bottom: 50px}
	#header-text .tel {display: block; color: #00ABF9; font-size: 1.37em;}
	#header-text .mail:link, #header-text .mail:visited {color: #242424; font-size: 1.1em}
	
	#header-text .quote {position: absolute; bottom: -4px; right: 0;}
	
	/* Latest */
	#latest {
		background: #fbfbfb;
		border-top: 1px solid #f3f3f3;
	}
	
	#latest ul {
		list-style: none;
		overflow: hidden;
		height: 1%;
		padding: 30px 0 30px 120px;
		width: 830px;
		background: url('images/latest/latest-5.png') no-repeat left center;
	}
	#latest ul li {float: left; margin: 0 18px 0 0; padding: 0; background: none;}
	#latest ul li img {border: 2px solid #e9e9e9; background:none;}
	
	.box {background-color:#DDF6FF;border:6px solid #00A5F8;margin-bottom:1.2em;padding:10px;}

/* Quick Links */
#quicks {
	background: #86B1DC url('images/blue-foot-bg.png') repeat-x top left;
	color: #fff;
	overflow: hidden;
	height: 1%;
	padding: 35px 0 0 0;
}
#quicks .limit {padding-bottom: 25px;}

#quicks .col {width: 21%; float: left; padding: 0 3.8% 0 0;}
#quicks #from-our-blog {padding-bottom: 10px;}

	/* Google site search */
	#cse-search-box fieldset {
		margin:0;
		padding:0;
	}

	#cse-search-box #search-query {
		height: 18px;
		background:#FFFFFF none repeat scroll 0 0;
		border:0 none;
		color:#A9A9A9;
		display:block;
		font-family:arial,verdana,serif;
		font-size:100%;
		margin:5px 0;
		padding:5px;
		width:189px;
	}

	#cse-search-box #search {

		background:#00B8FD none repeat scroll 0 0;

		border:1px solid #4FCBFA;

		color:#FFFFFF;

		cursor:pointer;

		float:left;

		margin:3px 0 0 0;

		padding:3px 5px;

	}





#quicks h2 {margin-bottom: 10px; padding-bottom: 0; border: 0;}

 

#quicks a:link, #quicks a:visited {color: #fff; font-style: italic; font-weight: bold;}

	/* Quick Contact */
	#quick-contact {overflow: hidden; height: 1%; margin: 0; padding: 0;}
	#quick-contact p {position: relative; margin: 0 0 1.2em 0;}
	#quick-contact p img {position: absolute; top: 1.5em; padding-left: 5px;}
	
	#quick-contact .text {
		border: 0;
		background: #fff;
		color: #a9a9a9;
		display: block;
		margin-bottom: 5px;
		width: 189px;
		padding: 5px;
		font-family: arial, verdana, serif;
		font-size: 100%;
	}
	
	#quick-contact .button {float: right; border: 1px solid #4FCBFA; color: #fff; background: #00B8FD; padding: 3px 5px; margin: 0; cursor: pointer;}





/* Footer */
#footer {
	background: #010713 url('images/footer-bg.png') repeat-x top;
	color: #fff;
	border-top: 1px solid #1D2A3A;
	min-height: 167px;
	font-size: .95em
}

#footer .limit {padding: 35px 0 0 0; position: relative; min-height: 124px;}

#footer p {margin: 0 0 3px 0; color: #fff;}
#footer a:link, #footer a:visited {color: #fff;}

#footer h2 {border-bottom:0px;padding:0;line-height: 1.1em;margin-bottom: 0.5em;}
#footer  ul li {background:none;padding:0}
#footer .col {float: left; margin-bottom: 13px}

#footer a.more:link, #footer a.more:visited {color: #cfcfcf;}

#footer a.more:hover, #footer a.more:active {color: #fff;}



#footer .services, #footer .useful-links, #footer .our-family {width: 20%;}

#footer .from-blog {width: 40%;}


#footer .extra {clear:both;}
#footer .copy {color: #fff; float:left;overflow:hidden;width: 70%;margin-bottom:10px;font-size:12px}
#footer .bookmarks {float:right;overflow:hidden;width: 20%;}




	/* Logos */
	#logos {margin: 15px 0 0 0; list-style: none;}
	
	#logos li {float: left; margin: 0 45px 0 0; padding: 0; background: none;}
	
	#logos #add-this {padding-top: 25px}

	/* Back to Top link */
	#footer #back-top {
		right: 0;
		top: 40px;
		position: absolute;
	}
	
	/* Internal */
	#internal {color: #fff; margin: 0 0 3px 0; list-style: none;}
	#internal li {
		display: inline;
		margin: 0 .6em 0 0;
		padding: 0 .6em 0 0;
		height: 1.1em;
		line-height: 1.1; 
		border-right: 1px solid #fff;
		background: none;
	}
	#internal li:last-child {border: 0; margin: 0; padding: 0; background:none;}
	
/***** Sections *****/
.cols-2 {overflow: hidden; width: 100%;}
.cols-2 .left {width: 48%; float: left; margin: 0}
.cols-2 .right {width: 48%; float: right; margin: 0}

/* Homepage */
#homepage-cols {overflow: hidden; height: 1%;}
#homepage-cols .col {width: 21%; float: left; padding: 0 3.8% 0 0; color: #00A5F8}
#homepage-cols h2 {border-bottom: 0; margin-bottom:28px; margin-top:15px; padding-bottom: 0;}
#homepage-cols h2 a { color:#001020; display:block; font-family:arial; font-weight:bold; letter-spacing:-1px;  text-transform:lowercase; }
#homepage-cols h2#good-stuff { background: url('images/headers/good-stuff-bg.png') no-repeat top left; height:59px; margin:0; padding-top:14px; }
#homepage-cols h2#good-stuff a {  margin:0; width:190px; }


#homepage-cols .col p {font-size: 107.14%; font-weight: bold; margin-bottom: 1.2em;}
#homepage-cols ul {color: #000;}
#homepage-cols a.more {
	background: url('images/arrow.gif') no-repeat right center;
	padding: 0 30px 0 0;
}

/* Clients Portfolio */
.clients-list {overflow: hidden; margin: 0; width: 100%; padding-bottom: 2em;}
.clients-list li {padding: 0; background: none; float:left; margin: 9px; width: 217px; height: 136px; text-align: center; overflow: hidden; border: 1px solid #e8e8e8;}

/*.clients-list a img {border: 1px solid #e8e8e8;}
.clients-list a:hover img, .clientslist a:active img {border: 1px solid #00A5F8;}*/

#clients-lists {overflow: hidden; width: 100%; padding-bottom: 2em;}
#clients-lists .col {width: 219px; margin: 9px; float: left;}

#clients-lists h3 {color: #00A5F8; font-size: 1.1em; margin-bottom: .3em;}
#clients-lists ul {margin: 0 0 1.5em 0;}
#clients-lists ul li {padding: 0; background: none;}

#clients-lists a:link, #clients-lists a:visited {color: #0C0C19;}

/* Brand Portfolio */
#brand-info {overflow: hidden; margin: 0; width: 100%; padding-bottom: 2em;}
#brand-info .info {width: 600px; float: left;}
#brand-info .stationary {width: 326px; float: right;}

/* Web Design Portfolio */
#web-design-portfolio {padding-top: 30px;}

	/* Project Information */
	#project {width: 636px; float: left}
	.project-preview {display: block; margin-bottom: 40px;}
	#project h3 {clear: both; padding: .7em 0;}
	.checklist {list-style:none}
	.checklist li {background:url("images/tick-circle.png") no-repeat scroll left top transparent;padding-left:20px;background:none;}
	/* Navigation */
	#project-nav {width: 271px; float: right; margin: 0; list-style: none;}
	#project-nav li {padding: 0; background: none;}
	#project-nav a strong {color: #009BED; font-size: 1.2em; display: block;}
	
	#project-nav a:link, #project-nav a:visited {
		display: block;
		padding: 10px 10px;
		color: #999;
		border-top: 1px solid #fff;
	}
	#project-nav a:hover, #project-nav a:active, #project-nav .current a:link, #project-nav .current a:visited {
		background: url('images/side-nav-tab.png') repeat-x bottom;
		text-decoration: none;
		border-top: 1px solid #DDF3FD;
	}
	#project-nav a:hover strong, #project-nav a:active strong {text-decoration: underline;}
	
	.prev-next {overflow: hidden; margin: 0 0 1.5em 0}
	.prev-next a:link, .prev-next a:visited {
		color: #fff;
		background: #00BBFD;
		padding: .4em 1.3em;
		margin: 0 1.5em 0 0;
	}
	
/* Blog */
#content {width: 590px; float: left;}
#sidebar {width: 300px; float: right;}

	/* Sidebar */
	#sidebar ul {margin-bottom: 1.6em;}
	.categories-list, .archives {overflow: hidden; height: 1%}
	.categories-list li, .archives li {width: 43%; margin: 0 .9%; float: left; background:none;}
	
		/* Tag Cloud */
		.tag-cloud {text-align: center;}
		.tag-cloud li {padding: 0 .5em; background: none; display: inline; line-height: 1.2;}

	/* Blog Index */
	#posts-list {margin: 0; list-style: none;}
	
	#page-nav-prev
	{
		float: left;
		margin: 0px;
		padding: 10px 0px 10px;
	}

	#page-nav-next
	{
		float: right;
		margin: 0px;
		padding: 10px 0px 10px;
	}
	
	/* Post */
	.post {background: none; margin-bottom: 3em; padding: 0;}
	
	.post h2, #sidebar h2 {margin-bottom: .2em; padding-bottom: .2em;}
	.post h2 a:link, .post h2 a:visited {color: #333;}
	.post .meta {color: #999; display: block; margin-bottom: 1.5em; font-size: .9em;}
	
 		/* About Box */
		.about {
			background: #E2F2FF;
			display: block;
			margin: 2em 0 1.5em 0;
			border: 1px solid #B1DDFF;
			color: #333;
			padding: 15px;
			font-size: .9em;
			overflow: hidden;
			height: 1%;
		}
		
		.about h3 {line-height: 1; font-size: 1.2em; margin: 0 0 .8em 0;}
		.about .avatar {border: 1px solid #C8D6E1; float: left; margin: 0 20px 0 0;}
		
		.about .info {
			width: 485px;
			float: right;
			overflow: hidden;
		}
		.about .info .links {
			margin: 0;
			list-style: none;
		}
		.about .info .links li {padding: 0; background: none; float: left; margin: 0 2.5em 0 0;}
		
/* Comments */
#comments {overflow: hidden; height: 1%;}
#comments h3 {margin-bottom: 25px;}

	/* Comments List */
	.comments-list {list-style: none; margin: 0 0 2em 0;}
	.comments-list li {overflow: hidden; width: 100%; border-bottom: 1px solid #B1DDFF; margin-bottom: 1.5em; padding-bottom: 1.5em; background:none;}
	
	.comments-list .avatar {float: left; margin: 0 20px 0 0; border: 1px solid #C8D6E1;}
	.comments-list .info {width: 515px; float: right; overflow: hidden; font-size: .9em;}
	.comments-list cite {color: #999; display: block; margin-bottom: .5em;}
	
/* Comments Form */
#comment-form {margin: 0 0 1em 0; overflow: hidden; height: 1%;}

#comment-form div {background: #E2F2FF; padding: 1.8em; margin-bottom: 15px; overflow: hidden; height: 1%; border: 1px solid #B1DDFF;}



#comment-form label {
	display: block;
	float: left;
	margin-bottom: 15px;
	line-height: 20px;
	width: 75px;
	clear: left
}
#comment-form .text, #comment-form textarea {
	border: 0;
	display: block;
	float: left;
	margin-bottom: 15px;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
	font-size: 100%;
	padding: .2em .5em;
	width: 420px;
	color: #888;
	background: #fff;
	border: 1px solid #B1DDFF;
}

#comment-form textarea {float: none; width: 495px; height: 125px}

#comment-form .button {
	float: right;
	background: #009DF7;
	border: 0;
	color: #fff;
	padding: .3em 1em;
	display: block;
	float: right;
	font-size: 1.2em;
	cursor: pointer
}

/* Contact */
#contact-form {

	border: 1px solid #B1DDFF;

	background: #E2F2FF;

	overflow: hidden;

	height: 1%;

	margin-bottom: 35px;

	padding: 20px 20px 20px 20px;

	width: 410px;

	float: left;

	margin-top: 20px;

	margin-left: 0;

}



#contact-form label {width: 100px; float: left; margin-bottom: .5em; clear: left;}

#contact-form .text, #contact-form textarea {width: 300px; float: left; margin-bottom: .5em; background: #fff; border: 1px solid #B1DDFF;}
#contact-form textarea {height: 300px;}
#contact-form .button {float: right; margin: 10px 8px 0 0;}
#contact-success {
	display: block;
	padding: 20px;
	width: 410px;
	float: right;
	margin-top: 20px;
	margin-left: 0;
}
/* Locations */
#location {background: #E2F2FF; margin: 0 0 1.5em 0; width: 450px; float: right; margin-top: 20px; border: 1px solid #B1DDFF}

#location address {display: block; margin: 1.5em}

#location fieldset {padding: 10px; background: #B1DDFF; overflow: hidden; height: 1%; margin: 0; color: #333;}

#location label {padding: 0 .5em 0 0; float: left; line-height: 22px}
#location .text {background: #fff; margin: 0 1.3em 0 0; color: #333; width: 110px; float: left; border: 1px solid #B1DDFF;}
#location .button {
	float: right;
	background: #E2F2FF;
	font-size: 1em;
	border: 0;
	color: #333;
	cursor: pointer;
	text-align: left;
	padding: 3px 5px;
	margin-top: -1px;
}

#detailed-directions {padding: 0; overflow: hidden; height: 1%; background: #000}
#detailed-directions span.left {float: left}
#detailed-directions img#expand-detailed, #detailed-directions img#contract-detailed {float: right; cursor: pointer}
#detailed-directions img.hidden {display: none}

#detailed-text {float: none; display: block; padding: .8em 1em; overflow: hidden; height: 1%}

#detailed {clear: both; background: #1e1e1e; padding: 1em 1em .5em 1em}

#map { display: block; width: 450px; height: 300px; }

  /* Contact Info */
#get-a-quote  #contact-info {background:#fff;width: 250px; float: right;overflow:hidden}

#get-a-quote  #contact-info address {
    background:#fff;
    font-family: georgia, 'trebuchet ms', tahoma, verdana, serif;
    display: block;
    margin: 0em 0 1em 0;
    font-size: 115.38%;
    color: #000;
    line-height: 1.3;
    font-style: normal
  }
  

  
/* Contact Form */
#get-a-quote {padding: 25px 25px 0 25px;}
#get-a-quote  #contact-form {float: left;margin-top:0}
#get-a-quote  #contact-form label {display: block; margin-bottom: .8em;width: 115px}
#get-a-quote  #contact-form input.text,#get-a-quote  #contact-form textarea, #get-a-quote #contact-form input.file, #get-a-quote #contact-form select, #get-a-quote #comments-form .text, #get-a-quote #comments-form textarea {
    padding: .2em .3em;
    margin-bottom: 1.3em;
    font-family: arial, verdana, serif;
    font-size: 100%;
    width: 225px
  }
  
#get-a-quote  #contact-form input.file {margin-bottom: 1.3em}
#get-a-quote  #contact-form textarea {width: 225px; height: 130px}

/* Contact Bar */
#contact-bar {
	font-size: 1.7em;
	color: #00ABF9;
	overflow: hidden;
	height: 1%;
	padding: 25px 0 0 0;
	clear: both;
}
#contact-bar strong {font-weight: normal; float: left;}
#contact-bar .phone {float: right; font-style: normal;}

/* Testimonals */
ul#testimonials {overflow: hidden; width: 100%;}
ul#testimonials li {
	width: 48%;
	background: none; padding: 0;
	float: left;
	margin: 0
}
ul#testimonials li.right {
	width: 48%; float: right; margin: 0
}
ul#testimonials cite {
	color: #00ABF9;
}

.box-left {
	overflow: hidden;
	height: 1%;
	margin-bottom: 35px;
	padding: 0 20px 0 0;
	width: 410px;
	float: left;
	margin-top: 20px;
	margin-left: 0;
}

/* New Footer */
.footerContainer { padding: 0; margin: 0; }
.footerContainer ul li{list-style:none; background:none; }
.footerContainer * { padding: 0; margin: 0; color: none; }

.footerContainer { background: url("images/bg-light.jpg") no-repeat top center #0a192e; color: #fff; padding: 20px 0 0 0; }
.footerContainer a { color: #add8f7; text-decoration: none; }
.footerContainer a:hover { color: #fff; }

.footerContainer .footerInner { width: 960px; margin: auto auto; }

.footerContainer .leftBlock { float: left; width: 475px; padding: 0 0 40px 0; }
.footerContainer .rightBlock { width: 435px;  padding: 0 0 40px 0; float: left; position: relative; }

.footerContainer .usefulLinksHeader { width: 440px; }

.footerContainer .usefulLinksHeader, .fromTheBlogHeader { font-size: 24px; font-weight: bold; letter-spacing: -2px; padding: 0 0 5px 0; border-bottom: 2px solid #6395bb; }
.footerContainer .usefulLinksContainer ul { float: left; }
.footerContainer .usefulLinksContainer ul li { list-style: none; width: 215px; padding: 6px 0 6px 0; border-bottom: 1px solid #255d90; margin-right: 10px; background:none; }

.footerContainer .fromTheBlogHeader { background: url("images/icon-blog.gif") no-repeat 0 7px; padding-left: 36px; }
.footerContainer .seeMore { position: absolute; top: 7px; right: 0; font-weight: bold; font-size: 16px; color: #cccfd3; }
.footerContainer .fromTheBlogList {  }
.footerContainer .fromTheBlogList li { height: 18px; padding: 6px 0 6px 0; border-bottom: 1px solid #255d90; background:none; }
html>body .footerContainer .fromTheBlogList li { height: auto; background:none; }

.footerContainer .servicesContainer { width: 910px; position: relative; background: #000f22; margin-bottom: 50px; }
.footerContainer .servicesContainer .servicesHeader { width: 85px; height: 67px; background: url("images/caption-services.gif") no-repeat center; position: absolute; top: -25px; left: -55px; border-bottom: none; }

.footerContainer .servicesContainer ul { padding: 7px 0 10px 20px; height: 30px; }
.footerContainer .servicesContainer ul li { float: left; padding: 0 0 0 17px; margin: 0 30px 0 0; background: url("images/bullet-blue.gif") no-repeat 0 11px; }
.footerContainer .servicesContainer ul li a { font-size: 24px; font-weight: bold; letter-spacing: -2px; color: #cccfd3; }
.footerContainer .servicesContainer ul li a:hover { color: #fff; }

.footerContainer .companyInfo .leftBlock { width: 780px; padding: 5px 0 20px 0; }
.footerContainer .companyInfo .rightBlock { width: 125px; padding: 5px 0 20px 0; }

.footerContainer .companyInfo { background: url("images/company-info-bg.gif") repeat-x #000d1d; padding: 20px 0 0 0; font-size: 12px; }
.footerContainer .companyInfo .companyInfoInner { width: 960px; margin: auto auto; }

.footerContainer .companyInfo .companyInfoList {  }
.footerContainer .companyInfo .companyInfoList li { padding: 0 0 3px 0; background:none; }

.furtherContent { background: url("images/dark-bg-light.jpg") no-repeat center top #000d1d; padding: 26px 0 26px 0; color: #fff; }
.furtherContent h2 { border:none;
	margin-bottom:0;
	padding-bottom:0;
}
.furtherContent p {margin-bottom:0;line-height:1.3;}

.furtherContent ul {
line-height:1;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
}

.furtherContent .furtherContentInner {  width: 906px; margin: 0 auto; padding-right: 44px }
.furtherContent .blackBlock { padding: 20px; margin: 10px 0 20px 0; position: relative; }
	.blackBlock[class] { background-image: url("images/trans-black.png"); }

.furtherContent .blackBlock h3 { font-size: 18px; font-weight: normal; }

.furtherContent .hWebSpecialist { background: url("images/h-web-specialist.png") no-repeat 20px 0; height: 23px; }
.furtherContent .hMagentoWebDesign { background: url("images/h-magento.png") no-repeat 20px 0; height: 57px; }
.furtherContent .hWordpressWebDesign { background: url("images/h-wordpress.png") no-repeat 20px 0; height: 57px; }
.furtherContent .hWhakatane { background: url("images/h-whakatane.png") no-repeat 20px 0; height: 57px; }
.furtherContent .hSeoWhakatane { background: url("images/h-seo-whakatane.png") no-repeat 20px 0; height: 57px; }
.furtherContent .hWebDesignAgency { background: url("images/h-web-design-agency.png") no-repeat 20px 0; height: 57px; }
.furtherContent .hWebDesign { background: url("images/h-web-design.png") no-repeat 20px 0; height: 57px; }


.furtherContent .hWebDesignNews { background: url("images/h-web-design-news.png") no-repeat 20px 0; height: 57px; }
.furtherContent .hFrontendWebDevelopment { background: url("images/h-frontend-web-development.gif") no-repeat 20px 0; height: 46px; }
.furtherContent .hWebsiteVideoDesign { background: url("images/h-web-site-video-design.gif") no-repeat 20px 0; height: 23px; }

.furtherContent	#slider { margin: auto auto; }
.furtherContent	#slider ul li { width: 840px; height: 300px; overflow: hidden; padding: 0; }
.furtherContent	#slider ul li .sliderBlock { width: 420px; float: left;  }
.furtherContent	#slider ul li .sliderBlock p { font-size: 12px; text-align: justify; padding: 0 20px 10px 20px; }
.furtherContent	#slider ul li .sliderBlock .button-learn-more { display: block; width: 133px; height: 33px; margin-left: 20px; background: url("images/button-learn-more.gif") no-repeat; }
.furtherContent .controlsContainer { width: 75px; margin: auto auto; }
.furtherContent .controlsContainer a { display: block; width: 30px; height: 29px; float: left; }
.furtherContent .controlsContainer span#slidePrevious a { background: url("images/slider-arrow-left.gif") no-repeat center; margin: 0 10px 0 0; }
.furtherContent .controlsContainer span#slideNext a { background: url("images/slider-arrow-right.gif") no-repeat center; }


.furtherContent .videoContainer { float: left; }
.furtherContent .videoContainer .videoItem { float: left; padding: 0 15px 0 15px; }

.itemSep { color: #1a3e70; padding: 0 5px 0 5px; }
.hidden { display: none; }
.clear { clear: both; }