body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

@font-face {
    font-family: 'FranklinGothicBook';
    src: url('/site/css/fonts/franklin_gothic_book/franklin_gothic_book.eot');
    src: url('/site/css/fonts/franklin_gothic_book/franklin_gothic_book.eot?#iefix') format('eot'),
         url('/site/css/fonts/franklin_gothic_book/franklin_gothic_book.woff') format('woff'),
         url('/site/css/fonts/franklin_gothic_book/franklin_gothic_book.ttf') format('truetype'),
         url('t/site/css/fonts/franklin_gothic_book/franklin_gothic_book.svg#webfontEH4h4GAd') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FranklinGothicHeavy';
    src: url('/site/css/fonts/franklin_gothic_heavy/franklin_gothic_heavy.eot');
    src: url('/site/css/fonts/franklin_gothic_heavy/franklin_gothic_heavy.eot?#iefix') format('eot'),
         url('/site/css/fonts/franklin_gothic_heavy/franklin_gothic_heavy.woff') format('woff'),
         url('/site/css/fonts/franklin_gothic_heavy/franklin_gothic_heavy.ttf') format('truetype'),
         url('/site/css/fonts/franklin_gothic_heavy/franklin_gothic_heavy.svg#webfont10bx95NC') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
    margin: 0;
    padding: 0;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    background: #F4F4F4;
}

a {
    text-decoration: none;
    color: #8c8c8c;
}

a:hover {
	text-decoration: none;
	color: #ee3a42;
}

a img { border: none; }
label { cursor: pointer; }
h1, h2, h3, h4, h5, h6, form, ul, ol, p {
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
}

#content h1 {
	color: #2d2a2a;
	font-size: 18px;
	font-family: 'FranklinGothicHeavy';
	margin-top: 20px;
}
#content h2, #content h3, #content h4 {font-weight: normal; font-family: 'FranklinGothicBook';}
#content h2 {
	color: #8c8c8c;
	font-size: 14px;
	margin-bottom: 10px;
	letter-spacing: 0.5px;
}
#content h3 {
	color: #2d2a2a;
	font-size: 16px;
	margin-bottom: 10px;
}
#content h4 {
	font-size: 14px;
	color: #2d2a2a;
	margin-bottom: 10px;
}
#content p {
	font-size: 13px;
	color: #696868;
	margin: 20px 0;
	max-width:  620px;
}
#content ul, #content ol {
	font-size: 13px;
	color: #696868;
	/*margin: 0px 2px;*/
	margin: 20px 0;
	/*padding: 0 0 15px;*/
	line-height: 150%;
}
#content ul {list-style: none;}

#content a {text-decoration: underline;}
#content p a {color: #696868;}
#content p a:hover {color: #ee3a42;}
#content a:hover {text-decoration: none;}

@media screen
  {
  ol>li#dog3
    {
    margin-top: -8em;
    padding-top: 8em;
    }
  }
