body{
	width: 100%; height: 100%;
	background: url(../images/hometown-bg.gif);
	font-family: Georgia, Trebuchet MS, Tahoma, Verdana; font-size: 12px;
	color: #fff;
	background-attachment: fixed;
}

h1{font-size: 18px; color: #09c; border-bottom: 1px dotted #999}

fieldset{border: 1px dashed #ccc; padding: 5px}
	legend{padding-left: 5px;padding-right: 5px; color: #ff6600; border: 1px dashed #ff6600; background-color: #fff}

input[type=text], input[type=password], textarea{width: 150px; font-family: Georgia, Trebuchet MS, Tahoma, Verdana; font-size: 12px; color: #666; text-transform: lowercase; padding: 2px; border: 1px solid #fff}
	input[type=button], input[type=submit]{font-style: italic; cursor: pointer; font-family: Georgia, Trebuchet MS, Tahoma, Verdana; font-size: 12px; color: #666; text-transform: lowercase; padding: 1px}
	input[disabled], textarea[disabled]{color: #ccc; border: 2px dotted #ccc; background-color: #f1f1f1}
	select, option, input[type=file]{font-family: Georgia, Trebuchet MS, Tahoma, Verdana; font-size: 12px; color: #666; text-transform: lowercase}
	input[type=file]{padding: 5px}
	textarea{overflow: auto}
	
	input.designed, input.designed[disabled]{border: none; background: url(../images/input-normal2.png) no-repeat;  padding: 5px 0px 5px 8px}
	input.designed:focus{background: url(../images/input-focus2.png) no-repeat}
	
table{border-collapse: separate; padding: 2px}
table#tableLogin{width: 240px; border-collapse: separate; border-spacing: 4px}
table#tableRegister{width: 295px; border-collapse: separate; border-spacing: 4px}
	td{padding: 0px}
	td.log{width: 20px; height: 20px; vertical-align: middle; text-align: center}

a{color: #FE0000; text-decoration: none; outline: none; padding: 1px}
span{padding: 1px}
a:hover{color: #fff; text-decoration: underline}
	a.login, a.register, a.allEvents, a.logout{padding-left: 18px}
	a.login{background: url(../images/icon/arrow.png) no-repeat}
	a.register{background: url(../images/icon/arrow_skip_270.png) no-repeat}
	a.allEvents{background: url(../images/icon/music.png) no-repeat}
	a.logout{background: url(../images/icon/arrow_exit.png) no-repeat}
	span.user_male, span.user_female, a.user_male, a.user_female, a.catches, a.tags, a.polls{padding-left: 18px}
	span.user_male, a.user_male{background: url(../images/icon/user_male.png) no-repeat}
	span.user_female, a.user_female{background: url(../images/icon/user_female.png) no-repeat}
	a.catches{background: url(../images/icon/pin.png) no-repeat}
	a.tags{background: url(../images/icon/tags.png) no-repeat}
	a.polls{background: url(../images/icon/clipboard_text.png) no-repeat}
a:active, a:focus{outline:none}

/* general styles begin*/

	img.button{cursor: pointer}
	.txtCenter{text-align: center}
	.txtRight{text-align: right}
	.txtLeft{text-align: left}
	.vTop{vertical-align: top}
	.vBottom{vertical-align: bottom}
	.fLeft{float: left}
	.fRight{float: right}
	.dNone{display: none}
	.dBlock{display: block}
	.wFull{width: 100%}

div#preLoader{position: absolute; top: -99999px}

/* main container */
	div#left-container a{padding: 0px}
	div#left-container, div#center-container{float: left}
	div#left-container{width: 335px}
	div#center-container{width: 587px}
	
		#logo{margin-top: 10px; margin-left: 30px; height: 50px}
		#left-menu{width: 328px; height: 371px; background: url(../images/left-menu.png) no-repeat}
		#left-links{padding: 80px 20px 0px 60px}
	
		#center-top{width: 587px; height: 93px; background: url(../images/right-top.png) no-repeat}
		#center-center{overflow: auto; width: 587px; min-height: 286px; background: url(../images/right-repeat.png) repeat-y}
		#center-content{width: 587px; min-height: 286px; background: url(../images/right-center.png) no-repeat}
		#center-bottom{width: 587px; height: 213px; background: url(../images/right-bottom.png) no-repeat}
		 
		#center-content #content{padding: 0px 50px 10px 95px}
		.arrow{display: none}
		
		div#login-register{float: right; width: 199px; height: 67px; background: url(../images/login-register-bg.png) no-repeat}
		
/* notifications */
	span.wrong, span.warning, span.correct, span.wait{padding-left: 18px}
	span.wrong{background: url(../images/icon/cross_circle.png) 0px 2px no-repeat}
	span.warning{background: url(../images/icon/exclamation.png) 0px 2px no-repeat}
	span.correct{background: url(../images/icon/tick_circle.png) 0px 2px no-repeat}
	span.wait{background: url(../images/ajax_wait.gif) no-repeat}
	
/* styling input file */
	.si-files-stylized label.cabinet{width: 247px; height: 45px; background: url(../images/chooseAvatar.jpg) 0 0 no-repeat; display: block; overflow: hidden; cursor: pointer}
	.si-files-stylized label.cabinet input.file{position: relative; height: 100%; width: auto; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)}

/* pagination numbers */
	div.numbers a {padding-left: 5px; padding-right: 5px}
	a.selected {border-bottom: 2px solid #ff9900; color: #ff9900}
	a.number, a.next, a.back {border-bottom: 2px solid #ccc}

	
/* catches */
	a.catch, a.leave, a.report, a.waiter, span.news, span.date{padding-left: 17px}
	a.catch{background: url(../images/icon/pin_plus.png) no-repeat}
	a.leave{background: url(../images/icon/pin_minus.png) no-repeat}
	a.report{background: url(../images/icon/lightning.png) no-repeat}
	a.waiter{background: url(../images/ajax_wait.gif) no-repeat}
	
/* Sample 4*/

.mask3{
	position:relative;
	width:430px;
	height:240px;
	overflow:hidden;
}

#box4{
	position:absolute;
}

#box4 div{
	width:430px;
	height:240px;
	float:left;
}

#box4 h3, #box4 p, #box4 ul{
	padding:5px 10px;
}
#box4 p{
	text-indent:16px;
}
#box4 img{
	width:425px;
	heigh:240px;
	float:left;
}
#info4{
	background:#fff !important;
	color:red !important;
	cursor:default
}

p.buttons{text-align: right; padding-right: 15px}
p.buttons span{cursor: pointer; border: 1px solid #fff; padding: 0px 2px 2px 2px}
p.buttons span.active{cursor: pointer; border: 1px solid #fff; background: #fff; color: #000; padding: 0px 2px 2px 2px}