@charset "UTF-8";
/* CSS Document */


body {background-color:#8ed8f8; background-position:top }

a, a:visited {color:#FFF ;text-decoration: none;}
a:hover {color: #FFF; }
a img { border: none; }
a:focus, a:hover, a:active { outline: none; }


p.blog { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; }
form {font-family:Arial, Helvetica, sans-serif; font-size:10px; }
input {background-color:#000; border-style:none; color:#fc1d26; }
textarea { background-color:#000; border-style:none; color:#fc1d26; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
 
 
/*blog page*/
#index { width:800px; height:1000px; margin:auto;  margin-top: 150px; background-image: url(../images/page.jpg); background-repeat:no-repeat; } 
#nav_bar { width:400px; height:30px; padding:474px; margin-left:-95px; }
.my_btn { width:152px; height: 54px; margin-right:-10px; float:left; }


/*bg and header*/
#main_box { width:1000px; height: 1000px; margin:auto; background-repeat: repeat; margin-left:auto; margin-right:auto; margin-top:-30px; }
#header {width:871px; height:328px; background-image: url(../images/header1.png); margin:auto; margin-top:90px; margin-left:70px; background-repeat:no-repeat; position:absolute; z-index:1; }


/*content div*/
#main_cont {width:750px; height:1000px; margin:auto; margin-left:145px; float:left;  margin-top:430px; }
#photo {width:375px; height:280px; margin-left:600px; margin-top:30px; padding-top:50px;}
#photo_s {width:439px; height:240px;}

#navi { width: 197px; height: 354px; background-image:url(../images/navi_box.png); background-repeat:no-repeat; margin:auto; margin-top:300px; margin-left:-10px; float:left; position:absolute; z-index:2;}
.button { width:152px; height: 54px; margin-left:20px; padding-top:10px; padding-left:10px; }

#footer {width:192px; height:53px; background-image:url(../images/footer.png); position: relative; margin:auto; margin-top:235px; background-repeat:no-repeat; }

#content {width:450px; height:463px; background-image:url(../images/content_box69.png); background-repeat:no-repeat; margin-left:181px; margin-top:300px; padding-left:25px; padding-right:150px; padding-left:50px; padding-top:20px; float:left; position:absolute; z-index:3 }
.title { width:258px; height:61px; margin-top:25px; }


/* cotton*/
#pattern_c { width:755px; height:420px; background-image: url(../images/cotton_all.png); margin-right:50px; margin-top:-20px; margin-left:-30px; float: left; position:absolute; z-index:4; }


/*microfibre*/
#pattern_m {width:755px; height:410px; background-image: url(../images/mf_all.png); margin-right:50px; margin-top:-20px; margin-left:-30px; float: left; position:absolute; z-index:5; }


/*swim*/
#pattern_s {width:755px; height:367px; background-image:url(../images/swimm_all.png);  margin-right:50px; margin-top:-20px; margin-left:-30px; float: left; position:absolute; z-index:6; }

/*comment*/
#comments {width: 392px; height:200px; float:left; margin-left:20px; }