* {
	font-size: 12px;
	font-family: Arial, 'Myriad Pro', 'Lucida Grande', 'Trebuchet Ms';
}

HTML {
	/*background: url('images/main_header_rpt.jpg') black repeat-x;*/
	/*background: #000 url('/sys/images/bg_top_repeat.png') 0 0 repeat-x;*/
	/*background: #000 url('/sys/images/bg_main_rpt2.png') 0 0 repeat-x;*/
	background: #000;
	color: white;
}

a {
	color: #00a8ff;
}

BODY {
	width: 950px;
	margin: 0 auto;
	/*background: url('images/main_header.jpg') no-repeat;*/
	/*padding: 150px 0 0 0;*/
}

.bg1 {
	background: url('/sys/images/bg_main_new_1.jpg') -30px 0 no-repeat;
}
.bg2 {
	background: url('/sys/images/bg_main_new_2.jpg') -30px 0 no-repeat;
}
.bg3 {
	background: url('/sys/images/bg_main_new_3.jpg') -30px 0 no-repeat;
}

a img {
	border:0;
}
td {
	vertical-align: top;
	padding: 0;
	margin: 0;
}
p {
	margin: 0 0 10px 0;
	padding: 0;
}
#td_right {
	padding: 9px 0 0 5px;
}
div.ads_right {
	width: 121px;
	height: 601px;
	padding: 12px 12px;
	background: url('/sys/images/bg_right.png') 0 0 no-repeat;
}
#menu {
	display: block;
	padding: 0;
	margin: 5px 170px 3px 5px;
	float: left;
	
}
#menu li {
	display: inline;
	padding: 0;
	margin: 0 10px;
}
#menu a {
	color: #FFF;
	text-decoration: none;
}
#main a {
	color: #00a8ff;
}
h2 {
	font-family: 'Myriad Pro', Arial, 'Lucida Grande', 'Trebuchet Ms';
	font-size: 28px;
	font-weight: 100;
	margin: 5px 0 15px 0;
	padding: 0;
	letter-spacing: -1px;
}
.center {
	text-align: center;
}
h4 {
	font-family: 'Myriad Pro', Arial, sans-serif;
	font-size: 14px;
	font-weight: 100;
	margin: 0 0 3px 0;
	padding: 14px 5px 0px 0;
}

#container { 
	width: 840px;
	background: #FFF;
}

#canvas_outer {
	position: absolute;
	z-index: 1;
}
#effect {
	position: absolute;
	z-index: 2;
	float: left;
}
#div_drag {
	position: absolute;
	z-index: 3;
	float: left;
	cursor: pointer;
}
#panel {
	width: 150px;
	float: right;
}
#info {
	margin: 20px 0 0 0;
}
#info p {
	padding-top: 5px;
	font-size: 10px;
	color: #444;
}
canvas {
	background: transparent;
}
#div_rotate_control {
	cursor: pointer;
}
div.track {
	width: 149px;
	height: 19px;
	background: url('/sys/images/slider_track2.png') 0 6px no-repeat;
}
div.handle {
	width: 15px;
	height: 19px;
	background: url('slider_handle.png') 0 0 no-repeat;
	cursor: pointer;
}
#color_controls {
	width: 170px;
	height: 300px;
	padding: 5px;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 6;
	color: #333;
	background: url('/sys/images/bg_window.png') 0 0 no-repeat;
}
#color_controls h5 {
	margin: 0;
	padding: 3px 0 0 11px;
	font-size: 14px;
	font-weight: 100;
	color: #333;
	text-align: center;
}
#color_controls_handle {
	background: transparent;
	height: 22px;
	cursor: move;
	padding: 4px 7px;
}
#color_controls_handle span {
	display: block;
	width: 22px;
	height: 22px;
	background: url('/sys/images/close_window_button.png') 0 0 no-repeat;
	float: right;
	cursor: pointer;
}
#color_controls_inner {
	padding: 0 10px 10px 10px;
}
#color_controls table {
	width: 152px;
	margin-top: -7px;
}
#color_controls td {
	font-size: 10px;
}
#controls_div {
	width: 910px;
	margin: 20px auto;
	background: #FFF;
	padding: 20px;
}
#controls_div label {
	display: block;
	font-size: 12px;
}
#controls_div td {
	padding: 10px;
	width: 33%;
	vertical-align: top;
}