.relax {
	clear: both;
	height: 0;
	line-height: 0px;
	font-size: 1px;
}
#page, .container {
	width: 940px;
	margin: auto;
	text-align: left;
}
header {
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	background: #f4f4f4;
	position: relative;
	overflow: hidden;
}
header .container {
	background: #f4f4f4;
	width: 100%;
	padding: 10px 0 0 0;
	width: 940px;
	margin: auto;
	position: relative;
}
#logo img {display: none;}
#logo {
	position: absolute;
	top: 0px;
	left: -37px;
	width: 149px;
	height: 141px;
	z-index: 200;
	float: left;
	background: url("/site/media/images/logo.png") no-repeat left top;
}
#logo:hover {
	background: url("/site/media/images/logo.png") no-repeat left -141px;
}
.logotype img {display: none;}
.logotype {
	background: url("/site/media/images/logo.png") no-repeat left top;
    float: left;
    margin-right: 55px;
    width: 149px;
    height: 141px;
}
.logotype:hover {
	background: url("/site/media/images/logo.png") no-repeat left -141px;
}
.welcome {
	color: #acaeae;
	font-size: 14px;
	float: right;
	width: 297px;
	margin: 25px 0px 0px 0px;
}
.welcome strong {
	font-size: 18px;
	display: block;
	font-family: 'FranklinGothicHeavy';
}
.welcome h1 {
	background-repeat: no-repeat;
	background-position: right center;
	font-size: 44px;
	color: #d4d4d4;
	margin-bottom: 16px;
	font-family: 'FranklinGothicHeavy';
}
.welcome h1.home-icon {
	background-image: url(/site/media/images/icons/home.png);
}
.welcome h1.about-icon {
	background-image: url(/site/media/images/icons/about.png);
}
.welcome h1.services-icon {
	background-image: url(/site/media/images/icons/services.png);
}
.welcome h1.process-icon {
	background-image: url(/site/media/images/icons/process.png);
}
.welcome h1.portfolio-icon {
	background-image: url(/site/media/images/icons/portfolio.png);
}
.welcome h1.blog-icon {
	background-image: url(/site/media/images/icons/blog.png);
}
.welcome h1.contact-icon {
	background-image: url(/site/media/images/icons/contact.png);
}
.welcome h1.shop-icon {
	background-image: url(/site/media/images/icons/shop.png);
}
header nav {
	overflow: hidden;
	float: left;
	padding-bottom: 18px;
	position: relative;
}
header nav ul {
	float: left;
	width: 153px;
	font-family: 'FranklinGothicBook';
	font-size: 14px;
	list-style: none;
	text-transform: uppercase;
	line-height: 121%;
	margin-top: 11px;
}
header nav ul.first {
	width: 171px;
	padding-left: 150px;
}
header nav ul li {
	margin-top: 14px;
}
header nav ul li.expanded a,
header nav ul li.expand a:hover {
	background-image: url(/site/media/images/nav-arrow.png);
	background-repeat: no-repeat;
	background-position: 85% center;
}

header nav a {
	color: #434343;
	display: block;
}
header nav a:hover, header nav a.selected, header nav li.expanded a {color: #ee3a42;}

nav .subnav {
	display: none;
}

#subnav-strip {
	overflow: hidden;
	background-color: #E9E9E9;
}

#subnav-strip-line {
	border-bottom: 1px solid #D4D4D4;
	width: 940px;
	margin: 0px auto 0px auto;
}

#subnav-container {
	clear: both;
	display: none;
	width: 940px;
	position: relative;
	background-color: #E9E9E9;
	margin: 0px auto;
}

#subnav-container .subnav {
	background-color: #E9E9E9;
	background-repeat: no-repeat;
	background-position: 631px 1px;
	width: 100%;
}

#subnav-container .section {
	float: left;
	font-family: 'FranklinGothicBook';
	width: 258px;
	margin: 0px 0px 0px 0px;
	padding: 22px 60px 25px 0px;
}

#subnav-container h2 {
	color: #2D2A2A;
	font-family: 'FranklinGothicHeavy';
	font-size: 18px;
	line-height: 120%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#subnav-container h4 {
	color: #ACAEAE;
	font-family: 'FranklinGothicBook';
	font-size: 14px;
	line-height: 120%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#subnav-container p {
	color: #ACAEAE;
	font-family: 'FranklinGothicHeavy';
	font-size: 15px;
	line-height: 140%;
	padding: 8px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#subnav-container ul {
	padding: 10px 0px 0px 2px;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	line-height: 121%;
}

#subnav-container ul li {
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	text-transform: none;
}

#subnav-container ul li a {
	color: #434343;
}

#subnav-container ul li a.selected,
#subnav-container ul li a:hover {
	color: #EE3A42;
}

#subnav-arrow {
	background-image: url(/site/media/images/subnav-arrow.png);
	background-repeat: no-repeat;
	width: 29px;
	height: 15px;
	position: absolute;
	bottom: 0px;
	left: 277px;
	display: none;
}

