/* CSS Resets */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
 
}
body {width:80%;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
input, select { vertical-align: middle; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap;  padding: 15px; }
textarea { overflow: auto; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
button {  width: auto; overflow: visible; }

li { list-style: none; list-style-position: none;}

a img{border:0}
figure{position:relative}
figure img{width:100%}

/* ============================================= */

.clear {
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  width: 100%;
}

.left {
  float: left;
}

.right {
  float:right;
}

a {
	color: #F60;
	text-decoration:none;
}
a:visited { color: #009cff; }
a:focus { outline: 0; }
a:hover, a:active {
	outline: 0;
	color: #F93;
}

hr { display: block; height: 1px; border: 0; margin: 50px 0; padding: 0; }

blockquote { margin:3em; font-style: italic; border-left: 3px solid #e0e0e0; padding-left: 20px;}

::-moz-selection { background: #222; color: #bbb; text-shadow: none; }
::selection { background: #222; color: #bbb; text-shadow: none; }


/* HEADERS ============================== */

h1, h2, h3 {
	font-family:  sans-serif;
	letter-spacing: 0.1px;
	color:#FFB300;
	line-height: 1.3em;
}

h1 {
	font-size: 32px;
	color: #000;
}

h2 {
	font-size: 24px;
}

#slides h1 {
	color: #fff;
	margin-bottom: 15px;
}

.get_it h1 {
	margin-left: 26px;
	color: #fff;
	line-height: 80px;
}


/* ============================== */

.separator {
	margin: 20px 0;
	background: url('../img/separator_bg.png') repeat-x;	
	height: 10px;
	clear:both;
}

.features_separator {
	margin: 30px 0;
	height: 0px;
	border: 1px solid #f4f4f4;
}

.comments_separator {
	margin: 30px 0 40px 0;
	height: 0px;
	border-top: 1px dotted #fff;
}

p {
	margin-bottom: 10px;
}


/* ============================== */

body {
	font: 12px  'Helvetica' , 'arial', sans-serif;
	line-height: 1.5em;
	letter-spacing: 0.1px;
	word-spacing: 1px;
	color: #666;
	background: url('../img/pattern.png') repeat  #FF6107;	
}

#container {
background:url('../img/bg2.png') repeat-x;

		
}



/* HEADER  ============================== */

header {
	height: 160px;
	color: #000;
	background: url('../img/pattern.png') repeat  #FFF;	
}

header .logo {
	display:block;
	height: 144px;
	width: 374px;
	background-image: url('../img/logoconti.png');	
	text-indent: -9999px;
	margin-left: 20px;
	margin-bottom: 8px;
	margin-top: 8px;
}

header .call_us {
	text-align: right;
	margin-right: 20px;
	padding-right: 40px;
	font-weight: bold;
	height: 60px;
	line-height: 14px;
	background: url('../img/pho.png') right no-repeat;	
}

header .call_us li:first-child{
	margin-top: 8px;
}


/* MAIN SLIDER  ============================== */

#slides {
	position: relative;
	width: 1000px;
	
	color: #fff;
	background: url('../img/pattern.png') repeat  #FF6107;	
	margin-left:-20px;
	-webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.8);
	box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.8);
	
}


#slides .slides_container {
	display:none;
	
}
	
#slides .slides_container div {
	
	
	width:960px;
	height:396px;
	display:block;
}

#slides .slider_text {
	float: right;
	width: 500px;
	
	text-align:justify;
}


#slides .prev, #slides .next {
	position: absolute;
	display: block;
	height: 30px;
	width: 30px;
	top: 135px;
	text-indent: -9999px;
	opacity: 0.6;
}

#slides .prev {
	left: -60px;
	top:190px;
	background: url('../img/arrow_prev.png');
}

#slides .next {
	right: -60px;
	background: url('../img/arrow_next.png');
	top:190px;
}

#slides .prev:hover , #slides .next:hover {
	opacity: 1;
}

#slides .pagination {
	display: none;
	
}

/* MAIN  ============================== */

#main {
	background: url('../img/pattern.png') repeat  #FFF;	
	padding: 20px 0;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	margin-bottom: -6px;
}


/* STEPS 1,2,3  ============================== */

.steps {
	position: relative;
	
	margin-bottom: 10px;
}

.steps .steps_div {
	padding: 10px 10px 5px 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}


