body,div,span,ul,li,a, h1, h2,h3,h4,img,p,input{padding:0;margin:0;}
html, body{height:100%;}
body{font-family:Arial, Sans-Serif;background-color:#323030;}
#pageWrapper{min-height: 100%; _height: 100%;
background-color:#d2c3a0;
background-image:url(../images/ecruPaper.png);}
h1,h2,h3,h4,h5,h6{font-family:Century Gothic, Arial, sans-serif}
html{
background-color:#161e24;
background-image:url(../images/jeans.png);
}

/*..:::STARTPAGE:::..*/
#enter{
width:100%;
text-align:center;
height:100%;
background-color:#161e24;
background-image:url(../images/jeans.png);
position:relative
}
#title{
background-image:url(../images/start-logo.png);
width:1109px;
height:289px;
margin:0 auto;
position:relative;
top:20%;
}
#title a{
color:transparent;
font-size:0;
display:block;
width:1109px;
height:289px;
position:relative;
}
#chinapatt{
width:700px;
height:400px;
background-image:url("../images/chinaFabric.png");
position:relative;
border:10px solid #bd5840;
top: -600px;
left: -280px;
border-radius:100px;
-moz-border-radius:100px;
-webkit-border-radius:100px;
transform:rotate(-18deg);
-ms-transform:rotate(-18deg); /* Internet Explorer */
-moz-transform:rotate(-18deg); /* Firefox */
-webkit-transform:rotate(-18deg); /* Safari and Chrome */
-o-transform:rotate(-18deg); /* Opera */
}
#btn1{
width:112px;
height:112px;
background-image:url("../images/btn1.png");
background-repeat:no-repeat;
position:relative;
top:-640px;
left:220px
}
#btn2{
width:68px;
height:69px;
background-image:url("../images/btn2.png");
background-repeat:no-repeat;
position:relative;
left: 640px;
top: -540px;
}
#btn3{
width:111px;
height:112px;
background-image:url("../images/btn3.png");
background-repeat:no-repeat;
position:relative;
left: 790px;
top: -630px;
}
#btn4{
width:100px;
height:100px;
background-image:url("../images/btn4.png");
background-repeat:no-repeat;
position:relative;
left: 1110px;
top: -870px;
}
#btn5{
width:70px;
height:70px;
background-image:url("../images/btn5.png");
background-repeat:no-repeat;
position:relative;
left: 450px;
top: -880px;
}
#btn6{
width:61px;
height:61px;
background-image:url("../images/btn6.png");
background-repeat:no-repeat;
position:relative;
left: 710px;
top: -1040px;
}
#title:hover{
z-index:10
}
/*..:::HEADER:::..*/

header{
display:block;
width:100%;
height:90px;
background-color:#161e24;
background-image:url(../images/jeans.png);
float:left;
border-bottom:1px solid #030D18
}
#header{
width:880px;
height:105px;
margin:0 auto;
}
#logo{
float:left;
margin-top:13px;
text-decoration:none;
border:none;
position:relative;
z-index:5;
display:block;
outline:0;
}
#logo span{
display:none;
}
#logo img{border:0}
.topmenu{
list-style-type:none;
float:right;
margin-top:60px;
position:relative;
z-index:2;
font-weight:bold;
}
.supMenu{
float:left;
margin-right:5px;
background-color:#bd5840;
border:1px solid #8f3b27;
border-bottom:0;
}

.supMenu>a{
display:inline-block;
margin:3px 3px 0;
padding:3px 15px 0;
line-height:23px;
font-size:13px;
vertical-align:top;
color:#f5d19c;
text-shadow: -1px -1px #731904;
border:1px dashed #f5d19c;
border-bottom:0;
text-decoration:none;
background-color:#bd5840;
}
#current {
background-color:#bea45c;
border:1px solid #655833;
border-bottom:0;
}
#current>a{
display:inline-block;
padding:3px 15px 0;
line-height:23px;
font-size:13px;
vertical-align:top;
color:#731904;
text-shadow: 1px 1px #f5d19c;
text-decoration:none;
border: 1px dashed #731904;
border-bottom:0;
background-color:#bea45c;
}
.supMenu:hover{
margin-top:-6px;
}
.supMenu:hover>a{
margin:3px;
padding:3px 15px;
}
#current:hover>a{
margin:3px;
padding:3px 15px;
}
.subMenu{
position:absolute;
background-color:#EDDBB1;
border:1px solid #B19770;
float:none;
display:none;
min-width:145px;
z-index:10;
top:30px;
-moz-box-shadow: 0 3px 3px #99866f;
-webkit-box-shadow: 0 3px 3px #99866f;
box-shadow: 0 3px 3px #99866f;
}
.supMenu:hover .subMenu{top:30px;display:block}
.subMenu li{
list-style-type:none;
display:block;
background-color:transparent;
text-align:center;
border:0;
margin:0;
padding:0;
border-bottom:1px dotted #B19770;
}
.subMenu a{
background-color:transparent;
text-decoration:none;
display:block;
line-height:20px;
font-size:13px;
border:0;
margin:0;
padding:0;
color:#5B4427;
text-shadow: 1px 1px #fff;
}
.subMenu li:hover{
margin:0;
padding:0;
}
.subMenu li:hover a{
margin:0;
padding:0;
color:#2A5789;
background-color:#cfe0f4;
}