#subnav-container .close {
	float: right;
	margin: 10px 0px 0px 0px;
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 0px;
}

#rotator {
	width: 100%;
	float: left;
	overflow: hidden;
	height: 494px;
	border-bottom: 1px solid #d4d4d4;
}
#content #rotator p {
	font-size: 16px;
}
#content #rotator h1 {
	font-size: 36px;
}
#content #rotator h2 {
	font-size: 32px;
}
.rotate {
	width: 100%;
	float: left;
}
.info-box {
	float: left;
	width: 313px;
}
.picture {
	float: right;
	line-height: 0px;
	font-size: 1px;
}
#nav, #nav-bottom {
	width: 500px;
	float: right;
	margin-top: 20px;
}
#content #nav a,
#content #nav-bottom a {
	background: url("/site/media/images/icons/rotate-ic.gif") no-repeat left top;
	float: left;
	width: 15px;
	height: 15px;
	outline: none;
	font-size: 1px;
	line-height: 0px;
	display: inline;
	margin-left: 5px;
	text-indent: -10000em;
}
#content #nav a:hover,
#content #nav a.activeSlide,
#content #nav-bottom a:hover,
#content #nav-bottom a.activeSlide {
	background: url("/site/media/images/icons/rotate-ic.gif") no-repeat left -15px;
}
#content .column {
	float: left;
	width: 298px;
	position: relative;
	font-size: 14px;
	margin-top: 20px;
}
#content .column A {
	display: block;
	color: #292929;
	text-decoration: none;
}
#content .column a span {
	display: block;
}
#content .column a span.box {
	position: absolute;
	left: 10px;
	bottom: 14px;
	width: 278px;
	padding: 8px 0 13px;
	background: #fff;
}
#content .column a strong {
	display: block;
	font-size: 16px;
	font-family: 'FranklinGothicHeavy';
}
#content .column a span span {
	padding: 6px 23px 0;
}
#content .column a:hover span.box {
	background: #ee3a42;
	cursor: pointer;
}
#content .column a:hover {
	color: #292929;
}
#content .column.saps {
	display: inline;
	margin: 20px 23px 0;
}
footer {
	font-size: 12px;
	color: #8c8c8c;
	margin-top: 22px;
	padding-bottom: 20px;
}
footer .column {
	width: 299px;
	float: left;
	padding: 20px 0;
	border-top: 1px solid #d4d4d4;
}
footer .column.indent {
	display: inline;
	margin: 0 21px;
}
footer h3 {
	font-size: 14px;
	margin-bottom: 10px;
	font-family: 'FranklinGothicBook';
}
footer p {
	line-height: 150%;
}
footer .small-box {
	float: left;
	width: 132px;
	display: inline;
	margin-right: 15px;
}
footer ul {
	list-style: none;
	line-height: 150%;
}
footer ul a {display: block;}
footer .bird {
	float: right;
}
.pict {
	float: right;
	width: 154px;
	text-align: center;
	padding: 0px 73px 0px 72px;
}
#service-content .pict {
	float: right;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: -79px 0px 0px 0px;
	width: 299px;
}
.area {
	float: left;
	width: 298px;
	margin: 20px 0 0;
	display: inline;
	/*border-top: 1px solid #d4d4d4;*/
}
.area.tweetings {
	margin: 20px 23px 0;
}
.area.wide-area {
	width: 619px;
}
#content .area p a {color: #8c8c8c;}
#content .area p a:hover {color: #ee3a42;}
#content .area h1 {margin-bottom: 10px; margin-top: 0px;}
#content .area h1 a {
	text-decoration: none;
	display: block;
	color: #2a2a2a;
	padding: 0px 0 17px;
	background: url("/site/media/images/icons/blog.gif") no-repeat right top;
}
#content .area h1 span {
	display: block;
	font-size: 14px;
	color: #8c8c8c;
	font-family: 'FranklinGothicBook';
}
#content .area h1 a:hover {
	color: #ee3a42;
	background: url("/site/media/images/icons/blog-hover.gif") no-repeat right top;
}
#content .area.tweetings h4 a,
#content .area.tweetings h4 {font-size: 16px;}
#content .area.tweetings h1 a {
	background: url("/site/media/images/icons/tweetings.gif") no-repeat right top;
}
#content .area.tweetings h1 a:hover {
	background: url("/site/media/images/icons/tweetings-hover.gif") no-repeat right top;
}
#content .area.services h1 a {
	background: url("/site/media/images/icons/services.gif") no-repeat right top;
}
#content .area.services h1 a:hover {
	background: url("/site/media/images/icons/services-hover.gif") no-repeat right top;
}
.list {
	float: left;
	display: inline;
	width: 132px;
	margin-right: 5px;
}
#content .area ul li {
	background: none;
	padding: 0;
}
#content .area ul li a {
	text-decoration: none;
	display: block;
}
#content .area ul li a.active,
.subnav ul li a.active {
	color: #EE3A42;
}
.separator {
	border-top: 1px solid #d4d4d4;
	width: 100%;
}
.separator .area {
	border: none;
	margin: 0 23px 0 0;
}
#content .separator h1 {margin-bottom: 0;}
#content .bird {
	position: relative;
}
#content .bird div {
	float: right;
	position: absolute;
	right: 0;
	top: 10px;
	width: 295px;
	height: 300px;
	background-repeat: no-repeat;
	background-position: left top;
}
#content .bird-1 div,
#subnav-container .subnav.bird-1 {
	background-image: url(/site/media/images/pictures/bird1.png);
	background-position: 618px 1px;
}
#content .bird-2 div,
#subnav-container .subnav.bird-2 {
	background-image: url(/site/media/images/pictures/bird2.png);
}
#content .bird-3 div,
#subnav-container .subnav.bird-3 {
	background-image: url(/site/media/images/pictures/bird3.png);
	background-position: 596px 1px;
}
#content .bird-4 div,
.subnav.bird-4 {
	background-image: url(/site/media/images/birds/4.png);
}
#content .bird-5 div,
.subnav.bird-5 {
	background-image: url(/site/media/images/birds/5.png);
}
#content .bird-6 div,
.subnav.bird-6 {
	background-image: url(/site/media/images/birds/6.png);
}
#top {
	line-height: 0px;
	font-size: 1px;
}
.text-content {
	padding: 5px 30px;
	width: 880px;
	background: #2d2a2a url("/site/media/images/pictures/h-18.jpg") no-repeat right top;
}
.text-box {
	float: left;
	width: 266px;
	display: inline;
	margin-right: 35px;
}
#content .text-content p {
	color: #fff;
	margin: 13px 0;
}
#content .text-content h1 {
	color: #acaeae;
	margin-top: 0;
	padding-top: 15px;
}
#content .text-content h2 {margin-bottom: 3px;}
.separator.top-indent {
	padding: 20px 0;
}
.photo {
	float: left;
	width: 299px;
	height: 271px;
	position: relative;
	font-size: 14px;
	color: #2a2a2a;
}
.photo span {
	position: absolute;
	left: 12px;
	bottom: 12px;
	padding: 17px 20px;
	width: 235px;
	background: #fff;
}
.photo strong {
	display: block;
	font-size: 16px;
	font-family: 'FranklinGothicHeavy';
}
.profile {
	width: 100%;
	padding: 20px 0;
}
.profile .area {
	border: none;
	margin: 0 0 0 20px;
}
#content .profile .icons {
	list-style: none;
	overflow: hidden;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}
