/* GLOBAL RESET */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,p,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table {
	border-collapse: collapse; 
	border-spacing: 0;
}
html, body, .wrap{
	margin:0;
	height: 100%;
}

body {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 12px;
}

.clear {
	clear: both;
}

.hide {
	display: none;
}

.wrap{
	margin-left:auto;
	margin-right:auto;	
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom:-156px;
}

.main {
	width: 980px;
	margin: 0 auto 0 auto;
}

.greenBtn{
	background-image: url('../images/greenBtn.jpg');
	background-repeat: no-repeat;
	width: 138px;
	height: 38px;
	color: white;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	text-decoration: none;
	cursor: hand;
}
.greenBtn div{
	margin-top: 10px;
	text-decoration: none;
	cursor: hand;
}
.top {
	background-image: url('../images/top.jpg');
	height: 33px;
}

.header {
	background-image: url('../images/logo_bg.jpg');
	height: 112px;
}
.header .main .logo {
	padding-top: 30px;
	padding-left: 10px;
}
.header .main .top-menu {
	float: right;
	font-weight: bold;
	padding: 10px 0 10px 35px;
	background-color: #eff4fa;
}
.header .main .top-menu a {
	color: #004b7f;
	text-decoration: none;
}
.header .main .top-menu a:hover {
	text-decoration: underline;
}
.header .main .top-menu li {
	float: left;
	margin-right: 35px;
}

.head-pic {
	background-color: #183d74;
	height: 350px;
}
.head-pic .main .pic1 {
	width: 425px;
	height: 198px;
	color: #ffffff;
	padding: 17px 0 0 20px;
}
.head-pic .main .pic1 .bigTitle {
	font-size: 60px;
	font-weight: bold;
	padding-bottom: 10px;
	font-family: "myriad pro",tahoma;
	letter-spacing: -3px;
	margin-top: 20px;
}
.head-pic .main .pic1 h1 {
	font-size: 19px;
	padding-bottom: 10px;
	font-weight: bold;
	font-family: "myriad pro",tahoma;
}
.head-pic .main .pic1 a{
	text-decoration: none;
}
.head-pic .main .pic1 h2 {
	font-size: 19px;
	padding-bottom: 10px;
	margin-top: 20px;
}
.head-pic .main .pic2 {
	background-image: url('../images/head03.jpg');
	background-repeat: no-repeat;
	position: absolute;
	width: 622px;
	height: 300px;
	margin: 20px 0 0 447px;
}

.content {
	background-image: url('../images/body_bg.jpg');
	background-repeat: repeat-x;
}

.content .main .leftcolumn {
	position: absolute;
	width: 560px;
	padding: 35px 0 0 20px;
}
.content .main .leftcolumn h1 {
	font-size: 30px;
	font-family: "myriad pro", tahoma;
}
.content .main .leftcolumn h2 {
	font-size: 17px;
}

