/*===============
Tetloose.com
James Tetley
Developer
ProAV.com for 3 Men & a Suit
================*/

/* TEMPLATE CHROME
================*/

label.error {
	color: #b20000 !important;
}

#content ul:after,
.clearfix:after{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#content .replacement {
	background-repeat: no-repeat;
	/*background-image:url(/images/sprite.png);*/
	background-position: 0 0;
	display: block;
	overflow: hidden;
	text-indent: -5000px;
}

#content{
	width:960px;
	overflow:hidden;
	margin:31px 0 0px;
}

#content .left{
	float:left;
}

#content .right{
	float:right
}	

#content .title{
	width:958px;
	height:44px;
	position:relative;
	border-right:1px solid #ececec;
	border-bottom:1px solid #ececec;
	border-left:1px solid #ececec;	
	background-color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-moz-box-shadow:0px 1px 1px #ececec;
	-webkit-box-shadow:0px 1px 1px #ececec;
	margin-bottom:39px;
}

/* CONTAINER
==========*/

#content .container{
	width:960px;
	border-right:1px solid #ececec;
	border-bottom:1px solid #ececec;
	border-left:1px solid #ececec;
	background:#fff;
	overflow:hidden;	
}

#content .partners .container{
	width:937px;
	padding:51px 0 51px 21px;
}

#content .error-page .container{
	border:0;
	background:transparent;
	padding:13px 20px 20px 18px;
	width:922px;
}

#content .hosted .container{
	padding:40px 0 40px 0px;
}

#content .page .container{
	padding:40px 20px 40px 20px;
	width:920px;
}

#content .page .container ul {
	padding-bottom:20px;
	clear:both;
	list-style: disc;
}

#content .page .container ul li {
	/*list-style:disc !important;*/
	list-style-position:inside;
	line-height:20px;
}



/* TYPEOLOGY
==========*/

#content h2{
	font-size:18px;
	color:#0b0b0b;
	font-weight:bold;
	padding-bottom:30px;
}

#content .title h2{
	left:19px;
	position:absolute;
	top:13px;
	padding:0;
}

#content .container h3{
	font-size:14px;
	font-weight:bold;
	color:#0b0b0b;
	padding:0 0 20px;	
	line-height:20px;
}

#content .faq .container h3 {
	padding:0 0 30px;
}

.overlay h3{
	padding:8px 0 0;
	font-size:14px;
}

.faq .bd h3{
	position:relative;
}

.faq .bd h3 span{
	position:absolute;
	right:20px;
	top:0;
}

#content h4{
	color:#0b0b0b;
	padding-bottom:15px;
}

#content .container p{
	font-size:12px;
	line-height:22px;
	color:#373737;
	padding-bottom:20px;	
}

.overlay p{
	font-size:12px;
	line-height:20px;
	color:#6b6b6b;
}

.overlay a,
#content a{
	text-decoration:none;
	color:#7ab800;
	font-weight:bold;
}

.overlay a:hover,
#content a:hover{
	text-decoration:underline;
}

.faq .bd h3 span a{
	display:block;
	background:url(/images/templates/sprite.png) no-repeat 102px -45px;
	padding:0 20px 0;
	font-size:12px;
	font-weight:normal;
}

.partners .right ul a{
	display:block;
	border:1px solid #fff;
}

.partners .right ul a:hover{
	border:1px solid #0b0b0b;
}

#content ul.controls li a{
	padding:16px 20px 14px 20px;
	margin-right:5px;
	display:block;
	font-size:12px;
	font-weight:bold;
	background:#7ab800;
	color:#fff;
}

#content ul.controls li a:hover{
	color:#7ab800;
	background:#fff;
	text-decoration:none;
}

#content ul.controls li a.selected{
	background:#fff;
	color:#0b0b0b;
/*  -moz-box-shadow:3px -2px 4px #ECECEC;
    -webkit-box-shadow:3px -2px 4px #ECECEC;*/
}

.partners ul.controls li a.selected{
	cursor:default;
}