.profile .icons li {
	width: 34px;
	height: 34px;
	float: left;
	margin: 0px 7px 0px 0px;
}
.profile .icons li a {
	float: left;
	width: 34px;
	height: 34px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.profile .icons li a span {
	display: none;
}
.profile .icons li a:hover {
	background-position: -34px 0px;
}
.profile .icons li.email a {
	background-image: url(/site/media/images/icons/email.gif);
}
.profile .icons li.instagram a {
	background-image: url(/site/media/images/icons/instagram.gif);
}
.profile .icons li.lastfm a {
	background-image: url(/site/media/images/icons/lastfm.gif);
}
.profile .icons li.linkedin a {
	background-image: url(/site/media/images/icons/linkedin.gif);
}
.profile .icons li.twitter a {
	background-image: url(/site/media/images/icons/twitter.gif);
}
.profile .icons li.zootool a {
	background-image: url(/site/media/images/icons/zootool.gif);
}
#content .profile .area h2 {
	color: #2D2A2A;
	font-size: 16px;
	line-height: 120%;
	font-family: 'FranklinGothicHeavy';
	margin: -1px 0px 0px 0px;
}
#content .profile .area h3 {
	color: #696868;
	font-size: 16px;
	line-height: 100%;
	font-family: 'FranklinGothicBook';
	margin: 0px 0px 10px 0px;
	padding-top: 0px;
}
.links {width: 100%; margin-top: 30px;}
#content .links ul {
	margin: 0;
	margin-top: 10px;
	padding: 0;
	font-size: 14px;
}
#content .links ul li {
	background: none;
	width: 299px;
	padding: 0;
	float: left;
}
#content .links ul li a {
	display: block;
	padding: 15px 35px;
	color: #fff;
	text-decoration: none;
	background: #2d2a2a url("/site/media/images/icons/arrow.gif") no-repeat right 22px;
}
#content .links ul li a:hover {
	background: #ee3a42 url("/site/media/images/icons/arrow-hover.gif") no-repeat right 22px;
}
#content .links ul li span {
	display: block;
	line-height: 120%;
}
#content .links ul li strong {
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
	font-family: 'FranklinGothicHeavy';
}
#content .links ul li.process {
	margin: 0 21px;
}
.h18-info {
	float: left;
	width: 120px;
	display: inline;
	margin-right: 10px;
}
#content .h18-info p {
	margin: 0px 0px 22px 0px;
}
.map {
	padding-bottom: 20px;
}
#content .map h3 {margin: 0; font-family: 'FranklinGothicBook';}
.map-area {
	border: 1px solid #d4d4d4;
}
.view {
	float: left;
	width: 100%;
	padding: 22px 0 0;
}
div.view h1 {
    margin: 0px!important;
}
#content .view a {
	font-size: 14px;
	text-decoration: none;
	outline: none;
	display: block;
}

