@charset "utf-8";
/* CSS Document */

html {
	height: 100%
}
body {
	font: 100% Tahoma, Geneva, sans-serif;
	background-color: #E1E1E1;
	margin: 0px;
	padding: 0px;
	color: #47474E;
	min-height: 101%;
}
a:focus, a:active {
	outline: none;
	outline-style: none;
}
.wrapper {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
.clearFix {
	font-size: 0;
	line-height: 0;
	clear: both;
	height: 0;
}
#headerTop {
	background: #3B393A;
	width: 100%;
}
#headerTop #logo {
	background: url(../images/eliteCMS_logo.png) no-repeat left center;
	display: block;
	height: 156px;
	float: left;
	width: 490px;
	margin-left: 23px;
}
#navBar {
	background: url(../images/bg_nav.png) repeat-x left top;
	height: 62px;
	width: 100%;
}
#navBar #navigation {
	width: 980px;
	list-style: url(none) none;
	margin: 0px auto;
	padding: 0px 0px 0px 5%;
}
#navBar #navigation li {
	float: left;
}
#navBar #navigation li a {
	text-decoration: none;
	color: #FFF;
	display: block;
	font: bold 80%/5em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	width: 120px;
	text-align: center;
}
#navBar #navigation li a:hover {
	background: url(../images/bg_nav_selected.png) no-repeat center top;
	height: 61px;
}
#navBar #navigation li .active {
	background: url(../images/bg_nav_selected.png) no-repeat center -3px;
	height: 83px;
}
#navBar #navigation li .active:hover {
	background: url(../images/bg_nav_selected.png) no-repeat center -3px;
	height: 83px;
}
#bodyMain {
	width: 930px;
	display: block;
	background: #FFF;
	border: 1px solid #D0D6D9;
	margin: 20px auto;
	padding: 1px;
	line-height: 1.5em;
	font-size: 80%;
}
#bodyMain #inner {
	background: #E4E7E9;
	padding: 20px;
}
.smBox {
	width: 550px;
	padding: 10px;
	float: left;
	background: #D2D5D7;
	min-height: 200px;
	font-size: 90%;
	border-top: 1px solid #999;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #999;
	text-align: justify;
}
.smBox h1 {
	font: bold 130%/2em Arial, Helvetica, sans-serif;
	background: #2AB5BE;
	float: left;
	display: block;
	min-width: 250px;
	padding-right: 5%;
	padding-left: 5%;
	border: 1px solid #FFF;
	color: #FFF;
	margin-top: 2%;
	margin-bottom: 2%;
}
.smBox p {
	line-height: 1.2em;
	margin: 5%;
}
.smBob2 ul {
	margin: 30px 0px 30px 40px;
	padding: 0px;
}
.smBob2 ul li {
	list-style: url(none) none;
	font: bold 100%/2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	display: block;
	margin-bottom: 20px;
	color: #6D7780;
}
.smBob2 ul li .numers {
	background: url(../images/numBg.gif) no-repeat center center;
	height: 39px;
	width: 39px;
	display: block;
	float: left;
	color: #FFF;
	text-align: center;
	margin-right: 10px;
	font: bold 150%/2em Arial, Helvetica, sans-serif;
	border: 1px solid #D2D5D7;
}
.smBob2 ul li span {
	display: block;
	font: normal 80%/1em Verdana, Geneva, sans-serif;
	color: #208B91;
}
.smBob2 .ecmsProBu {
	background: url(../images/elitecmsPro_bu.gif) no-repeat left top;
	display: block;
	height: 33px;
	width: 215px;
	border-style: none;
	margin: 5% auto 5px;
}
.smBob2 .ecmsProBu:hover {
	background: url(../images/elitecmsPro_bu.gif) no-repeat left -33px;
}
.smBob2 .ecmsBu {
	background: url(../images/elitecms_bu.gif) no-repeat left top;
	display: block;
	height: 33px;
	width: 215px;
	border-style: none;
	margin: 5% auto 5px;
}
.smBob2 .ecmsBu:hover {
	background: url(../images/elitecms_bu.gif) no-repeat left -33px;
}
.smBob2 {
	float: right;
	width: 300px;
}
.smBob2 h1 {
	display: block;
	text-align: center;
	color: #FFF;
	margin: 0px;
	font: bold 220% Verdana, Geneva, sans-serif;
	text-transform: uppercase;
}
.smBox3 {
	width: 550px;
	padding: 10px;
	float: left;
	background: #ECEEF0;
	font-size: 11px;
	text-align: justify;
	border: 1px solid #CCC;
	margin-top: 20px;
	line-height: 1.3em;
	position: relative;
	margin-bottom: 20px;
}
.smBox3:hover {
	background: #FFF;
}
.smBox3 h1 {
	background: #FFF;
	float: left;
	margin: -2em 0px 1.5em 1.5em;
	padding: 8px 3px;
	color: #FFF;
	font: 14px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	border: 1px solid #CCC;
}
.smBox3 p {
	margin: 0px 1.5em 2em;
}
.smBox3 h1 span {
	background: #2DA3D4;
	padding: 5px 10px;
	margin: 0px;
}
.smBox3 h1 .proHd {
	background: #34D1D9;
}
.smBox3 fieldset {
	border: 1px solid #E2E2E2;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.smBox3 fieldset:hover {
	border: 1px solid #CCC;
}
.smBox3 fieldset legend {
	color: #666;
	font: bold 11px Verdana, Geneva, sans-serif;
}
.smBox3 fieldset li {
	line-height: 2.5em;
	list-style: url(none) none;
	background: url(../images/bull01.png) no-repeat left center;
	padding-left: 30px;
}
.smBox3 fieldset .mUl li {
	background: url(../images/bull02.png) no-repeat left 1px;
	line-height: 1.5em;
	display: block;
	margin-top: 12px;
	margin-bottom: 12px;
}
.smBox3 fieldset .mUl {
	text-align: left;
}
.smBox3 fieldset p {
	width: 80%;
	margin: 20px auto;
}
.smBox3 fieldset p a {
	color: #0094B9;
}
.smBox3 fieldset p a:hover {
	color: #333;
}
.smBox3 fieldset p .liPro {
	color: #15AEB7;
}
.smBox4 {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding: 2%;
}
.smBox4 h1 {
	color: #2DA3D4;
	font: bold 13px/2.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: block;
	background: url(../images/bdr01.png) repeat-x left bottom;
	margin: 0px;
}
.smBox4 .sbPro {
	color: #26C1CA;
}
.smBox4 p {
	font-size: 11px;
	margin-right: 1em;
	margin-left: 1em;
	text-align: left;
	line-height: 1.5em;
	color: #333;
}
.smBox4 ul li {
	font-size: 11px;
	list-style: square;
}
#sidebar {
	float: right;
	width: 285px;
	overflow: auto;
	padding-top: 10px;
}
#sidebar .sbOuter {
	background: #FFF;
	border: 1px solid #D0D6D9;
	padding: 1px;
}
#sidebar .sbOuter .sbInner {
	background: #E4E7E9;
}
#sidebar .sbOuter .sbInner p {
	padding: 4% 8% 8%;
	margin: 0px;
	font-size: 70%;
	line-height: 1.5em;
}
#sidebar .sbOuter .sbInner h1 {
	color: #009FCE;
	margin: 0px 5%;
	padding: 5% 0px 5% 0%;
	font: 90% "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: url(../images/bdr01.png) repeat-x left bottom;
}
#content {
	float: left;
	width: 600px;
	margin-top: 10px;
}
.smBox3 .frmHolder {
	text-align: center;
}
.smBox3 .frmHolder legend {
	text-align: left;
}
.smBox3 .frmHolder form {
	margin-top: 20px;
	margin-bottom: 20px;
}
#agreement_box {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	height: 400px;
	margin-bottom: 20px;
	font: 11px Tahoma, Geneva, sans-serif;
	padding: 10px;
	background: #EEEFF0;
	border: 1px solid #CCC;
	color: #464A4F;
}
.orderBu {
	height: 29px;
	width: 140px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFF;
	font: bold 11px Verdana, Geneva, sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	background: url(../images/orderBu.gif) no-repeat left top;
	cursor: pointer;
}
.orderBu:hover {
	background: url(../images/orderBu.gif) no-repeat left -29px;
}
#proDisplay {
	height: 200px;
	width: 100%;
	border: 1px solid #B4EFFE;
	background: #EFFBFC url(../images/proBoxSmall.png) no-repeat left center;
	margin-top: 20px;
	margin-bottom: 20px;
}
#proDisplay p {
	margin-left: 200px;
	display: block;
	font: 11px Arial, Helvetica, sans-serif;
}
#proDisplay p strong span {
	color: #1E8B91;
}
#proDisplay h2 {
	margin: 50px 0px 20px 200px;
	padding: 0px;
	font: 12px/2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #146B70;
	border-bottom: 1px solid #CCC;
	display: block;
	float: left;
}
.frmHolder #orderForm {
	text-align: left;
}
.frmHolder #orderForm label {
	display: block;
	text-align: right;
	float: left;
	width: 150px;
	height: 25px;
	margin: 10px 10px 0px 20px;
	line-height: 2.5em;
}
.frmHolder #orderForm input {
	width: 50%;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 20px;
	border: 1px solid #CCC;
	font: 11px Verdana, Geneva, sans-serif;
	color: #333;
	padding: 3px;
}
.frmHolder #orderForm textarea {
	width: 51%;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 120px;
	border: 1px solid #CCC;
	font: 11px Verdana, Geneva, sans-serif;
	color: #333;
	padding: 3px;
}
.frmHolder #orderForm select {
	width: 52%;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 25px;
	border: 1px solid #CCC;
	font: 11px Verdana, Geneva, sans-serif;
	color: #333;
	padding: 3px;
}
.frmHolder #orderForm .submitBu {
	background: #FFF url(../images/proceedBu.gif) no-repeat left top;
	height: 29px;
	width: 185px;
	border-style: none;
	margin-left: 30%;
	cursor: pointer;
	color: #FFF;
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.frmHolder #orderForm .submitBu:hover {
	background: url(../images/proceedBu.gif) no-repeat left -29px;
}
.frmHolder #orderForm .reviewForm {
	border-style: none;
	background-color:transparent;
}
#noJava {
	background: #FDD;
	color: #DF0000;
	padding: 20px;
	line-height: 1.5em;
	font-size: 12px;
	border: 1px solid #F00;
	margin-bottom: 20px;
}
#noJava a {
	font-weight: bold;
	color: #333;
}
.smBox3 .errorMSG {
	color: #900;
	background: #FFE6E6;
	border: 1px solid #F00;
	margin-bottom: 20px;
	padding: 20px;
	text-align: left;
}
.smBox3 .errorMSG a {
	color: #060;
}