.overlay a:hover{
	text-decoration:underline;
}

.faq .hd ul li a{
	font-weight:normal;
}

#content .error-page h2{
	color:#0b0b0b;
	font-size:48px;
	line-height:50px;
	padding:0 0 10px;
}

#content .error-page h3{
	font-size:30px;
	color:#7c7c7c;
	padding-bottom:26px;
}

#content .error-page li{
	float:left;
	margin-right:19px;
}

#content .error-page li a{
	display:block;
	background-image:url("/images/templates/sprite.png");
	background-repeat:no-repeat;
}

#content .news h2{
	font-size:18px;
	position:relative;
	padding-bottom:40px;
}

#content .news .hd p{
	padding-bottom:0px;
}

#content .news .sidebar h3{
	padding-bottom:15px;
	border-bottom:1px solid #bebebe;
	margin-bottom:15px;
}

#content .news .sidebar .post p{
	padding-bottom:0;
	color:#9a9a9a;
	font-size:11px;
}

#content .news .sidebar .post p a{
	font-size:12px;
}

.sidebar li {
	list-style:none !important;
}

.news .left ul li {
	list-style:none !important;
}

#content .news .left .the-post h2{
	font-size:16px;
	padding-bottom:20px;	
}

#content .news .left .the-post h4{
	font-size:13px;
	padding-bottom:20px;	
}

#content .news .left .the-post h5{
	font-size:12px;
	padding-bottom:20px;	
}

#content .news .left .the-post h6{
	font-size:11px;
	padding-bottom:20px;	
}

#content .news .left .the-post h2 a:hover,
#content .news .left .the-post h4 a:hover,
#content .news .left .the-post h5 a:hover,
#content .news .left .the-post h6 a:hover{
	color:#0B0B0B;	
}

#content .news .left .the-post blockquote{
	font-style:italic;
	color:#7AB800;
	float:left;
	font-size:20px;
	line-height:32px;
	margin-left:-173px;
	padding:0 30px 20px 0;
	width:250px;
}

.news .left .the-post ul,
.news .left .the-post ol{
	padding-bottom:20px;
	margin-left:12px;
}

.news .left .the-post ol{
	margin-left:19px;
}

.news .left .the-post li{
	list-style-type:disc;
}

.news .left .the-post ol li{
	list-style-type:decimal;
}

.news .left li{
	line-height:25px;
}

.news .post .link{
	background:url(/images/templates/sprite.png) no-repeat 0 -346px;
}

/*FAQ
===*/

.faq .hd{
	border-bottom:1px solid #eaeaea;
	margin-bottom:2px;
	padding:40px 0px 10px 20px;
}

.faq .left{
	width:250px;
}

.faq .right{
	width:670px;
}

.faq .hd ul{
	float:left;
	min-height:100px;
	width:320px;
	padding:0 10px 40px 0;
}

.faq .hd ul li{
	color:#0b0b0b;
	font-weight:bold;
	line-height:22px;
}

.faq .bd{
	border-top:1px solid #eaeaea;
	padding:40px 20px 0 20px;
}

.faq .bd .post{
	padding-bottom:20px;
}

/* PARTNERS
=========*/

.partners li{
	float:left;
}

.partners .item2,
.partners .item3,
.partners .item4,
.partners .item5,
.partners .item6,
.partners .item7{
	display:none;
}

.partners .right ul li{
	margin:0 20px 20px 0;
}

.partners ul.controls{
	border-left:1px solid #ececec;
}

.partners ul.controls li.first-child{
	border-right:1px solid #ececec;
}

.partners .left{
	width:250px;
}

.partners .right{
	width:640px;
	overflow:hidden;
}

/* OVERLAY
========*/

.support .overlay,
.partners .overlay{
	display:none;
}

.overlay .h{
	background:#fff;
	padding:20px;
	text-align:center;
}

.overlay .b{
	background:#f4f4f4;
	padding:20px 10px 20px 20px;
	clear:both;
}

