/*
Theme Name: Mock
Theme URI: http://wegrass.com/
Version: 1.0
Author: Grass still Green

*/

a{
	text-decoration: none;
}

body{
	background-color: #f7f6f6;
	background-image: url(image/bg-color.gif);
	background-repeat: repeat-y;
	
}

.container{
	background-color: #f7f6f6; 
	background-image: url(image/left-pane-bg.jpg);
	background-repeat: repeat-y;
}

#left-pane{
	background-image: url(image/left-pane-bg.jpg);
	background-repeat: repeat-y;
	width: 269px;
	margin-right: 0px;
}

#logo span{
	display: none;
}

#logo-menu{
	background-image: url(image/left-pane-top-bg.jpg);
	background-repeat: no-repeat;
	width: 268px;
	margin-right: 0px;
}

#logo a{
	background-image: url(image/logo.jpg);
	background-repeat: no-repeat;
	width: 242px;
	height: 211px;
	display: block;
	margin-left: 25px;
}

#logo-menu > #logo a{
	background-image: url(image/logo.png);
	background-repeat: no-repeat;
	width: 238px;
	height: 231px;
	display: block;
	margin-left: 30px;
}



/* ------------------- Menu ------------------- */

#desc-banner{
	background-image: url(image/banner-desc.jpg);
	width: 225px;
	height: 102px;
	float: right;
	margin-right: 0px;
	margin-bottom: 30px;
}

.simplify-menu{
	margin-bottom: 50px;
	margin-right: 0px !important;
	width: 225px;
	float: right !important;
}

.simplify-menu ul{
	list-style: none;
	width: 225px;
	margin-right: 0px;
	float: right;

}

span.menu-text{
	display: none;
}

span.menu-button{
	float: right;
	width: 180px;
	height: 51px;
	background-image: url(image/menu.jpg);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	cursor: pointer;
}

span.Home{
	background-position: -11px -11px;
}

span.Home:hover, .current_page_item span.Home{
	background-position: -251px -11px;
}



span.About{
	background-position: -11px -101px;
}

span.About:hover, .current_page_item span.About{
	background-position: -251px -101px;
}

span.Contact{
	background-position: -11px -201px;
}

span.Contact:hover, .current_page_item span.Contact{
	background-position: -251px -201px;
}

span.Article{
	background-position: -11px -301px;
}

span.Article:hover, .current_page_item span.Article{
	background-position: -251px -301px;
}

span.FAQs{
	background-position: -11px -401px;
}

span.FAQs:hover, .current_page_item span.FAQs{
	background-position: -251px -401px;
}



/* ------------------- Credit ------------------- */

#credit .span-text{
	display: none;
}

#credit{
	margin-bottom: 30px;
	margin-right: 20px;
	float: right;
	clear: right;
}

span.credit-icon{
	float: right;
	display: block;
	background-image: url(image/credit.jpg);
	width: 40px;
	height: 56px;
	margin-left: 10px;
	cursor: pointer;
}

span#grass{
	
}

span#wp{
	background-position: -50px 0px;
}

span#ci{
	background-position: -100px 0px;
}

span#fi{
	background-position: -150px 0px;
}


/* ------------------- Right Pane ------------------- */

#right-pane{
	background-color: #f7f6f6;
}

#right-pane #content{
	padding: 30px 0px 0px 50px;
	background-image: url(image/content-shadow.jpg);
	background-repeat: repeat-y;
}

#content h1, #content h2, #content h3, #content h4{
	margin-bottom: 10px;
	color: #00488c;
}

#news-events span{
	display: none;
}

#news-events h3{
	background-image: url(image/news-events.jpg);
	width: 419px;
	height: 48px;
	margin-bottom: 10px;
}

#article span{
	display: none;
}

#article h3{
	background-image: url(image/article-header.jpg);
	width: 415px;
	height: 48px;
	margin-bottom: 10px;
}

.post-item{
	margin-bottom: 10px;
}

.post-item a{
	font-size: 1.3em;
	color: #0061bd;
}

