html, body{ margin: 0; padding: 0; background-image: url(img/bg.png); background-repeat: repeat; font-family: Verdana, Geneva, sans-serif;}
#wrapper {width: 700px; height: auto; margin: 0 auto; padding: 0 0 30px 0;}
.header, .intro,.congrads, .browse,.resize,#procc_images,.thumbnails{width: 660px;  height: auto;}
.header {margin-top: 45px; margin-bottom: 30px;}
.logo {width: 192px; height: 59px; margin: 10px 0px;}
li {list-style: none; margin-top: 10px;}
.intro,.congrads{
	background-color: #FFF;
	background-image:url(img/msg_box_bg.png);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 100px;
}
.intro .icon{float: left; width: 90px; height: 54px;
	margin-top: 20px; margin-left: 20px;
	background-image: url(img/photos_ico.png);
	background-repeat: no-repeat;
}
.intro .description p{
	float: left;
	margin-top: 20px; margin-left: 5px;
	width: 450px;
	height: auto; 
}
.browse{
	margin-top: 20px;
	height: 100px;
	background-color: #FFF;
}
.browse input[type="file"]{
	margin: 35px 250px;
}
.resize, #procc_images{
	margin-top: 29px; height: 460px;
	background-color: #FFF;
	border-radius: 4px;
	-moz-box-shadow:    0px 0px 30px 1px #CCCCCC;
	-webkit-box-shadow: 0px 0px 30px 1px #CCCCCC;
	box-shadow:         0px 0px 30px 1px #CCCCCC;
}
hr {
	height: 0;
    border: 0;
	border-top: #CCC 1px solid;
	width: 620px;
	background-color: #CCC;
	color: #CCC;
}
ul.custom_dim{
	font-size: 14px;
	margin-left: 75px;
	list-style: none;
}
ul.custom_dim input[type="text"]{
	margin-top: 2px;
	width: 100px;
	height: 30px;
	border:1px #666;
	padding-left: 10px;
	border-radius: 2px;
	-moz-box-shadow:    0px 0px 3px 0px #666666;
	-webkit-box-shadow: 0px 0px 3px 0px #666666;
	box-shadow:         0px 0px 3px 0px #666666;
	outline: none;
}
ul.custom_dim li{
	float: left;
	margin-left: 15px;
}
.dimensions p{
	font-size: 17px;
}
.resize .dimensions{
	width: inherit; height: 354px;
}
.resize .photo_options{
	width: inherit; height: 100px;
}
.sizes{
	width: 500px;
	margin-left: 120px;
}
.sizes input[type="radio"]{

}
.left{
	float: left;
	width: 250px;margin-bottom: 25px;
}
.right{
	float:right;
	width: 250px;margin-bottom: 25px;
}
.photo_options{
	width: inherit; height: 100px;
	background-image: url(img/up_shadow.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFF;
}
.photo_options .options{
	margin-left: 25px;
	padding-top: 25px;
}
.intro,.p2_head,.browse,.thumbnails {
	border-radius: 4px;
    width: 660px;
	-moz-box-shadow:    0px 1px 3px 0px #999999;
	-webkit-box-shadow: 0px 1px 3px 0px #999999;
	box-shadow:         0px 1px 3px 0px #999999;
}
.thumbnails {
	margin-top: 20px;
	background-color: #FFF;
	height: 100px;
}
/* P2 */
.congrads{
	border-radius: 4px;
}
.congrads p{
	color: #6daa25;
	margin-left: 200px; padding-top: 30px;
	font-size: 30px;
}
.sep {
	float: left;
	margin-top: 10px;
	height: 82px; width: 6px;
	background: url(img/sep.png);
}
.congrads_description{
	color: #666;
	font-size: 14px;
	width: 390px;
	margin-left: 25px;
	margin-top: 25px;
}
.download_btn{
	margin-left: 25px;
	margin-top: 25px;
}
.congrads_description,.download_btn{float: left;}
.p2_head{
	height: 206px;
	background: #FFF;
}

#procc_images{
	padding: 20px 0px 50px 0px;
	height: auto; /*273 */
	min-height: 200px;
	overflow: auto;
}

.show_image{
	border-radius: 3px;
	width: 170px; height: 135px;
	float: left;
	margin-left: 36px; margin-top: 20px;
	border: #999 1px solid;
	opacity: 0.9;
	cursor: pointer;
	-moz-box-shadow:    0px 0px 15px 1px #999;
	-webkit-box-shadow: 0px 0px 15px 1px #999;
	box-shadow:         0px 0px 15px 1px #999;
}
.show_image:hover{
	opacity: 1.0;
}
/*
input[type="submit"]{
width: 187px; height: 48px;
border: #58A550 1px solid;
border-radius: 4px;
background-image: url(img/submit.png);
background-repeat: no-repeat;
}
*/