#content .view a strong {
	font-size: 18px;
	display: block;
	color: #2d2a2a;
}
#content .view a:hover {
	color: #8c8c8c;
}
.close span {
	background: url("/site/media/images/icons/close.png") no-repeat right top;
	width: 31px;
	height: 31px;
	margin-top: 3px;
	float: right;
	font-size: 1px;
	line-height: 0px;
	text-indent: -10000em;
	display: none;
}
.close span.visible {display: block;}
.close:hover span {
	background: url("/site/media/images/icons/close.png") no-repeat right -62px;
}
.rotator-bottom {
	background: #F4F4F4;
	text-align: center;
	height: 494px;
	overflow: hidden;
	width: 100%;
	margin-top: 22px;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
}

.wide-text {
	width: 624px;
	float: left;
	margin-right: 20px;
}

.narrow-column {
	width: 148px;
	float: left;
}

.addtobasket-column {
	width: 296px;
	float: left;
}

#content ul.no-bullet li {
	background-image: none;
	padding-left: 0px;
}

#content a.no-underline {
	text-decoration: none;
}

.blog {
	display: block;
	width: 619px;
	float: left;
	border-bottom: 1px solid #D4D4D4;
	margin-bottom: 10px;
}

.pagination {
	width: 100%;
	float: left;
	margin-bottom: 10px;
	margin-top: 15px;
}

.pagination strong {
	float: left;
	font-size: 13px;
	margin-right: 10px;
	line-height: 150%;
}

#content .pagination ul li {
	float: left;
	background-image: none;
	padding-left: 0px;
	margin-right: 5px;
}

