@charset "utf-8";
/* CSS Document */
html {
height: 100%;

}

body{
margin:0;
padding:0;
background-color:#F5F5F5;

/*background-image:url(images/backgroundgray1.png);*/


font-size:14px;
color: #565656;
font-family:arial, verdana, tahoma, sans-serif;
font-weight:normal;

}
ul {list-style-type: none;}
img { border:none;}

#top {
background-image: url(images/bg.png);
padding-left:200px;



}
/****header****kit**/
#header {
float:left;
width:100%;
height:350px;
/*
background: url(images/header.jpg) 0 0 repeat-x;*/

}
.pagewidth{
width:980px;
/*text-align:center;*/
background:transparent;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;

}


h1 {
font-size: 200%;

}

h2 {
font-size: 16px; color:#FF8F20;

}

h3 {
font-size: 125%;

}

h4 {color:#FF8000; font-size:14px; margin-top:16px; margin-bottom:1px}


.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken     out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
   }
	
#definition {
	width: 1040px;
	background-color:#FFF;
	margin:0 auto; 
	line-height:30px;
	border: 0px solid black;
	
	margin-top:20px;
}
#container {
	background-color:#FFF;
	overflow:hidden; 
	width: 1040px;
	margin:0 auto;
	padding-bottom:10px; 
	border: 0px solid black;
}
.box { float:left; width:325px; border:solid #000 0px; background-color:#FFF; margin-left:15px;}
.box ul  { list-style:url(pointicon.jpg); margin-left:5px;	padding-left:5px;line-height:20px;margin-top:1px;}		 
.box-shadow
{
 background-color: #F2F2F2;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 padding: 10px;
 width:auto;
 height:auto;
 margin-left:2px;
 position:relative;
 clear:both;
}
. content {	width: 1040px;
	margin:0 auto;}
	.rectangle {
	/*background-image:url(images/header.jpg);*/
	background:#CDCDCD;
	
	height: 50px;
	width: 320px;
	position: relative;
	left:-30px;
	top: 10px;
		float: left;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; /* the stack order: foreground */
}

.rectangle h2 {
	font-size: 18px;
	margin-left:0;
	padding-left:20px;
	color:#000040;
	
	
}

.triangle-l {
	border-color: transparent #424242 transparent transparent;
	border-style:solid;
	border-width:20px;
	height:0px;
	width:0px;
	position: relative;
	left: -50px;
	top: 10px;
	z-index: -1; /* displayed under box */
}

.triangle-r {
	border-color: transparent transparent transparent #424242;
	border-style:solid;
	border-width:20px;
	height:0px;
	width:0px;
	position: relative;
	left: 310px;
	top: -30px;
	z-index: -1; /* displayed under box */ 
}
.lireplus { width:100px;margin-left:200px; background-color:#E37200; color:#FFF; text-align:center;  padding:5px 5px 5px 5px;}
.box-pages {list-style:url(pointicon.jpg);line-height:25px; text-align:justify; width:300px; float:left; margin-left:40px;line-height:25px;}
.box-pages ul {padding-left:5px;line-height:23px;}
.box-page-login { float:left;width:250px; margin-left:50px;list-style:url(pointicon.jpg); }
.lireplus { width:100px;margin-left:200px; background-color:#E37200; color:#FFF; text-align:center;  padding:5px 5px 5px 5px;}
.how {float:left; width:480px; margin-left:15px;}
#footer {background: url(images/header.jpg) -100px -100px repeat-x; margin-top:20px; height:100px; 
	}
.contentfooter {margin:0 auto;width:960px; color:#FFF; text-align:center; padding-top:20px;
	}