/** CSS Reset http://meyerweb.com/eric/tools/css/reset/ **/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%;	font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;} body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } 

/** Base Body Styles **/
body{ background:#fff; color:#000; font:14px Arial, Helvetica, "Trebuchet MS", sans-serif;}

h1,h2,h3,h4,h5,h6{ font-weight:bold; }
h1{ font-size:30px;}
h2{ font-size:24px;}
h3{ font-size:18px;}
h4{ font-size:14px;}
h5{ font-size:12px;}
h6{ font-size:10px;}

a{ text-decoration:none; }
a:active, a:visited { color: #607890; }
a:hover { color: #036; }

/** The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.  mp/bestclearfix **/
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/** Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page **/
.clearfix { zoom: 1; }

/**LAYOUTS**/
body { background: #000; }
#header-wrapper { height: 128px; margin: 0px auto; background: url(images/header-wrapper-bg1.png) left top repeat-x; }
#header { width: 960px; height: 128px; margin:0px auto; position: relative; }
#container { width: 960px; margin: 0px auto; }
.content { width: 960px; background: url(images/content-bg.png) bottom left no-repeat; overflow:hidden; position:relative; background:#004b1e url(images/main-bg.png) center top repeat-x; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(js/PIE.htc); }
.ie7 .content { padding-bottom:25px;}
#footer-wrapper { width: 1025px; height: 124px; background: url(images/footer-wrapper-bg.png) left top no-repeat; margin: 0px auto; }
#footer { width: 960px; height: 124px; margin: 0px auto; position: relative; }

/**header styles**/
.banner { width: 960px; height: 94px; margin: 0px auto; background: #fff; z-index: 65px; }
#logo { position: absolute; top: 10px; left: 40px; }
.tripple { position: absolute; top: 0px; left: 291px; }
.right-img { position: absolute; top: 5px; right: 26px; z-index: 75; }
#twitter { position: absolute; top: 65px; right: 190px; display: block; width: 34px; height: 32px; background: url(images/logo-twitter.png) -0px -0px no-repeat; }
#twitter:hover, #twitter:focus { background: url(images/logo-twitter.png) -0px -42px no-repeat; }
.nav-wrap { width: 960px; height: 35px; margin: 0px auto; background: url(images/header-bottom-bg.png) no-repeat; position: absolute; top: 94px; left: 0px; z-index: 55; }
#navigation { position: absolute; top: 0px; left: 180px; background: url(images/border.png) left center no-repeat; padding: 0px 0px 0px 2px; }
#navigation li { float: left; background: url(images/border.png) right center no-repeat; padding: 0px 2px 0px 0px; }
#navigation li:hover, #navigation li:focus {}
#navigation li a { display: inline-block; height: 35px; padding: 0px 15px; background: url(images/li-bg.png) repeat-x; font: bold 18px Arial, Helvetica, sans-serif; color: #fff; line-height: 35px; } 
#navigation li a:hover, #navigation li a:focus { color: #fdb712;  background: url(images/li-hover-bg.png) repeat-x;  }

/**social styles**/
.social { width: 960px; height: 51px; position: relative; }
.fb_edge_widget_with_comment { width: 350px; position: absolute; top: 18px; left: 20px; }
.connect_widget .connect_widget_text { display: block; line-height: 14px; color: #fff !important; }
.twitter-share-button { position: absolute; top: 18px; right: 480px; }
.goog { width: 40px; position: absolute; top: 18px; left: 460px; overflow: hidden; }
.friend { position: absolute; top: 0px; right: 75px; z-index: 0; }
.inner { height: 48px; overflow: hidden; }

/**upper-contant styles**/
.upper-content { width: 960px; height: 269px; margin: 3px 0px 0px 0px; overflow: hidden; position: relative; z-index: 20;  }

/**box-wrap styles**/
.box-wrap { width: 920px; height: 269px; background: url(images/upper-content-solid-bg.png) bottom center no-repeat; margin: 0px auto; }

/**right-box styles**/
.left-box { width: 483px; height: 269px; float: left; background: url(images/leftbox-bg.png) top center no-repeat; }
.left-box p { padding: 0px 0px 0px 20px; font: 16px Arial, Helvetica, sans-serif; color: #ccc; }
.left-box span { display: inline-block; height: 25px; padding: 0px 10px; background: #014219; font: bold 16px Arial, Helvetica, sans-serif; color: #ccc; line-height: 25px; }
.left-img { display: inline-block; float: left; margin: -2px 0px 0px 10px; }
.text-img { display: inline-block; float: right; margin: 14px 5px 0px 0px; }

/**right-box style**/
.right-box { width: 382px; height: 238px; float: right; margin: 15px 15px 0px 0px; padding: 21px 0px 0px 16px; background: url(images/right-box-bg.png) no-repeat; position: relative; }
.search-cat { position: absolute; top: 26px; right: -30px; z-index: 20; }
.text-detail { width: 245px; float: left; }
.text-detail h2 { padding: 5px 0px 0px 0px; }
.text-detail strong { display: block; font: bold 18px Arial, Helvetica, sans-serif; color: #fff; padding: 0px 0px 13px 0px; }
.text-detail p { width: 213px; font: 16px Arial, Helvetica, sans-serif; color: #fff; padding: 0px 0px 19px 0px; }
.your-cat { display: inline-block; width: 154px; height: 51px; background: url(images/your-cat-bg.png) no-repeat; border: none; outline: none; margin: 0px 0px 0px 0px; font: bold 35px Arial, Helvetica, sans-serif; color: #8c8c8c; line-height: 51px; padding: 0px 25px 0px 10px; }
.vlaue-btn { display: inline-block; width: 181px; height: 51px; background: url(images/btn-value.png) -0px -0px no-repeat; border: none; z-index: 45; position: relative; cursor: pointer; line-height: 51px; cursor: pointer; }
.vlaue-btn:hover, .vlaue-btn:focus { background: url(images/btn-value.png) -0px -61px no-repeat; }

/**middel-belt styles**/
.middel-belt { width: 960px; height: 105px; padding: 0px 0px 0px 32px; }

/**lower-content styles**/
.lower-content { width: 960px; padding: 0px 0px 10px 10px; }

/**upper-round styles**/
.upper-round { width: 941px; height: 9px; background: url(images/upper-round.png) no-repeat; }

/**lower-round styles**/
.lower-round { width: 941px; height: 9px; background: url(images/lower-round.png) no-repeat; }

/**matter styles**/
.matter { width: 909px; background: url(images/center-bg-line.png) repeat-y; padding: 0px 10px 0px 22px; }
.matter h1{ font: bold 28px Arial, Helvetica, sans-serif; color: #fdb712; padding: 0px 0px 10px 0px; }
.matter h2 { font: bold 20px Arial, Helvetica, sans-serif; color: #fdb712; padding: 0px 0px 10px 0px; }
.matter h3 { font: bold 18px Arial, Helvetica, sans-serif; color: #fdb712; padding: 0px 0px 10px 0px; }
.matter h4 { font: bold 14px Arial, Helvetica, sans-serif; color: #fdb712; padding: 0px 0px 10px 0px; }
.matter h5 { font: 14px Arial, Helvetica, sans-serif; color: #fdb712; padding: 0px 0px 10px 0px; }
.matter h6 { font: 12px Arial, Helvetica, sans-serif; color: #fdb712; padding: 0px 0px 10px 0px; }
.matter p { font: 14px Arial, Helvetica, sans-serif; color: #fff; padding: 0px 0px 10px 0px; }
.matter p strong { font: bold 14px Arial, Helvetica, sans-serif; color: #fff; padding: 0px 0px 10px 0px; }
.matter ul { margin: 0px 10px; }
.matter ul li { padding: 0px 0px 5px 0px; font: 12px Arial, Helvetica, sans-serif; color: #fff; }
.matter ul li a { font: 12px Arial, Helvetica, sans-serif; color: #fff; }
.matter ul li a:hover, .matter ul li a:focus { text-decoration: underline; }
.matter ol { margin: 0px 10px; }
.matter ol li { padding: 0px 0px 5px 0px; list-style: inside decimal; font: 12px Arial, Helvetica, sans-serif; color: #fff; }
.matter ol li a { font: 12px Arial, Helvetica, sans-serif; color: #fff; }
.matter ol li a:hover, .matter ol li a:focus { text-decoration: underline; }
.matter blockquote { margin: 10px 50px; }
.matter blockquote p { font: bold 12px Arial, Helvetica, sans-serif; font-style: italic; }

				/**inner page styles**/
.inner-content{  background:#004b1e url(images/main-bg.png) center top repeat-x; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(js/PIE.htc);}

/**content-left styles**/
#content-left { width: 615px; float: left; padding: 0px 33px 28px 40px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(js/PIE.htc); background: #fff; margin: 0px 0px 25px 23px; position: relative; }
#content-left h1 { font: bold 28px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #01742d; background: url(images/heading-border-new.png) left bottom no-repeat; padding: 35px 0px 10px 0px; margin: 0px 0px 15px 0px; }
#content-left h2 { font: bold 22px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #01742d; background: url(images/heading-border.png) left bottom no-repeat; padding: 35px 0px 10px 0px; margin: 0px 0px 15px 0px; }
#content-left h3 { font: bold 16px Arial, Helvetica, sans-serif; color: #01742d; padding: 0px 0px 10px; }
#content-left h4 { font: bold 14px Arial, Helvetica, sans-serif; color: #c40000; }
#content-left h5 { font: 14px Arial, Helvetica, sans-serif; color: #01742d; }
#content-left h6 { font: 12px Arial, Helvetica, sans-serif; color: #000; }
#content-left p { font: 12px Arial, Helvetica, sans-serif; color: #000; padding: 0px 0px 20px 0px; }
#content-left ul li { padding: 0px 0px 5px 0px; }
#content-left ul li a { font: 12px Arial, Helvetica, sans-serif; color: #fff; }
#content-left ul li a:hover, #content-left ul li a:focus { text-decoration: underline; }
#content-left ol li { padding: 0px 0px 5px 0px; list-style:decimal; }
#content-left ol li a { font: 12px Arial, Helvetica, sans-serif; color: #000; }
#content-left ol li a:hover, #content-left ol li a:focus { text-decoration: underline; }

/**question styles**/
.question {  position: relative; margin: 0px 0px 15px 30px; background: #fff; width: 88%; padding: 5px 16px 5px 26px; border: 1px solid #016e2a; -moz-box-shadow: 5px 5px 0px #d9d9d9; -webkit-box-shadow: 3px 3px 3px #d9d9d9; box-shadow: 3px 3px 3px #d9d9d9; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(js/PIE.htc); }

.about-title{margin-bottom:15px; position:relative; overflow:hidden;}

.question p { font: 12px Arial, Helvetica, sans-serif; color: #000; padding: 5px 0px 10px 0px !important; }
.ie7 .question p { padding: 0px 10px 0px 20px; }
.flower { position: absolute; top: 5px; left: -35px; }

/**right-quoes styles**/
.right-quotes { position: relative; margin: 0px 0px 30px 15px; background: #fff; width: 90%; padding: 10px 20px 0px 20px; border: 1px solid #016e2a; -moz-box-shadow: 5px 5px 0px #d9d9d9; -webkit-box-shadow: 3px 3px 3px #d9d9d9; box-shadow: 3px 3px 3px #d9d9d9; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(js/PIE.htc); }
.right-quotes blockquote p strong { font: bold 12px Arial, Helvetica, sans-serif; color: #000; }
.right-corner { position: absolute; bottom: -25px; right: 40px; }

/**left-quotes styles**/
.left-quotes { position: relative; margin: 0px 0px 10px 15px; background: #fff; width: 90%; padding: 10px 20px 0px 20px; border: 1px solid #016e2a; -moz-box-shadow: 5px 5px 0px #d9d9d9; -webkit-box-shadow: 3px 3px 3px #d9d9d9; box-shadow: 3px 3px 3px #d9d9d9; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(js/PIE.htc); }
.left-quotes blockquote p strong { font: bold 12px Arial, Helvetica, sans-serif; color: #000; }
.left-corner { position: absolute; bottom: -28px; left: 40px; }

/**content-aside styles**/
#content-aside { width: 212px; float: right; margin: 0px 25px 0px 0px; }

/**aside-top styles**/
.aside-top { width: 212px; height: 256px; background: url(images/quick-aside-bg.png) no-repeat; padding: 5px 0px 0px 0px; margin: 0px 0px 10px 0px; text-align: center; }
.aside-top strong { display: block; font: bold 13px Arial, Helvetica, sans-serif; color: #fff; margin: -10px 0px 0px 0px; padding: 0px 0px 5px 0px; }
.top-inner { width: 176px; height: 187px; padding: 5px 10px 0px 10px; background: url(images/quick-aside-inner-bg.png) no-repeat; position: relative; margin: 0px 0px 0px 8px; }
.top-inner p { font: 12px Arial, Helvetica, sans-serif; color: #fff; }
.cat-name { display: inline-block; position: absolute; top: 48px; left: 9px; width: 95px; height: 32px; padding: 0px 10px 0px 10px; background: url(images/yourcat-inner-bg.png) no-repeat; border: none; outline: none; font: bold 22px Arial, Helvetica, sans-serif; color: #8c8c8c; line-height: 32px !important; }
.cat-value { display: inline-block; width: 170px; height: 41px; background: url(images/value-result.png) -0px -0px no-repeat; border: none; position: absolute; top: 131px; left: 17px; z-index: 75; cursor: pointer; }
.cat-value:hover, .cat-value:focus { background: url(images/value-result.png) -0px -51px no-repeat; }
.find-cat { display: block; position: absolute; top: 38px; right: 0px; }
.glass { position: absolute; top: 55px; left: 95px; z-index: 85; }

/**aside-middel styles**/
.aside-middel { width: 212px; height: 211px; background: url(images/cats4gold-bg.png) no-repeat; position: relative; margin: 0px 0px 14px 0px; }
.need-cat { position: absolute; top: 0px; left: 5px; }
.gold-cat { position: absolute; top: 70px; left: 0px; }

							/***new page styles***/
#content-new { width: 880px; margin: 0px auto 10px; padding: 0px 20px 30px 40px; overflow: hidden; background: #fff; position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(js/PIE.htc); }
#content-new h1 { font: bold 28px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #01742d; background: url(images/heading-border-new.png) left bottom no-repeat; padding: 35px 0px 10px 0px; margin: 0px 0px 15px 0px; }
#content-new h2 { font: bold 22px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #01742d; background: url(images/heading-border-new.png) left bottom no-repeat; padding: 35px 0px 10px 0px; margin: 0px 0px 15px 0px; }
#content-new h3 { font: bold 16px Arial, Helvetica, sans-serif; color: #01742d; padding: 0px 0px 10px; }
#content-new h4 { font: bold 14px Arial, Helvetica, sans-serif; color: #c40000; }
#content-new h5 { font: 14px Arial, Helvetica, sans-serif; color: #01742d; }
#content-new h6 { font: 12px Arial, Helvetica, sans-serif; color: #000; }
#content-new p { font: 12px Arial, Helvetica, sans-serif; color: #000; padding: 0px 0px 20px 0px; }
#content-new ul li { padding: 0px 0px 5px 0px; }
#content-new ul li a { font: 12px Arial, Helvetica, sans-serif; color: #000; }
#content-new ul li a:hover,#content-new ul li a:focus { text-decoration: underline; }
#content-new ol li { padding: 0px 0px 5px 0px; list-style:decimal; }
#content-new ol li a { font: Arial, Helvetica, sans-serif; color: #000; }
#content-new ol li a:hover, #content-new ol li a:focus { text-decoration: underline; }

						/***upload page styles***/
/**upload styles**/
.upload { display: inline-block; width: 170px; height: 41px; border: none; outline: none; background: url(images/upload-btn-result.png) -0px -0px no-repeat; cursor: pointer; }
.upload:hover, .upload:focus { background: url(images/upload-btn-result.png) -0px -51px no-repeat; }

/**upload-form styles**/
.upload-form label { display: block; font: bold 14px Arial, Helvetica, sans-serif; color: #000; padding: 5px 0px; }

						/***confirm page styles***/
/**confirm styles**/
.confirm { display: inline-block; width: 170px; height: 41px; border: none; outline: none; background: url(images/confirm-btn-result.png) -0px -0px no-repeat; cursor: pointer; }
.confirm:hover, .confirm:focus { background: url(images/confirm-btn-result.png) -0px -51px no-repeat; }

/**upload-form styles**/
.upload-form label { display: block; font: bold 14px Arial, Helvetica, sans-serif; color: #000; padding: 5px 0px; }

					/***question page styles***/
.info { padding: 20px 0px 10px 0px; }					
.info p { padding: 0px 0px 5px 0px !important; }
.info ul { width: 880px; }
.zones li { padding: 0px 15px 0px 0px !important; }
.ie7 .zones li { float: left;  padding: 0px 15px 0px 0px !important; }
.sub-button { display: inline-block; width: 170px; height: 41px; border: none; outline: none; background: url(images/submit-bg.png) top left no-repeat; cursor: pointer; font: bold 28px Arial, Helvetica, sans-serif; color: #fff; text-align: center; line-height: 41px; margin: 10px 0px; }
.sub-button:hover, .sub-button:focus { color: #fdb913; }

					/***result page styles***/

/**value-item styles**/
.value-item { width: 290px; float: left; margin: 0px 0px 0px 60px; }
.value-item img { display: block; margin: 0px 0px 10px 0px; }

/**valuation styles**/
.post-heading { height: 50px; line-height: 50px !important; text-indent:50px; background: url(images/arrow.gif) left center no-repeat; }
.valuation { width: 350px; height: auto; float: right; margin: 0px 150px 0px 10px; }
.valuation ul { margin: 0px 0px 0px 10px I; overflow: hidden; }
.valuation ul li { padding: 0px 0px 5px 0px !important; }
.valuation ul li a { text-indent: 60px; line-height: 50px !important; }
.valuation ul li a:hover, .valuation ul li a:focus { color: #2913fd !important; }
.valuation ul li a:hover, .valuation ul li a:focus { text-decoration: none !important; }
.fbook { display: block; width: 50px; height: 50px; background: url(images/post-result-bg.png) -0px -0px no-repeat; }
.fbook:hover, .fbook:focus { background: url(images/post-result-bg.png) -0px -60px no-repeat; }
.tweet { display: block; width: 50px; height: 50px; background: url(images/post-result-bg.png) -0px -120px no-repeat; }
.tweet:hover, tweet:focus { background: url(images/post-result-bg.png) -0px -180px no-repeat; }
.techno { display: block; width: 50px; height: 50px; background: url(images/post-result-bg.png) -0px -240px no-repeat; }
.techno:hover, .techno:focus { background: url(images/post-result-bg.png) -0px -300px no-repeat; }

/**footer styles**/
.cat-icon { position: absolute; top: -8px; left: 35px; }
#footer p { position: absolute; top: 55px; left: 200px; font: 10px Arial, Helvetica, sans-serif; color: #fff; }
#footer ul { position: absolute; top: -10px; right: 40px; }
#footer ul li { float: left; }

.sendto-div{ position: absolute; top: 0px; right: 75px; }
.sendto-div .sendto { cursor: pointer;}
.sendto-div .frnd-form { display: none; width: 322px; height: 283px; background: url(images/friend-form-bg.png) no-repeat; position: absolute; top: 45px; right: 0px;  padding: 30px 15px 15px; z-index:500; }
.sendto-div .frnd-form p { position: static; text-align: right; margin: 0px 0px 5px; }
.sendto-div .frnd-form label { text-align: right; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #600; }
.sendto-div .frnd-form input { width: 175px; height: 20px; margin: 0px 0px 0px 8px; border: 1px solid #600; padding: 1px 2px; }
.sendto-div .frnd-form textarea { width: 175px; height: 90px; margin: 0px 0px 0px 8px; border: 1px solid #600; padding: 2px; vertical-align: top; }
.sendto-div .frnd-form #sned2friend { width: 180px; height: 45px; background: #116; margin: 5px 0px 0px; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; text-shadow: 0 -1px 1px #222; border-bottom: 1px solid #222; position: relative; cursor: pointer; }
.sendto-div .frnd-form #sned2friend:hover { background: #22c; }
.sendto-div .frnd-form .close { position: absolute; left: 11px; top: 22px; font: 15px Tahoma, Geneva, sans-serif; font-weight: bold; color: #060; cursor: pointer; }