.column.column-2 {
	margin: 20px 23px 0;
}

.big-image {
    border: none;
}

#content ul.no-dash li {
	background-image: none;
	padding-left: 0px;
}

.section {
	margin-top: 20px;
}

#content .column.column-links {
	margin-top: 0px;
}

#content .column-links a {
	color: #8C8C8C;
}

#content .column-links a:hover {
	color: #EE3A42;
}

#content .column-links ul {
	margin-top: 20px;
}

.process {
	width: 100%;
	float: left;
}

.process h2 {
	margin-top: 10px;
}
.process img {
	float: right;
	margin: 20px 0px 20px 100px;
}

.no-margin {
	margin: 0px !important;
}

div.pagination ul li a {
    text-decoration: none!important;
}

div.pagination ul li a.selected {
    text-decoration: underline!important;
}

.fullwidth {
    width: 100%!important;
}

.noborder {
    border: none!important;
}

#twitter_update_list {
    margin-top:  -10px;
}

.column-list {
	width: 300px;
	float: left;
}


#rotator-container {
	display: block;
	width: 940px;
	height: 382px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	padding-bottom: 1px;
}

#rotator-inner {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px auto;
	overflow: hidden;
}

#rotator {
	margin: 0 auto;
	overflow: visible;
	float: none;
	border-bottom: 1px solid #D4D4D4;
	height: 382px;
}

#rotator ul {
	list-style: none;
	width: 20000px;
	margin: 0;
	padding: 0;
}

#rotator li {
	display: inline;
	float: left;
	width: 940px;
	height: 382px;
	position: relative;
}

#rotator li img {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#rotator li .text {
	background-color: #FFFFFF;
	color: #434343;
	font-family: 'FranklinGothicBook';
	font-size: 14px;
	width: 825px;
	bottom: 0px;
	left: 22px;
	position: absolute;
	padding: 20px 0px 37px 70px;
	line-height: 140%;
	z-index: 6;
	overflow: hidden;
	display: none;
}

#rotator li .text p {
	float: left;
	width: 541px;
	margin-top: 5px;
}

#rotator li .text a {
	float: left;
	margin: 3px 0px 0px 122px;
}

#rotator li .caption {
	position: absolute;
	top: 201px;
	left: 92px;
	z-index: 5;
	white-space: nowrap;
}

#rotator li .caption h2 {
	font-family: 'FranklinGothicHeavy';
	font-size: 36px;
	padding: 2px 0px 0px 0px;
	margin: 0px;
	line-height: 110%;
	color: #FFFFFF;
}

#rotator li .caption h3 {
	font-family: 'FranklinGothicBook';
	font-size: 32px;
	padding: 0px;
	margin: 0px;
	line-height: 100%;
}

#rotator li #cap-qr h3 {
	color: #EE3A42;
}

#rotator li #cap-zah h2 {
	color: #FFFFFF;
}

#rotator li #cap-zah h3 {
	color: #292929;
}

#rotator li #cap-latest h2 {
	color: #EE3A42;
}

#rotator li #cap-shop h3 {
	color: #BDA574;
}

#rotator li #cap-ecom h2 {
	color: #292929;
}

#rotator li #cap-ecom h3 {
	color: #3ED1B5;
}

#carousel-prev,
#carousel-next {
	position: absolute;
	top: 118px;
	width: 99px;
	height: 147px;
	z-index: 16;
}

#carousel-prev {
	left: -50px;
}

#carousel-prev div {
	right: 0px;
}

#carousel-next {
	right: -48px
}

#carousel-next div {
	left: 0px;
}

#carousel-fade-left,
#carousel-fade-right {
	/* background-image: url('/site/media/images/carousel/fade.png');
	background-repeat: repeat;
	background-position: right;*/
	background-color: #F4F4F4;
	opacity: 1;
	width: 9999px;
	height: 100%;
	position: absolute;
	z-index: 15;
	top: 0px;
}

#carousel-fade-left {
	left: 100%;
}