.overlay .image{
	left:20px;
	position:absolute;
	top:25px;
}

.overlay select,
.overlay input,
.overlay .tip,
.overlay textarea,
.overlay label{
	float:left;
	display:block;
	font-family:"Helvetica Neue", Arial, Verdana;
	color:#3d3d3d;
	font-size:12px;	
}

.overlay label{
	color:#1B1B1B;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	padding:11px 40px 0 0;
	text-align:right;
	width:140px;
}

.overlay .textfield,
.overlay .selectfield{
	padding:0 0 20px;
}

.overlay .textarea{
	padding:0 0 10px;
}

.overlay .textfield input{
	margin:6px 40px 0 0;
	padding:5px;
	width:184px;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
	border-top:1px solid #bababa;				
}

.overlay textarea{
	height:100px;
	margin:6px 40px 0 0;
	padding:5px;
	width:184px;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
	border-top:1px solid #bababa;	
}

.overlay select{
	margin:10px 40px 0 0;
	width:195px;
}

.overlay .alt{
	background-color:#f8f8f8;
}

.overlay h4{
	text-align:left;
	font-size:14px;
	padding:8px 0 0;	
}

.overlay .submit{
	padding-right:10px;
}

.overlay .submit input{
	background:transparent url(/images/templates/link8.jpg) repeat 0 0;
	border:1px solid #557015;
	color:#FFFFFF;
	display:block;
	font-size:13px;
	padding:5px 0;
	text-align:center;
	text-shadow:1px 1px 1px #A5CF44;
	width:100px;
	float:right;
	cursor:pointer;
	font-weight:bold;
}

.overlay .tip{
	width:210px;
}

.overlay .tip p{
	font-size:11px !important;
}

/* NEWS
=====*/

#content .news h2 span a{
	padding:5px 24px 5px 0;
	position:absolute;
	right:20px;
	top:6px;
	display:block;
	color:#0b0b0b;
	font-size:12px;
	background:url("/images/templates/sprite.png") no-repeat 179px -246px;
}

.news .left{
	width:640px;
	overflow:hidden;
	margin-right:20px;
}

.news .sidebar{
	float:right;
	width:260px;
}

.news .post{
	border-bottom:2px solid #bebebe;
	padding:0 0 17px 0;
	margin-bottom:38px;
	clear:both;
}

.news .post .image{
	width:640px;
	height:275px;
	overflow:hidden;
	position:relative;
	margin:0 0 20px 0;
	padding:0;
	cursor:pointer;
	background:none;	
}

.news .the-post .image{
	cursor:default;
}

.news .post .image img{
	border:0;
	padding:0;
	margin:0;
		height:275px;

}

.news .hd{
	float:left;
	width:160px;
}

.news .bd{
	float:right;
	width:460px;
	overflow:visible;	
}

#content .post .image h3{
	position:absolute;
	left:0;
	top:15px;
}

#content .post .image h3 span{
	color:#121212;
	font-size:30px;
	font-weight:bold;
	line-height:47px;
	padding:2px 10px 8px;
	background:#fff;	
}

.pagination{
	margin-left:180px;
}

.pagination li{
	float:left;
	text-align:center;
	font-size:12px;
	margin-right:3px;
	line-height:15px;
	list-style:none !important;
}

.pagination li a{
	display:block;
	background:#ffffff;
	padding:8px;
	border:1px solid #8e8e8e;
	line-height:15px;
}

#content .pagination li.selected,
#content .pagination li a:hover{
	background:#7ab800;
	border:1px solid #4d7400;
	color:#fff;
	text-decoration:none;
	line-height:15px;	
}

.pagination li.selected{
	padding:8px;
}

#content .pagination li.off{
	color:#c2c2c2;
	background-color:#f4f4f4;
	border:1px solid #c6c6c6;
	padding:8px;
	line-height:15px;
}

#content .news .sidebar .post{
	border-bottom:1px solid #bebebe;
	padding:0 0 13px;
	margin-bottom:15px;
}

