/*
Theme Name:Crystal 2009
Theme URI:http://www.crystal-asia.com/
Description:The 2009 theme of Crystal Asia.
Version:1.0
Author:Ryan Snowden & Zijia Wang
Author URI:http://www.crystal-asia.com/
*/
*{padding:0;margin:0;vertical-align:top;}
body{font:62.5% 'Trebuchet MS','MS Trebuchet','Lucida Grande',Arial,Verdana,Sans-Serif,"Microsoft YaHei";background:#ecf4e4;color:#333;}
img{border:0;}
ul{list-style:none;}
#main ul{margin-bottom:1.1em;}
a{text-decoration:none;color:#fff;}
p{margin-bottom:1em;line-height:1.5;}
blockquote{margin:1em 2em;border-left:1px dotted #666;padding-left:1em;}
table{border:1px solid #525252;border-width:1px 1px 0;line-height:18px;margin:0 0 22px;text-align:left;}
tr{border-bottom:1px solid #525252;}
h2{font-family: 'Vollkorn', arial, serif;font-size:30px;font-weight:normal;margin-bottom:10px;}
.left h2 span span{text-shadow:1px 1px 3px #000;}
.links span,
h3,
h2.widgettitle{display:inline-block;background:#4c4c4c;color:#fff;font-size:14px;font-weight:bold;line-height:27px;min-height:27px;padding:0 12px;margin-bottom:10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-shadow:1px 1px 2px #111;}
div#main h3.yellow{background:#ff6;color:#000;}
label{display:inline-block;margin:0 0 5px;}
label.required:after{content:'*';margin-left:5px;}
input[type=text],
input[type=submit],textarea{font-family:inherit;font-size:inherit;}
input[type=text],
textarea{padding:5px 8px;border:0;background:#999;}
input[type=text]:focus,
textarea:focus{background:#fff;}
#page{width:950px;margin:0 auto 20px;font-size:1.2em;}
#header{margin-top: 20px;}
/* Top menu */
#header .menu{text-align:right;}
#header .top.menu{margin:0 50px 15px 0;}
#header .main.menu{margin:0 0 22px 0;}
#header .menu li{display:inline-block;}
#header .top.menu li{position:relative;top:-4px;}
#header .menu a{display:inline-block;padding:0 22px;}
#header .top.menu a{line-height:29px;height:29px;background:#4c4c4c;color:#fff;font-size:14px;}
#header .main.menu a{line-height:43px;height:43px;background:#353535;font-size:16px;border-right:1px dotted #4C4C4C;}
#header .menu li.current_page_item a,
#header .menu a:hover{background:#7bb649;text-shadow:1px 1px 3px #000;}
#header .menu li.current_page_item a{border-left:none;border-right:none;}
#header .top.menu li:first-child a{-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;}
#header .top.menu li:last-child a{-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;}
#header .main.menu li:first-child a{-moz-border-radius-topleft:7px;-moz-border-radius-bottomleft:7px;-webkit-border-top-left-radius:7px;-webkit-border-bottom-left-radius:7px;border-top-left-radius:7px;border-bottom-left-radius:7px;border-left:0;}
#header .main.menu li:last-child a{-moz-border-radius-topright:7px;-moz-border-radius-bottomright:7px;-webkit-border-top-right-radius:7px;-webkit-border-bottom-right-radius:7px;border-top-right-radius:7px;border-bottom-right-radius:7px;border-right:0;}
#logo{position:relative;float:left;}
#logo a{position:absolute;top:0;left:0;width:253px;height:46px;}
#main{position:relative;background:#333 url(http://cdn1.crystal-asia.com/images/body-background.jpg);color:#fff;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;-moz-box-shadow:0 0 18px #999;-webkit-box-shadow:0 0 18px #999;box-shadow:0 0 18px #999;padding:14px 20px 20px;margin:0 0 18px;}
#highlight{background:transparent url(http://cdn1.crystal-asia.com/images/light-source-trans.png) no-repeat center top;height:auto;min-height:481px;margin-top:-14px;padding-top:14px;}
#main:after{content:"\0020";display:block;height:0;clear:both;}
/* Sidebar */
#language-sidebar{position:absolute;top:18px;right:20px;text-align:right;}
#language-sidebar li{display:inline-block;margin:0 0 0 4px;}
#language-sidebar li a{display:block;padding:0 10px;line-height:24px;border:1px solid #333;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#808080;font-size:12px;}
.contact #language-sidebar li a{text-decoration:none;}
#language-sidebar li.active a,
#language-sidebar li a:hover{border-color:#666;}
.sidebar{width:243px;}
.sidebar>ul>li{margin-bottom:30px;}
#left-sidebar{float:left;}
#right-sidebar{float:right;margin:50px 0 0;}
#content.left{float:left;width:640px;margin-left:4px;}
#content.right{float:right;width:655px;}
div.sidemenu h3{display:block;margin-bottom:0;padding:14px 24px;font-size:16px;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;}
#left-sidebar div.sidemenu ul li.ui-state-active{margin-right:-20px;}
li.ui-state-active a{font-weight:700;}
div.sidemenu ul li a{display:block;min-height:36px;padding:0 20px;font-size:16px;line-height:36px;color:#000;}
div.sidemenu ul li a[href='#creative-intro'],
div.sidemenu ul li a[href*='creative'],
.right #creative-intro{background:#fc6;}
div.sidemenu ul li a[href='#web-development-intro'],
div.sidemenu ul li a[href*='web-development'],
.right #web-development-intro{background:#cf6;}
#right-sidebar div.sidemenu ul li a:hover{background:#fff;color:#000;}
a:focus,
a:active{outline:none;-moz-outline-style:none;}
:-moz-any-link:focus{outline:none;}
div.sidemenu ul li a[href='#e-marketing-intro'],
div.sidemenu ul li a[href*='e-marketing'],
.right #e-marketing-intro{background:#6fc;}
div.sidemenu ul li a[href='#hosting-intro'],
div.sidemenu ul li a[href*='hosting'],
.right #hosting-intro{background:#6cf;}
div.sidemenu ul li a[href='#additional-services-intro'],
div.sidemenu ul li a[href*='additional-services'],
.right #additional-services-intro{background:#c6f;}
.left div[id^=creative] h2{color:#fc6;}
.left div[id^=web-development] h2{color:#cf6;}
.left div[id^=e-marketing] h2{color:#6fc;}
.left div[id^=hosting] h2{color:#6cf;}
.left div[id^=additional-services] h2{color:#c6f;}
.ui-tabs-hide{display:none;}
li.cat_posts li{line-height:1.8;margin-bottom:10px;}
div.post,
div.page{font-size:16px;}
.right div.post{height:365px;padding:20px 26px;min-height:395px;}
#main .home,
.right div.post.ui-tabs-panel,
.right div.post.ui-tabs-panel a{color:#000;}
div.post a,
div.page a{color:#7BB649;border-bottom:1px solid #7BB649;}
div.page a:visited,
div.post a:visited{color:#FDFFBB;border-bottom:1px solid #FDFFBB;}
div.links a:visited,
div.links a{color:#fff;border-bottom:1px solid #FFF;}
div.links a:hover,
div.post a:hover,
div.page a:hover{color:#FF6;border-bottom:1px solid #FF6;}
div.entry .links a:visited,
div.entry .links a:hover,
div.entry .links a{color:#fff;border-bottom:1px solid #fff;}
.home div.entry .links a:visited,
.home div.entry .links a:hover,
.home div.entry .links a{color:#000;border-bottom:1px solid #000;}
.links br{display:block;margin-top:5px;}
.home div.entry .links a:hover{color:#4C4C4C;border-bottom:1px solid #4C4C4C;}
#our-work ul li a:visited,
#our-work ul li a{color:#7BB649;border:0;text-decoration:none;}
#our-work ul li a:hover{color:#FFFF66;}
#our-work img{margin-top:10px;padding:10px;-moz-box-shadow:0 4px 18px #000;-webkit-box-shadow:0 4px 18px #000;box-shadow:0 4px 18px #000;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:2px solid #222}
#right-sidebar .sidemenu{-moz-box-shadow:0 4px 18px #000;-webkit-box-shadow:0 4px 18px #000;}
#our-work a:hover img{border:2px solid #7BB649;}
div.post li,
div.page li{background:url(http://cdn1.crystal-asia.com/images/white-checkmark.png) no-repeat left 4px;padding:0 0 0 24px;margin:0 0 4px 4px;line-height:1.5;}
.home .post li,
.right div.post.ui-tabs-panel li{background-image:url(http://cdn1.crystal-asia.com/images/black-checkmark.png);}
div.post ol li { background: none; margin-left: 0px;}
div.post ol { margin-left: 50px; margin-bottom: 20px; }
ul{margin-bottom:10px;}
ul.columns:after{content:"\0020";display:block;height:0;clear:both;}
ul.columns li{float:left;padding:0 24px;}
ul.two.columns li{width:35%;}
ul.three.columns li{width:29%;background-image:none;padding:0 23px 0 0;font-size:13px;}
div.post div.links,
div.page div.links{background:#7BB649;padding:14px;margin:20px 0 0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
div.post div.links h3,
div.page div.links h3{background:#fff;color:#000;}
div.post div.links p,
div.page div.links p{margin-bottom:5px;}
div.post div.links p:last-child,
div.page div.links p:last-child{margin-bottom:0;}
.home .post div.links,
.right div.post.ui-tabs-panel div.links{background:none;padding:14px 0;}
.links span{background:#4c4c4c;color:#fff;text-shadow:1px 1px 3px #000;}
#footer{color:#808080;text-align:center;font-size:13px;}
#footer a{color:#666;}
#footer .menu{margin:0 0 10px;}
#footer .menu li{display:inline-block;padding:0 14px;border-right:1px solid #aaa;}
#footer .menu li:last-child{border-right:0;}
.contact h3,
.contact h2.widgettitle{background:#7BB649;}
.contact input[type=text],
.contact textarea{width:520px;}
.contact input[type=submit]{display:inline-block;min-width:130px;}
.contact #content.left{width:540px;}
.contact .sidebar{width:330px;font-size:1.4em;}
.contact .sidebar p{line-height:1.8;margin-bottom:0;}
.contact .sidebar a{text-decoration:underline;}
.contact .wpcf7-quiz-label{display:block;}
.large{font-size:1.4em;}
.ajax-loader{margin:8px 0 0 10px;}
.wpcf7-not-valid-tip-no-ajax,
.wpcf7-not-valid-tip{color:#f00;margin:0 0 0 20px;}
.wpcf7-response-output{font-size:1.4em;color:#000;background:#ff6;padding:10px 15px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.wpcf7-response-output:empty{display:none;}
.round-corner-top-left,
.round-corner-top-right,
.round-corner-bottom-left,
.round-corner-bottom-right{position:absolute;width:7px;height:7px;}
.round-corner-top-left{top:0;left:0;background-position:left top;}
.round-corner-top-right{top:0;right:0;background-position:right top;}
.round-corner-bottom-left{bottom:0;left:0;background-position:left bottom;}
.round-corner-bottom-right{bottom:0;right:0;background-position:right bottom;}
#main .round-corner-top-left,
#main .round-corner-top-right,
#main .round-corner-bottom-left,
#main .round-corner-bottom-right{background-image:url(http://cdn1.crystal-asia.com/images/main-round-corner.png);}
.main.menu .round-corner-top-left,
.main.menu .round-corner-top-right,
.main.menu .round-corner-bottom-left,
.main.menu .round-corner-bottom-right{background-image:url(http://cdn1.crystal-asia.com/images/main-menu-round-corner.png);}
.top.menu .round-corner-bottom-left,
.top.menu .round-corner-bottom-right{background-image:url(http://cdn1.crystal-asia.com/images/top-menu-round-corner.png);width:3px;height:3px;}
.qtrans_flag span{display:none}
.qtrans_flag{height:12px;width:18px;display:block}
.qtrans_flag_and_text{padding-left:20px}
.qtrans_flag_en{background:url(http://www.crystal-asia.com/wp-content/plugins/qtranslate/flags/gb.png) no-repeat}
.qtrans_flag_zh{background:url(http://www.crystal-asia.com/wp-content/plugins/qtranslate/flags/cn.png) no-repeat}
div.wpcf7{margin:0;padding:0;}
div.wpcf7-response-output{margin:2em 0.5em 1em;padding:0.2em 1em;}
div.wpcf7-mail-sent-ok{border:2px solid #398f14;}
div.wpcf7-mail-sent-ng{border:2px solid #ff0000;}
div.wpcf7-spam-blocked{border:2px solid #ffa500;}
div.wpcf7-validation-errors{border:2px solid #f7e700;}
span.wpcf7-form-control-wrap{position:relative;}
span.wpcf7-not-valid-tip{position:absolute;top:20%;left:20%;z-index:100;background:#fff;border:1px solid #ff0000;font-size:10pt;width:280px;padding:2px;}
span.wpcf7-not-valid-tip-no-ajax{color:#f00;font-size:10pt;display:block;}
span.wpcf7-list-item{margin-left:0.5em;}
.wpcf7-display-none{display:none;}
img.ajax-loader{border:none;vertical-align:middle;}
div.entry img.alignleft {float:left; margin: 10px 10px 5px 0px;}
div.entry img { margin: 10px;background-color: #333; padding: 5px;-webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px;}
ul li.widget ul li { list-style-type: square; list-style-position: inside;margin-left: 10px; margin-bottom: 7px; font-size: 13px;}
ul li.widget ul li a {color: #7BB649; text-decoration: underline; }
ul li.widget ul li a:hover {color:#FF6}