* {
	margin: 0; padding: 0;
}
/*body {
	font: 12px arial; color: #545454; background: #fff; width: 100%; position: relative; display: table; height:100%;
}*/

html, body {
font: 12px arial; color: #545454; background: #fff url(../images/top-bg.gif) top repeat-x; width: 100%; position: relative; height:100%;
}


img {
	border: none;
}
.clearBoth {
	clear: both; height: 0;
}
a {
	color: #838a11; text-decoration: none;
}
a:hover {
	color: #717709; text-decoration: none;
}

.container {
	margin: 0 auto; width: 680px; position: relative; min-height: 85%;
}

/* header ----------- */
.header {
	width: 680px; height: 115px; position: relative;
}
.header .logo {
	margin: 0; padding: 43px 0 0 0; text-align: center; background: #fff;
}
.header .logo img {
	border: none;
}

/*
.header .logo .description {
	position: absolute; top: 38px; font: bold 11px arial; color: #303030; text-align: left; left: 260px; text-shadow: #aaa 1px 1px 1px;
}
*/

.container .description {
	width: 100%; text-align: center; border-bottom: 1px solid #e0e0e0; padding: 4px 0;
}
.description h1 {
	font: 9px verdana; color: #8a8a8a;
}
.description h1 a {
	color: #e38e32; text-decoration: none;
}
.description h1 a:hover {
	color: #ca7e2c; text-decoration: none;
}

/* wrapper ----------- */
.wrapper {
	clear: both; width: 680px; line-height: 18px; 
}

/* content */
.wrapper .content {
	padding: 0;
}
.wrapper .content-site {
	padding: 0 0 20px 0;
}
.wrapper .content a {
	color: #e38e32; text-decoration: none; font-weight: bold;
}
.wrapper .content a: hover {
	color: #be701b; text-decoration: none;
}
.wrapper .content h2, .wrapper .content-site h2 {
	font: 20px arial; padding: 5px 0 15px 0; color: #717709;
}
.wrapper .content h2 a, .wrapper .content-site h2 a {
	color: #838a11; text-decoration: none; font-weight: normal;
}
.wrapper .content h2 a:hover, .wrapper .content-site h2 a:hover {
	color: #717709; text-decoration: none;
}
.wrapper .content h3 {
	font: bold 16px arial; padding: 0 0 10px 0; color: #e38e32;
}
.wrapper .content h3 a {
	color: #e38e32; text-decoration: none;
}
.wrapper .content h3 a:hover {
	color: #c2731e; text-decoration: none;
}
.wrapper .content h4 {
	font: bold 14px arial; padding: 0 0 10px 0; color: #e38e32;
}
.wrapper .content h4 a {
	color: #e38e32; text-decoration: none;
}
.wrapper .content h4 a:hover {
	color: #c2731e; text-decoration: none;
}

.wrapper .content p {
	padding: 0 0 20px 0;
}
/*
.wrapper .content ul {
	padding: 0 0 20px 0;
}
*/
.wrapper .content ul {
        padding: 0 0 20px 15px;
}

.wrapper img {
	margin: 5px 20px 20px 0;
}



/* contentHome */
.wrapper .contentHome {
	padding: 0 150px 0 150px;
	
}
.wrapper .contentHome-site {
	padding: 0 20px 20px 20px; float: left; 
}
.wrapper .contentHome a {
	color: #e38e32; text-decoration: none; font-weight: bold;
}
.wrapper .contentHome a: hover {
	color: #be701b; text-decoration: none;
}
.wrapper .contentHome h2, .wrapper .content-site h2 {
	font: 20px arial; padding: 5px 0 15px 0; color: #717709;
}
.wrapper .contentHome h2 a, .wrapper .content-site h2 a {
	color: #838a11; text-decoration: none; font-weight: normal;
}
.wrapper .contentHome h2 a:hover, .wrapper .content-site h2 a:hover {
	color: #717709; text-decoration: none;
}
.wrapper .contentHome h3 {
	font: bold 16px arial; padding: 0 0 10px 0; color: #e38e32;
}
.wrapper .contentHome h3 a {
	color: #e38e32; text-decoration: none;
}
.wrapper .contentHome h3 a:hover {
	color: #c2731e; text-decoration: none;
}
.wrapper .contentHome h4 {
	font: bold 14px arial; padding: 0 0 10px 0; color: #e38e32;
}
.wrapper .contentHome h4 a {
	color: #e38e32; text-decoration: none;
}
.wrapper .contentHome h4 a:hover {
	color: #c2731e; text-decoration: none;
}
.wrapper .contentHome p {
	padding: 0 0 20px 0;
}
.wrapper .contentHome ul {
	padding: 0 0 20px 15px;
}






