/* 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,font,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,caption,tbody,tfoot,thead{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent} 
table,tr,td{border-spacing:0}  
ol,ul{list-style:none}

html{ 
	background:#fff; /* #ddd;   */
	height: 100%;
}

body {
	height:100%; 
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-weight: normal;
	font-size: 16px;
	color: #000;	/* #bababa; */
	background:url('../img/logo2_bg.png') top center repeat-x;
	/* background:url('https://pencilmadness.com/css/imgs/m15.jpg') top center repeat-x;    */
}

h1{
	font-size: 26px;
}

h2{
	font-size: 18px;
}

a:link  { color: #000; text-decoration: underline; font-weight: normal; }
a:visited  { color: #000; text-decoration: underline; font-weight: normal; }
a:hover  { color: #aaa; text-decoration: underline; font-weight: normal; }

.tab1 {
	width:100%;
}

.tab1 td {
	background-color: #d5e0f4;
	padding:10px;
	border-bottom: 1px dotted #6699CC;
	border-right: 1px dotted #6699CC;
	border-right: 1px dotted #6699CC;
	font-weight: bold;
}

/* .tab2 {
	width:100%;
}

.tab2 td {
	background-color: #d5e0f4; 
	padding-bottom:40px;
	border-bottom: 1px dotted #6699CC;
	border-right: 1px dotted #6699CC;
	border-right: 1px dotted #6699CC;
	font-weight: bold; 
	vertical-align:top;
} */



#realBody{
	margin:0px auto;
	padding-top: 15px;
	width:980px;
	/* background:#f3f;  */
	position:relative; 
}

#header{
	height:50px;
	/* background:#fff; */
	color:#fff;
}

#logo{
	padding-bottom:10px; 
}

#about{
	padding:40px; 
	padding-left:20px; 
	width:500px;
}

#about_content{
	line-height:22px;
}

#footer{
	/* color:#000; */
	height:50px;
	margin-top:60px; 
	margin-bottom:40px; 
	padding-top:10px; 
	/* padding-right:40px;  */
	font-size: 11px;
	text-align:center;
	/* background:#eee; */
	background:url('../img/foot_bg2.png') top center repeat-x;
}	

#footer a:link  { color: #000; text-decoration: underline; font-weight: normal; }
#footer a:visited  { color: #000; text-decoration: underline; font-weight: normal; }
#footer a:hover  { color: #000; text-decoration: underline; font-weight: normal; }

.tool{
	font-size: 12px;
	padding-left: 20px;
}

.center1{
	/* background:#efe;   */
	margin:0px auto;
	clear:both;
	width:980px;
}

#col_right{
	/* background:#f55; */
	/* background:url('../img/col_left.png') top center no-repeat;  */
	width:325px;
	height:428px;
	float: left;
}

#col_right_info{
	padding-left:25px;
	padding-top:15px;
}

#col_left{
	/* background:#af5; */
	width:655px;
	float: left;
}

.clear{
	clear:both;
}

/* ul:after {
	content:"aaaaaaaaaaaaa ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
} */

#list1 { 
	/* background:#f55; */
	/* width:660px;
	float: left; */ 
} 

#list2 { 
	/* background:#f08;  */
	/* width:320px;
	float: left;  */
} 

#list1 li {
	background:#fff;
	float:left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	width:300px;
	height:184px;
	/* padding-bottom:20px; */
	/* padding-bottom:20px; */
}

#list2 li {
	background:#fff;
	float:left;
	margin-left: 10px;
	margin-bottom: 20px;
	width:300px;
	height:184px;
	/* padding-bottom:20px; */
	/* padding-bottom:20px; */
}

#list3 { 
	padding-left:90px;
	/* margin:0px auto; */
	/* background:#f08;  */
	/* width:320px;
	float: left;  */
} 

#pencil{
	text-align:center;
	padding-top:10px;
	padding-bottom:20px;
	/* background:#efeeee; */ /* e1dcd2; */
	/* background:url('https://pencilmadness.com/imgs/foot.jpg') top center no-repeat;     */
}	

#pencil_1{
	width:620px; 
	float:left;
	/* background-color: #f39; */ 
}
#pencil_2{
	width:360px; 
	float:left;
	/* background-color: #3f9;  */
}

