html,body,div,span,h1,h2,h3,h4,p,blockquote,a,img,ol,ul,li,dt,dl,dd,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-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;
	}
abbr {
	color:#0e242b;
	border:none;
	}
img.left {
	float:left;
	margin:0 28px 0 0 ;
	display:block;
	padding:4px;
	background-color:#fff;
	border:1px solid #C3C3BF;
	}
/*Main
-----------------------------------------------------------------------------*/	
body {
	font:62.5%/1.7 Arial, Helvetica, sans-serif;
	height:100%;
	text-align:center;
	color:#6f706d;	
	background:#f2f2ee url(../images/bg.gif) repeat-x 0 178px;
	}
ul {list-style:none;}
a {
	outline:none;
	color:#6f706d;
	font-weight:bold;
	text-decoration:none;
	}
a:hover,
#blog-home .cat-view a:hover,
#blog-home .post-details a:hover {
	color:#3c3c3c;
	}
blockquote {
	font-style:italic;
	font-size:1.2em;
	line-height:1.4em;
	padding:0 0 5px 0;
	}
blockquote p {
	padding-bottom:0;
	}
.sIFR-flash:focus{outline: none;}
.clear {clear:both;}
/*Headings
-----------------------------------------------------------------------------*/
#logo {
	float:left;	
	font-size:1.4em;
	text-indent:-9999px;
	margin:28px 0 0 10px;
	}
#logo a {
	display:block;
	width:185px;
	height:67px;
	text-decoration:none;
	background:url(../images/logo.png) no-repeat 0 0;
	}
h1,
h2,
h3,
h4 {
	font-family: Helvetica, Arial, Helvetica, sans-serif;
	color:#0e242b;
	font-weight:bold;
	line-height:1em;
	}
h1,
h2 {
	font-size:2em;
	padding-bottom:30px;
	}
body.home h1{
	color:#ccc;
	margin:26px auto 0 auto;
	width:980px;
	height:66px;
	font-weight:bold;
	line-height:1em;
	text-align:left;
	text-indent:-999999px;
	background:url(../images/eyekiller-nojav.gif) no-repeat 0 0;
	}
#blog-txt h2 {
	padding-top:14px;
}
body.work h1,
body.work h2 {
	padding-bottom:0;
	}
body.about h1 {
	padding-bottom:0;
	border-bottom:1px solid #d1d1d1;
	margin-bottom:25px;
}
h2.medium {
	color:#3c3c3c;
	font-weight:normal;
	}
h1 {
	width:927px;
	line-height:1em;
	}
body.blog h1 {
	width:627px;
	padding-bottom:0.1em;
	}
h2.bentry {	
	font-size:1.7em;
	line-height:1.2em;
	width:90%;
	padding-bottom:0.1em;
	}
h2.bentry-small {	
	font-size:1em;
	line-height:1.2em;
	width:90%;
	padding-bottom:0.1em;
	}
h2.bentry a,h2.bentry-small a  {	
	color:#0e242b;
	}
h2.bentry a:hover,h2.bentry-small a:hover {	
	color:#0abee6;
	}
h3 {
	font-size:1.4em;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom:1px;
	line-height:1.2em;
	}
#blog-home h3 {
	width:394px;
	padding-bottom:6px;
	}
.why-eyekiller h3 {
	padding-bottom:11px;
	}
h4 {
	color:#6f706d;
	font:bold 12px Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	}

.secondary-content h4.sidebar_title {
	font-size:1.3em;
	clear:both;
	}

.secondary-content p.client a {
	color:#0abee6;
	}

.secondary-content ul li {
	padding:2px 0;
	}

.blog-home-content h3 a {
	color:#0e242b;
	}
.blog-home-content h3 a:hover {
	color:#0abee6;
	}
.latest-overview {
	float:left;
	width:300px;
}
p {
	padding-bottom:1em;
	}
p.intro {
	font-size:1.5em;
	line-height:1.4em;
	padding-bottom:28px;
	}
div.intro {
	width:100%;
	float:left;
	font-size:1.5em;
	line-height:1.4em;
	padding-bottom:28px;
	}
p.intro a,
div.intro a {
	color:#3c3c3c;
	font-weight:normal;
	text-decoration:underline;
	}
p.intro a:hover,
div.intro a:hover {
	text-decoration:none;
	}
.heading-wrap {
	float:left;
	width:926px;
	height:38px;
	position:relative;
	border-bottom:1px solid #d1d1d1;
}
.recent-projects,
.manage-blog {
	margin-top:32px;
}
.paging {
	position:absolute;
	top:7px;
	right:0;
	width:300px;
	text-align:right;
}
.paging span {
	margin-right:4px;
}
.paging a {
	margin:0 1px;
	padding:1px 5px;
	border:1px solid #d1d1d1;
}
.paging a.current {
	background-color:#0abee6;
	border-color:#0abee6;
	color:#fff;
}
body.blog .primary-content .paging a.current {
	color:#fff;
	font-weight:bold;
}
body.blog .primary-content .paging a {
	color:#6F706D;
	font-weight:normal;
}
body.blog .primary-content .paging a:hover {
	color:#6F706D;
	text-decoration:none;
}
body.blog .primary-content .paging a.current:hover {
	color:#fff;
}
#flash,
#showreel {
	float:left;
	}