/* nav */
.wrapper .flowNav {
	padding:5px 0 7px 0; margin: 0 0 15px 0; border-bottom: 1px solid #c0c0c0;
}
.wrapper .flowNav p {
	margin: 0; font-size: 11px; color: #aaa; padding: 0 2px 0 0;
}
.wrapper .flowNav p a {	
	color: #777; text-decoration: none;
}
.wrapper .flowNav p a:hover {	
	color: #333; text-decoration: none;
}

.menu ul {
	position: absolute; right: 0; list-style: none;
}
.menu li {
	float: left; margin: 5px 1px 0 0;
}
.menu li a {
	display: block; background: url(../images/menu-bg.gif) repeat-x; padding: 4px 15px 3px 15px; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; color: #fff; text-shadow: #4b9c05b 1px 1px 1px;
}
.menu li a:hover {
	text-shadow: #666d10 1px 1px 1px; color: #eee;
}

/* contact */
.contact {
	margin-bottom: 15px;
}
.contact td {
	padding: 3px;
}
.contact textarea, .contact input {
	background: #f6f6f6; border-top:1px solid #bbb; border-left: 1px solid #bbb; border-bottom: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; color: #545454; font-size: 12px;
}
.contact .butt {
	background: url(../images/butt-bg.gif) repeat-x; margin: 0 5px 0 0; padding: 3px 5px; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #9f9f9f; border-right: 1px solid #9f9f9f; font-weight: bold; text-shadow: #dedede -1px -1px 1px; cursor: pointer;
}

/* sidebar */
.sidebar {
	float: right; width: 230px; margin: 0 0 0 0; padding: 0 20px 0 0;
}
.sidebar .block {
	margin: 0 0 16px 0;padding: 10px 20px; background:#a6a6a6 url(../images/block-bg.gif) repeat-x top; border-bottom: 1px solid #999; border-right: 1px solid #999; border-top: 1px solid #eee; border-left: 1px solid #eee;
}
.sidebar .blockContent {
	padding: 8px 0; border-top: 1px solid #eee;
}
.sidebar .block h2 {
	font: bold 16px arial; color: #e38e32; padding: 4px 0 8px 0; border-bottom: 1px solid #bbb;
}
.sidebar .block h2 span {
	color: #545454;
}

/* checker */
.wrapper .spaceHome {
	width: 594px; height: 20px;
}
.wrapper .checker {
	margin: 0 auto; width: 594px; padding-bottom: 10px; height: 117px; background: url(../images/checker-bg.png) no-repeat top;
}
.checker .checkInput {
	float: left; width: 402px; height: 29px; margin: 40px 0 0 0; padding: 0 0 0 10px; border: none; background: url(../images/checkInput-bg.gif) no-repeat right;
}
.checker .checkInput input {
	font: 14px arial; color: #3d3d3d; background: none; border: none; margin: 5px 0 0 95px; padding: 2px; width: 295px;
}
.checker .checkBtn {
	float: right; width: 90px; height: 29px; margin: 40px 90px 0 0; padding: 0 0 0 0; border: none; background: url(../images/checkBtn-bg.gif) no-repeat bottom; font: bold 14px arial; color: #3c3c3c; cursor: pointer; text-shadow: #d4dc6b 1px 1px 1px;
}
.checker .checkBtn:hover {
	color: #474747; text-shadow: #f3fa92 1px 1px 1px;
}
.checker .checkBtn::-moz-focus-inner { 
    border: 0; margin: -1px 0 0 0; padding: 0;
}