.news{
	background-image: url(image/news-tag.jpg);
	background-repeat: no-repeat;
	padding-left: 40px;
}

.stick{
	background-image: url(image/stick-tag.jpg);
	background-repeat: no-repeat;
	padding-left: 40px;
}

.article{
	background-image: url(image/article.jpg);
	background-repeat: no-repeat;
	padding-left: 40px;
}

#news-events{
	margin-bottom: 70px;
}

#package{
	margin-bottom: 30px;
}

h3#month{
	font-size: 2.5em;
	color: #004f9b;
	margin-bottom: 30px;
}

.comp-set{
	width: 384px;
	height: 95px;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	padding-left: 110px;
	padding-top: 5px;
}

#normal-set{
	background-image: url(image/normal-set.jpg);
}

p.set-name{
	margin-bottom: 0px;

}

p.set-price{
	font-size: 1.8em;
	line-height: 1em;
	color: #545454;
	letter-spacing: 1px;
}

p.set-price span{
	font-family: Georgia;
}

#normal-set .set-name{
	font-size: 2em;
	color: #00488c;
}

#normal-set .set-name a{
	color: #00488c;
}

#better-set .set-name{
	font-size: 2em;
	color: #b8860b;
}

#better-set .set-name a{
	color: #b8860b;
}

#better-set{
	background-image: url(image/better-set.jpg);
}

#man{
	background-position: right bottom;
	background-image: url(image/man.jpg);
	background-repeat: no-repeat;
	height: 281px;
	width: 550px;
	
	
	
}


#man-quote{
	padding-right: 170px;
	padding-top: 60px;
	font-size: 1.2em;
	color: #89833d;
}

/* ------------------- contact ------------------- */

#map-box{
	border: 1px solid #92b6d5;
	margin-bottom: 30px;
}

/* ------------------- faqs ------------------- */

.pos-list{
	float: left;
	font-family: Georgia;
	font-size: 4em;
	margin-right: 30px;
	vertical-align: top;
	height: 70px;
	clear: both;
	width: 40px;
	line-height: 1.2em;
}

.instruction-list{
	margin-top: 10px;
	margin-bottom: 20px;
}

.instruction-list h4{
	margin-bottom: 5px !important;
	font-weight: bold;
}

ul.myList{
	padding-left: 1.1em;
}

/* ------------------- trace ------------------- */

#trace-box{
	-moz-border-radius:4px;
	border-radius: 4px; 
	-webkit-border-radius:4px;
	background-color: #f6cfcf;
	width: 345px;
	margin-top: 10px;
}

#trace-box div{
	padding: 5px 10px 5px 10px;
}

#trace{
	margin-bottom: 50px;
}

#trace-header{
	font-size: 2em;
	color: #991e1e;
}

#trace-box input[type='text'], #order_code{
	background-color: #fae6e6;
	width: 180px;
	margin: 0px;
	margin-right: 25px;
	height: 30px;
	font-size: 1.8em;
	color: #ae2020;
	border: none;
	font-family: Georgia;
	letter-spacing: 8px;
	padding-left: 10px;
}

#trace-box input[type='submit']{
	width: 105px;
	height: 30px;
	
}

#hr-foot{
	background-color: #7a7a7a;
	border-color: #7a7a7a;
	color: #7a7a7a;
}

#foot-text{
	padding: 20px 0px 0px 40px;
	letter-spacing: 1px;
	color: #5b5b5b;
}


/* ------------------- Entry ------------------- */

.wp-content h3{
	margin-top: 40px;
}

.wp-content h2{
	font-size: 2em;
}

.wp-content ul{
	padding-left: 1.2em;
}

.wp-caption{
	-moz-border-radius:4px;
	border-radius: 4px; 
	-webkit-border-radius:4px;
	background-color: #e8e8e8;
	padding: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.wp-caption-text{
	text-align: right;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 0px;
	letter-spacing: 1px;
	font-size: 0.9em;
}

.wp-caption img{
	
}