#main {width:976px; margin:0 auto; position:relative;}

#header {height:496px;}
#header.small { height:384px;}
#header, #content, #footer { font-size:0.75em;}

#logo {width:404px; height:103px; background:url(../img/logo.jpg) no-repeat left top;}

/*.col-1, .col-2, .col-3 { float:top;}*/

.aside { float:left; width:236px; margin-right:50px;}
.content { float:left; width:620px; position:relative;}

#Container { float:left; width:900px; }
#ContainerLeft  {width:195px; height:100%; padding-left: 20px;padding-right: 15px; background:#FFFA7F; text-align:left; }
#ConteinerRight  { width:620px; padding-left: 40px; padding-right: 20px;  text-align: left;}

/*======= index.html =======*/
#page1 #content .line-ver { background-position:297px;}
#page1 #content .col-1 {width:214px; margin-right:12px;}
#page1 #content .col-2 { width:223px;}

/*======= index-1.html =======*/
#page2 #content .col-1 {width:625px; margin-right:27px;}
#page2 #content .col-2 {width:570px; margin-right:37px;}
#page2 #content .col-3 {width:173px;}

/*======= index-2.html =======*/
#page3 #content .col-1 {width:592px; margin-right:37px;}
#page3 #content .col-2 {width:592px; margin-right:37px;}
#page3 #content .col-3 {width:173px;}

/*======= Colory =======*/
.orange { color: #e54d00; }
.middelOrange {color: #FF732F}
.lightOrange { color: #FFC5A8; }


.orange span { color: #ffa533; }
.green { color: #468f07; }
.green span { color: #7fcc3d; }
.blue { color: #4a78a2; }
.cyan { color: #008d50; }

.brown { color: #4A3200; }
.middelbrown { color: #6F4A00; }
.lightbrown { color: #956500; }


.darkred { color: #843a33; }
.middelred { color: #d44c40; }
.lightred { color: #ea6053; }

.azure { color: #00a2a0; }
.grey { color: #545454; }
.lightGray { color: #CCCCCC; }
.middelGray { color: #999999; }
.darkGray {color: #666666; }
/*=========================*/

/* div style */
div.hide        { display: none; }
div.show        { display: block; }