#pencil2{
	/* margin:50px; */
	width: 600px ;
	/* margin-left: auto ;
	margin-right: auto ; */
	border: 1px solid #9c9487;
	background:#fff;
	/* background:url('https://pencilmadness.com/imgs/foot.jpg') top center no-repeat;     */
}	

#col_thumbs {
	background:#f6f;
}

#col_thumbs ul { padding: 0px;  margin-left: 0px; list-style: none; display:inline; }
#col_thumbs li  {
	padding:0px;
	float:left;
} 

/* hover action */

.dmain { 
	background:#fd5; 
	width:326px;
	height:218px;
	position:relative;  
	z-index: 300;
	background:url('../img/thumb_bg.png') top left no-repeat; 
} 

.dmain_top { 
	background:#fd5; 
	width:326px;
	height:218px;
	/* position:relative;   */
	background:url('../img/thumb_bg.png') top left no-repeat; 
} 

.top_info{
	padding-left:25px;
}
.img_top{
	padding-left:20px;
}
.dmain_blank { 
	background:#fd5; 
	width:326px;
	height:218px;
	position:relative;  
	z-index: 300;
	background:url('../img/thumb_bg_blank.png') top left no-repeat; 
} 

.dmainInset{
	padding-left:26px;
	padding-top:23px;
}

.thumb span { 
	padding:10px;
	margin-top:111px;
	margin-left:26px;
	background:#000; 
	color:#eee;
	position:absolute;
	visibility:hidden;
}

.thumb:hover, .thumb:hover span { 
	visibility:visible;
	top:0; left:0px; 
}

/* hover action end*/

#form1 ul { padding: 0px;  margin-left: 0px; list-style: none;  }

#form1 li  {
	padding-top:20px;
}


/* #menu_main {
	background:#fee; 
	
} */


#menu {
	margin:0px auto;
	padding-left:0px;
	padding-bottom:50px;
	/* background:#f32;  */
	/* width:600px; */
	text-align:center;
}

#menu ul { padding: 0px;  margin-left: 0px; list-style: none; display:inline; }
/* #menu ul { padding-left: 60px; } */

#menu li  {
	display:inline; 
	padding-left:40px;
	/* padding-bottom:20px; */
}

/* #menu a:hover  {
	background:url('../img/m0a.png') top left no-repeat;
	display:block;
} */




#logins {
	width:350px; float: left;
	background:#44e;
}

.column2 { 
	/* background:#f55;  */
	width:660px;
	float: left; 
} 


#frame_sketch {
	padding-left:41px;
	padding-top:32px;
	width:655px;
	height:420px;
	background:url('../img/frame.png') top left no-repeat;
}

.column3 { 
	/* background:#fd8; */
	width:240px;
	float: left; 
} 

.flashError
{
	color: #fff;
	background:red;
	/* border: 1px solid #6699CC; */
}
.flashConfirm
{
	padding:20px;
	color: #fff;
	background: #00a400;
	/* border: 1px solid #6699CC; */
}
.error1 
{
	padding:10px;
	color: #fff;
	background: red;
}

/* rating ----------------------*/

