body{
	background:url(<%= asset_path 'wood_floor.jpg' %>) fixed center 0;
	/*background:url(images/jobs.jpg) fixed center bottom;*/
	-moz-background-size:cover;
	background-size:cover;
    color: #000000;
    margin: 0;
    padding: 0;
}
#hmenu{
	background:url(<%= asset_path 'orbitbar1.png' %>) repeat-x 0 0;
    height: 50px;
    position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index: 5;
}
#orbit_icon {
	margin-left: 10px;
}
#orbit_icon a {
    background:url(<%= asset_path 'bar_orbit.png' %>) no-repeat scroll left top transparent;
	height: 43px;
	width: 41px;
	display:block;
	text-indent:-9999px;
}
#orbit_icon a:hover {
    background:url(<%= asset_path 'bar_orbit.png' %>) no-repeat scroll left 50% transparent;
}
#hmenu #left{
    left: 51px;
    position: absolute;
    top: 1px;
}
#hmenu #left a{
    border-left: 1px solid #000000;
    border-right: 1px solid #7F8488;
    color: #FFFFFF;
    display: block;
    font-size: 17px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
}
#hmenu #left a:hover{
	background:#000;
    color: #FFFFFF;
}
#hmenu #right{
    position: absolute;
    right: 10px;
    top: 1px;
    width: 393px;
}
#hmenu #right a{
    border-left: 1px solid #7F8488;
    border-right: 1px solid #7F8488;
    color: #FFFFFF;
    display: block;
    font-size: 17px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
    width: 65px;
}
#hmenu #right a:hover{
	background:#000;
    color: #FFFFFF;
}
#hmenu form{
    left: 27px;
    position: absolute;
    top: 8px;
}
#login_id{
    background:url(<%= asset_path 'bar_id.png' %>) no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #818181;
    font-family: arial,sans-serif;
    height: 26px;
    left: 70px;
    position: absolute;
    top: 0;
    width: 119px;
}
#login_id input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    font-family: arial,sans-serif;
    height: 15px;
    left: 21px;
    position: absolute;
    top: 4px;
    width: 92px;
}

#login_pw {
    background:url(<%= asset_path 'bar_pw.png' %>) no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #818181;
    font-family: arial,sans-serif;
    height: 26px;
    left: 193px;
    position: absolute;
    top: 0;
    width: 119px;
}

#login_pw input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    font-family: arial,sans-serif;
    height: 15px;
    left: 21px;
    position: absolute;
    top: 4px;
    width: 92px;
}
#login_btn input {
    background:url(<%= asset_path 'bar_btn.png' %>) no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: arial,sans-serif;
    height: 26px;
    left: 316px;
    margin: 0;
    padding: 0 0 2px;
    position: absolute;
    top: 0;
    width: 50px;
}

#log_out a{
    background:url(<%= asset_path 'service_btn.png' %>) no-repeat scroll right 0 transparent;
    border: medium none !important;
    display: block !important;
    height: 40px !important;
    line-height: normal !important;
    padding: 0 !important;
    position: absolute;
/*    right: -9px;*/
    text-indent: -10000px;
    top: 0px;
    width: 43px !important;
}
#log_out a:hover{
    background:url(<%= asset_path 'service_btn.png' %>) no-repeat scroll right bottom transparent !important;
}

#hmenu #right select{
    font-family: helvetica,arial,sans-serif;
    left: 97px;
    position: absolute;
    top: 10px;
    width: 120px;
}
.content{
    padding: 10px;
}

#user_info{
    background: none repeat scroll 0 0 #FEFEFE;
    border: 1px solid #818181;
    border-radius: 5px 5px 5px 5px;
    margin: 0 0 20px;
    padding: 10px;
    width: 250px;
}

#user_info table{
    border-collapse: collapse;
    width: 100%;
}
#user_info table td{
    padding: 3px;
}

#sites_info{
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(#F8F8F8));
	border: 1px solid #818181;
	border-radius: 5px 5px 5px 5px;
	float: left;
	margin: 0 20px 20px 0;
	width: 30%;
	min-width: 320px;
}
#sites_info h3{
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    font: 24px/100% helvetica,arial,sans-serif;
    margin: 2% 2% 0;
    padding: 1%;
}
#sites_info table{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    margin: 2%;
    width: 96%;
}
#sites_info table td{
    padding: 10px 5px;
}
#sites_info table th{
    border-right: 1px solid #DDDDDD;
    color: #808080;
    font-size: 18px;
    font-weight: normal;
    padding: 10px 5px;
    text-align: right;
    width: 20%;
}


#purchases{
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(#F8F8F8)); 
	border: 1px solid #818181;
	border-radius: 5px 5px 5px 5px;
	float: left;
	width: 30%;
	min-width: 320px;
}
#purchases h3{
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    font: 24px/100% helvetica,arial,sans-serif;
    margin: 2% 2% 0;
    padding: 1%;
}
#purchases table{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    margin: 2%;
    width: 96%;
}
#purchases table th{
    border-right: 1px solid #DDDDDD;
    color: #808080;
    font-size: 18px;
    font-weight: normal;
    padding: 10px 5px;
    text-align: right;
    width: 20%;
}
#purchases table td{
    padding: 10px 5px;
}
.design_page{
}
.style_list{
	background:url(<%= asset_path 'preview.png' %>) no-repeat 0 0;
	height:246px;
    margin: 20px 0;
    padding: 0 0 0 236px;
}
.style_list ul{
	margin:0;
	padding:0;
}
.style_list li{
    color: #EDA330;
    font-size: 20px;
    list-style: none outside none;
    margin: 0 0 20px;
}
.list_title{
    color: #818181;
    display: block;
    font: 24px/100% ·L³n¥¿¶ÂÅé,sans-serif;
}
.buy_btn a{
    background:url(<%= asset_path "buy_btn.png" %>) no-repeat scroll 0 0 transparent;
    color: #000000;
    display: block;
    font-size: 22px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
    width: 170px;
}
.buy_btn a:hover{
	background-position:0 bottom;
}
.bought_btn{
    background:url(<%= asset_path "bought_btn.png" %>) no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 22px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    text-shadow: 0 1px 0 #C06408;
    width: 170px;
}