.content .main .leftcolumn .leftbox {
	width: 270px;
	float: left;
}
.content .main .leftcolumn .leftbox li {
	background-image: url('../images/box_bg.jpg');
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #ffffff;
	padding: 5px;
	margin-bottom: 30px;
	height: 120px;
}
.content .main .leftcolumn .leftbox li .pie {
	background-image: url('../images/pie.jpg');
	background-repeat: no-repeat;
	padding: 10px 20px 0 85px;
	height: 44px;
	margin-bottom: 10px;
}
.content .main .leftcolumn .leftbox li .invoice {
	background-image: url('../images/invoice.jpg');
	background-repeat: no-repeat;
	padding: 10px 20px 0 85px;
	height: 61px;
	margin-bottom: 10px;
}
.content .main .leftcolumn .leftbox li .numbers {
	background-image: url('../images/numbers.jpg');
	background-repeat: no-repeat;
	padding: 10px 20px 0 75px;
	height: 53px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.content .main .leftcolumn .leftbox li h2 {
	color: #0068b2;
	font-size: 12px;
	font-weight: bold;
}

.content .main .leftcolumn .rightbox {
	width: 270px;
	float: right;
	margin-right: 10px;
}
.content .main .leftcolumn .rightbox li {
	background-image: url('../images/box_bg.jpg');
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #ffffff;
	padding: 5px;
	margin-bottom: 30px;
	height: 120px;
}
.content .main .leftcolumn .rightbox li .arrow {
	background-image: url('../images/arrow.jpg');
	background-repeat: no-repeat;
	padding: 10px 20px 0 85px;
	height: 44px;
	margin-bottom: 10px;
}
.content .main .leftcolumn .rightbox li .books {
	background-image: url('../images/books.jpg');
	background-repeat: no-repeat;
	padding: 10px 20px 0 85px;
	height: 61px;
	margin-bottom: 10px;
}
.content .main .leftcolumn .rightbox li .web {
	background-image: url('../images/web.jpg');
	background-repeat: no-repeat;
	padding: 10px 20px 0 75px;
	height: 53px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.content .main .leftcolumn .rightbox li h2 {
	color: #0068b2;
	font-size: 12px;
	font-weight: bold;
}

.content .main .leftcolumn .rightbox p, .content .main .leftcolumn .leftbox p {
	padding: 0 10px 0 10px;
}

.content .main .rightcolumn {
	padding-left: 580px;
	font-size: 11px;
}
.sidebox {
	background-image: url('../images/side_bg.jpg');
	background-repeat: repeat-y;
	width: 380px;
	padding: 38px 0 50px 20px;
}
.content .main .rightcolumn .sidebox .side-top {
	background-image: url('../images/side_top.jpg');
	background-repeat: no-repeat;
	width: 400px;
	height: 38px;
	position: absolute;
	margin-left: -20px;
	margin-top:-38px;
}

.content .main .rightcolumn .presentation {
	background-image: url('../images/watch_presentation.jpg');
	background-repeat: no-repeat;
	width: 177px;
	height: 57px;
	margin-bottom: 5px;
	margin-left: 30px;
}
.content .main .rightcolumn .presentation-box {
	background-image: url('../images/video_shadow.jpg');
	background-repeat: no-repeat;
	width: 356px;
	height: 212px;
	margin-left: 20px;
	margin-bottom: 35px;
}
.content .main .rightcolumn .presentation-box object{
	margin-top: 14px;
	margin-left: 14px;
}
.content .main .rightcolumn .why {
	background-image: url('../images/why_xpanels.jpg');
	background-repeat: no-repeat;
	width: 159px;
	height: 30px;
	margin-bottom: 5px;
	margin-left: 25px;
}
.content .main .rightcolumn .why-box {
	background-color: #eaf5fb;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
}
.content .main .rightcolumn .why-box p{
	padding-left: 5px;
}
.content .main .rightcolumn .why-box ul {
	margin-left: 100px;
}
.content .main .rightcolumn .why-box li {
	text-align: justify;
	margin-bottom: 20px;
}
.content .main .rightcolumn .why-box .house {
	background-image: url('../images/house.jpg');
	background-repeat: no-repeat;
	position: absolute;
	width: 50px;
	height: 50px;
	margin-left: -70px;
}
.content .main .rightcolumn .why-box .photo {
	background-image: url('../images/photos.jpg');
	background-repeat: no-repeat;
	position: absolute;
	width: 74px;
	height: 61px;
	margin-left: -80px;
}
.content .main .rightcolumn .why-box .slide {
	background-image: url('../images/slide.jpg');
	background-repeat: no-repeat;
	position: absolute;
	width: 57px;
	height: 61px;
	margin-left: -70px;
}
.content .main .rightcolumn .why-box .help {
	background-image: url('../images/we_help.jpg');
	background-repeat: no-repeat;
	width: 237px;
	height: 23px;
}
.content .main .rightcolumn .why-box .unlimited {
	background-image: url('../images/unlimited.jpg');
	background-repeat: no-repeat;
	width: 252px;
	height: 23px;
}
.content .main .rightcolumn .why-box .automate {
	background-image: url('../images/automate.jpg');
	background-repeat: no-repeat;
	width: 237px;
	height: 23px;
}

.content .main .page-bottom {
	background-image: url('../images/page_bottom.jpg');
	background-repeat: no-repeat;
	width: 527px;
	height: 123px;
	position: absolute;
	margin: -123px 0 0 30px;
}

.footer,.push{
	height: 156px;	
}
.footer a{
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}
.footer a:hover{
	text-decoration: underline;
}
.footer {
	background-color: #010914;
	padding-top: 16px;
	height: 140px;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
}
.footer p {
	padding: 3px 0 3px;
}
.footer .foot-color {
	background-image: url('../images/foot_bg.jpg');
	background-repeat: repeat-x;
	background-color: #022e67;
	height: 121px;
	padding-top: 20px;
}
.footer .contact {
	background-image: url('../images/bar.jpg');
	background-repeat: no-repeat;
	float: right;
	width: 220px;
	padding-left: 30px;
	font-weight: normal;
	margin-right: 130px;
}
.footer .contact .left-a {
	float: left;
	height: 30px;
	width: 30px;
	text-align: right;
	padding-right: 20px;
}
.footer .contact .left {
	float: left;
	width: 30px;
	text-align: right;
	padding-right: 20px;
}