/* Messages Bar */
.message-box { text-align: center; padding: 5px; color:#545454;  margin:5px auto; }
.clean { background-color: #efefef; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; }
.info  { background-color: #f7fafd; border-top: 2px solid #b5d3ff; border-bottom: 2px solid #b5d3ff; }
.ok    { background-color: #d7f7c4; border-top: 2px solid #82cb2f; border-bottom: 2px solid #82cb2f; }
.alert { background-color: #fef5be; border-top: 2px solid #fdd425; border-bottom: 2px solid #fdd425; }
.error { background-color: #ffcdd1; border-top: 2px solid #e10c0c; border-bottom: 2px solid #e10c0c; }

/* Star rating L-R panels */
.ratings {
	margin: 0 0 1em;
	width: 100%;
	overflow: hidden;
	/* line-height: 2em; */
}
.rating-L {
	float: left;
	margin-right: 1em;
	white-space: nowrap;
}
.rating-R {
	float: left;
	margin-left: 1em;
	width: 300px;
}
/* rating -----------end-----------*/

/* slider */

#container {
	width:655px;
	padding:0px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:655px;
	height:420px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:655px;
	height:420px;
	top:-3px;
	left:0px;
}

#slides {
	position:absolute;
	top:29px;
	left:41px;
	z-index:100;
}

#slides .next,#slides .prev {
	position:absolute;
	top:147px;
	left:-43px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

.slides_container {
	width:570px;
	height:350px;
	overflow:hidden;
	position:relative;
}

#slides .next {
	left:588px;
}

.pagination {
	margin:20px auto 0; /* ak */
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
} 

/* ----------------slider end*/


.pagination_ak {
	/* margin:20px auto 0; */ /* ak */
	/* width:400px; */
	padding-bottom:10px;
	font-size: 20px;
	/* text-align:center; */
}

.digit{
	/* background-color: #f39;
	border:1px solid  #6699CC; */
	background-image:url(https://pencilmadness.com/img/digit1.png);
	width:45px; 
	height:41px;
	display: block;
    float: left; 
}

.section2{
	/* background-color: #ff9;  */
	height:40px;
}
.section2_1{
	width:200px; 
	float:left;
	/* background-color: #f39; */
}
.section2_2{
	width:760px; 
	float:left;
	/* background-color: #3f9;  */
	text-align:right;
}

.cat_title {
	margin:20px auto 0; 
	width:200px; 
	padding-bottom:25px;
}

.tab4 td {
	/* border:1px solid  #6699CC; */ 
	/* background-color: #ffcdd1;  */
	/* text-align:middle; */
	/* text-align:center */
	padding:5px;
	/* padding-bottom:25px; */
	/* line-height:3px; */
}

.tab4 td.c3 {
	/* border:1px solid  #6699CC;  */
	/* background-color: #ffcdd1;  */
	/* text-align:middle; */
	/* font-size:12px; */
	text-align:center;
	/* padding:20px; */
	/* padding-bottom:25px; */
	/* line-height:3px; */
}

.tab5 td {
	/* border:1px solid  #6699CC;   */
	padding:5px;
	padding-bottom:25px;
}

.tab5 td.first {
	width:350px;
}

/* menu buttons */

#buttons {
	position: relative;
	padding-top:41px;
	/* top: 0px; */
	/* background-color: #ff9; */
}

#but_1 a {
    background-image: url("../img/m1.png");
    display: block;
    float: left; 
    height: 48px;
    position: relative;
    /* left: 40px;  */
	margin-left:10px; 
	margin-right:10px; 
    text-indent: -9999px;
    width: 151px;
}

#but_2 a {
    background-image: url("../img/m2.png");
    display: block;
	float: left; 
    height: 48px;
    position: relative;
	margin-right:10px;
   /*  left: 20px; */
    text-indent: -9999px;
    width: 164px;
}

#but_3 a {
    background-image: url("../img/m3.png");
    display: block;
	float: left; 
    height: 48px;
    position: relative;
   /*  left: 20px; */
    margin-right:10px;
    text-indent: -9999px;
    width: 212px;
}

#but_5 a {
    background-image: url("../img/m5.png");
    display: block;
	float: left; 
    height: 60px;
    position: relative;
   /*  left: 20px; */
    margin-right:10px;
    text-indent: -9999px;
    width: 179px;
}

#but_4 a {
    background-image: url("../img/m4.png");
    display: block;
	float: left; 
    height: 60px;
    position: relative;
	margin-top:0px;
	margin-left:10px;
	margin-bottom:20px;
   /*  left: 20px; */
    text-indent: -9999px;
    width: 251px;
}



#but_1 a:hover, #but_2 a:hover, #but_3 a:hover,#but_5 a:hover{
    background-position: 0 -48px;
}

#but_4 a:hover {
    background-position: 0 -60px;
}

/* menu buttons end*/

.section3{
	background-color: #ff9; 
	padding-bottom:0px;
}
.section3_1{
	width:370px; 
	float:left;
	/* background-color: #f39;  */
}
.section3_2{
	width:610px; 
	float:left;
	/* background-color: #3f9; */
}