#carousel-fade-right {
	right: 100%;
}

#homefolio-container {
	height: 295px;
	overflow: hidden;
	position: relative;
}

#content #homefolio {
	padding: 0px;
	margin: 0px;
	line-height: 145%;
}

#homefolio-container .jcarousel-clip {
	overflow: hidden;
}

#homefolio-container .jcarousel-next,
#homefolio-container .jcarousel-prev {
	position: absolute;
	top: 142px;
	width: 14px;
	height: 28px;
	background-image: url(/site/media/images/carousel/small-arrows.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

#homefolio-container .jcarousel-next {
	right: -25px;
	background-position: right top;
}

#homefolio-container .jcarousel-prev {
	left: -25px;
	background-position: left top;
}

.promos {
	clear: both;
	overflow: hidden;
	padding: 20px 0px 0px 0px;
}

.promos a {
	float: left;
	width: 298px;
	height: 136px;
	margin: 0px 23px 0px 0px;
	position: relative;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}

#content .promos a {
	text-decoration: none;
}

.promos a.last {
	margin-right: 0px;
}

.promos a img {
	float: left;
}

.promos a span {
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	font-family: 'FranklinGothicHeavy';
	position: absolute;
	left: 11px;
	bottom: 10px;
	padding: 0px;
	line-height: 120%;
	background-image: url(/site/media/images/promo/span-bg.png);
	background-repeat: repeat;
	display: block;
}

.promos a:hover span {
	background-image: url(/site/media/images/promo/span-bg-over.png);
}

.promos a span strong {
	width: 253px;
	padding: 24px 0px 25px 23px;
	font-weight: normal;
	background-repeat: no-repeat;
	background-position: 226px center;
	display: block;
}

.promos #promo-qr span strong {
	background-image: url(/site/media/images/promo/icons/qr.png);
}

.promos #promo-office span strong {
	background-image: url(/site/media/images/promo/icons/office.png);
}

.promos #promo-shop span strong {
	background-image: url(/site/media/images/promo/icons/shop.png);
}

.promos #promo-process span strong {
	background-image: url(/site/media/images/promo/icons/process.png);
}

.promos #promo-contact span strong {
	background-image: url(/site/media/images/promo/icons/contact.png);
}

.promos #promo-portfolio span strong {
	background-image: url(/site/media/images/promo/icons/portfolio.png);
}

#content .cycles {
	width: 100%;
	height: 392px;
	overflow: hidden;
	border-bottom: 1px solid #D4D4D4;
}

#content #cycle-left {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 642px;
	height: 392px;
}

#content #cycle-right {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 298px;
	height: 392px;
}

#content .column .tight {
	margin-top: 0px;
}

#loginbubble {
	width: 480px;
	padding: 0px 10px 12px 0px;
	overflow: hidden;
}

#content #loginbubble {
	padding: 0px;
}

#fancybox-content #loginbubble {
	background-color: #F4F4F4;
}

#fancybox-content #loginbubble form {
	float: left;
	margin-top: 20px;
}

#loginbubble .logotype {
	margin: 0px 20px 0px 0px;
}

#content #loginbubble .logotype {
	display: none;
}

#loginbubble h2 {
	font-family: 'FranklinGothicHeavy';
	padding-bottom: 8px;
}

#content #loginbubble h2 {
	color: #2D2A2A;
	font-family: 'FranklinGothicHeavy';
	font-size: 18px;
	margin-top: 22px;
}

#loginbubble p {
	font-size: 13px;
	padding: 8px 0px 8px 0px;
	margin: 0px;
}

#loginbubble p strong {
	font-weight: bold;
	color: #EE3A42;
	font-size: 16px;
}

#loginbubble fieldset {
	padding-top: 5px;
	text-align: right;
	width: 310px;
	font-size: 14px;
}

#content #loginbubble fieldset {
	width: 300px;
	margin-top: 10px;
}

#loginbubble fieldset ol {
	margin: 0px;
	padding: 0px;
}

#loginbubble fieldset legend {
	display: none;
}