.sidebar li{
	border-bottom:1px solid #bebebe;
	padding:0 0 15px 20px;
	margin:0 20px 15px 0;
	background:url("/images/templates/sprite.png") no-repeat 0 -300px;	
}

.title2{
	margin-top:22px;
}

/* SEARCH RESULTS
===============*/

.search .left{
	width:280px;	
}

.search .right{
	width:620px;
}

input{
	font-family:"Helvetica Neue", Arial, Verdana;
}

.search .left input {
	border-top:1px solid #c8c8c8;
	border-left:1px solid #ececec;
	border-right:1px solid #ececec;
	border-bottom:1px solid #ececec;
	padding:8px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	color:#a5a5a5;
	-moz-box-shadow:inset 0px 1px 1px #ececec;
	-webkit-box-shadow:inset 0px 1px 1px #ececec;
	float:left;
	width:220px;
}

.search .left .search-submit {
	width:28px;
	height:28px;
	float:left;
	background-image:url('/images/searchproav.jpg');
	background-repeat:no-repeat;
	border:0px;
	-moz-box-shadow:inset 0px 0px 0px #ececec;
	-moz-webkit-shadow:inset 0px 0px 0px #ececec;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	cursor:pointer;
	margin: 1px 0 0 7px;
}

#content .search .right h3{
	padding:0;	
}

#content .search .right h3 a{
	color:#0B0B0B;
}

.search .post{
	padding-bottom:20px;
}

#content .search .right p span{
	color:#fff;
	background:#7bb800;
	padding:0 2px;
}

/* PAGE
=====*/

.page .image{
	padding-bottom:10px;
	background:url("/images/templates/shadow.jpg") no-repeat 0 100%;
	clear: right;
	float: right;
}

#content .page h3{
	padding:0;
}

.page .image img{
	border:1px solid #f2f2f2;
	padding:4px;
}

.page-item {
	height:69px;
	padding:23px 0 0 54px !important;
	width:866px;
	background:url("/images/templates/page-item.jpg");
	margin:20px 0 0 0;
	float:left;
	clear:both;
}

.page-item li{
	float:left;
	list-style:none !important;
	line-height:15px !important;
}

#content .page .page-item li a{
	display:block;
	color:#303030;
	background-image:url("/images/templates/sprite.png");
	background-repeat:no-repeat;
}

#content .page .page-item li a strong{
	font-size:15px;
}

.link4 a{
	background-position:0 -400px;
	padding:10px 0 8px 55px;
}

.link5 a{
	background-position:0 -450px;
	padding:10px 0 0px 58px;
}

.link6 a{
	background-position:0 -493px;
	padding:10px 0 0 70px;
}

.link4{
	margin-right:67px;	
}

.link5{
	margin-right:103px;
}

.link6{
	width:230px;
	margin-right:0px;
}

/* SUPPORT
========*/

.support .hd{
	position:relative;
	width:920px;
	min-height:189px;
	overflow: hidden;
}

#content .support .hd h2{
	padding:0 0 5px;
}

#content .support .hd h3{
	color:#373737;
	font-size:18px;
	font-weight:normal;
	line-height:27px;
	width:640px;
	padding:0 0 16px;
}

.support .hd p{
	width:640px;
}

.support .hd .item{
	width:221px;
	background:#fff5c4;
	border:1px solid #ebd935;
	padding:22px 14px 1px 22px;
	float: right;
	margin-bottom: 15px;
}

#content .support .hd .item h3{
	color:#655C00;
	font-weight:bold;
	padding-bottom:5px;
	width:auto;	
}

#content .support .hd .item p{
	padding-bottom:13px;
	font-size:12px;
	color:#655c00;
	width:auto;
}

.support .bd{
	border-top:2px solid #c0c0c0;
	border-bottom:2px solid #c0c0c0;
	padding:30px 0 10px 0;
	margin-bottom:36px;	
	position:relative;
	width:920px;
}

.support .bd div{
	float:left;
	width:292px;
}