.smBox3 .successMSG {
	color: #060;
	background: #E6FFD9;
	border: 1px solid #090;
	margin-bottom: 20px;
	padding: 20px;
	text-align: left;
}

#content .smBox3 p a {
	font-weight: bold;
	color: #39F;
}
.smBox4 p a {
	color: #09C;
}


#footer {
	background: #3b393a url(../images/bg_footerTop.png) repeat-x left top;
	min-height: 100px;
	margin: 0px;
	width: 100%;
	padding-top: 40px;
	color: #CCC;
}
.ftBox {
	display: block;
	float: left;
	width: 300px;
	margin-right: 0.5em;
	margin-left: 0.5em;
}
.ftBox h1 {
	font: bold 70%/2em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #999;
	padding: 0px;
	margin: 0px 0px 10px;
	border-bottom: 1px solid #999;
	display: block;
	width: 95%;
	text-indent: 1.5em;
}


#newPost {
	font-size: 70%;
	margin: 0px 0px 20px;
	padding: 0px;
	list-style: none;
	float: left;
}
#newPost li {
	margin: 1em;
	list-style: none;
	display: block;
}
#newPost li a {
	color: #24C2CC;
}
#newPost li a:hover {
	color: #2EEEFA;
}

#newPost li .init {
	width: 55px;
	display: block;
	float: left;
	height: 24px;
	margin-right: 1.5em;
	text-align: center;
	font: bold 9px/2.5em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: url(../images/bgftNP.png) no-repeat center center;
	color: #3B393A;
}
#newPost li .np {
	margin-left: 6.3em;
	margin-top: .5em;
}
.ftBox #navigation {
	list-style: url(none) none;
	font: 70% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 20px 0px 0px 20px;
	padding: 0px;
}
.ftBox #navigation li {
	margin: 0em;
	padding: 0px;
}
.ftBox #navigation li a {
	color: #CCC;
	text-decoration: none;
	display: block;
	margin-right: 3em;
	padding-left: 1.5em;
	padding-top: 0.5em;
	padding-bottom: .5em;
}
.ftBox #navigation li a:hover {
	border-left: 5px solid #24C2CC;
	color: #24C2CC;
}
.ftBox #navigation li .active {
	border-left: 5px solid #24C2CC;
	color: #24C2CC;
}

.ftBox div ul {
	list-style: url(none) none;
	font: 70% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 20px 0px 0px 20px;
	padding: 0px;
}
.ftBox div ul li {
	margin: 0em;
	padding: 0px;
}
.ftBox div ul li a {
	color: #CCC;
	text-decoration: none;
	display: block;
	margin-right: 3em;
	padding-left: 1.5em;
	padding-top: 0.5em;
	padding-bottom: .5em;
}
.ftBox div ul li a:hover {
	border-left: 5px solid #24C2CC;
	color: #24C2CC;
}


.ftBox p {
	font-size: 70%;
	margin-right: 2.5em;
	margin-left: 2em;
	line-height: 1.25em;
	margin-top: 2em;
}
.ftBox div ul .isactive a {
	border-left: 5px solid #24C2CC;
	color: #24C2CC;
}