/* Witness */
/* Visiontech Digital Media */
/* Author - Adrian Hennelly */


/* Typography
--------------*/
body {
font-size: 76%; /* Global font-size */
font-family: Arial, Helvetica, sans-serif;
color: #232020;
background-color: #000;
font-size: 11px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url('img/witness-bg.jpg');
background-repeat: no-repeat;
background-color: #000000;
background-attachment:fixed;
background-position:top;
}

p {
text-align: left;
}

h1 {
font-size: 25px;
margin-bottom: 5px;
margin-top: 30px;
text-align: left;
color: #232020;
}

h2 {
font-size: 17px;
margin: 0px 0px 10px;
text-align: left;
line-height: 13px;
color: #232020;
}

h3 {
font-size: 14px;
margin-bottom: 15px;
text-align: left;
}


a:link,
a:visited {
color: #FFF;
text-decoration: none;
border: none;
outline: none;
}

a:hover{
	color: #232020;
}

table{
	width: 100%;
}

tr td{
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#wrap {
	margin:20px auto;
	width:960px;
}

.bold{
	font-weight: bold;
}

.indent{
	text-indent: -99999px;
}

.hidden{
	display: none;
}

.clear{
	clear: both;
}

.no-bottom{
	margin-bottom: 0px;
}

.no-padding{
	padding: 0px !important;
	width: 680px !important;
	height: 340px !important;
}

/* Header
----------*/

.wrap{
	height: 340px;
	width: 100%;
	position: absolute;
	right: 0;
	top: 50%;
	margin: -170px 0px;
}


.left-extend{
	height: 340px;
	margin: 0 10px 0 0;
	background: transparent url('img/transparent-bg.png');
	position: relative;
}

.left-extend img{
	margin: 290px 28px 0 0;
	float: right;
}

.content-container{
	height: 320px;
	width: 660px;
	margin: 0 10px 0 0;
	/*float: right;*/
	background: transparent url('img/transparent-bg.png');
	overflow: hidden;
	padding: 10px;
	position: relative;
	visibility: hidden;
}

.content{
	height: 280px;
	width: 660px;
	outline: none;
}

.content-padding{
	width: 600px;
}

.team-content{
	height: 220px;
	width: 660px;
	outline: none;
}

.slider-container{
	position: absolute;
}

.slider-position-reset{
	position: relative;
}

.slider{
	position: absolute;
}

.slider-flicker{
	margin:10px 0 0 0;
	width: 190px;
	background: transparent url('img/coment-bg.png');
	float: right;
}

.slider-flicker span{
	margin: 5px;
	cursor: pointer;
}

.team-menu{
	background:transparent url(img/coment-bg.png) repeat scroll 0 0;
	margin:0 0 10px 0;
	padding:10px;
}

.team-menu p{
	float: left;
	margin-right: 10px;
	margin-top: 0px;
}

.menu{
	height: 340px;
	/*width: 15%;
	width: 190px;
	margin: 0;
	float: right;*/
}

.menu ul{
	margin: 0px;
	height: 185px;
	list-style: none;
	padding: 0;
}

.menu ul li{
	height: 22px;
	margin: 0 0 9px 0;
	padding: 0 0 0 18px;
	background: transparent url('img/transparent-bg.png');
}

.menu ul li a{
	padding: 3px 0 2px;
	display: block;
	font-weight: bold;
	font-size: 15px;
}

.w-container{
	background: transparent url('img/transparent-bg.png');
	height: 155px;
	overflow: hidden;
}



/*J Scroll Pane
-----------------------*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	outline: none;
	margin: 20px 0 0 0;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #666;
}
.jScrollPaneDrag {
	position: absolute;
	background: #aaa;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


/*Blog
------------*/

.inner-content-content-left{
	float: left;
	width: 500px;
}

.inner-content-blocks-right{
	float: right;
	width: 250px;
}

.blog-date-container{
	color: #232020;
	font-size: 18px;
	float:left;
	margin: 10px 0 0 0;
	height: 80px;
	width: 105px;
	overflow: hidden;
	text-align: center;
	position: relative;
}

.blog-preview-container{
	height: 100px;
	width: 474px;
	float: right;
}

.blog-preview-container h3{
	margin-top: 0px;
}

.blog-day{
	font-size:50px;
	left:3px;
	position:absolute;
	top:0;
}

.blog-month{
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-transform:uppercase;
	font-size:26px;
}

