/* Video Conversion CSS */

html, body {
	margin: 0;
	padding: 0;	
}

body {
	background: url(../images/background4.png) top left repeat;	
}

#top {
	width: 100%;
	position: relative;
}

#background1 {
	width: 100%;
	margin: 0 auto;
	background: url(../images/background1.jpg) top center repeat-y #d2c9ac;	
}

#background2 {
	width: 100%;
	height: 158px;
	position: absolute; top: 392px;
	background: url(../images/background2.png) top left repeat-x;
}

#background5 {
	width: 100%;
	height: 101px;
	position: relative;
	background: url(../images/background5.png) top left repeat-x;
}

#middle {
	width: 100%;
	padding-bottom: 10px;
	background: url(../images/background3.png) top left repeat;	
}

.content {
	width: 960px;
	position: relative;
	margin: 0 auto;
}

.clear {
	clear: both;	
}

.line {
	height: 2px;
	margin: 40px 0 20px 0;
	
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(63,31,0,0.65) 50%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(63,31,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(63,31,0,0.65) 50%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(63,31,0,0.65) 50%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(63,31,0,0.65) 50%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(63,31,0,0.65) 50%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}

.light {
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(246,240,216,0.65) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(246,240,216,0.65)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(246,240,216,0.65) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(246,240,216,0.65) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(246,240,216,0.65) 50%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(246,240,216,0.65) 50%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */	
}

.bottom {
	margin-bottom: 0;	
}

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

.subpage {
	padding: 20px 0 20px 0;	
}

a {
	
}

/* Text ---------------------------------------------*/
h1, h2, h3, h4, h5, h6, p, a, li, ul  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 300;	
}

h1 {
	font-size: 26px;
	color: #000;
	margin: 15px 0 15px 0;
}

h2 {
	font-size: 24px;
	color: #006600;
	text-shadow: 0 -1px 0 #888;
	margin-left: 7px;
}

#top h2 {
	color: #3F1F00;	
}

h3 {
	font-size: 22px;
	color: #1A64B2;
	margin: 15px 0 20px 0;
}

.step h3 {
	color: #222;	
}

.white {
	color: #a5a5a5 !important;	
}

.trigger {
	text-decoration: none;	
}

.trigger h3, .trigger h4 {
	color: #000;
}

h4 {
	font-size: 18px;
	margin: 15px 0;
}

p {
	font-size: 15px;
	color: #333;	
	margin: 12px 0 12px 0;
	padding-right: 30px;
}

a {
	color: #FF6600;
	text-shadow: 0 -1px 0 #DFD8BC;
}

strong {
	font-weight: bold !important;	
}


/* Lists --------------------------------------------*/
ul, li {
	color: #3F1F00;
}

.alpha {
	list-style: lower-alpha;	
}

ul h4, ol h4 {
	margin: 0;
	padding-bottom: 5px;
	position: relative; top: 2px;
	font-size: 17px;
	font-weight: bold;
}

li {
	padding: 3px 0 5px 0;
}


/* Top Content --------------------------------------*/
.top {
	height: 520px;	
}

.monitor {
	position: absolute; top: 93px; left: -132px;
}

.monitor2 > .monitor {
	position: absolute; top: -299px; left: 475px;
}

.top-text {
	width: 395px;
	height: 330px;
	position: absolute; top: 85px; right: 0;
	overflow: visible;
}


/* Middle Content ----------------------------------*/
#middle p {
	color: #fff;	
}

#middle a {
	text-shadow: none;	
}

#middle .form h2 {
    color: #fff;
    font-size: 17px;
}

.step p {
	width: 240px;
	margin-left: 40px;
	margin-top: 20px;
}

.step {
	width: 308px;
	height: 215px;
	margin-right: 24px;
	float: left;
}

.step h3 {
	margin: 22px 0 0 62px;	
}

.step-one {
	background: url(../images/step-one.png) top left no-repeat;
	margin-left: -4px;
}

.step-two {
	background: url(../images/step-two.png) top left no-repeat;	
}

.step-three {
	background: url(../images/step-three.png) top left no-repeat;
	margin-right: -10px;
}


/* Buttons -----------------------------------------*/
.button {
	font-size: 15px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	padding: 10px 10px;
	border-radius: 4px;
	text-decoration: none;
	box-shadow: 0 1px 3px #666;
	border: none;
}

.button:hover {
	box-shadow: 0 1px 5px #333;
	cursor: pointer;
}

.button:active {
	box-shadow: inset 0 1px 3px #666;
}

