/*
Rotifier - Main CSS
Copyrights- ankastudio.com
made by: AnkaStudio
June - 2011

/*
	1. Reset CSS
	2. Body
	3. Headings
	4. Form styles
	5. Basic styles
	6. Grid style
	7. Sliders
	8. Copyright wrapper
	9. Screenshots
	10. Button(s)
	11. Extras
*/
	
/* 1.Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* 2.Body */
body {
	background-color:#FFF;	
	background-image:url(../images/bg.png);
	background-repeat:repeat;
	font: 12px/20px  "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height:20px;
	color: #666;
	/* Prevents Mobile Safari from bumping up font sizes in landscape */
	-webkit-text-size-adjust: 100%; 
	-webkit-tap-highlight-color: rgb(255,255,0);
}
::selection {
	background:#2e96bd;
	/* Safari */
	color:#ffffff;
}
::-moz-selection {
	background:#2e96bd;
	/* Firefox */
	color:#ffffff;
}
img::selection 		{background: transparent;}
img::-moz-selection {background: transparent;}

/* 3.Headings */
h1,h2,h3,h4,h5,h6 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-weight: 300;
	font-variant:normal;
	white-space:normal;
	color:#272727;
	margin-bottom:10px;
}
h1 {
	font-size:24px;
	line-height:29px;
}
h2 {
	font-size:20px;
	line-height:27px;
}
h3 {
	font-size:18px;
	line-height:25px;
}
h4 {
	font-size:20px;
	line-height:25px;
}
h5 {
	font-size:16px;
	line-height:21px;
}
h6 {
	font-size:14px;
	line-height:17px;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	color:#272727;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
	color:#f74372;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	text-decoration: none;
}

/* 4.Form style */

label {
	font-weight:normal;
	display:block;
	color:#7f7f7f;
}
input[type=text],input[type=password],input.text,input.title,textarea {
	background-color:#FFF;
	border:1px solid #ebebeb;
	font-size:11px;
}
input[type=text]:focus,input[type=password]:focus,input.text:focus,input.title:focus,textarea:focus {
	border-color:#88bbc8;
	-moz-box-shadow: 0 0px 3px #88bbc8;
	-webkit-box-shadow: 0 0px 3px #88bbc8;
	box-shadow: 0 0px 3px #88bbc8;
}
select {
	background-color:#fff;
	border-width:1px;
	border-style:solid;
}
input[type=text],input[type=password],input.text,input.title,textarea,select {
	margin:5px 0;
}
input.text,input.title {
	width:200px;
	padding:5px;
}
input.title {
	font-size:1.5em;
}
textarea {
	width:450px;
	height:180px;
	padding:5px;
}
form.inline {
	line-height:3;
}
form.inline p {
	margin-bottom:0;
}
.required {
	color:#ed1c24;color:#f74372;
}
.required {
	color:#ed1c24;
}
.error{color:#f74372;text-align:right;font-size:11px;}
.success{color:#acd373;text-align:right;font-size:11px;}


/* 5.Basic style - Copyright by AnkaStudio */
#wrapper {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;	
}	
#container {
	float:left;
	height:auto;
	width:960px;
	padding:0 30px;
	text-align: left;
	margin-bottom: 20px;
	background-color:#FFF;
	-moz-box-shadow: 0 0 20px #000000;
}
.center {
	height: auto;
	width: 1020px;
	margin: auto;
	padding: 0px;
}
#content {
	padding-bottom:0px;
	height:auto;
	float:left;
}
#header {
	padding:30px 0;
	height:60px;	
}
#logo {
	margin-right: 30px;
	display: block;
	float: left;
	margin-bottom: 15px;
}
#logo a {
	border: none;
	float: left;
}