.sew{
width:100%;
height:5px;
float:left;
position:relative;
border-top:1px dashed #bea45c;
}
header .sew{top:-20px}
/*..:::ANNOUNCEMENTS:::..*/

#announcementsWrapper{
width:100%;
border-bottom:3px solid #b19770;
background-color:#d2c3a0;
background-image:url(../images/ecruPaper.png);
float:left;
padding-bottom:10px;
}
#indexWrapper{
width:100%;
background-color:#d2c3a0;
background-image:url(../images/ecruPaper.png);
float:left;
padding-bottom:10px;
}
.announcementsRow{
width:880px;
margin:0 auto;
clear:both;
}
.announceContent:first-child{float:left;}
.last-child{float:right;}

.announceContent{
display:block;
max-width:400px;
margin-bottom:10px;
}
.announceContent p{
font-size:12px;
color:#3d2b15;
margin-top:10px;
display:block;
}
.announceContent p a{
font-size:12px;
color:#731904;
}
.announceContent h2 a, .announceContent h2{
font-size:17px;
color:#731904;
text-shadow: 1px 1px #ffdeae;
text-decoration:none;
margin-top:10px
}
.iconTriangle{
float:left;
display:block;
height:63px;
width:66px;
margin:20px 10px 10px;
background-image:url("../images/iconsprite.png");
background-repeat:no-repeat;
background-position:0 0;
}
.iconNote{
float:left;
height:63px;
width:66px;
margin:20px 10px 10px;
background-image:url("../images/iconsprite.png");
background-repeat:no-repeat;
background-position:-66px 0;
}
.iconBox{
float:left;
display:block;
height:63px;
width:66px;
margin:20px 10px 10px;
background-image:url("../images/iconsprite.png");
background-repeat:no-repeat;
background-position:-132px 0;
}
.iconMail{
float:left;
display:block;
height:63px;
width:66px;
margin:20px 10px 10px;
background-image:url("../images/iconsprite.png");
background-repeat:no-repeat;
background-position:-198px 0;
}
.iconCrochet{
float:left;
display:block;
height:63px;
width:66px;
margin:20px 10px 10px;
background-image:url("../images/iconsprite.png");
background-repeat:no-repeat;
background-position:-265px 0;
}
.iconChinese{
float:left;
display:block;
height:63px;
width:66px;
margin:20px 10px 10px;
background-image:url("../images/iconsprite.png");
background-repeat:no-repeat;
background-position:-396px 0;
}
.iconBeading{
float:left;
display:block;
height:63px;
width:66px;
margin:20px 10px 10px;
background-image:url("../images/iconsprite.png");
background-repeat:no-repeat;
background-position:-328px 0;
}
.iconPainting{
float:left;
display:block;
height:63px;
width:66px;
margin:20px 10px 10px;
background-image:url("../images/iconsprite.png");
background-repeat:no-repeat;
background-position:-463px 0;
}
.iconTheory{
float:left;
display:block;
height:63px;
width:66px;
margin:20px 10px 10px;
background-image:url("../images/iconsprite.png");
background-repeat:no-repeat;
background-position:-525px 0;
}
.iconCurious{
float:left;
display:block;
height:63px;
width:66px;
margin:20px 10px 10px;
background-image:url("../images/iconsprite.png");
background-repeat:no-repeat;
background-position:-591px 0;
}
.iconSteal{
float:left;
display:block;
height:63px;
width:66px;
margin:20px 10px 10px;
background-image:url("../images/iconsprite.png");
background-repeat:no-repeat;
background-position:-656px 0;
}
.iconNews{
float:left;
display:block;
height:63px;
width:66px;
margin:20px 10px 10px;
background-image:url("../images/iconsprite.png");
background-repeat:no-repeat;
background-position:-729px 0;
}
.iconGames{
float:left;
display:block;
height:63px;
width:66px;
margin:20px 10px 10px;
background-image:url("../images/iconsprite.png");
background-repeat:no-repeat;
background-position:-792px 0;
}
.iconGallery{
float:left;
display:block;
height:63px;
width:66px;
margin:20px 10px 10px;
background-image:url("../images/iconsprite.png");
background-repeat:no-repeat;
background-position:-859px 0;
}
.iconHome{
float:left;
display:block;
height:63px;
width:66px;
margin:20px 10px 10px;
background-image:url("../images/iconsprite.png");
background-repeat:no-repeat;
background-position:-921px 0;
}
.iconPeople{
float:left;
display:block;
height:63px;
width:66px;
margin:20px 10px 10px;
background-image:url("../images/iconsprite.png");
background-repeat:no-repeat;
background-position:-987px 0;
}