.support .col2,
.support .col{
	margin-right:20px;
}

#content .support .bd h3{
	position:absolute;
	top:-14px;
	left:0;
	background-color:#fff;
	padding:0 10px 0 0;
}

#content .support .bd h4{
	padding-bottom:7px;
	font-size:14px;
}

#content .support .bd p{
	padding-bottom:10px;
}


.support .ft{
	width:920px;
}

.support .ft .left{
	width:244px;
}

.support .ft .right{
	width:659px;
}

#content .support .ft h3{
	padding-bottom:10px;
}

#content a.link7{
	color:#685f05;
	text-align:center;
	font-size:14px;
	display:block;
	background:url("/images/templates/link7.jpg") repeat 0 0;
	border:1px solid #d4be00;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	padding:4px 0 5px;
}

#content a.link8{
	color:#fff;
	text-align:center;
	font-size:14px;
	display:block;
	background:url("/images/templates/link8.jpg") repeat 0 0;
	border:1px solid #557015;
	padding:5px 0;
	text-shadow: #4b7103 0px 1px 0px; 	
	font-weight:bold;
}

.overlay .submit input:hover,
#content a.link8:hover{
    text-shadow: #9fd821 0px 1px 0px;	 
	text-decoration:none;
	color:#274005;	
}

#content a.link9{
	color:#4c4c4c;
	text-align:center;
	font-size:14px;
	display:block;
	background:url("/images/templates/link9.jpg") repeat 0 0;
	border:1px solid #619a05;
	padding:5px 0;
	font-weight:bold;
	text-shadow: #fff 0px 1px 0px; 
}

#content a.link9:hover {
    text-decoration:none;
    color:#323232;

}


#content a.link10{
	color:#fff;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	display:block;
	background:url("/images/templates/link10.jpg") repeat 0 0;
	border:1px solid #484848;
	padding:5px 0;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	font-weight:bold;
	text-shadow: #323232 0px 1px 0px;
}

#content a.link10:hover{
	text-shadow: #a5a5a5 0px 1px 0px;
	text-decoration:none;
	color:#171717;	
}

.fantastic-work ul li {
	list-style:none !important;
}

#content .fantastic-work ul li a:hover,
#logo-contain .search-submit:hover,
#content a.link7:hover,
#cboxClose.hover{
	text-decoration:none;
	color:#274005;
}

#content .support .ft p{
	padding-bottom:10px;
	line-height:21px;
}

/* HOSTED-VC
==========*/

.flash{
	border-bottom:1px solid #EAEAEA;
	margin-bottom:2px;
	padding:0 20px 25px;
	width:920px;
}

#content .hosted .hd{
	padding:35px 20px 24px 20px;
	border-top:1px solid #eaeaea;
	margin:0;
	width:920px;
}

#content .hosted .hd .item{
	right:20px;
	top:35px;
}

.hosted .ft{
	padding:0 20px;
}

.hosted .ft .left{
	padding:12px 10px 0 13px;
	width:214px;
	background:#eaeaea;
	min-height:264px;
}

.hosted .ft .right {
	width:662px;
}

.hosted .ft .right .item{
	background:#7AB800;
	float:left;
	min-height:264px;
	padding:12px 10px 0 13px;
	width:185px;
}


#content .hosted h4 {
	font-size:14px;
}

#content .hosted .ft .right .item p,
#content .hosted .ft .right .item h3{
	color:#fff;
}

.hosted .ft .right img{
	float:left;
}

/* Jquery Lightbox
================*/

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}

#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}

#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}

#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}

#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}

#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}

#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}
	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}	
		
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* COLORBOX
=========*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{
	overflow:auto;
	border:6px solid #b7b7b7;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;	
}

#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{
background:#000;
filter:alpha(opacity=80) !important;
-moz-opacity:0.80 !important;
-khtml-opacity: 0.80 !important;
opacity: 0.80 !important;

/*background:url(/images/colorbox/overlay.png) 0 0 repeat;*/
}