/* result */
.wrapper .result {
	margin: 0 auto; padding: 0; clear: both; width: 594px; height: 35px;
}
.result .resultInput {
	margin: 0 auto; width: 560px; height: 15px; background: url(../images/result-bg.gif) repeat-x; border: 1px solid #fff; font: bold 14px Arial; color: #fff; padding: 10px 15px; 
}
.result .resultInput .left-col {
	float: left; padding: 0 20px 0 0;
}
.result .resultInput .left-col span {
	color: #e38e32;
}
.result .resultInput .right-col {
	float: right; padding: 0 0 0 20px; text-align: right;
}
.result .resultInput .right-col img {
	margin: 0 0 0 10px;
}

/* page-note */
/*.page-note {
	width: 588px; margin: 0 auto; padding: 10px 3px 10px 3px;
}
.page-note a {
	font-weight: bold; color: #e38e32; text-decoration: none;
}
.page-note a:hover {
	color: #a66015; text-decoration: none;
}*/


.page-note {
	width: 588px; margin: 0 auto; padding: 10px 3px 10px 3px;
}
.page-note a {
	font-weight: bold; color: #e38e32; text-decoration: none; width: 176px; height: 53px; background: url(../images/get-it-now-butt2.gif) no-repeat; display: block; text-indent:-5000px;
}
.page-note a:hover {
	color: #a66015; text-decoration: none; background: url(../images/get-it-now-butt-hover2.gif) no-repeat;
}
.page-note .left-note {
	float: left; width: 230px; padding: 17px 0 0 0;
}
.page-note .right-note {
	float: right; width: 355px;
}


/* page-note1 */
.page-note1 {
	width: 588px; margin: 0 auto; padding: 10px 3px 10px 3px;
}
.page-note1 a {
	font-weight: bold; color: #e38e32; text-decoration: none; width: 176px; height: 53px; 
}
.page-note1 a:hover {
	color: #a66015; text-decoration: none; 
}
.page-note1 .left-note1 {
	float: left; width: 500px; padding: 17px 0 0 0;
}
.page-note1 .right-note1 {
	float: right; width: 355px;
}


/* pagerank */
.wrapper .pagerank {
	clear: both; margin: 0 auto; padding: 10px 0; width: 590px; border-top: 1px solid #c0c0c0;
}
.wrapper .pagerank h3 {
	margin: 0; font-size: 14px; font-weight: bold;
}
.wrapper .pagerank table {
	margin: 5px 3px 0 2px;
}
.wrapper .pagerank td {
	padding: 10px 0;
}
.wrapper .pagerank img {
}
.wrapper .pagerank textarea {
	width: 444px; height: 80px; background: #f6f6f6; border-top:1px solid #bbb; border-left: 1px solid #bbb; border-bottom: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; padding: 6px; font-size: 12px; color: #545454;
}
.wrapper .pagerank textarea:hover {
	background: #fafafa;
}
.wrapper .pagerank textarea:active {
	background: #fefefe;
}

/* site */
.gradBox {
	margin: 0; width: 680px;
}
.gradBoxCell {
	padding: 0; text-align:center;
}
.clientSearch {
	float:right; margin: 0 0 20px 0;
}
.clientSearch span {
	color:#545454; font-weight:bold; padding: 0 3px;
}
input.clientTxt {
	background: #f6f6f6; border-top:1px solid #bbb; border-left: 1px solid #bbb; border-bottom: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; color: #545454; font-size: 12px; padding: 3px 2px 3px 2px; width:170px;
}
.clientBtn {
	background: url(../images/butt-bg.gif) repeat-x; margin: 0; padding: 2px 5px; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #9f9f9f; border-right: 1px solid #9f9f9f; font-weight: bold; text-shadow: #dedede -1px -1px 1px; cursor: pointer;
}
ul.navLink1 {
	clear: both; margin: 3px 0; padding: 5px 0; list-style: none; border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; 
}
ul.navLink1 li {
	display: inline; border-left: 1px solid #ccc;
}
ul.navLink1 li.first {
	border:none;
}
ul.navLink1 a {
	padding: 0 3px 0 5px; color: #545454 ; font-size: 11px; text-decoration: none; font-weight: bold;
}
ul.navLink1 a:hover { 
	padding: 0px 3px 0px 5px; color: #999; font-size: 11px; text-decoration: none; font-weight: bold;
}
.sideColumn {
	margin: 10px 0 15px 0; overflow-x:hidden; overflow-y:hidden; padding: 20px 30px;
}
.sideColumn ul {
	list-style: none; margin: 0; padding: 0; 
}
.sideColumn ul li.first {
}
.sideColumn ul li {
	float: left; padding: 0; width: 260px; margin: 0 24px;
}
.sideColumn ul li a {
	color: #e38e32; margin: 5px 0; padding: 10px 0; font-weight: bold; font-size: 1.1em; text-decoration: none; display: block;
}
.sideColumn ul li a:hover {
	color: #505050; text-decoration: none; text-shadow: #aaa 1px 1px 1px;
}
.sideColumn ul li a span {
	color: #505050; font-weight: normal; font-size: 11px; display: block;
}
.sideColumn ul li a:hover span {
	color: #303030; font-weight: normal; font-size: 11px; display: block;
}