.slideshow {	
	
	border-top:1px solid #efefef;
	padding: 30px 0;
	
}
a {
	text-decoration:none;
	color:#000000;
}
a:hover {
	text-decoration:none;
	color:#2E96BD;
}
a img {
	border:none;
}
strong {
	font-weight:bold;
	color:#252525;
}
p,ul,ol,pre {
	margin-bottom:10px;
}
.colored{color:#f26c4f;}
ul {
	list-style-type:none;
}


/* 6.Grid style - Copyright by AnkaStudio */
.divider {
	width:100%; 
	margin:20px auto;
	float:left;
}

.hr { 
	margin-left: auto; 
	margin-bottom: 10px; 
	margin-right: auto; 
	margin-top: 30px; 
	background: url(../images/hr.png) repeat-x 0 60%; 
	width: 100%; 
	position: relative; 
	float:left;
	clear: both; 
}
.hr .star { 
	width: 40px; 
	margin: 0 auto; 
	display: block; 
}

.clear-line {
	width:100%;
	margin:10px auto auto auto;	
}
.left {
	float:left;
}
.right {
	float:right;
}
.right-top {
	margin-top: -25px;
	float:right;
}
.one, .one-half, .two-third, .one-third, .one-fourth, .inner-content, .one-third-big { 
	float:left; 
}
.one-half, .two-third, .one-third, .one-fourth, .inner-content,.one-third-big  {
	margin-right: 30px;
}
.one {
	width:960px;
}
.one-half {
	width:465px;
}
.two-third {
	width:630px;
}
.one-third  {
	width:300px;
}
.inner-content  {
	width:712px;
}
.one-third-big{ width:340px;}
.one-fourth {
	width:217px;
}
.last { 
	margin-right: 0px!important;
}
.img-align-left {
	margin:5px 10px 0 0;
	float:left;
	overflow: hidden;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;

}
.img-align-right {
	margin:5px 0 0 10px;
	float: right;
}
.img-align-center {
	margin:5px 0;
	text-align:center;
}
.text-align-left {
	float:left;
}	
.one-half-left {
	width: 465px; float: left
}	
.one-half-right {
	width: 465px; float: right
}	


/* 7.Sliders */
#piecemaker{width:620px;height:440px;float:right;margin-top:-20px;}
	
/* Video block */
#video-block {
    width:620;
    height:370px;
	float:right;
	margin-left:-30px;
}
/* Sliders JS */
.caption {
	z-index:500;
	position:absolute;
	bottom:0px;
	left:0;
	height:30px;
	padding:10px 20px 5px 20px;
	background: url("http://ankastudio.com/demo/tf/rotifier-landing/images/thumb-hover-bg.png/") repeat;
	margin-bottom:5px;
	width:910px;
	font-size:12px;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}
.caption p{margin-bottom:0;font-style:italic;}

.slides_container {
	background:#FFF;
	overflow:hidden;
	position:relative;
	clear: right;
	z-index:1;
}
.slides_container a img {
	display:block;
	z-index:99;
}
.small-slider{
	height:350px;
	width:620px;

}
#simple-slider{margin-top:0px;}

.pagination {
	position:relative;
	float:right;
	z-index:501;	
	margin:-30px 10px 0 0px;
}
.pagination li {
float:left;
	margin:0 5px 0 0;
}
.pagination li a {
	display:block;
	background:url(../images/slideshow-nav.png) left no-repeat;
	width:12px;
	float:left;
	height:12px;
	outline:none;	
	text-indent:-9999px;
}
.slides-nav {
	position: relative;
	z-index: 100;
	display: none;
}

.slides-nav a {
	position: absolute;
	display: block;
	text-indent: -9999px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	background-image: url(../images/slide-next-prev.png);
	z-index: 10;
}

.slides-nav a.prev {
	background-position: left;
	margin: -195px 0 0 20px;
	-webkit-transition:all 0.3s ease, top 0ms linear;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	transition:all 0.3s ease;
	
}
.slides-nav a.prev:hover{
	background-position: left;
	margin: -195px 0 0 15px;
	
}
.slides-nav a.next {
	background-position: right;
	margin: -195px 0 0 880px;
	-webkit-transition:all 0.3s ease, top 0ms linear;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	transition:all 0.3s ease;
}
.slides-nav a.next:hover {
	background-position: right;
	margin: -195px 0 0 885px;
}
.pagination li.current a {background:url(../images/slideshow-nav.png) right no-repeat;}


/* 8.Copyright Wrapper */
#copyright-wrapper {
	width:960px;
	float:left;
	line-height:20px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