#loginbubble fieldset label {
	float: left;
	width: 100px;
	text-align: left;
	margin-top: 2px;
}

#content #loginbubble fieldset label {
	width: 90px;
}

#loginbubble fieldset input {
	width: 200px;
	margin: 0px 0px 5px 0px;
}

#content #loginbubble fieldset input {
	width: 190px;
}

#login_errors p {
	color: #ff0000 !important;
	font-weight: bold;
	width: 300px;
}

button.submit-button {
	background-color: #2A2A2A;
	font-family: 'FranklinGothicHeavy';
	font-size: 16px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: normal;
	border: none;
	padding: 10px 20px;
	width: 296px;
	text-align: left;
	cursor: pointer;
}

button.submit-button:hover {
	background-color: #EE3A42;
}

#product-form .input.select {
	margin-bottom: 18px;
}

#product-form label {
	color: #8C8C8C;
	font-size: 14px;
	font-family: 'FranklinGothicBook';
	text-transform: uppercase;
	width: 296px;
	margin-bottom: 10px;
	float: left;
}

#product-form div.selector {
	width: 286px;
}

#product-form div.selector span {
	width: 256px;
}

#product-form div.selector select {
	width: 286px;
}

#content #rotator-container {
	overflow: visible;
	position: static;
	height: 494px;
	margin: 22px 0px 35px 0px;
	border-top: 1px solid #D4D4D4;
	border-bottom: 1px solid #D4D4D4;
	padding: 0px;
}

#content #rotator-container #rotator-inner {
	position: absolute;
	top: auto;
	left: 0px;
	width: 100%;
	height: 494px;
}

#content #rotator-container #carousel-fade-left,
#content #rotator-container #carousel-fade-right {
	height: 494px;
}

#content #rotator-container #rotator {
	border: 0px;
}

#content #carousel-prev,
#content #carousel-next {
	top: 172px;
}

#content .albums {
	list-style: none;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

.albums li {
	margin: 0px 0px 0px 0px;
	clear: both;
	font-size: 12px;
}

.albums li img {
	float: left;
	border: solid 1px #FFFFFF;
	margin: 0px 12px 5px 3px;
	box-shadow: 0px 1px 3px #999;
}

.albums li span {
	float: left;
	width: 245px;
	line-height: 12px;
	margin: 11px 0px 5px 0px;
}

#content .contact .column a {
	display: inline;
}

#content .contact .column a:hover {
	color: #EE3A42;
}

#content #process area {
	outline: 0;
}

#content #processes .column {
	border-top: 1px solid #D4D4D4;
	padding: 220px 0px 20px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-position: center 20px;
}

#content #processes .column img {
	margin: 0px auto;
	display: block;
}

#process-meet {
	background-image: url(/site/media/images/process/meet.png);
}
#process-meet.hover,
#process-meet.rollover {
	background-image: url(/site/media/images/process/meet-colour.png);
}

#process-define {
	background-image: url(/site/media/images/process/define.png);
}
#process-define.hover,
#process-define.rollover {
	background-image: url(/site/media/images/process/define-colour.png);
}

#process-design {
	background-image: url(/site/media/images/process/design.png);
}
#process-design.hover,
#process-design.rollover {
	background-image: url(/site/media/images/process/design-colour.png);
}

#process-develop {
	background-image: url(/site/media/images/process/develop.png);
}
#process-develop.hover,
#process-develop.rollover {
	background-image: url(/site/media/images/process/develop-colour.png);
}

#process-deploy {
	background-image: url(/site/media/images/process/deploy.png);
}
#process-deploy.hover,
#process-deploy.rollover {
	background-image: url(/site/media/images/process/deploy-colour.png);
}

#process-aftercare {
	background-image: url(/site/media/images/process/aftercare.png);
}
#process-aftercare.hover,
#process-aftercare.rollover {
	background-image: url(/site/media/images/process/aftercare-colour.png);
}

#content #values .column p {
	margin-top: 0px;
}