@charset "utf-8";

#header {
	width:1000px;
	height:230px;
	margin:0 auto;
	background-image:url(../images/template_01.gif);
}
#headerbg {	
	width:100%;
	background-image:url(../images/template_02.gif);	
}

#content {
	width:800px;
	margin:0px auto;
	padding:0 100px;
	background-image:url(../images/template_03.gif);
}
#contentbg {
	width:100%;
	background-image:url(../images/template_04.gif);
}
	
#footer {
	width:1000px;
	height:70px;
	margin:0 auto;
	background-image:url(../images/template_05.gif);
}
#footerbg {	
	width:100%;
	background-image:url(../images/template_06.gif);	
}



body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#fff;
	margin:0px;
	padding:0px;
	font-size:12pt;
	line-height:1.5;	
}
body, .smaller a, .smaller a:hover {
	color:#1a1a1a;	
}
h1, h2, h3 {
	font-family:Impact;
	font-weight:normal;
	color:#1A1A1A;
	text-align:center;
	text-transform:capitalize;
	margin:0 auto;
	line-height:1.2;
	margin-bottom:20px;
	letter-spacing:-0.01em;
	/*word-spacing:0mm;*/
}
h1 {
	font-size:36pt;
	/*text-shadow: 1px 1px 0px rgba(0,0,0,0.2);*/
}
h2 {
	font-size:26pt;
}
h3 {
	font-size:20pt;
}
textarea, input {
	font-family:Arial;
	font-size:14px;
	color:#666;
	border:1px solid #ccc;
	padding:3px;
	margin:1px;	
}
.letter {
	font-family:Georgia;
	float:left;
	/*font-weight:bold;*/
	color:#333;
	font-size: 70px;
	line-height: 60px;
	padding-right: 5px;	

}
a {
	color:#0063bf;
	text-decoration:none;
}
a:hover {
	color:#0084ff;
	text-decoration:none;
}
.blank, a:hover.blank{
	color:	#1a1a1a;
}
ul {
	list-style-image:url(../images/ticks.png);
	list-style-position:inside;
}
ul.tickmedium {
	list-style-image:url(../images/tickm.png);
	list-style-position:inside;
}
ul.ticklarge {
	list-style-image:url(../images/tickl.png);
	list-style-position:inside;
}
img {
	border:0px;
}
.rotate{
	-webkit-transform: rotate(-1deg); 
	-moz-transform: rotate(-1deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.left {
	text-align:left;
}
.right {
	text-align:right;	
}
hr {
	position:relative;
	display:block;
	width:100%;
	height:1px;
	clear:both;
	border: 0;
	margin-bottom:30px;
	
	background: #ffffff;
	background: -moz-linear-gradient(left, #ffffff 0%, #dddddd 50%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(50%,#dddddd), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(left, #ffffff 0%,#dddddd 50%,#ffffff 100%);
	background: -o-linear-gradient(left, #ffffff 0%,#dddddd 50%,#ffffff 100%);
	background: -ms-linear-gradient(left, #ffffff 0%,#dddddd 50%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
	background: linear-gradient(left, #ffffff 0%,#dddddd 50%,#ffffff 100%);
}
.large {
	font-size:large;
	font-weight:bold;
	line-height:1;
}
.larger {
	font-size:larger;
	font-weight:bold;
	line-height:1;
}
.x-large {
	font-size:x-large;
	font-weight:bold;
	line-height:1;
}
.xx-large {
	font-size:xx-large;
	font-weight:bold;
	line-height:1;
}
.small {
	font-size:small;
}
.smaller {
	font-size:smaller;
}
.x-small {
	font-size:x-small;
}
.xx-small {
	font-size:xx-small;
}
.red {
	color:#DD0000;
}
.highlight {
	background-color:#FFFF00;
}
.disclaimer {
	font-family:Verdana, Arial;
	font-size:7pt;
	line-height:1.3;
	text-align:justify;
	width:700px;
	margin:0 auto;
	margin-bottom:20px;
}
.disclaimer, .disclaimer a {
	color:#CCC;	
}
.footer {
	font-family:Verdana, Arial;
	font-size:8pt;
	color:#CCC;
	line-height:1.3;
	text-align:center;
}



#testimonial {
	position:relative;
	width:94%;
	border:1px solid #ddd;
	margin-bottom:30px;
	
	-moz-box-shadow: 5px 5px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 5px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 5px 5px 0px rgba(0,0,0,0.1);
	
	padding:0px 20px 0px 20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
	background: #ffffc1;
background: -moz-linear-gradient(top,  #ffffc1 0%, #ffffd8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffc1), color-stop(100%,#ffffd8));
background: -webkit-linear-gradient(top,  #ffffc1 0%,#ffffd8 100%);
background: -o-linear-gradient(top,  #ffffc1 0%,#ffffd8 100%);
background: -ms-linear-gradient(top,  #ffffc1 0%,#ffffd8 100%);
background: linear-gradient(top,  #ffffc1 0%,#ffffd8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffc1', endColorstr='#ffffd8',GradientType=0 );

}



.reseller {
	display:block;
	font-family:"Courier New", Courier, monospace;
	background-color:#FFFF00;
	font-size:11pt;
	padding:10px;
	line-height:1.3;
}

#orderform {
	margin:0 auto 20px auto;
	width:550px;
	padding:20px;
	border:3px dashed #999;
}
#orderform h1, #orderform h2, #orderform h3 {
	/*line-height:0.7;*/
}
#orderform p {
	line-height:1.2;
}

#star {
	position:absolute;
	width:107px;
	height:107px;
	background-image:url(../images/star.png);
	top:129px;
	left:5px;

}
#arrow {
	position:absolute;
	width:73px;
	height:55px;
	background-image:url(../images/arrow.png);
	top:431px;
	left:155px;
}

#boxheader {
	margin:0 auto;
	height:40px;
	width:800px;
	background-image:url(../images/component_01.gif);
}
#boxcontent {
	margin:0 auto;
	width:650px;
	padding:10px 75px 10px 75px;
	background-image:url(../images/component_02.gif);
	/*min-height:350px;*/
}
#boxcontent img.screen {
	padding:3px;	
}
#boxfooter {
	margin:0 auto;
	height:40px;
	width:800px;
	background-image:url(../images/component_03.gif);
}

#box.side {
	position:relative;
	margin:0 auto 20px 10px;
	width:45%;	
	border:2px dashed #ccc;	
	float:right;
	
	-moz-box-shadow: 5px 5px 0px rgba(0,0,0,0.0);
	-webkit-box-shadow: 5px 5px 0px rgba(0,0,0,0.0);
	box-shadow: 5px 5px 0px rgba(0,0,0,0.0);	
}

#box.boxorderform li{
	margin-left:-40px;
	padding-bottom:1em;
}
#box {
	margin:0 auto 20px auto;
	width:94%/*550px*/;
	padding:20px;
	border:1px solid #ccc;	
	
	/*-moz-box-shadow: 5px 5px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 5px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 5px 5px 0px rgba(0,0,0,0.2);*/
}
#box ul {
	margin-left:-50px;
}
#box.boxbonus {
	margin:0 auto 20px auto;
	width:600px;
	padding:15px;
	border:1px dashed #999;	
	/*-moz-box-shadow: 5px 5px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 5px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 5px 5px 0px rgba(0,0,0,0.2);*/
}
#box.boxorderform {
	margin:0 auto 20px auto;
	width:550px;
	padding:15px;
	border:5px dashed #999;

	/*-moz-box-shadow: 5px 5px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 5px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 5px 5px 0px rgba(0,0,0,0.2);*/
}