#copyright a {
	font-size:13px;
	
}
#copyright a:hover {
	color:#2E96BD;
}
#copyright {
	width:960px;
	margin:0 auto;
}
#copyright p,#copyright span {
	margin-bottom:0px;
	
}
#copyright span {
	font-size:12px;
}


/* 9.Screenshots */
.screenshot {
	display:block;
	background:url(../images/bg-fade.png) no-repeat center center;
	

}
.screenshot-img{}
.bordered-img {
	border:5px solid #f8f8f8;
}
.pretty-box{
	overflow: hidden;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}
.pretty-box:hover {	
	-moz-box-shadow:0 0px 3px #e7e7e7;
	box-shadow: 0 0px 3px #e7e7e7;
	-webkit-box-shadow: 0 0px 3px #e7e7e7;
	-o-box-shadow: 0 1px 3px #e7e7e7;
}


/* 10.Button(s) */

.button{
	cursor:pointer;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11px;
	background-color:#000;	
	padding: 10px 22px;
	color: #ffffff;
	background: -moz-linear-gradient(
		top,
		#292929 0%,
		#000000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#292929),
		to(#000000));
	border: 1px solid #1D1D1D;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	-webkit-transition:all 0.3s ease, top 0ms linear;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	transition:all 0.3s ease;	
}

.button.big{
	font-size: 20px;
	padding: 10px 22px;
	margin-top: 10px;
}

.button:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(75, 75, 75, 1), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(75, 75, 75, 1), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(75, 75, 75, 1), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(75, 75, 75, 1), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(75, 75, 75, 1), 0px 0px 3px rgba(0, 0, 0, 0.1);
}
	
.button:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f74372),
		to(#ff527f));
	border: 1px solid #ff527f;

}
	




/* 11.Extras */

/* Round List */
.round-list{ list-style-type:none; list-style-position:outside; margin-bottom: 20px; border-top:1px dotted #efefef; width:200px; }
.round-list li{ border-bottom:1px dotted #efefef;color:#666666;display:block; padding:6px 0 0px 25px; background: url(../images/check-box.png) no-repeat 5px 7px;  }	



/* Header slogan */
.header-slogan {
	display: block;
}
.header-slogan p{
	word-spacing: 5px;
	font-size: 16px;
}

/* Social Buttons */
ul.socialNav {
}

ul.socialNav li {
	display: inline;
	margin-right: 5px;
}


/* PDF icon */
.pdf{background:url(../images/icons/pdf-icon.png) no-repeat 5px 12px;padding:15px 10px 10px 65px;width:125px;min-height:48px}

/* Twitter */

#one-fourth .tweet {
	width:auto;
}
#one-fourth .tweet ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
	float:left;	
	
}
#one-fourth .tweet li,.block .tweet li {
	margin-bottom:20px;
}
#one-fourth .tweet li .tweet_text,.block .tweet li .tweet_text {
	list-style-type:none;
	font-style:normal;
	font-size:12px;
	
}
#one-fourth .tweet a,.block .tweet a {
	text-transform:none;
	display:inline;
	margin:0px;
	padding:0px;
	font-style:italic;
	font-size:12px;

}
#one-fourth .tweet .tweet_time a,.block .tweet .tweet_time a {
	text-transform:none;
	display:block;
	font-style:italic;
	font-size:12px;
	
	margin-top: 10px;
}

/* Teaser */
.teaser  span {
	color:#f74372;
}
.teaser {
	border-bottom-color: #e6e6e6;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 0px 0px 10px 0;
	height:auto;
	margin-bottom:20px;
}
.teaser h1,.intro-pages h2,.teaser h3,.teaser h4{
	text-align:left;
	margin-bottom:0;
	letter-spacing: 1.2px;
	font-weight: 100;
	color: #000;
	padding-top: 10px;	
}
.teaser p{
	text-align:left;
	margin-bottom:0;
	color: #666;
	padding-top: 10px;	
}
.teaser  a {
	color:#f74372;
}

.one .text-align-center {
	height: 400px;
	background-attachment: scroll;
	background-image: url(../images/Lock-Jaw-Barbell-Collar-Canada-YouTube.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}