#wrapper {
	width:100%;
	text-align:left;
	}
#header-wrap {
	width:100%;
	text-align:center;
	background:#000 url(../images/header-bg.jpg) no-repeat center 0;
	}
body.home #header-wrap {
	position:relative;
	width:100%;
	height:524px;
	background:none;
	background-color:#000;
	}
#header {
	position:relative;
	width:980px;
	height:179px;
	margin:0 auto;
	overflow:hidden;
	}
body.home #header {
	height:524px;
	}
#showreel {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:524px;
	overflow:hidden;
	}
#showreel img {
	position:absolute;
	left:50%;
	top:0;
	margin-left:-1000px;
	}
#header-content {
	position:absolute;
	left:0;
	top:0;
	width:980px;
	height:524px;
	z-index:9999;
	}
#info {
	position:absolute;
	right:28px;
	bottom:135px;
	color:#fff;
	width:220px;
	}
#info.left {
	left:25px;
	bottom:35px;
	color:#fff;
	width:220px;
	}
#showreel.loading {
	background: url(../images/spinner.gif) no-repeat center center;
    }
.entry {
	font-size:12px;
	line-height:1.35em;
	text-align:right;
	}
#info.left .entry {
	text-align:left;
	}
.entry a {
	color:#fff;
	font-size:13px;
	font-weight:normal;
	}
#head-contact {
	position:absolute;
	right:12px;
	top:12px;
	font-size:1.2em;	
	}
#head-contact a {
	font-weight:normal;
	margin-left:18px;	
	}
#content-wrap {
	width:100%;
	text-align:center;
	background:url(../images/content-bg.gif) no-repeat center 0;
	}
#content {
	font-size:1.2em;
	text-align:left;
	width:926px;
	margin:0 auto;
	padding:0 27px;
	overflow:hidden;
	}
.primary-content {
	position:relative;
	float:left;
	display:inline;
	width:687px;
	}
body.blog .primary-content a {
	color:#0abee6;
	}
body.blog .primary-content .txt a {
	color:#0abee6;
	font-weight:normal;
	}
body.blog .primary-content .bentry a,body.blog .primary-content .bentry-small a {
	color:#000;
	}
body.blog .primary-content a:hover {
	text-decoration:underline;
	}
.secondary-content {
	float:right;
	display:inline;
	width:208px;
	padding:0 0 0 10px;	
	}
.secondary-content ul a {
	font-weight:normal;
	}
body.work .primary-content,
body.work .secondary-content {
	margin-top:36px;
	}
.secondary-content ul {
	float:right;
	width:208px;
	margin-bottom:20px;
	}
.secondary-content li {
	float:left;
	width:208px;
	line-height:1.8em;
	border-bottom:1px solid #d1d1d1;
	}
.secondary-content div {
	float:right;
	width:208px;
	margin-bottom:35px;
	}
.why-eyekiller {
	float:left;
	width:100%;
	margin-top:8px;
	}
.why-eyekiller img {
	display:block;
	float:left;
	margin-bottom:34px;
	padding:4px;
	background-color:#fff;
	border:1px solid #d3d3d3;
	}
#product-gallery {
	float:left;
	width:926px;
	margin-top:30px;
	}


#blog-txt blockquote {
	font-style:italic;
	font-size:1.2em;
	line-height:1.4em;
	padding:0 30px 5px 30px;
	text-indent:30px;
	background:url(../images/quote-open.png) no-repeat 30px 26px;
	}
#blog-txt  blockquote p {
	padding:26px 0 30px 0;
	}
/*Sections
-----------------------------------------------------------------------------*/
.section {
	position:relative;
	float:left;
	display:inline;
	width:926px;
	clear:left;
	}
.section .section {
	float:left;
	display:inline;
	width:687px;
	margin-bottom:20px;
	}
.section .section img {
	display:block;
	float:left;
	margin-right:30px;
	background-color:#fff;
	padding:4px;
	border:1px solid #D3D3D3;
	}
.section .section div {
	float:left;
	width:424px;
	padding-right:20px;
	}
body.work .section .section div {
	border-right:1px solid #d1d1d1;
	}
div#quote {
	float:right;
	width:220px;
	padding:0;
	border:none 0;
	font-size:12px;
	}
div#quote blockquote p {
	text-indent:30px;
	background:url(../images/quote-open.png) no-repeat 0 0;
	}
.section .section #quote img {
	float:none;
	border:none 0;
	margin:0 0 0 4px;
	display:inline;
	vertical-align:top;
	background-color:transparent;
}
.section .section.pro img {
	margin-left:3px;
	border:none 0;
	padding:0;
	margin-right:20px;
	background-color:transparent;
	}
.section .section.pro div {
	width:578px;
	}
.section.base {
	border-bottom:1px solid #d1d1d1;
	}
body.about .section .section {
	margin-bottom:26px;
	padding-bottom:26px;
	border-bottom:1px solid #d1d1d1;
	}
.recent-projects,
.work-content,
.about-content,,
.about-content-top,
.services-content {
	margin:32px 0;
	}