.separator{
width:100%;
background-image:url(../images/chinaFabric.png);
background-position:0 -120px;
border-bottom:1px solid #B19770;
height:10px;
float:left
}
.decor{
width:100%;
background-image:url(../images/chinaFabric.png);
background-position:0 -420px;
background-color:#e7c859;
border-bottom:1px solid #806e52;
border-top:1px solid #B19770;
height:20px;
float:left;
-moz-box-shadow: 0 3px 3px #99866f;
-webkit-box-shadow: 0 3px 3px #99866f;
box-shadow: 0 3px 3px #99866f;
}
.decor .sew{
top:15px;
border-color:#273c53
}
/*..:::MAIN PAGE:::..*/

#mainWrapper{
width:100%;
background-color:#eddbb1;
float:left;
padding-bottom:20em;
}
#main{
width:880px;
margin:0 auto;
}
section{
float:left;
display:block;
width:600px;
padding-bottom:30px;
background-image:url(../images/sew.png);
background-position:left 1px;
background-repeat:repeat-y;
margin-top:20px;
}
#main h1{
text-align:center;
margin:0 auto 20px;
color:#731904;
text-shadow: 1px 1px #fff;
letter-spacing:-1px;
}

aside{
width:200px;
float:left;
color:#5b4427;
padding-right:20px;
line-height:25px;
margin-top:20px;
}
.sbTitle{
background-color:#030D18;
background-image:url(../images/jeans.png);
display:inline-block;
border:1px solid #2A5789;
}
aside h3{
font-size:18px;
text-shadow: -1px -1px #000;
text-align:center;
color:#f5d19c;
border:1px dashed #f5d19c;
background-color:#030D18;
background-image:url(../images/jeans.png);
display:inline-block;
padding:1px 0;
width:190px;
margin:3px;
}
aside h3:before{content:url(../images/nail.png)}
aside h3:after{content:url(../images/nail.png)}
aside ul{
font-size:12px;
list-style-type:none;
background-image:url(../images/paper.png);
background-position:0 -2px;
border:1px solid #888;
-moz-box-shadow: 2px 2px 5px #99866f;
-webkit-box-shadow: 2px 2px 5px #99866f;
box-shadow: 2px 2px 5px #99866f;
}
aside li{
line-height:20px;
margin-left:30px;
border-bottom:1px dotted #ddd;
}
aside a{
text-decoration:none;
display:block;
font-family:cambria, georgia, "trebuchet ms", times, serif;
font-style:italic;
font-size:15px;
color:#2a5789;
}
aside a:hover{
color:#a8001c;
background-color:#ffffcc;
}
#content{
color:#5B4427;
font-size:12px;
width:630px;
margin-left:30px;
float:left;
}
#content h3{
margin-bottom:10px;
font-size:18px;
clear:both
}
hr{
clear:both;
color:#BEA45C;
margin:60px 0 30px
}
section h1:before{content:url(../images/btn.png)}
section h1:after{content:url(../images/btn.png)}
#content p{
text-align:justify;
line-height:20px;
display:block;
margin-top:-5px;
margin-bottom:10px
}
#content p a{
color:#731904
}
#content ul, #content ol{
text-align:left;
line-height:20px;
margin:20px;
}
#content img{
float:left;
border:4px solid #BEA45C;
margin:5px 20px 4px 0;
width:320px;
}
#content video{
float:left;
border:4px solid #BEA45C;
margin:5px 10px 4px 0;
}
.clear{
clear:both;
height:0;
line-height:0;
font-size:0;
}
.note{
float:right;
width:290px;
height:186px;
background-image:url(../images/note.png);
color:transparent;
font-size:0;
}
/*..:::FOOTER:::..*/