#main_outer {
	width: 795px;
	background: #FFF url('images/main_rpt.png') 0 0 repeat-y;
	margin: 10px 0;
}
#main_top {
	height: 20px;
	background: url('images/main_top.png') 0 0 no-repeat;
}
#main_bottom {
	height: 20px;
	background: url('images/main_bottom.png') 0 0 no-repeat;
	clear: both;
}
#effects_outer {
	width: 910px;
	background: #FFF url('images/effects_rpt.png') 0 0 repeat-y;
	margin: 10px 0;
}
#effects_top {
	height: 20px;
	background: url('images/effects_top.png') 0 0 no-repeat;
}
#effects_bottom {
	height: 20px;
	background: url('images/effects_bottom.png') 0 0 no-repeat;
	clear: both;
}
#main {
	padding: 7px 0 5px 30px;
	color: #333;
}
a.effect_thumb {
	display: block;
	width: 108px;
	height: 108px;
	background: url('images/bg_thumb.png') 0 0 no-repeat;
	float: left;
	margin: 0 16px 14px 0;
}
a.effect_thumb div {
	width: 90px;
	height: 90px;
	margin: 7px auto 0 auto;
}
#effect_big_thumb {
	float: left;
	padding: 0 20px;
}
#choose_picture {
	float: left;
	padding: 0 15px;
	width: 500px;	
}
#choose_picture p {
	margin-left: 4px;
	color: #666;
}
/*#choose_button {
	display: block;
	padding: 10px 0 0 0;
	cursor: pointer;
	width: 188px;
	height: 68px;
	background: url('/sys/images/choose_button.png') 0 0 no-repeat;
	overflow: hidden;
}
#choose_button input {
	position: relative;
	display: block;
	top: -15px;
	left: -1500px;
	font-size: 100px;
	width: 200px;
	cursor: pointer;
}*/
#choose_button {
	position: relative;
	overflow: hidden;
	width: 188px;
	height: 68px;
}
.upload_input {
	position: absolute;
	text-align: right;
	z-index: 2;
	font-size: 70px;
	right: 0;
	cursor: pointer;
	margin: 0;
	padding: 0;
	font-family: Arial;
}
#choose_button img {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	cursor: pointer;
}
span.error {
	background: #FEF5EC url('/sys/images/icon_warning.png') 15px 50% no-repeat;
	padding: 15px 15px 15px 50px;
	display: inline-block;
	margin: -10px 0 20px 0;
	position: relative;
}
span.tail {
	display: block;
	position: absolute;
	left: 50%;
	top: -14px;
	height: 17px;
	width: 14px;
	background: fuchsia;
}
#flip_button {
	margin: 5px 0 0 -5px;
	display: block;
}
div.button_flip {
	width: 126px;
	height: 40px;
	cursor: pointer;
	float: left;
	background: url('/sys/images/button_flip.png') 0 0 no-repeat;
}
div.button_flip_over {
	background-image: url('/sys/images/button_flip_over.png');
}
#image_controls {
	width: 300px;
	margin: 0 auto 5px auto;
}
div.button_color {
	width: 164px;
	height: 40px;
	cursor: pointer;
	float: left;
	background: url('/sys/images/button_color.png') 0 0 no-repeat;
	margin-right: 5px;
}
div.button_color_over {
	background-image: url('/sys/images/button_color_over.png');
}
#form_suggest table {
	background: #F1F1F1;
	width: 100%;
}
#form_suggest td {
	text-align: left;
	padding: 10px;
}
#form_suggest td.left {
	width: 120px;
	padding-top: 13px;
}
#form_suggest label {
	color: #666;
	font-weight: 900;
}
#form_suggest input {
	width: 250px;
}
#form_suggest input.submit {
	width: 164px;
	height: 40px;
}
#form_suggest textarea {
	width: 450px;
	height: 170px;
}
#logo {
	display: block;
	margin: 0 0 0 10px;
	width: 320px;
	height: 45px;
}