/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ margin:0;padding:0;}
table{ border-collapse:collapse;border-spacing:0;}
fieldset,img{ border:0;}
ol,ul,li{ list-style:none; list-style-position:outside;}


/* Generic Styling */
a{ color:#EAA212; text-decoration:underline;}
a:hover{ text-decoration:none;}

body{ font-size:11px; font-family:Geneva,Arial,Helvetica,sans-serif; color:#5B5B5B; background:url(../images/body_top.jpg) center 61px no-repeat;}



#header{ width:766px; height:241px; overflow:hidden; margin:0 auto 4px;}
	
	.nav{ width:100%; overflow:hidden;}
	.nav li{ float:left; text-transform:uppercase; width:125px; height:94px; text-align:center; padding-right:3px; cursor:pointer; position:relative; cursor:pointer;
			 background:url(../images/nav_line.gif) right 8px no-repeat;}
	.nav li#nav6{ padding:0; background:none;}
	
	.nav li a{ float:left; width:100%; color:#666; font-size:15px; font-weight:bold; text-decoration:none; padding-top:43px; position:relative; z-index:3;
			   cursor:pointer;}
	.nav li b{ position:absolute; width:125px; left:0; top:0; z-index:4; text-align:center; color:#fff; padding-top:43px;
			   font-size:15px; font-weight:bold; display:none;}
	.nav li span{ position:absolute; display:block; top:61px; width:100%; height:30px; text-indent:-9999px; overflow:hidden; z-index:2; left:0;
				  background:url(../images/nav.png) 0 0 no-repeat;}
	.nav li em{ position:absolute; width:100%; height:61px; text-indent:-9999px; overflow:hidden; z-index:1; left:0; top:61px;
				  background:url(../images/nav.png) 0 0 no-repeat; display:none;}
	
	.nav li#nav1 span{ background-position:0 -61px;}
	.nav li#nav2 span{ background-position:-125px -61px;}
	.nav li#nav3 span{ background-position:-250px -61px;}
	.nav li#nav4 span{ background-position:-375px -61px;}
	.nav li#nav5 span{ background-position:-500px -61px;}
	.nav li#nav6 span{ background-position:-625px -61px;}
	
	.nav li.on a{ top:20px;}
	.nav li.on b{ display:block;}
	.nav li.on strong{ display:none;}
	.nav li.on span{ opacity:0; display:none;}
	.nav li.on em{ top:0; display:block;}
	
	.nav li#nav1 em{ background-position:0 0;}
	.nav li#nav2 em{ background-position:-125px 0;}
	.nav li#nav3 em{ background-position:-250px 0;}
	.nav li#nav4 em{ background-position:-375px 0;}
	.nav li#nav5 em{ background-position:-500px 0;}
	.nav li#nav6 em{ background-position:-625px 0;}
	
	
	
	
	
	.logo{ float:right; display:inline; width:205px; height:65px; margin:90px 0 0 0;}
	.logo a{ float:left; width:100%; height:100%; text-indent:-9999px; overflow:hidden;}



/* content */
#content{ width:766px; overflow:hidden; margin:0 auto 20px;}
.with_sidebar1{ background:url(../images/sidebar.gif) 0 0 repeat-y;}



/* footer */
#footer{ width:100%; background:url(../images/footer.gif) top repeat-x; text-align:center; color:#666; padding:15px 0;}
.footer_inside{ width:766px; margin:0 auto;}
#footer li{ display:inline;}
#footer a{ color:#8c8c8c; text-decoration:none; margin:0 2px;}
#footer a:hover{ text-decoration:underline;}
#footer p{ margin-bottom:16px;}




/*-------------------------index page--------------------------------*/
.sidebar{ float:left; width:235px; background:#eaeaea; padding:20px 0 50px;}
.sidebarR{ float:right; width:270px; background:#eaeaea; padding:20px 0 0;border-top:1px solid #000;}
.sidebar a{ color:#666; text-decoration:none;}
.sidebar a:hover{ text-decoration:underline;}

	.check_blog{ padding:0 0 50px; text-align:center;}
	.check_blog img{ vertical-align:top;}

	.side_logo{ padding:0 0 30px; text-align:center;}
	.side_logo img{ vertical-align:top; border:4px #dddbdc solid;}

	.line{ width:100%; height:1px; clear:both; text-indent:-9999px; overflow:hidden; background:#474747; border-bottom:1px #d8d8d8 solid; margin-bottom:24px; }

	.side_content{ width:180px; margin:0 auto;}
  .sidebarR .side_content { width: 230px; }
		.side_title{ margin-bottom:20px;}
		.side_title img{ vertical-align:top;}

		.single_review{ width:100%; margin-bottom:10px;}
		.single_review blockquote{}
		.single_review cite{ font-style:normal; font-weight:bold; display:block; margin-bottom:10px;}

.main_content{ float:right; width:510px; padding-top:16px;}
.main_contentL{ float:left; width:490px; padding-top:16px;}
	.newsletter_form{ width:100%; overflow:hidden; padding-bottom:16px;}
	.newsletter_form label{ font-size:15px; color:#000; font-weight:bold; margin-right:2px;}
	.newsletter_form .input_email{ width:210px; font-size:10px; border:1px #999 solid; padding:1px; color:#5B5B5B; font-family:Verdana, Arial;}
	.newsletter_form .input_go{ font-size:10px; color:#5B5B5B; font-family:Verdana, Arial, Helvetica, sans-serif;}

	.privacy{ text-align:center; margin-bottom:10px;}

	.btns{ width:100%; overflow:hidden; margin-bottom:20px;}
	.btns a{ float:left; width:133px; height:35px; display:inline; margin-left:28px; text-indent:-9999px; overflow:hidden;
			 background:url(../images/btns.gif) 0 0 no-repeat;}
	.btns a.btn1{ background-position:0 0;}
	.btns a.btn2{ background-position:-133px 0;}
	.btns a.btn3{ background-position:-266px 0;}
	.btns a.btn1:hover{ background-position:0 -35px;}
	.btns a.btn2:hover{ background-position:-133px -35px;}
	.btns a.btn3:hover{ background-position:-266px -35px;}


	.welcome{ font-size:14px;}
	.welcome p{ margin-bottom:18px;}

	.learn_more{ float:left; width:185px; margin-bottom:30px;}
	.mobile_shop{ float:right; width:250px; margin-bottom:30px;}
	.mobile_shop p{ margin-bottom:16px;}
		.title{ margin-bottom:16px;}
		.title img{ vertical-align:top;}

		.learn_list{ width:185px; overflow:hidden; margin-bottom:16px;}
		.learn_list li{ float:left; width:178px; height:35px; line-height:35px; padding:0px 2px 0px 6px; background:url(../images/learn_list.gif) 0 0 no-repeat;}
		.learn_list li.even{ background:url(../images/learn_list.gif) 0 -50px no-repeat;}
		.learn_list li a{ color:#666; text-decoration:none; float:left; padding-left:8px; background:url(../images/ico_arrow.gif) 0 14px no-repeat;}
		.learn_list li a strong{ font-size:12px;}
		.learn_list li a:hover{ text-decoration:underline;}

		.more{ font-size:14px; color:#666; padding-left:16px; background:url(../images/ico_arrow.gif) 6px 5px no-repeat;}


	.logo1{ float:left; width:160px; margin:30px 0 0 40px; text-align:center;}
	.logo1 .logo_title{ font-weight:bold; margin-bottom:10px;}
	.logo1 img{ vertical-align:top; margin:0 4px;}

	.logo2{ float:left; width:220px; margin:10px 0 0 50px; text-align:center;}
	.logo2 .logo_title{ font-size:16px; font-style:italic; margin-bottom:10px;}




/*-------------------------about page--------------------------------*/
.side_logos{ width:210px; margin:40px auto; background:#fff; text-align:center; padding-bottom:20px;}
.sidebarR .side_logos { width: auto; }
.side_logos p{ margin-bottom:20px;}
.side_logos p.last {margin-bottom:0;}
.side_logos img{ vertical-align:top;}
	.logos_txt{ padding:10px; text-align:left;}
	.logos_txt strong{ font-size:14px;}


.para{ width:100%; margin-bottom:60px;}
.para p{ margin-bottom:12px;}

.we_are{ width:360px; margin:0 auto;}
.we_are p{ width:100%; overflow:hidden;}
.we_are p img{ float:left; padding:0 17px 40px 0;}
.we_are p strong{ display:block;}

h2{ font-size:24px; margin-bottom:16px; font-weight:normal;}
.p_type1{ color:#ff9933; font-weight:bold; font-size:13px;}
.p_type2{ font-size:16px;}

.list_col1{ float:left;}
.list_col2{ float:left; margin-left:40px;}





/*-------------------------Location page--------------------------------*/
.side_content2{ width:210px; margin:0 auto; padding-bottom:20px;}
.side_content2 p{ margin-bottom:12px;}
.side_content2 p.p2{ text-align:center;}

	h3{ font-size:14px; font-weight:bold; margin-bottom:16px;}
	.dotted_line{ width:100%; height:1px; text-indent:-9999px; overflow:hidden; background:url(../images/dotted_line.gif) 0 0 repeat-x; margin-bottom:16px;}


.col1{ float:left; width:200px;}
.col1 p{ margin-bottom:18px;}
.col1 p.p_pic{ text-align:center; margin-bottom:8px;}

.col2{ float:left; width:225px; margin-left:42px;}
.col2 p{ margin-bottom:12px;}
.col2 p.p_pic{ text-align:center; margin-bottom:8px;}
	.direction{ font-size:14px;}
	.direction .dir_title{ color:#ff9900;}
	.direction .dir_cont a{ color:#5b5b5b; text-decoration:none;}
	.direction .dir_cont a span{ color:#ff9900;}
	.direction .dir_cont a:hover{ text-decoration:underline;}

	.any_question{ width:100%; clear:both; text-align:center; padding:150px 0;}
	.any_question .ques_title{ font-size:16px; color:#ff9900; margin-bottom:12px;}
	.any_question p a{ color:#5b5b5b; font-weight:bold; text-decoration:none;}
	.any_question p a:hover{ text-decoration:underline;}


/*-------------------------service page--------------------------------*/
.with_sidebar2{ background:url(../images/sidebar2.gif) right 0 repeat-y;}

.sidebar2{ float:right; width:255px; padding-top:24px; border-top:3px #dadada solid;}
	.side_content3{ width:220px; margin:0 auto;}
	.side_content3 p{ margin-bottom:10px;}
		.list{ width:100%; overflow:hidden; margin-bottom:30px;}
		.list li{ float:left; width:100%; margin-bottom:3px;}
		.list li a{ float:left; padding-left:10px; color:#EAA212; text-decoration:underline; background:url(../images/ico_arrow.gif) 0 4px no-repeat;}
		.list li a:hover{ color:#5b5b5b; text-decoration:none;}

		.more2{ margin-left:10px; padding-left:10px; background:url(../images/ico_arrow.gif) 0 5px no-repeat;}

		.keep_cool{ background:#dadada; padding:20px 0; text-align:center; margin-top:40px;}
		.keep_cool p{ margin-bottom:16px;}
		.keep_cool p.keep_title{ font-size:14px; font-weight:bold;}


.main_content2{ float:left; width:500px; padding-top:10px;}
	.m_col1{ float:left; width:210px; display:inline; margin-left:10px;}
	.m_col1 p{ margin-bottom:12px;}
	.m_col1 p.p2{ font-size:14px; font-weight:bold;}


	.m_col2{ float:left; width:220px; margin-left:40px;}
	.m_col2 p{ margin-bottom:12px; text-align:center; font-weight:bold;}



/* products page */
.side_content ul { margin: 0;list-style: none; }
.side_content ul li { padding-left: 10px; background: url(../images/1_z1.gif) no-repeat 0 .5em; }
.side_content ul li a { font-size:11px; margin: 10px; display:block; }
.side_content div.br { background: url(../images/1_line.gif) no-repeat 0 0; display:block; width: 208px; height: 1px; margin: 10px auto; }
.sidebarR .side_logos { border-top: 1px solid #000;padding:0;margin:0; }
.sidebarR .side_logos .logos_inner { width: 210px; border-left: 1px solid #000; border-right: 1px solid #000; margin: 0 auto;padding:10px 0; }
.sidebarR .side_extra { border-top:1px solid #000;width: auto; background: #FFF; }
.sidebarR .side_extra .wrapper { width: 208px; margin: 0 auto; text-align:center;padding:10px 0;}
.sidebarR .side_extra .wrapper h3 { margin:0;padding:0;}

.main_contentL .para strong.heading { font-size: 14px; }
.main_contentL .para strong.large { font-size: 18px;}

.main_contentL .more_answers { width: 195px; margin: 0 auto; color:#5B5B5B; }
.main_contentL .para .block { float: left; width: 220px; margin:10px; text-align: justify; }
.main_contentL .para .block img { margin: 0 10px 10px 0; }

/* contact page */
.sidebar .wide { width: 200px; }
.sidebar .wide .side_title h1 { color: #FF9900; }
.sidebar .side_content p { margin-bottom: 20px; }
.sidebar .side_content p span.o { color: #FF9900; font-weight: bold; }

.paintpro .wrapper { margin: 50px 30px; }
.paintpro div.l { width: 400px; }
.paintpro img.r { margin: 0 0 40px 40px; }
.paintpro h1 { font-style: italic; }
.paintpro h2 { color:#006699;font-size:16px;font-weight:bold;}
.paintpro h3 { color: #FF9900; font-size: 14px;font-weight:bold; }