.work-content {
	min-height:515px;
	height:auto !important;
	height:515px;
	margin-top:32px;
	margin-bottom:5px;
	}
.about-content,
.about-content-top {
	margin:32px 0 1px 0;
	padding-bottom:25px;
	border-bottom:1px solid #d1d1d1;
	}
.about-content-top {
	padding-bottom:25px;
	border-bottom:none;
	}
.about-content ul {
	float:left;
	width:100%;
	margin-bottom:18px;
	}
.about-content .col ul {
	margin:3px 0 18px 0;
	padding-top:5px;
	border-top:1px solid #d1d1d1;
	}
.about-content li {
	line-height:1.7em;
	}
.about-content .col li {
	padding-left:10px;
	background:url(../images/bullet.gif) no-repeat 0 8px;
	}
.careers-txt h3 {
	padding-bottom:8px;
}
.careers-txt .intro {
	font-size:1.5em;
	line-height:1.4em;
}
.careers-txt .intro strong  {
	color:#000;
	font-weight:normal;
}
body.about .secondary-content a {
	font-weight:normal;
	}
.services-content {
	margin:32px 0 1px 0;
	padding-bottom:25px;
	border-bottom:1px solid #d1d1d1;
	}
.services-content-base {
	margin:40px 0 1px 0;
	padding-bottom:25px;
	}
.img-hold {
	position:relative;
	float:left;
	margin-bottom:14px;
	}
.img-hold img {
	float:left;
	padding:4px;
	background-color:#fff;
	border:1px solid #d3d3d3;
	}
body.work .img-hold img,
body.home .img-hold img,
body.about .img-hold img{
	float:left;
	padding:0;
	background-color:#fff;
	border:none 0;
	}
.img-hold a {
	float:left;
	display:block;
	padding:4px;
	background-color:#fff;
	border:1px solid #d3d3d3;
	}
.img-hold a.fresh {
	float:none;
	border:none;
	position:absolute;
	right:-4px;
	bottom:-24px;
	display:block;
	text-indent:-99999px;
	width:63px;
	height:63px;
	background:url(../images/fresh.png) no-repeat 0 0;
	}
.img-hold a:hover {
	border-color:#c3c3bf;
	background-color:#c3c3bf;
	}
.img-hold a.fresh:hover {
	border:none 0;
	background-color:transparent;
	}
.recent-projects .col {
	min-height:229px;
	height:auto !important;
	height:229px;
	border-bottom:1px solid #d1d1d1;
	}
.recent-projects .col a {
	color:#0E242B;
	}
.recent-projects .col a:hover {
	color:#0ABEE6;
	}
.recent-projects .col p,
#blog-home p {
	line-height:1.5em;
	padding-bottom:3px;
	}
.manage-blog {
	padding-bottom:15px;
	background:url(../images/border-btm.gif) no-repeat 0 bottom;
	}
.worked-with {
	padding:34px 0 43px 0;
	}
.worked-with ul li {
	float:left;
	padding-right:2px;
	background:url(../images/worked-with-border.gif) no-repeat right 0;
	}
.worked-with ul li.last {
	background:none;
	}
.further-details span {
	color:#0e242b;
	}
.further-details span {
	display:inline-block;
	width:40px;
	}
.further-details a {
	margin-left:3px;
	}
.vcard-link {
	padding-top:7px;
	}
.vcard-link a {
	margin-left:-1px;
	padding:5px 0 5px 39px;
	background:url(../images/vcard.gif) no-repeat 0 0;
	}
.secondary-content div#tweet {
	margin-bottom:0;
	}
.time {
	font-size:0.9em;
}
#tweet em {
	color:#A8A9A7;
	font-style:normal;
	font-size:0.9em;
}
.secondary-content #tweet div {
	margin-bottom:0;
}
#twitter strong {
	display:block;
	padding-bottom:6px;
	}
.about-content #tweet li {
	line-height:1.4em;
	}
#tweet span {
	display:block;
	color:#a8a9a7;
	font-size:0.9em;
	padding-top:4px;
	}
#tweet a {
	font-weight:normal;
	}
#tweet ul {
	float:left;
	width:200px;
	word-wrap:break-word;
	margin-bottom:0;
	padding-bottom:18px;
	}
.secondary-content #tweet li {
	border:none;
	}
.follow {
	float:left;
	clear:left;
	display:block;
	padding-right:25px;
	background:url(../images/twitter-icon.gif) no-repeat right 4px;
	}
.posted-info {
	margin:0 0 7px 0;
	padding-bottom:0;
	font-size:0.9em;
	color:#a8a9a7;
	}
.post-category{
	display:block;
	margin:0 0 10px;
}
.posted-info span {
	color:#6f706d;
	}
.blog-entry {
	position:relative;
	float:left;
	width:100%;
	margin:10px 0 9px 0;
	}
.entry-img {
	float:left;
	}
.entry-img img {
	float:left;
	}
.entry-img a {
	float:left;
	display:block;
	padding:4px;
	background-color:#fff;
	border:1px solid #C3C3BF;
	margin:0 0 10px;
	}
.entry-img a:hover {
	background-color:#c3c3bf;
	}