.steps h1 {
	margin-top: 0px;
	text-align: center;
	margin-bottom: 15px;
	font-size: 24px;
	color: #FF6107;
}
.steps p {
	margin-top: 0px;
	text-align: justify;
	margin-bottom: 15px;
	font-size: 16px;
	color:#000;
	text-align:center;
}


/* GET_IT BUTTON / BUY BUTTON  ============================== */

.get_it {
	background: url('../img/get_bg.png') ;
	height: 80px;
}


.viewPro a{color:#fff; font-family:'Droid Sans',sans-serif;  font-weight:bold; text-shadow:0 -1px 0px #74951b; font-size:16px;}
.viewPro a:hover{color:#000;}

.checkout {
	
	height: 19px;
	width: 175px;
	color:#fff; font-family:'Droid Sans',sans-serif;  font-weight:bold; text-shadow:0 -1px 0px #74951b; font-size:16px; padding-top:30px;
	background:#F60;
	/*Old browsers */background:-moz-linear-gradient(top, #F6 0%,#F6 0%,#83a42c 100%); /* FF3.6+*/background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#F6),color-stop(0%,#F6),color-stop(100%,#83a42c)); /* Chrome,Safari4+*/background:-webkit-linear-gradient(top, #F6 0%,#F6 0%,#83a42c 100%); /* Chrome10+,Safari5.1+*/background:-o-linear-gradient(top, #F6 0%,#F6 0%,#83a42c 100%); /* Opera 11.10+*/background:-ms-linear-gradient(top, #F6 0%,#F6 0%,#83a42c 100%); /* IE10+*/background:linear-gradient(top, #F6 0%,#F6 0%,#83a42c 100%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#F6',endColorstr='#83a42c',GradientType=0 ); /* IE6-9 */-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; display:block; float:left; padding:5px 30px; box-shadow:0px 1px 0px #68831C}




.download {
	display: block;
	height: 19px;
	width: 123px;
	background: url('../img/download.png') no-repeat;
	text-indent: -9999px;
}

.download:hover {
	background: url('../img/download.png') 0 -42px no-repeat;
}

.watchvideo {
	display: block;
	height: 19px;
	width: 56px;
	text-align:center;
	color:#fff; font-family:'Droid Sans',sans-serif;  font-weight:bold; text-shadow:0 -1px 0px #74951b; font-size:16px; padding-top:30px;
	background:#F60;
	/*Old browsers */background:-moz-linear-gradient(top, #F6 0%,#F6 0%,#83a42c 100%); /* FF3.6+*/background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#F6),color-stop(0%,#F6),color-stop(100%,#83a42c)); /* Chrome,Safari4+*/background:-webkit-linear-gradient(top, #F6 0%,#F6 0%,#83a42c 100%); /* Chrome10+,Safari5.1+*/background:-o-linear-gradient(top, #F6 0%,#F6 0%,#83a42c 100%); /* Opera 11.10+*/background:-ms-linear-gradient(top, #F6 0%,#F6 0%,#83a42c 100%); /* IE10+*/background:linear-gradient(top, #F6 0%,#F6 0%,#83a42c 100%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#F6',endColorstr='#83a42c',GradientType=0 ); /* IE6-9 */-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; display:block; float:left; padding:5px 30px; box-shadow:0px 1px 0px #68831C}

.watchvideo2 {
	display: block;
	height: 19px;
	width: 150px;
	text-align:center;
	color:#fff;
	font-family:'Droid Sans',sans-serif;
	font-weight:bold;
	text-shadow:0 -1px 0px #74951b;
	font-size:16px;
	padding-top:3px;
	background:#F60;
	/*Old browsers */background:-moz-linear-gradient(top, #F6 0%,#F6 0%,#83a42c 100%); /* FF3.6+*/
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#F6),color-stop(0%,#F6),color-stop(100%,#83a42c)); /* Chrome,Safari4+*/
	background:-webkit-linear-gradient(top, #F6 0%,#F6 0%,#83a42c 100%); /* Chrome10+,Safari5.1+*/
	background:-o-linear-gradient(top, #F6 0%,#F6 0%,#83a42c 100%); /* Opera 11.10+*/
	background:-ms-linear-gradient(top, #F6 0%,#F6 0%,#83a42c 100%); /* IE10+*/
	background:linear-gradient(top, #F6 0%,#F6 0%,#83a42c 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#F6',endColorstr='#83a42c',GradientType=0 ); /* IE6-9 */			-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	display:block;
	float:left;
	box-shadow:0px 1px 0px #68831C;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
}



.bottom_banner {
	position: absolute;
	top: 20px;
	right:20px;
}

.bottom_right {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.bottom_right_up {
	position: absolute;
	bottom: 100px;
	right: 10px;
}

.bottom_right_margin {
	position: absolute;
	bottom: 56px;
	right: 10px;
}






/* FEATURES  ============================== */

.clients {
	background: url('../img/get_bg.png') repeat;
	padding: 20px 20px ;
	color: #fff;
	margin: 20px -20px 20px -20px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}


.clients h1 {
	font-size: 24px;
	color:#FF6107
	margin-bottom: 30px;
	color: #FF6107;
}

.features h2 {
	font: 16px  'Helvetica' , 'arial', sans-serif;
	
	margin-bottom: 15px;
	color: #fff;
}


.clients .feature {
	margin-bottom: 20px;
	float: left;
	width: 280px;
	margin-right: 40px;
}

.clients .last {
	margin-top:-33px;
	margin-right: 0;
}

.clients .feature p{
		
}

.icon {
	position: absolute;
}


.clients .last_feature {
	margin-bottom: 0px;
}



/* SLIDES COMMENTS  ============================== */

#slides_comments {
	width: 440px;
	height:80px;
}

#slides_comments .slides_container {
	width:  280px;
}

#slides_comments .slide {
	position: relative;
	width: 280px;
	
	font-style: italic;
	
}

#slides_comments .author {
	text-align: right;
	display: block;
	margin-top: 0px;
	font-size: 10px;
	font-style: normal;
}

#slides_comments .comment {
	background: url('../img/quotes.png') 0 0 no-repeat;
	padding-left: 35px;
}


#slides_comments .prev {
	display:none;
}

#slides_comments .next {
	position: absolute;
    top: 10px;
    right: 0;
    width: 11px;
	text-indent: -9999px;
    height: 11px;
    cursor: pointer;
    background: url(../img/comments_arrow.png) no-repeat 0 0;
}




/* IMAGES  ============================== */

.images img {
	-o-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
	-webkit-transition: -webkit-transform 0.4s;
}

.images img:hover {
	opacity: 0.4;
}

.images li {
	background: url('../img/plus.png') no-repeat center center;	

}


/* FOOTER  ============================== */

footer {
	height: 64px;
	background: url('../img/footer_bg.png');	
	color: #fff;
}

footer > div {
	padding-top: 16px;
}

.social ul li {
	float: left;
	margin-top: 17px;
	margin-right: 8px;
}


.info {
margin-top:-40px;
	text-align: right;
	line-height: 20px;
	width:440px;
	
}

.twitter {
	display: block;
	background: url('../img/twitter.png') no-repeat ;
	width: 16px;
	height: 16px;	
}

.facebook {
	display: block;
	background: url('../img/facebook.png') no-repeat ;
	width: 16px;
	height: 16px;	
}

.google {
	display: block;
	background: url('../img/google.png') no-repeat ;
	width: 16px;
	height: 16px;	
}

















.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	
	
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
}


.container_12 .grid_1 {
	width:40px;
}

.container_12 .grid_2 {
	width:120px;
}

.container_12 .grid_3 {
	width:200px;
}

.container_12 .grid_4 {
	width:280px;
}


.container_12 .grid_5 {
	width:360px;
}

.container_12 .grid_6 {
	width:100px;
}

.container_12 .grid_7 {
	width:520px;
}

.container_12 .grid_8 {
	width:600px;
}

.container_12 .grid_9 {
	width:680px;
}

.container_12 .grid_10 {
	width:760px;
}

.container_12 .grid_11 {
	width:840px;
}

.container_12 .grid_12 {
	width:920px;
	height:auto;
}


#testimonials-container {
	padding: 30px 0;
}
#testimonials {
	padding: 0 50px;
}
#testimonials ul {
	margin:0;
}
.customer-avatar {
	background-color:#fff;
	float:left;
	padding: 10px;
}
.customer-says {
	margin-left: 165px;
	padding: 20px 25px;
	border: solid 1px #d5d5d5;
	background-color:#fff;
	font-size:14px;
	height:89px;
	font-weight: normal;
}
.customer-says > div {
	padding-left:50px;
	margin-left: -49px;
	background-repeat: no-repeat;
	background-position: left 30px;
}
.customer-position {
	font-size:14px;
	padding-top: 15px;
	color:#fff;
	
}
.grey {
	color:#666;
}
.customer-avatar img {
	float:left;
}
#testimonials a, .highlight {
	color:#FF6107;
}