.blog-year{
	font-size:28px;
	font-weight:bold;
	position:absolute;
	right:0px;
	top:27px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.zebra{
	/*background: transparent url('img/transparent-bg.png');*/
	margin: 10px 0;
	padding: 10px;
}

.not-zebra{
	margin: 10px 7px 10px 0;
	padding: 10px;
	background:transparent url('img/coment-bg.png') repeat scroll 0 0;
}

.blog-comments{
	margin: 50px 0 0 0;
}
.blog-comment{
	width: 500px;
	background: transparent url('img/coment-bg.png');
	margin-bottom: 20px;
	padding: 10px;
	margin-left: 15px;
}

.blog-comment-form{
	margin-top: 30px;
	width: 522px;
	margin-left: 15px;
}

.blog-comment-form .errors,
.contact-page .errors,
.contact-page .success {
	background:floralWhite none repeat scroll 0 0;
	border:none;
	color:red;
	margin-bottom:15px;
	padding:5px 15px;
}
.contact-page .success {
	color:green !important;
}

.blog-comment-form table{
	width: 100%;
}

label{
	float: left;
	font-weight: bold;
}

.blog-comment-form input {
	border:1px solid #666;
	color:#333333;
	float:right;
	height:17px;
	line-height:14px;
	margin:0 0 8px 0;
	padding:2px 7px;
	width:180px;
	background:transparent url(img/transparent-bg.png) repeat scroll 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.blog-comment-form textarea {
	border:1px solid #666;
	color:#333333;
	float:right;
	height:70px;
	line-height:14px;
	margin:0 0 8px 0;
	padding:5px 7px;
	width:440px;
	background:transparent url(img/transparent-bg.png) repeat scroll 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.blog-comment-form .button {
	border:medium none;
	cursor:pointer;
	height:25px;
	padding:0;
	width:74px;
}

/*
input{
	border:none;
	color:#333;
	float:right;
	height:17px;
	line-height:14px;
	margin:0 0px 8px 0;
	padding:2px 7px;
	width:170px;
	background: transparent url('img/transparent-bg.png');
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

textarea{
	border: none;
	color:#333;
	float:right;
	height:70px;
	line-height:14px;
	margin:0 0px 8px 0;
	padding:5px 7px;
	width:430px;
	background: transparent url('img/transparent-bg.png');
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
*/

.button{
	cursor:pointer;
	border: none;
	width: 74px;
	height: 25px;
	padding: 0px;
	background: transparent url('img/transparent-bg.png');
	float: right;
}
.form.contact-form .button {
	float:none;
	margin-left:124px;
}

.blog-phone{
	display: none;
}

.blog-latest-articles{
	width: 230px;
	border: 1px solid #0f55c0;
	background-color: #1165B7;
	margin-bottom: 20px;
	padding: 10px;
}

.blog-archives{
	max-height: 255px;
	overflow: hidden;
	width: 101px;
	background: transparent url('img/coment-bg.png');
	padding: 10px;
	position: absolute;
	top: 30px;
	right: 30px;
}


.blog-archives p{
	float: left;
	margin-right: 10px;
	margin-top: 0px;
}

.clear{
	clear: both !important;
	float: none !important;
	height:0;
	margin:0 !important;
}

.no-top{
	margin-top: 0px;
}

/*
TEAM
-----------*/

.manager{
	position: relative;
}

.manager img{
	float: left;
	margin:0 18px 18px 0;
}

.manager-content{
	width: 189px;
	float: right;
	background: transparent url(img/coment-bg.png) repeat scroll 0 0;
	height: 199px;
}

.manager-top-margin{
	margin-top: 10px;
}

.manager-content-inner{
	margin: 10px;
}

div.manager-content .manager-content-inner{
	width: 161px !important;
}

.solid-block{
	overflow: hidden;
	width: 451px;
	height: 265px;
}

.manager-shoter{
	height: 32px
}
/*
CONTACT
------------*/

.contact-form-container{
	float: left;
	width: 385px;
}

.contact-table td{
	width: 125px;
}

.form{
	padding:10px;	
}
.form td {
	padding-bottom:10px;
}
.form td.right {
	padding-bottom:10px;
}

.form input.text,
.form textarea {
	border:none;
	color:#333;
	margin:0;
	padding:4px;
	width:192px;
	background: transparent url('img/transparent-bg.png');
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.jScrollPaneContainer .contact-form input.text,
.jScrollPaneContainer .contact-form textarea {
	width:164px;
}
.form textarea {
	height:70px;
}
.form label {
	display:block;
	float:left;
	width:124px;
}


.error{
	float:right;
	width:350px;
}

.contact-form{
	background: transparent url(img/coment-bg.png) repeat scroll 0 0;
}
/*
RETAILERS
--------------*/

.retailers-container{
	float:left;
	margin-bottom:10px;
	margin-left:0;
	margin-right:13px;
	margin-top:0;
	overflow:hidden;
	width:135px;
	padding: 10px;
	background:url(img/coment-bg.png);
}
.retailers-container.edge {
	margin-right:0;
}

.retailers{
	margin: 29px;
}


.team-menu a.selected {
	color:#333;
	font-weight:bold;
}
.content.contact-page {
	height:270px;
}

.retailers-coming{
	margin: 125px 0 0 0;
	text-align: center;
}

/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider                         { width: 660px; height: 385px; position: relative; margin: 0 auto 0px; }
.anythingSlider .wrapper                { width: 660px; overflow: auto; height: 385px; margin: 0 0px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; //left: 0px; /*background: #eee; border-top: 3px solid #e0a213; border-bottom: 3px solid #e0a213;*/ margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 277px; width: 660px; margin: 0; }
.anythingSlider .arrow                  {
display: none; /*position: absolute; top: 250px; cursor: pointer; }
.anythingSlider .forward                { left: 200px; }
.anythingSlider .back                   { left: 200px;*/ }

#thumbNav                               { display: none; /*position: relative; top: 323px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px; Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213;*/ }

#start-stop                             { display: none; /*background: green; background-image: url(images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none;*/ }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

.team-ul{
	left: -40px;
}

.left{
	float: left;
}

.right{
	float: right;
}