.green {
	background: rgb(160,237,37); /* Old browsers */
background: -moz-linear-gradient(top, rgba(160,237,37,1) 0%, rgba(74,114,13,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(160,237,37,1)), color-stop(100%,rgba(74,114,13,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(160,237,37,1) 0%,rgba(74,114,13,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(160,237,37,1) 0%,rgba(74,114,13,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(160,237,37,1) 0%,rgba(74,114,13,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(160,237,37,1) 0%,rgba(74,114,13,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0ed25', endColorstr='#4a720d',GradientType=0 ); /* IE6-9 */
}

.one {
	position: absolute; bottom: 0;	
}

.blue {
	background: rgb(37,142,234); /* Old browsers */
background: -moz-linear-gradient(top, rgba(37,142,234,1) 0%, rgba(13,52,114,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(37,142,234,1)), color-stop(100%,rgba(13,52,114,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(37,142,234,1) 0%,rgba(13,52,114,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(37,142,234,1) 0%,rgba(13,52,114,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(37,142,234,1) 0%,rgba(13,52,114,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(37,142,234,1) 0%,rgba(13,52,114,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258eea', endColorstr='#0d3472',GradientType=0 ); /* IE6-9 */
}

.two {
	position: absolute; bottom: 0; left: 0;	
}


/* Options -----------------------------------------------*/
.option {
	width: 33%;
	height: 125px;
	float: left;
}

.option h3 {
	margin: 0;	
}

.image-left {
	float: left;
	margin: 0 15px 10px 0;	
}

.image-right {
	float: right;
	margin: 0 0 10px 15px;	
}

.no-margin {
	margin: 0;	
}

.option h4 {
	margin-top: 0;
	margin-bottom: 10px;
	color: #000;
}

.option ul {
	margin: 0 0 16px 35px;
	padding-left: 0;
}


/* Conversion Steps --------------------------------------*/
.conversion-step {
	width: 100%;
	height: 63px;
	border-radius: 15px;
	border: 1px solid #AC6E4D;
	box-shadow: 0 0 3px #888;
	position: relative;
	
	background: rgb(254,255,232); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,255,232,1) 0%, rgba(214,219,191,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,232,1)), color-stop(100%,rgba(214,219,191,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffe8', endColorstr='#d6dbbf',GradientType=0 ); /* IE6-9 */
}

.toggle {
	width: 93%;
	padding-left: 7%;
}

.number {
	position: absolute; top: 5px; left: 5px;	
}

.conversion-step h3 {
	font-size: 22px !important;
	margin: 17px 0 0 65px;
}


/* FAQ ---------------------------------------------------*/
.faq h4 {
	margin: 15px 0 0 0 !important;
}

.faq h4:hover {
	cursor: pointer;	
}

.faq {
	padding-right: 50px;	
}

.faq p {
	margin-left: 0px;
	width: 300px;
	padding: 0;
	font-size: 14px;
}


/* Forms -------------------------------------------------*/
form {
	margin-left: -6px;	
}

.form h2 {
	font-size: 17px;
	color: #AC6E4D;
}

.input {
	border-radius: 3px;
	box-shadow: 0 1px 1px #CCCCCC inset;
	border: 1px solid #CEC3A9;
	font-size: 14px;
	margin-left: 10px;
	padding: 3px;
}

#recaptcha_image {
	border: 1px solid #CEC3A9;
	padding: 11px;
	background: #fff;
	box-shadow: 0 1px 1px #CCCCCC inset;
}

.small {
	font-size: 15px;	
}

.input-small {
	width: 145px;	
}

select {
	position: relative; top: -1px; left: 3px;
	font-size: 14px;
}

.options {
	margin: 10px 0 10px 0;	
}

.checkbox {
	float: left;
	width: 40%;
	font-size: 14px;	
}

.checkbox input {
	position: relative; top: -1px;	
}


/* Columns and Widths ------------------------------------*/
.col50left {
	float: left;
	width: 49%;
}

.col50right {
	float: right;
	width: 49%;
}

.col45left {
	float: left;
	width: 45%;
}

.col45right {
	float: right;
	width: 45%;
}

.w70 {
	width: 70%;	
}

.left {
	float: left;	
}


/* Footer ------------------------------------------------*/
#footer {
	width: 100%;
	position: relative;
	padding: 0 0 30px 0;
}

#footer p {
	color: #a5a5a5;	
}

#footer ul {
	float: left;
	padding-left: 60px;
	margin-bottom: 40px;
}

.ul-first {
	padding-left: 5px !important;	
}

#footer li {
	list-style: none;
	margin-bottom: 0px;
}

#footer li a {
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	padding: 2px 0 0 15px;
	background: url("../images/arrow.png") no-repeat scroll 0 4px transparent;
}

.copyright, .copyright a, .copyright p, .slash {
	font: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF7DF;
	position: relative; bottom: 5px;
}

.copyright a:link, .copyright a:visited, .copyright a:active {
    color: #FFF7DF;
    text-decoration: none;
}

.plus div {
	width: 66px !important;	
}

.social-links-footer img {
	position: relative; top: 10px;
	padding: 0 3px;
}





#footer span a { text-transform:none !important }
			
#footer a:hover { color:#fff; text-decoration:none }

.links {
	width: 180px !important;
}

.links a {
	color:#EDDB84;
	font-size: 14px;
	text-decoration:none;
	border-bottom: 1px dotted #776E49;
	display: block;	
	padding-bottom: 5px;
	margin-bottom: 5px;
}