@import url('reset.css');
/*Position*/
.clear {clear:both;}

body {
    font-family: 'Droid Sans','Segoe UI';
    font-size: 12px;
    color:#666666; 

}

body.home {background:url(../images/bg.png) repeat-x #FFF;}

body.inner {background:url(../images/bg.png) repeat-x scroll 0 -360px #FFF;}

#header {
    margin:auto;
    height:98px;
    position:relative;
    max-width:1200px;}

#center {
    margin:auto;
    position:relative;
    width:1200px;
}

#logo {
    background:url(../images/logo.png) no-repeat;
    width:284px;
    height:68px;
    position:relative;
    float:left;
    margin:30px 0 0 70px;
}

#login {
    max-width:320px;
    height:68px;
    position:relative;
    float:right;
    margin:30px 70px 0 0;
}

#dash_line {
    background:url(../images/dash_line.png) no-repeat;
    width:1056px;
    height:1px;
    margin: 10px 0px 0px 70px;
}

#menu {
    max-width:1200px;
    position:relative;
    margin: 10px 0px 0px 70px;
    font-size:16px; 
    color:#666;
    text-transform:uppercase;
    font-weight: bold;
}

#menu a {color:#666;text-decoration:none;}
#menu a.active {
    text-decoration:underline;
    color:#F6C062;
}
#menu a:hover {
    text-decoration:underline;
    color:#F6C062;
}

#banner {
    background-color:#FFF;
    width:1050px;
    height:340px;
    position:relative;
    margin:15px auto auto auto;
    border:3px #FFF solid;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.2); 
}


#banner_text {
    position:absolute;
    margin:100px auto 0 50px;}

#bannerimg {
    z-index:99;}

.gen {
    width:243px;
    height:49px;
}

.gensmall {
    margin-top:30px;
    font-size:12px;
    line-height:18px;
    color:#666;
    width:500px;
}

#content {
    margin:40px auto;
    width:1200px;


}

#content .left {
    margin:0 0 0 70px;
    float:left;
    width:730px;
    color:#666;
    line-height:20px;
}

#content .left p{
    margin-bottom: 5px;

}

#content .right {
    margin:0 70px 0 0;
    float: right;
    width:300px;
    color:#666;
    line-height:20px;
    text-align:left;}	

#content .block1{
    float:left;
    width:350px;

}
#content .block2{
    float:left;
    width:340px;

}
#content .block1 #home_list , #content .block2 #home_list{
    min-height: 465px;
}
#content .dotted_line{
    float:left;
    border-right: 1px #666 dotted;
    width: 2px;
    height: 350px;
    margin-top: 40px;   
    margin-left: 10px;
    margin-right: 10px;
}

#content .dotted_line_r{
    float:right;
    border-right: 1px #666 dotted;
    width: 1px;
    height: 350px;
    margin-top: 40px;   
    margin-left: 10px;
}
#content .dotted_line_s{

    border-top: 1px #666 dotted;
    height: 1px;
    margin-top: 10px;   
    margin-bottom: 10px;
}

.dotted_line_rb{
    border-right:  1px #666 dotted;
    min-height: 100%;
    padding-right: 20px;
    min-height: 360px;

}



h1 {
    color: #454545;
    font-size: 20px;
    padding-bottom:10px;
    font-family: 'Droid Sans','Segoe UI';
    letter-spacing: -1px;
    font-weight: bold;
}


a {
    color:#e1b23c;
    text-decoration:underline;}
a:hover {text-decoration:none;}

.news {color:#999; font-style:italic;}	


.date {
    font-size:11px;
    color:#666;}




#footer {
    max-width:1200px;	
    position:relative;
    margin: 0  auto;
    height: 60px;

}


#footer_menu {
    float:left;
    margin:10px 0 0 70px;
    font-size:11px; 
    color:#999;
    text-transform:uppercase;

}

#footer_copy {
    float:right;
    margin:10px 70px 0 auto;
    font-size:11px; 
    color:#999;
}

#footer_menu a {color:#999;text-decoration:none;}
#footer_menu a:hover {text-decoration:underline;}




.only_input{
    clear:both;
    overflow:hidden;
}

.input_bg{
    background:url(../images/text_input.png);
    background-repeat:no-repeat;
    width:136px;
    height:25px;
    margin:auto;
    padding-left:10px;
}

.input_bg input {
    background:none;
    border:none;
    width:150px;
    height:25px;
    font-size:12px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-style:italic;
    color:#999;
}

input.form_input{
    width:115px;}

input.login_submit{
    background:url(../images/enter_button.png) no-repeat;
    width:26px;
    height:25px;
    border:none;
    cursor:pointer;
    position:relative;
}

.login_button{
    position:relative;
    margin:auto;
}

/* home list */
#home_list {
    padding-left: 0em;
}
#home_list ul { 

    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
#home_list ul li { 

    background-image: url("../images/tick.png");
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 20px; 
}
#home_list ul li.medal { 

    background-image: url("../images/medal.png");

}
#home_list ul li.layout-design{ 
    background-image: url("../images/layout-design.png"); 
}
#home_list ul li.thumb-up{ 
    background-image: url("../images/thumb-up.png"); 
}
#home_list ul li.layout-design{ 
    background-image: url("../images/layout-design.png"); 
}
#home_list ul li.user-business-gray-boss{ 
    background-image: url("../images/user-business-gray-boss.png"); 
}
#home_list ul li.trophy{ 
    background-image: url("../images/trophy.png"); 
}
#home_list ul li.user-share{ 
    background-image: url("../images/user-share.png"); 
}
#home_list ul li.money-coin{ 
    background-image: url("../images/money-coin.png"); 
}
#home_list ul li.target{ 
    background-image: url("../images/target.png"); 
}
#home_list ul li.funnel{ 
    background-image: url("../images/funnel.png"); 
}
#home_list ul li.globe-network-ethernet{ 
    background-image: url("../images/globe-network-ethernet.png"); 
}
#home_list ul li.chart-up{ 
    background-image: url("../images/chart-up.png"); 
}
#home_list ul li.chart-up-color{ 
    background-image: url("../images/chart-up-color.png"); 
}
#home_list ul li.clock{ 
    background-image: url("../images/clock.png"); 
}
#home_list ul li { 
    line-height:20px; 
    color:#666666;    
    padding-bottom: 3px;
}

/*--------------*/


ul.tick_list { 

    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
ul.tick_list li { 

    background-image: url("../images/tick.png");
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 20px; 
}
ul.tick_list li { 
    line-height:20px; 
    color:#666666;    
    padding-bottom: 3px;
}

/* -------------- */

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.home_btn{

}

/*---- Error ----*/
ul.error{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
}
ul.error li{
    color: #666;
    background-image: url("../images/tick-red.png");
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 20px; 
    line-height:20px; 
    font-weight: bold;
}

.form input, .form textarea {
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:1px solid rgba(0,0,0, 0.2);
    margin: 5px;
}

.form input:focus ,  .form textarea:focus {
    box-shadow: 0 0 5px rgba(250, 207, 92, 2);
    -webkit-box-shadow: 0 0 5px rgba(250, 207, 92, 2); 
    -moz-box-shadow: 0 0 5px rgba(250, 207, 92, 2);
    border:1px solid rgba(0,0,255, 0.8); 
}

.form input[type=submit]{
    width: 150px;
     color: #454545;
    font-family: 'Droid Sans','Segoe UI';
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -1px;
   
}