@font-face {
	/* This declaration targets Internet Explorer */
	font-family: 'klavika';
	src: url('../fonts/klavikaboldbold1-webfont.eot');
}

@font-face {
	/* This declaration targets everything else */
	font-family: 'klavika';
	src: url(//:) format('no404'), url('../fonts/klavikaboldbold1-webfont.woff') format('woff'), url('../fonts/klavikaboldbold1-webfont.ttf') format('truetype'), url('../fonts/klavikaboldbold1-webfont.svg#webfonty7ZHLs1h') format('svg');
	font-weight: normal;
	font-style: normal;
}


BODY { margin: 0; padding: 0; background: #202020 url(../images/bg-body.gif) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #6A6A6A}
IMG { border: none}
FIELDSET { margin: 0; padding: 0; border: none}
.clear { float: none; clear: both}
A{ color: #E1E1E1; text-decoration:underline }
A:hover{ color:#FFFFFF; text-decoration:none }

H2, .button03 { background: url(../images/bg-h2-1.png); width: 959px; height: 90px; margin: 0; padding: 7px 0 0 0; text-align: center; color: #FFFFFF; font: 54px 'klavika'; text-transform: uppercase; letter-spacing: -3px; float: none; clear: both; border: none; cursor: pointer;
-moz-text-shadow: #000000 1px 1px 3px; 
-webkit-text-shadow: #000000 1px 1px 3px;
text-shadow: #000000 1px 1px 3px; 
}
	H2 A, H6 A { color: #fff; text-decoration: none;}
	H2 A:hover, .button03:hover, H6 A:hover { color: #FFFF00}
	.button03 { height: 89px; padding: 0 0 10px 0; margin-bottom: 20px;}
H3 { background: url(../images/bg-h3.png); width: 959px; height: 67px; margin: 0; padding: 10px 0 0 0; color: #FFFFFF; font: 30px 'klavika'; text-transform: uppercase; float: none; clear: both; text-indent: 20px; position: relative; z-index: 98;
-moz-text-shadow: #000000 1px 1px 3px; 
-webkit-text-shadow: #000000 1px 1px 3px;
text-shadow: #000000 1px 1px 3px; 
}
H4, .sites-list LI { font: 24px 'klavika'; text-transform: uppercase; color: #FFFFFF;
-moz-text-shadow: #000000 1px 1px 3px; 
-webkit-text-shadow: #000000 1px 1px 3px;
text-shadow: #000000 1px 1px 3px; 
}
H5 { color: #FAFAFA; font-size: 24px; font-weight: normal}
H6 { width: 95%; margin:0 0 20px 0; float: left; height: auto; padding: 1% 2%; background:#9c092a; color: #ffffff; border-radius: 8px; border:1px solid #FF0000; font: 16px 'klavika';
text-transform: uppercase;
float: none;
clear: both;
position: relative;
z-index: 98;
-moz-text-shadow: #000000 1px 1px 3px; 
-webkit-text-shadow: #000000 1px 1px 3px;
text-shadow: #000000 1px 1px 3px; 
}
H6 .close { font-size:12px; position:absolute; color:#000000; left:90% }
INPUT[type=text], INPUT[type=password], SELECT { background: #3B3B3B; border: 1px solid #585858; padding: 4px 4px; color: #9F9F9F; font-family: Arial, Helvetica, sans-serif; font-size: 16px;}


.box01 { background: #202020; padding: 23px !important; width: 237px !important; min-height: 330px; border-radius: 8px; margin-bottom: 20px !important}
.box01 P STRONG { font-size:12px; }

.bg01 { background: url(../images/bg01.png) 0 57px;}
.wrapper { width: 1127px; margin: 0 auto;}

.header { position: relative; height: 191px; width: 959px; margin: 0 auto}
.header UL { margin: 0; padding: 0; list-style: none; font: bold 16px 'Trebuchet MS'; float: left}
.header UL LI { display: inline}
.header UL LI A { color: #E1E1E1; text-decoration: none; display: inline-block; height: 29px; padding: 20px 3px 0 0; border-bottom: 8px solid transparent; margin-right: 27px}
.header UL LI A:hover, .header UL LI.active A { border-bottom: 8px solid #474646; color: #fff}
.header P { margin: 0; padding: 0; float: right}
.header A IMG { float: none; clear: both; position: absolute; left: 0px; top: 57px;}
	.button01, .button02 { border: none; cursor: pointer; font: bold 16px 'Trebuchet MS'; margin: 9px 0 0 13px; width: 89px; height: 39px; color: #fff;
-moz-text-shadow: #000000 1px 2px 1px; 
-webkit-text-shadow: #000000 1px 2px 1px;
text-shadow: #000000 1px 2px 1px;	
	}
	.button01 { background: url(../images/button01.png)}
	.button02 { background: url(../images/button02.png)}

.footer { float: none; clear: both; background: #171717; text-align: center; font-size: 14px; font-weight: bold; color: #5B5B5B; background: #171717; padding: 50px 0}
.footer A {color: #5B5B5B; display: inline-block; padding: 0 15px;}
.footer A:hover { color: #fff}

.content { float: none; clear: both; min-height: 300px; width: 959px; margin: 0 auto -1px; padding-bottom: 1px}

	#slides { width: 959px; margin: 0 auto; height: 397px; position: relative;}
	#slides DIV { width: 959px; position: relative}
	#slides DIV IMG { position: relative; z-index: 1}
	#slides-nav { float: none; clear: both; position: absolute; text-align: right; z-index: 99;  width: 929px; padding-right: 30px; margin: 360px 0 0 0}
	#slides-nav a { background: url(../images/slides-nav.png) 0 14px; color: transparent; display: inline-block; width: 14px; height: 14px; font-size: 1px; margin: 0 3px;}
	#slides-nav a.activeSlide { background-position: 0 0}
	#slides-nav a:focus { outline: none; }	
	
	.converting-sites { margin: 15px 0 25px 0; display: table; width: 959px;}
	.converting-sites H3 { margin: 0; padding: 0; font: 50px 'klavika'; text-transform: uppercase; color: #FFFFFF; letter-spacing: -2px; width: 285px; line-height: 45px; float: left; background: none; text-indent: 0px;}
	/*
	.converting-sites P { margin: 0; padding: 0; float: right}
	.converting-sites IMG { padding-bottom: 30px; background: url(../images/image-shadow01.png) bottom left}
	*/
	.stepcarousel{ position: relative; overflow: scroll; width: 670px; height: 241px; margin: 15px 0 0 0; padding: 0;  float: right}
	.stepcarousel .belt{ position: absolute; left: 0; top: 0; }
	.stepcarousel .panel{ float: left; overflow: hidden; margin: 0 10px; width: 323px; }
	.stepcarousel .panel IMG { padding-bottom: 30px; background: url(../images/image-shadow01.png) bottom left}		
	
	.column-three { margin: 15px 0; padding: 0; list-style: none;}
	.column-three LI { float: left; width: 338px; margin: 0 10px; padding: 0}
	.column-three LI:first-child { margin-left: 0}
	.column-three H4 { margin: 0; padding: 0}
	.column-three STRONG { color: #949494; font-weight: normal}
	
	.column-three IMG { float: left; margin:0 20px 0 0;}
	.column-three H5 { margin: 0; padding: 0; float: left; width: 120px;}

	.text { background: #171717; padding: 20px 18px; color: #fff; border-radius: 8px; margin:0 0 20px;}
	
	.sites-list, .resources-list, .advantages-list, .contact-list { margin: 0 0 20px; padding: 0; list-style: none; width: 959px; display: table}
	.sites-list LI { width: 316px; height: 230px; padding: 15px 0 0 0; float: left; text-align: center; background: #181818; border-radius: 8px; margin: 2px;}
	.sites-list LI.nomargin { margin-left: 0px;}
	.sites-list LI IMG { border: 1px solid #000; margin-top: 7px;}
	
	.resources-list LI { float: left; margin-left: 47px;}
	.resources-list LI.nomargin { margin-left: 0px;}
	
	.advantages-list { height: 573px; margin: 0; padding: 0;}
	.advantages-list LI {color: #FFFFFF; font: 54px 'klavika'; text-transform: uppercase; letter-spacing: -3px; padding-left: 75px; background: url(../images/red-check.png) no-repeat 0 0; margin: 8px 0;
	-moz-text-shadow: #000000 1px 1px 3px; 
	-webkit-text-shadow: #000000 1px 1px 3px;
	text-shadow: #000000 1px 1px 3px; 	
	}
		.bunny { width: 355px; height: 594px; float: right; position: absolute; background: url(../images/bunny.png); margin: -21px 0 0 639px; z-index: 1}
	
	.tools .text { color: #6A6A6A;}
	.tools H4 { margin: 0 0 14px; padding: 0; font-size: 45px;}
	.tools P A { color: #CA153F; font-weight: bold; font-family: 'Arial Black'}
	.tools P A:hover { color: #FF0033}
	
	.contact-list LI H4 { margin: 0; padding: 0}
	.contact-list LI STRONG { color: #9F9F9F;}
	.contact-list LI { width: 45%; margin:0 1% 40px 0; float: left; height: 200px; padding: 3% 2%; background: #171717; color: #6A6A6A; border-radius: 8px; font-size: 20px;}
	.contact-list LI.first-child { margin: 0}
	
	.contact-list INPUT[type=text], .contact-list INPUT[type=password] { width: 205px; margin-bottom: 10px;}
	.contact-list LABEL { display: inline-block; width: 115px; position: relative; top: 3px;}
	.contact-list FORM P { margin: 0; padding: 0}
	.contact-list FORM { width: 350px; margin: 30px auto 0;}
	.contact-list FORM .button02 { margin: 0}
	
	.signup { font-size:14px; }
	.signup H4 { margin:0 0 15px; font-size: 30px;}
	.signup P { margin: 0; padding: 0;  color: #9F9F9F; width:50%; float:left}
	.signup LABEL { display: inline-block; width: 140px; position: relative; top: 3px; color: #9F9F9F; margin-left: 30px;}
	.signup INPUT[type=text], .signup INPUT[type=password] { width: 220px; margin-bottom: 10px;}
	SELECT { width: 230px; margin-bottom: 10px;}
	.signup INPUT[type=checkbox] { margin: 0 15px 20px 30px; padding: 0; vertical-align: top; position: relative; top: 3px;}
	

#Submit_SignupInfo { background: url(../images/bg-error.jpg) repeat-x;
 width: auto; height: 54px; margin: 0; padding: 10px; text-align: center; color: #FFFFFF; font: 25px 'klavika'; text-transform: uppercase;
 letter-spacing: -1px; float: none; clear: both; border: none; cursor: pointer;
 -moz-text-shadow: #000000 1px 1px 3px; 
 -webkit-text-shadow: #000000 1px 1px 3px;
 text-shadow: #000000 1px 1px 3px;
 margin-top:20px;
 border-radius:10px;
 }
 
 .table-container TR {
  margin:5px 0;
 }

/* new */
.table-container,
.table-container4 {
 margin: 0 0 20px; padding: 0; list-style: none; width: 959px; display: table; color:#FFF; background:url(../images/bg-content.jpg) repeat; padding:10px; border-radius:10px
}
.table-container4 td {
 width:35%;
 padding:0 5px !important;
}
.table-container4 input[type=text],
.table-container4 input[type=password] { margin:0px 10px; }

.table-container input[type=submit],
.table-container4 input[type=submit] { 
border: none; cursor: pointer; font: bold 16px 'Trebuchet MS'; margin: 9px 0 0 13px; width: 89px; height: 39px; color: #fff;
-moz-text-shadow: #000000 1px 2px 1px; 
-webkit-text-shadow: #000000 1px 2px 1px;
text-shadow: #000000 1px 2px 1px; 
background: url(../images/button02.png)
}
.setLink { text-decoration:none }

.table-container input[type=text]{
 margin:5px 0 !important;
}
.table-container input[type=submit] {
 width:200px;
 border-radius:10px;
 background: url(../images/bg-error.jpg)
}