.section5{
	width:728px;
	
	padding-left:130px;
	padding-bottom:0px;
}
.section5_1{
	width:380px; 
	float:left;
	/* background-color: #f39; */  
}
.section5_2{
	width:348px; 
	float:left;
	text-align:right;
	/* background-color: #3f9; */
}

.section6{
	width:100%;
	padding-top:50px;
	padding-left:10px;
}
.section6_1{
	width:40%; 
	float:left;
	/* background-color: #f39;   */
}
.section6_2{
	width:59.9%; 
	float:left;
	text-align:left;
	/* background-color: #3f9;  */
}

.google_1{
	text-align:center;
	padding:10px;
	padding-bottom:10px;
}

.google_2{
	padding-left:0px;
}

.google_3{
	text-align:center;
}

.info_home{
	padding-top:50px;
	padding-left:30px; 
	padding-right:30px; 
	font-size:13px;
	line-height:16px;
}

.section4{
	/* background-color: #ff9;  */
	padding-bottom:40px;
}
.section4_1{
	width:150px; 
	float:left;
	/* background-color: #f39;  */ 
}
.section4_2{
	width:90px; 
	float:left;
	/* background-color: #3f9;  */
}

#but_face{
	padding-top:20px;
	padding-left:30px;
	width:300px; 
	height:40px; 
	float:left;
	/* background-color: #3f9;  */
}
.mini1{
	font-size:10px;
}
.sk_title{
	font-size:24px;
}
.sk_id{
	text-align:center;
}
.sk_author{
	font-size:12px;
	padding-top:5px;
	padding-bottom:5px;
}
.sk_rat{
	font-size:12px;
}

.submit_button{
	color:#fff; 
	/* font: bold 84% 'trebuchet ms',helvetica,sans-serif;  */
	background-color:#000; 
	border:1px solid;  
	border-color: #000 #000 #000 #000;  
	/* background:url(https://pencilmadness.com/css/media/formbg.gif) repeat-x left top; */
	cursor:pointer;
}
#search_main{
	height:43px;
	text-align:right;
	padding-top:5px;
	padding-right:20px;
	background:url('../img/search_bg.png') no-repeat right top;
	margin-right:50px;
}

.submit_link_button{
	color:#000; 
	/* font: bold 84% 'trebuchet ms',helvetica,sans-serif;  */
	/* font-weight:bold; */
	background-color:#e9e9e9; 
	border:1px solid;  
	border-color: #fff #fff #fff #fff;  
	cursor:pointer;
	/* background:url(https://pencilmadness.com/css/media/formbg.gif) repeat-x left top; */
}

.p_menu{
	width:303px; 
	float:left;
}

.p_menu2{
	width:300px; 
	float:right;
	text-align:right;
	padding-top:20px;
	padding-right:20px;
	/* background-color:#e9e9e9;  */
}

#menu2 {
	/* margin:0px auto; */
	display: block; 
	height:48px; 
	margin-top:41px;
	/* float:left; */
	/* padding: 10px 0 10px 0; 
	margin-bottom:40px; */
}

#menu2 ul {display: block; overflow:hidden; list-style:none;}

#menu2 ul li {display: block; float:left; height:48px;  }

#menu2 ul li a {
	display: block; 
	float:left; 
	height:48px; 
	background-image:url(../img/menu.png); 
	background-repeat:no-repeat; 
	text-align:center; 
}

#menu2 ul li a.latest {background-position: 0 0; width:133px;}
#menu2 ul li a.top_rated {background-position: -133px 0; width:160px;}
#menu2 ul li a.featured {background-position: -293px 0; width:160px;}
#menu2 ul li a.sketch {background-position: -453px 0; width:147px;}

#menu2 ul li a.latest:hover {background-position: 0 bottom; }
#menu2 ul li a.top_rated:hover {background-position: -133px bottom; }
#menu2 ul li a.featured:hover {background-position: -293px bottom; }
#menu2 ul li a.sketch:hover {background-position: -453px bottom; }

#menu2 ul li a.latest.active {background-position: 0 bottom; }
#menu2 ul li a.top_rated.active {background-position: -180px bottom; }
#menu2 ul li a.featured.active {background-position: -360px bottom; }