.blog-summary {
	float:left;
	width:687px;
	padding:0 0 10px 0;
	border-bottom:1px solid #d1d1d1;
	}
.blog-summary.no-border {
	border-bottom:none;
	}
.txt {
	float:left;
	width:438px;
	line-height:1.55em;
	}
body.blog .txt {
	float:left;
	width:687px;
	line-height:1.55em;
	}
.recent-posts{
	font-size:16px;
	font-weight:bold;
	width:100%;
	display:block;
	line-height:40px;
	border-bottom:1px solid #d1d1d1;
}
#paging {
	position:relative;
	float:left;
	text-align:right;
	width:687px;
	padding:18px 0 0 0;
	}
#paging .current,
#paging a {
	color:#fff;
	font-weight:normal;
	background-color:#a8a9a7;
	margin-right:4px;
	padding:0.3em 0.6em;
	}
#paging a:hover {
	background-color:#0abee6;
	}
#paging .current {
	background-color:#666;
	}
.pages {
	margin-right:10px;
	}
#newsletter,
#newsletter fieldset {
	float:left;
	width:208px;
	}
#newsletter .f_input {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#6f706d;
	width:196px;
	padding:5px 5px;
	border: 1px solid #d1d1d1;
	overflow:hidden;
	background-color:transparent;
	}
#newsletter p {
    position: relative;
	float:left;
	clear:both;
	width:208px;
	margin:0;
	padding:3px 0;
	overflow:auto;
	}
#newsletter .submit {
	float:left;
	font:bold 1em Arial, Helvetica, sans-serif;
	color:#6f706d;
	text-align:left;
	margin-top:5px;
	padding:0;
	border:none;
	text-decoration:none;
	background-color:transparent;
	cursor:pointer;
	}
#newsletter .submit:hover {
	color:#3c3c3c;
	}
.like {
	float:left;
	display:block;
	width:150px;
	padding-top:20px;
}
#prev-next {
	float:right;
	text-align:right;
	width:220px;
	position:relative;
	margin-top:-30px;
}
#prev-next a.prev,
#prev-next a.next {
	float:right;
	display:block;
	margin-left:3px;
	width:58px;
	height:19px;
	text-indent:-999999px;
	overflow:hidden;
	text-align:left;
	background:url(../images/previous.png) no-repeat 0 0;
}
#prev-next a.next {
	background:url(../images/next.png) no-repeat 0 0;
}
#prev-next a.prev:hover,
#prev-next a.next:hover {
	background-position:0 -19px;
}
.newsletter-signup {
	float:left;
	display:block;
	width:148px;
	height:19px;
	overflow:hidden;
	text-indent:-99999px;
	background:url(../images/email-updates.png) no-repeat 0 0;
}
.newsletter-signup:hover {
	background-position:0 -19px;
}
/*Columns
-----------------------------------------------------------------------------*/
.col {
	float:left;
	display:inline;
	width:209px;
	margin-right:30px;
	}
.col.last,
.why-eyekiller .col.two {
	margin-right:0;
	}
.col.two,
.col.two2 {
	width:448px;
	}
body.home .col.two,
body.home .col.two2 {
	width:448px;
	padding-bottom:30px;
	}
.col.two2 {
	margin-right:0;
	}
.column {
	float:left;
	display:inline;
	width:343px;
	}
.column.last {
	float:right;
	}
.post-details {	
	float:right;
	width:210px;
	}
body.blog .post-details{
	float:left;
}
.about-content .post-details ul {
	font-size:0.9em;
	margin-bottom:14px;
	}
.post-details li {
	color:#a8a9a7;
	line-height:1.5em;
	}
.post-details ul a {
	font-weight:normal;
	}
/*---------------------------------------------------------------------------*/
#blog-home {
	position:relative;
	float:left;
	}
.blog-home-content {
	float:left;
	min-height:159px;
	height:auto !important;
	height:159px;
	}
#blog-home p.post-details {
	float:left;
	clear:left;
	color:#a8a9a7;
	font-size:0.9em;
	width:100%;
	padding-bottom:9px;
	}
#blog-home .post-details a,
#blog-home span,
#blog-home .cat-view a {
	color:#6f706d;
	font-weight:normal;
	}
	
#blog-home .comment-num {
	display:block;
	position:absolute;
	right:0;
	top:-3px;
	text-align:center;
	color:#fff;
	width:39px;
	height:34px;
	line-height:25px;
	background:url(../images/comment-num-bg.png) no-repeat 0 0;
	}
#blog-home img {
	float:left;
	}
.latest-img {
	display:block;
	float:left;
	clear:left;
	padding:4px;
	background-color:#fff;
	border:1px solid #C3C3BF;
	margin-right:10px;
}
.cat-view {
	float:left;
	font-size:0.9em;
	width:100%;
	padding-top:16px;
	}
.cat-view div {
	float:left;
	width:305px;
	}
.view-blog {
	display:block;
	float:right;
	text-indent:-99999px;
	width:121px;
	height:19px;
	cursor:pointer;
	background:url(../images/view-blog.png) no-repeat 0 0;
	}
.view-blog:hover {
	background:url(../images/view-blog.png) no-repeat 0 -19px;
	}