/* footer ----------- */
.homeFooter {
	clear: both; width: 100%; height: 100px; font-size: 11px; margin: 0 auto; position: fixed; bottom: 0; left: 0; right: 0; background:#fff;
}
.homeFooter p {
	margin: 15px 0 0 0; padding: 15px 0 25px 0; text-align: center; background: url(../images/bgFooter.gif); border-top:1px solid #989898; color: #888;
}
.homeFooter p a {
	color: #d17c21; text-decoration: none;
}
.homeFooter p a:hover {
	color: #b06514; text-decoration: none;
}
.homeFooter .footerCell {
	width:594px; margin: 0 auto; text-align: center; padding: 20px 0 0 0; font-size: 12px; border-top: 1px solid #c0c0c0;
}
.homeFooter .footerCell a {
	color: #383a10; font-weight: bold; text-decoration: none; padding: 0 4px;
}
.homeFooter .footerCell a:hover {
	color: #60622f; text-decoration: none;
}

.footer {
	clear: both; width: 100%; height: 100px; font-size: 11px; /*margin: 10px 0 0 0;*/ margin: 0 auto;
}
.footer p {
	margin: 15px 0 0 0; padding: 15px 0 25px 0; text-align: center; background: url(../images/bgFooter.gif); border-top:1px solid #989898; color: #888;
}
.footer p a {
	color: #d17c21; text-decoration: none;
}
.footer p a:hover {
	color: #b06514; text-decoration: none;
}
.footer .footerCell {
	width:594px; margin: 0 auto; text-align: center; padding: 20px 0 0 0; font-size: 12px; border-top: 1px solid #c0c0c0;
}
.footer .footerCell a {
	color: #383a10; font-weight: bold; text-decoration: none; padding: 0 4px;
}
.footer .footerCell a:hover {
	color: #60622f; text-decoration: none;
}


/* added 28/04/2010 */
/* result */
.wrapper .error {
	margin: 0 auto; padding: 0; clear: both; height: 35px; text-align: center; position: relative;
}
.error .errorInput {
	margin: 0 auto; width: 160px; height: 15px; font: bold 14px Arial; color: #454545; padding: 9px 0 10px 25px; background: url(../images/error-bg.gif) left no-repeat; 
}
.error .errorInput .left-col {
	padding: 0;
}
.error .errorInput .left-col span {
	color: #e2691e;
}
.error .errorInput .right-col {
	float: right; padding: 0 0 0 20px; text-align: right;
}
.error .errorInput .right-col img {
	margin: 0 0 0 10px;
}

/* added 29/04/2010 */
/* report */
.content .contentWrap {
	padding: 10px 0;
}
.content .contentTitle {
	clear: both; font: bold 14px arial; color: #555; margin: 0; padding: 7px 15px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background: #efefef;
}
.content .contentTableLeft {
	float: left; width: 390px; margin: 0 0 20px 0;
}
.content .contentTableLeft table {
	color: #aaa;
}
.content .contentTableLeft td {
	padding: 7px 15px; vertical-align:top; border-bottom: 1px solid #f0f0f0;
}
.content .contentTableLeft .leftTd {
	color: #545454; width: 130px;
}
.content .contentScreenshootRight {
	float: right; width: 260px; height: 200px;  margin: 0 15px 0 0 ; border: 1px solid #000000;
	
}
.content .contentScreenshootRight img {
	width: 260px; text-align: right; height: 200px; padding: 0; margin: 0;
}