#colorbox{}
#cboxTopLeft,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxTopCenter,
#cboxBottomCenter{
	display:none;
}

#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(/images/colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) center center no-repeat;}
#cboxClose{
	position:absolute;
	top:29px;
	right:20px;
	background:#f4f4f4 url(/images/templates/sprite.png) no-repeat 10px 4px;
	color:#de2525;
	font-size:12px;
	font-family:"Helvetica Neue", Arial, Verdana;
	padding:6px 12px 6px 32px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	font-weight:bold;
}

/* PROJECT
========*/

.project{
	display:none;
}

.project li{
	float:left;
	padding:0 1px 1px 0;
}

.project ul{
	margin-bottom:15px;
}

#content .projects h3{
	background:#545454;
	color:#FFFFFF;
	cursor:pointer;
	height:32px;
	margin-bottom:15px;
	padding:13px 0 0 18px;
	position:relative;
	clear:both;
}

#content .projects h3.active{
	cursor:default;
}

#content .projects h3 a{
	display:block;
	position:absolute;
	right:20px;
	top:10px;
	width:25px;
	height:25px;
	background:url("/images/templates/sprite.png") no-repeat 0 -650px;
}

.fantastic-work{
	margin-bottom:33px;
	position:relative;
	width:920px;
	height:25px;
}

#content .fantastic-work p{
	font-size:13px;
}

#content .fantastic-work ul{
	position:absolute;
	right:0;
	top:0;
}

#content .fantastic-work ul li{
	float:left;
	margin-left:5px;
}

#content .fantastic-work ul li a{
	display:block;
	padding:4px 14px 6px 14px;
	color:#fff;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

.work{
	background:url("/images/templates/work.jpg") repeat 0 0;
	border:1px solid #910d19;
}

.work2{
	background:url("/images/templates/work2.jpg") repeat 0 0;	
	border:1px solid #557015;	
}

.work3{
	background:url("/images/templates/work3.jpg") repeat 0 0;	
	border:1px solid #137b99;	
}

.work4{
	background:url("/images/templates/work4.jpg") repeat 0 0;	
	border:1px solid #4a097d;	
}
/* Scrollable
===========*/

.navi {
	position:absolute;
	bottom:12px;
	right:27px;
	z-index:3;
}

.navi a{
	display:block;
	width:19px;
	height:19px;
	background:url("/images/templates/sprite-24.png") 3px 3px no-repeat;
	float:left;
	margin:0 2px 0 0;
	cursor:pointer;
}

.navi a.active{
	background:url("/images/templates/sprite-24.png") 0 -50px no-repeat;
	cursor:default;
}

.navi a:hover{
	background:url("/images/templates/sprite-24.png") 0 -50px no-repeat;
}

#content .scrollable h3{
	font-size:24px;
	font-weight:bold;
	padding:0 0 5px;
	color:#fff;
	width:440px;
	position:relative;
	z-index:2;	
}

#content .scrollable p{
	color:#fff;
	width:440px;
	position:relative;
	z-index:2;
}

div.scrollable { 
    position:relative; 
    overflow:hidden; 
    width:920px; 
    height:261px;
	margin-bottom:37px;
} 

div.scrollable div.items .item{
    width:885px; 
    height:229px;
	overflow:hidden;	
	position:relative;
	padding:32px 0 0 35px;
}

div.scrollable div.items .item img{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

div.scrollable div.items { 
    width:20000em; 
    position:absolute; 
} 

div.scrollable div.items div { 
    float:left; 
}

/* REPLACEMENTS
=============*/

.link{
	background-position:0 -98px;
	padding:0 0 5px 14px;
}

.link2{
	background-position:0 -150px;
	padding:0 0 5px 18px;	
}

.link3{
	background-position:0 -200px;
	padding:0 0 5px 20px;	
}

#content .support .container ul {
	padding-bottom:20px;
}

.project ul li {
	list-style:none !important;
}

#content .page .container .hd ul {
	clear: none;
	display: inline;
}