#blog-home .cat-view span {
	float:left;
	color:#a8a9a7;
	margin-right:8px;
	background:url(../images/sep.gif) no-repeat right 6px;
	}
#blog-home .cat-view a {
	margin-right:8px;
	}
#blog-home .number-comments a{
	color:#FFFFFF;
}
#head-contact a:hover {
	text-decoration:underline;
	}
#manage-content {
	float:right;
	width:150px;
	padding-top:53px;
	}
#manage-content img {
	float:left;
	}
#manage-content p {
	min-height:110px;
	height:auto !important;
	height:110px;
	line-height:1.4em;
	width:140px;
	}
.manage-image {
	display:block;
	float:left;
	margin:5px 0 0 -16px;
	}
.project {
	float:left;
	width:289px;
	margin:27px 30px 0 0;
	padding-bottom:8px;
	border-bottom:1px solid #d1d1d1;
	}
.project.last {
	margin-right:-1px;
	}
.project a {
	color:#0E242B;
	}
.project a:hover {
	color:#0ABEE6;
	}
.view-products,
.view-services,
.about-us,
.learn-more,
.visit-website,
.view-work,
.about-eyekiller,
.download-map,
.view-article {
	display:block;
	float:left;
	clear:left;
	height:19px;
	overflow:hidden;
	text-indent:-99999px;
	cursor:pointer;
	}
.visit-website {
	width:113px;
	background:url(../images/visit-website.png) no-repeat 0 0;
	}
.visit-website:hover {
	background:url(../images/visit-website.png) no-repeat 0 -19px;
	}
.view-article {
	width:126px;
	background:url(../images/view-article.png) no-repeat 0 0;
	}
.view-article:hover {
	background:url(../images/view-article.png) no-repeat 0 -19px;
	}
body.blog .view-article{
	margin:10px 0 15px 0;
}
.download-map {
	position:absolute;
	right:-159px;
	bottom:0;
	width:128px;
	background:url(../images/download-map.png) no-repeat 0 0;
	}
.download-map:hover {
	background:url(../images/download-map.png) no-repeat 0 -19px;
	}
.learn-more {
	width:104px;
	background:url(../images/learn-more.png) no-repeat 0 0;
	}
.learn-more:hover {
	background:url(../images/learn-more.png) no-repeat 0 -19px;
	}

body.services .view-services {	
	width:113px;
	background:url(../images/view-services.png) no-repeat 0 -19px;
	}
body.products .view-products {
	width:123px;
	background:url(../images/view-products.png) no-repeat 0 -19px;
	}
.view-services {	
	width:113px;
	background:url(../images/view-services.png) no-repeat 0 0;
	}
.view-services:hover {
	background:url(../images/view-services.png) no-repeat 0 -19px;
	}
.view-products {
	width:123px;
	background:url(../images/view-products.png) no-repeat 0 0;
	}
.view-products:hover {
	background:url(../images/view-products.png) no-repeat 0 -19px;
	}
.view-work {
	position:absolute;
	right:88px;
	bottom:33px;
	width:120px;
	background:url(../images/view-work.png) no-repeat 0 0;
	}
.view-work:hover {
	background:url(../images/view-work.png) no-repeat 0 -19px;
	}
.about-eyekiller {
	position:absolute;
	right:75px;
	bottom:51px;
	width:133px;
	background:url(../images/about-eyekiller.png) no-repeat 0 0;
	}
.about-eyekiller:hover {
	background:url(../images/about-eyekiller.png) no-repeat 0 -19px;
	}
.view-products.abs,
.view-services.abs {
	position:absolute;
	right:0;
	top:10px;
	}
dl {
	width:100%;
	margin-bottom:40px;
	}
dt {
	font-weight:bold;
	width:100%;
	border-bottom:1px solid #d1d1d1;
	}
dd {
	padding:3px 0 22px 0;
	line-height:1.5em;
	}
dd span {
	color:#a8a9a7;
	margin-left:2px;
	}
dd span a {
	font-size:0.9em;
	font-weight:normal;
	margin:0 2px;
	}
.secondary-content dl ul {
	margin-top:4px;
	}
.secondary-content dl li {
	line-height:1.9em;
	border-bottom:none;
	}
.secondary-content dl li a {
	font-weight:normal;
	padding-left:11px;
	background:url(../images/arrow.gif) no-repeat 0 3px;	
	}
.secondary-content dl li a:hover {
	background-position:0 -18px;	
	}
#map-wrap {
	position:relative;
	float:left;
	width:687px;
	margin:8px 0;
	}
#map {	
	float:left;
	width:677px;
	height:335px;
	padding:4px;
	background-color:#fff;
	border:1px solid #C3C3BF;
	}
#comment-links {
	float:left;
	clear:left;
	width:100%;
	margin:0 0 20px 0;
	padding:5px 0;
	border-top:#bbb 1px solid;
	border-bottom:#bbb 1px solid;
	}
#comment-links p {
	float:right;
	padding:0;
	width:110px;
	text-align:right;
	}
.about-content ul#share {
	float:left;
	width:110px;
	height:19px;
	margin-bottom:0;
	background:url(../images/share.gif) no-repeat 0 1px;
	padding:0 0 0 80px;
	}