#footerWrap{
width:100%;
float:left;
height:12em;
margin-top:-12em;
} 

/*	Footer Beginning  */
#footerBeginningWrapper{
width:100%;
height:10px;
background-image:url(../images/chinaFabric.png);
background-position:0 -65px;
border-top:1px solid #B19770;
border-bottom:1px solid #B19770;
float:left;
} 

/* 	Footer Content  */	
#footerContentWrapper{
width:100%;
background-color:#161E24;
background-image:url(../images/jeans.png);
border-top:1px solid #202020;
border-bottom:1px dashed #bea45c;
color:#F5D19C;
font-size:12px;
float:left;
}
#footerContent{
width:880px;
height:187px;
margin:0 auto; 
}
.footerColumn{	
max-width:33%;
padding:0px;
margin:0;
float:left;
}
/* first/left column */
#addressInfo{
width:33%;
}

h4{
display:block;
font-size:20px;
text-shadow: 1px 1px 1px #081827;
clear:both;
margin:20px 0;
letter-spacing:-1px;
text-align:center
}
#addressInfo a{
text-decoration:none;
color:#FF6642;
}
#addressInfo span{
text-indent:-9999px;
font-size:0;
visibility:hidden
}
#addressInfo a[href~="http://maps.google.com"]{
display:block;
width:121px;
height:97px;
float:left;
clear:both;
margin-right:15px;
background-image:url("../images/world_map.png");
background-repeat:no-repeat;
}
#addressInfo h4{text-align:left}
/* middle column */
#socialNetworks{
text-align:center;
}
#socialNetworks p{
display:block;
width: 67%;
margin:0 auto;
}
#socialNetworks ul{
display: block;
width: 60%;
margin:15px auto;
}
#socialNetworks li{
margin:5px;
float:left;
list-style-type:none;
}
#socialNetworks li a{
display:block;
width:31px;
height:31px;
text-decoration:none;
border:1px dashed #BEA45C;
}
#socialNetworks span{
display:none;
}
#socialNetworks a[href~="http://twitter.com"]{
background-image:url("../images/soc_icons.png");
background-repeat:no-repeat;
background-position:0 0;
}
#socialNetworks a[href~="http://twitter.com"]:hover{
background-position:0 -31px;
}
#socialNetworks a[href~="http://facebook.com"]{
background-image:url("../images/soc_icons.png");
background-repeat:no-repeat;
background-position:-29px 0;
}
#socialNetworks a[href~="http://facebook.com"]:hover{
background-position:-31px -31px;
}
#socialNetworks a[href~="http://www.linkedin.com"]{
background-image:url("../images/soc_icons.png");
background-repeat:no-repeat;
background-position:-62px 0;
}
#socialNetworks a[href~="http://www.linkedin.com"]:hover{
background-position:-62px -31px
}
#socialNetworks a[href~="http://rss.bg/"]{
background-image:url("../images/soc_icons.png");
background-repeat:no-repeat;
background-position:-93px 0;
}
#socialNetworks a[href~="http://rss.bg/"]:hover{
background-position:-93px -31px
}
/* last/right column */
#blogInfo{
float:right;
}
#blogInfo h4{text-align:left}
#blogInfo li{
list-style-type:none;
line-height:20px;
display:block;
width:100%;
border-bottom:1px dashed #BEA45C;
}
#blogInfo a{
text-decoration:none;
color:#F5D19C;
}
#blogInfo a:hover{
color:#ff6642;
}

/* Footer End*/	
#footerEndWrapper{
width:100%;
float:left;
background-color:#1d4c29;
background-image:url(../images/jeans.png);
color:#66666d;
font-size:12px;
}
#footerEnd{
width:880px;
margin:0 auto;
height:40px;
padding-top:18px;
}
#footerEnd a[href~="http://www.craftysection.com"]{
text-decoration:none;
color:#ff6642;
}
#footerEnd span{
float:left;
color:#F5D19C;
}
#topNavigator{
float:right;
display:block;
padding-right:10px;
text-decoration:none;
color:#F5D19C;
background-image:url("../images/arrow.png");
background-repeat:no-repeat;
background-position:right;
}