@charset "utf-8";
/* CSS Document */
/*---------------------Reset Css ------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*font-weight: inherit;
	font-style: inherit;*/
	font-size: 100%;
	/*font-family: inherit;*/
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a {
	text-decoration:none
}
h1{font-size:24px;}
h2{font-size:18px;}
h3{font-size:16px;}
p{font-size:12px}
h1,h2,h3,h4,h5,h6,p{}
a{color:#fff; text-decoration:none}
.border_grey{ border-bottom:#eee 1px solid; height:1px;  margin-bottom:1px}
span.bold{font-weight:bold}
/*------------------------------------------- Main css ------------------------------------*/
body{background:#000 url(../images/bg_bricks.jpg) center top no-repeat ;
font-family:Arial, Helvetica, sans-serif;
line-height:1.5;
color:#fff;
width:100%;
}
/*----------------- Containers ------------------*/
#container{
	width:960px;
	margin:0 auto;
	position:relative}
	
	#comments_pg #content{padding:1em;
position:relative;
padding-top:2em}
	#welcome{
		background:url(../images/h1_welcome.jpg) top left no-repeat;
		width:382px;
		height:59px;
		margin-left:1.7em}
		#welcome h1{
			text-indent:-9999px;}
	#header{
		position:relative;
		height:87px;
		width:960px;
		margin:0 auto
		}
		
	#logo{
		background:url(../images/logo.jpg) top left no-repeat;
		width:483px;
		height:87px;
		position:absolute;
		right:0;
		top:0;
		text-indent:-9999px
		}

#flash{
	margin:0 auto;
	margin-top:-3em;
	width:960px;
	height:445px
	}
	#navigation{width:931px;
	height:102px;
	margin:0 auto;
	position:relative;
	background:url(../images/nav_bg.jpg) left top no-repeat;
	margin-left:30px
	
	}
	#navigation li{
		display:inline;
		}
	#navigation a{
		display:block;
		text-indent:-9999px;
		margin-top:35px}
	a#nav_pro{background:url(../images/nav_1.jpg) top left no-repeat;
	width:181px;
	height:48px;
	position:absolute;
	left:75px
	}
	a#nav_fil{background:url(../images/nav_2.jpg) top left no-repeat;
	width:223px;
	height:48px;
	position:absolute;
	left:350px;
	}
	a#nav_cha{background:url(../images/nav_3.jpg) top left no-repeat;
	width:179px;
	height:48px;
	position:absolute;
	left:653px}
	a#nav_pro:hover,a#nav_fil:hover,a#nav_cha:hover{
		background-position:left -48px;
	}

	/*------------------------------ footer ----------------------------------------------*/
	#footer{
		position:relative;
		width:960px;
		margin:0 auto;
		height:25px;
		}
		#comments{
			width:210px;
			height:25px;
			position:absolute;
			left:47px}
	#comments h1 a{
		background:url(../images/write.jpg) left top no-repeat;
		width:210px;
		height:25px;
		text-indent:-9999px;
		display:block}
		
		#direct{
			position:absolute;
			left:355px;}
		#direct h1 a{
			background:url(../images/direct.jpg) left top no-repeat;
			width:170px;
			height:40px;
		text-indent:-9999px;
		display:block}
		#copyrights{
			position:absolute;
			background:url(../images/copy_logo.jpg) left top no-repeat;
			left:641px;
			height:25px;
			padding-left:40px}
			#comments_pg #copyrights{background:url(../images/comments/footer_copy_logo.jpg) left top no-repeat;}
			#copyrights p{line-height:25px;}
/*---------------------- Commnents ----------------------------*/
body#comments_pg{background:#000  url(../images/comments/c_bg.jpg) center top no-repeat;}

#comments_pg #logo{
		background: url(../images/comments/cooments_logo.jpg) top left no-repeat;}
		h1#go_on{background:url(../images/comments/h1_write_c.jpg) left top no-repeat;
		width:379px;
		height:52px;
		text-indent:-9999px;}
		h1#insight{background:url(../images/comments/h1_read_c.jpg) left top no-repeat;
		width:379px;
		height:52px;
		text-indent:-9999px;}
		#comments_pg #left{
			width:380px;
			float:left;
			display:inline;
			position:relative;
			}
			#comments_pg #right{
				margin-left:380px;
				padding-bottom:2em;
				position:relative}
		#com_form label{ font-weight:bold;
		font-size:11px;
	}
		#com_form,table#new{	background:url(../images/comments/divider_center.jpg) right top no-repeat;
		height:402px}
		#com_form td{
			padding-bottom:1em;
			}
			.input_text{ width:228px;
			margin-left:1em}
			#comment_buttons{
				padding-left:1em;}
	#btn_com{
			width:130px;
			height:35px;
			cursor:pointer;	
			margin-left:1em;
			border:0;
			background:url(../images/comments/btn_add_comment_new.jpg) top left no-repeat;
			font-size:0px;
	}
				#btn_com:hover{
			width:130px;
			height:35px;
			cursor:pointer;
			background-position:left -35px;
			border:0;
			font-size:0px;}
			.label_text{vertical-align: super;}
		
			#btn_res{
			width:69px;
			height:35px;
			cursor:pointer;
			margin-left:1em;
			border:0;
			background:url(../images/comments/btn_reset_new.jpg) top left no-repeat;
			font-size:0px;}
			#btn_res:hover{
			width:69px;
			height:35px;
			cursor:pointer;
			margin-left:1em;
			font-size:0px;
			border:0;
			background-position:left -35px;}
			#back_btn{
				position:absolute;
				top:480px;
				left:16px}
				#back_btn a{color:#ff2800; font-weight:bold;
				}
				#back_btn a:hover{color:#fff;
				}
			#posted_commnents h2{color:#ff2800}
			#posted_commnents  li{
				padding-bottom :1em;
				padding-right:1em;
				background:url(../images/comments/comments_divider.jpg) bottom center no-repeat;}
				#bottom_nav {
					position:absolute;
					right:1em;
					padding-top:.5em;
					height:30px;
					line-height:30px
					}
				#bottom_nav a{
					padding:.5em 1em;
					border:#333 1px solid;
					font-size:11px;
					margin-right:1em;
					}
					#bottom_nav a:hover{
						background-color:#fff;
						color:#000;
						}
					
			table#new {font-size:12px; padding-right:2em;}