#share li {
	float:left;
	width:16px;
	height:16px;
	margin:3px 8px 0 0;
	}
#share li a {
	display:block;
	width:16px;
	height:16px;
	padding:0;
	overflow:hidden;
	text-indent:-99999px;
	background:url(../images/social-icons.gif) no-repeat 0 0;
	}
#share li.sfacebook a {
	background-position:-16px 0;
	}
#share li.stwitter a {
	background-position:-48px 0;
	}
#share li.sfacebook a:hover {
	background:url(../images/social-icons.gif) no-repeat -16px -16px;
	}
#share li.stwitter a:hover {
	background:url(../images/social-icons.gif) no-repeat -48px -16px;
	}
#share li.sshare a {
	background-position:-64px 0;
	}
#share li.sshare a:hover {
	background-position:-64px -16px;
	}
#share li img {
	margin-top:3px;
	}
.checkbox {
	float:left;
	margin-right:6px;
	}
.comment {
	float:left;
	line-height:1.4em;
	width:644px;
	margin:5px 0 10px 0;
	padding:20px 10px 20px 33px;
	background-color:#d5d5d3;
	}
.comment-details {
	float:left;
	width:200px;
	}
.comment-details strong {
	color:#0e242b;
	font-size:1.2em;
	}
.comment-copy {
	float:right;
	width:440px;
	}
.number-comments {
	display:block;
	position:absolute;
	right:0;
	top:3px;
	color:#FFFFFF;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	width:39px;
	height:33px;
	padding-top:2px;
	background:url(../images/comment-num-bg.png) no-repeat 0 0;
	}
body.blog .primary-content .number-comments a {
	display:block;
	color:#fff;
	}
.rss {	
	padding:12px 0 30px 0;
	}
.rss-feed {	
	padding:3px 0 2px 24px;
	background:url(../images/rss.png) no-repeat 0 2px;
	}
.rss-feed:hover {	
	background:url(../images/rss.png) no-repeat 0 -21px;
	}
.test-by {
	display:block;
	float:left;
	clear:left;
	margin-bottom:30px;
	}
.test-by span {
	color:#a8a9a7;
	}
.comments-title {
	float:left;
	padding:20px 0 10px 0;
	}
#announcement {
	float:left;
	width:100%;
	color:#474747;
	font-size:16px;
	padding:29px 0 10px 0;
	border-top:1px solid #dcdcd9;
}
#announcement a {
	color:#0abee6;
	font-weight:normal;
	text-decoration:underline;
}
#announcement a:hover {
	color:#474747;
}
#announcement img {
	margin-right:8px;
}
body.blog .primary-content .left {
	float:left;
	margin:0 14px 0 0;
}
body.blog .primary-content .right {
	float:right;
	margin:0 0 0 14px;
	background-color:#fff;
	border:1px solid #C3C3BF;
	display:block;
	padding:4px;
}
#blog-txt {
	float:left;
	width:100%;
}
/*Forms
-----------------------------------------------------------------------------*/
#form-wrapper {
	position:relative;
	float:left;
	font-size:1em;
	width:687px;
	margin:30px 0 30px 0;
	}
body.contact #form-wrapper {
	overflow:hidden;
	}
#form-wrapper fieldset {
	float:left;
	clear:left;
	width:100%;
	padding-bottom:15px;
	}
#form-wrapper p {
    position: relative;
	clear:both;
	width: 100%;
	margin:0;
	padding:0.3em 0;
	line-height:1.4em;	
	overflow:auto;
	}
#form-wrapper label {
	float: left;
	width: 200px;
	padding-bottom:4px;
	}
#form-wrapper .f_input,
#form-wrapper textarea {
	float:left;
	font:1em Arial, Helvetica, sans-serif;
	color:#0e242b;
	width:198px;
	padding:4px;
	border: 1px solid #bbb;
	background-color:transparent;
	overflow:hidden;
	}
#form-wrapper #main-input p {
	float:left;
	clear:none;
	width:208px;
	margin-right:31px;
	overflow:hidden;
	}
#form-wrapper #main-input p.last {
	float:right;
	margin-right:0;
	}
#form-wrapper textarea {
	width:677px;
	height:100px;
	}
#form-wrapper .submit {
	float:right;
	margin-right:10px;
	}
#form-wrapper input:focus, 
#form-wrapper textarea:focus {
	border-color:#999;
	}
#form-wrapper .submit {
	float:left;
	width:71px;
	height:19px;
	margin-top:12px;
	cursor:pointer;
	border:none;
	background:transparent url(../images/submit.png) no-repeat 0 0;
	}
#form-wrapper .submit:hover {
	background:transparent url(../images/submit.png) no-repeat 0 -19px;
	}
#form-wrapper p.notify {
	position:absolute;
	left:100px;
	bottom:11px;
	}
#form-wrapper p.notify label {
	line-height:1.6em;
	width:300px;	
	}
.form-message {
	float:left;
	width:617px;
	padding:14px 0 14px 60px;
	border:1px solid #bbb;
	}
body.blog .form-message {
	width:625px;
	padding:14px 0 14px 60px;
	}
body.contact .form-message {
	width:625px;
	}
.form-message.success {
	background:#fff url(../images/icon-success.gif) no-repeat 14px center;
}
.form-message.alert {
	background:#fff url(../images/icon-alert.gif) no-repeat 14px center;
}
/*Slideshow New
-----------------------------------------------------------------------------*/
#features {
	float:left;
	width:687px;
	height:488px;
	position:relative;
}
#features #feature-links {
	display:block;
	height:1em;
	margin:0;
	position:absolute;
	left:0;
	bottom:0;
	width:auto;
	z-index:50;
	padding:0;
	margin:0;
}
#features #feature-links li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 1px 0 0;
	padding:0;
}
#features #feature-links li a {
	display:block;
	text-indent:-999999px;
	height:6px;
	width:59px;
	text-align:left;
	background-color:#a8a9a7;
	overflow:hidden;
}
#feature-wrap {
	float:left;
	position:relative;
	width:685px;
	height:453px;
	border:1px solid #C3C3BF;
	background-color:#fff;
}
#features #feature-links li a.active{
	background:#0abee6;
}

#feature-wrap div {
	background:white none repeat scroll 0 0;
	left:4px;
	position:absolute;
	top:4px;
}

#features h2.feature-title, #features span.feature-title {
	background:transparent none repeat scroll 0 0;
	border-color:#B2B3B5;
	border-style:solid none;
	border-width:1px medium;
	color:#0C3966;
	font-size:1.8em;
	font-weight:normal;
	height:1.2em;
	left:0;
	margin:0;
	padding:0 5px 0 0;
	position:absolute;
	text-align:right;
	text-shadow:0.1em 0.1em 0.3em #999999;
	top:254px;
	width:512px;
	background:white none repeat scroll 0 0;
	display:block;
	opacity:0.85;
}

#features img {
	float:left;
	border:0 none;
	display:block;
	margin:0;
}
/*Slideshow Old
-----------------------------------------------------------------------------*/
#slide-nav { 
	margin-top: 10px;
	float:left;
	clear:left;
	width:600px;
	}
#slide-nav a { 
	float:left;
	}
.js-showreel { 
	position:relative;
	width:667px;
	height:225px;
	}
#slide-nav a { 
	margin: 0 1px 0 0; 
	background: #a8a9a7; 
	text-decoration: none; 
	float:left;
	text-indent:-99999px;
	display:block;
	width:59px;
	height:6px;
	overflow:hidden;
	}
#slide-nav a.activeSlide { 
	background: #0abee6; 
	}
#slide-nav a:focus { 
	outline: none; 
	}
#pics { 	
	float:left;
	height: 453px; 
	width: 685px; 
	padding:0; 
	margin:0; 
	overflow: hidden; 
	border:1px solid #a8a9a7;
	background:#fff url(../images/cycle-loader.gif) no-repeat center center;
	}
#pics img {  
	background-color: #000; 
	top:0; 
	left:0;
    }
.pauseButton,
.resumeButton {
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
	width:17px;
	height:17px;
	padding:3px;
	display:block;
	}
.resumeButton {
	display:none;
	}
#controls {
	float:left;
	width:30px;
	position:relative;
	}
.pauseButton {
	background:url(../images/pause.gif) no-repeat center center;
}
.resumeButton {
	background:url(../images/play.gif) no-repeat center center;
}
ul.list-features{
	width:690px;
	margin:29px 0 0 0;
}
ul.list-features li{
	width:301px;
	float:left;
	margin:0 20px 25px 0;
	padding:0 0 0 24px;
	display:inline;
	background:url(../images/feature_tick.gif) no-repeat 0 7px;
}
table#awards{
	clear:left;
	margin-bottom:90px;
}
table#awards td,table#awards th{
	padding:15px 0;
}
table#awards th{
	font-weight:bold;
	font-size:15px;
}
table#awards tr{
	background:url(../images/table-border.gif) repeat-x bottom;
}
table#awards .award-body{
	width:220px;
	text-align:left;
	border-right:1px solid #ccc;
}
table#awards .year{
	width:100px;
	text-align:center;
	border-right:1px solid #ccc;
}
table#awards .award{
	width:344px;
	padding-left:28px;
}
.ecommerce-content {
	margin:32px 0 1px 0;
	padding-bottom:25px;
}
.ecommerce-projects .view-work{
	top:7px;
	right:0;
}
.ecommerce-projects{
	border-bottom:1px solid #D3D3D3;
	padding-bottom:72px;
}
.ecommerce-projects .col{
	height:200px;
	border-bottom:1px solid #D1D1D1;
	margin-bottom:25px;
}
ul.ecommerce-advice{
	margin-top:5px;
}
ul.ecommerce-advice li{
	font-weight:bold;
	margin-bottom:8px;
	line-height:20px;
	padding:0;
}
ul.ecommerce-advice li a{
	font-weight:normal;
	color:#0abee6;
	display:block;
	margin:3px 0 9px;
}
.careers-photo{
	margin-bottom:40px;
}
.ecommerce-projects .img-hold a{
	background:none;
	border:none;
}
.ecommerce-projects .img-hold img:hover{
	background:#C3C3BF;
}
/*Footer
-----------------------------------------------------------------------------*/
#footer {
	clear:both;
	font-size:1.1em;
	width:926px;
	margin:40px auto 0 auto;
	}
body.home #footer {
	margin:0 auto;
	}
#footer ul {	
	float:left;	
	}
#footer ul li {	
	float:left;
	margin-right:19px;
	padding-bottom:20px;
	}
#footer ul li a {	
	float:left;
	font-weight:normal;
	}
.twitter {
	padding-left:26px;
	background:url(../images/twitter.gif) no-repeat 0 -2px;	
	}
#footer ul li a:hover {	
	}
.eyekiller {
	float:right;
	padding:0 10px 0 0;
	padding-bottom:20px;
	}
/*Main Navigation
-----------------------------------------------------------------------------*/
#nav {
	float:right;
	width:366px;
	height:37px;
	}
#nav li {
	float:left;
	height:102px;
	}
#nav li a {
	display:block;
	float:left;
	text-decoration:none;
	text-indent:-9999em;
	height:42px;
	margin-top:60px;
	}
#nav li#home a {
	width:76px;
	background:url(../images/nav.png) no-repeat 0 0;
	}
#nav li#home a:hover {
	border-bottom:1px solid #f4f4f4;
	}
body.home #nav li#home a {
	border:none;
	background-position:0 -42px;
	}
#nav li#work a {
	width:65px;
	background:url(../images/nav.png) no-repeat -76px 0;
	}
#nav li#work a:hover {
	border-bottom:1px solid #f4f4f4;
	}
body.work #nav li#work a {
	border:none;
	background-position:-76px -42px;
	}
#nav li#about a {
	width:73px;
	background:url(../images/nav.png) no-repeat -141px 0;
	}
#nav li#about a:hover {
	border-bottom:1px solid #f4f4f4;
	}
body.about #nav li#about a {
	border:none;
	background-position:-141px -42px;
	}
#nav li#blog a {
	width:62px;
	background:url(../images/nav.png) no-repeat -214px 0;
	}
#nav li#blog a:hover {
	border-bottom:1px solid #f4f4f4;
	}
body.blog #nav li#blog a {
	border:none;
	background-position:-214px -42px;
	}
#nav li#contact a {
	width:90px;
	background:url(../images/nav.png) no-repeat -276px 0;
	}
#nav li#contact a:hover {
	border-bottom:1px solid #f4f4f4;	
	}
body.contact #nav li#contact a {
	border:none;
	background-position:-276px -42px;
	}
#head-contact,
#head-contact a {
	color:#0abee6;
	}
body.home #head-contact,
body.home #head-contact a {
	color:#000;
	}
body.home #nav li#home,
body.work #nav li#work,
body.about #nav li#about,
body.services #nav li#about,
body.products #nav li#about,
body.blog #nav li#blog,
body.contact #nav li#contact {
	border-bottom:1px solid;
	border-color:#08a0c2;
	background:url(../images/nav-bg.png) no-repeat 0 0;
	}
body.home #nav li#home {
	border-bottom:none;
	}

.secondary-content li#active a {
	color:#0abee6;
	font-weight:bold;
}

table#clients td {
	width:171px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	text-align:center;
	}

table#clients tr.bottom td {
	border-bottom:none;
	}
	
table#clients td.end {
	border-right:none;
	}

.team_content {
	width:400px;
	margin-right:40px;
	float:left;
	}

.team_photo {
	margin-top:0;
	width:450px;
	float:left;
	position:relative;
	}
.team_photo a{
	width:100px;
	height:100px;
	position:absolute;
	top:260px;
	right:-30px;
}

ul#killer_features {
	margin-left:20px;
}

ul#killer_features li {
	background:url(../images/feature_tick.gif) no-repeat 0 50%;
	padding:7px 0 7px 24px;
	border-bottom:1px solid #d6d6d6;
	}
.column h4 {
	margin-left:20px;
	}
/*sIFR Text
-----------------------------------------------------------------------------*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
	}
.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
	}
.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}
.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt; 
	padding: 0pt; 
	overflow: auto; 
	letter-spacing: 0px; 
	float: none;
	}
.sIFR-active h1,
.sIFR-active h2,
.sIFR-active h2.medium,
.sIFR-active h2.bentry,
.sIFR-active #form-wrapper h3,
.sIFR-active #blog-txt h2 {
	visibility: hidden;
	display: block;
	font-size: 24px;
	font-family: Helvetica, Arial, Helvetica, sans-serif;
	line-height: 1em;
	padding-bottom:18px;
    }
.sIFR-active h2.bentry-small{
	visibility: hidden;
	display: block;
	font-size: 16px;
	font-family: Helvetica, Arial, Helvetica, sans-serif;
	line-height: 1em;
	padding-bottom:18px;
    }	
body.blog.sIFR-active h1 {
	padding-bottom:1px;
    }
body.blog.sIFR-active h2 {
	padding-bottom:1px;
    }
.sIFR-active #form-wrapper h3  {
	font-size: 17px;
	padding-bottom:10px;
    }
.sIFR-active h2.bentry,
.sIFR-active #blog-txt h2 {
	font-size: 21px;
	padding-bottom:1px;
    }

.sIFR-active h4.features {
	font-size: 15px;
	padding-bottom:1px;
    }