/***[basic]***/
*{
margin:0 0;
padding:0;

}

body{
background: #F3F2ED url(../images/bdy-bg.jpg) repeat-X left top;
color:#676767;
font:11px Tahoma;

}

h1 {
color:#6382AF;
font:bold 25px Bangle;
padding:5px 0 5px 0;
}

h2 {
color:#F6F77F;
font-size:15px;
font-weight:normal;
}

h3 {
color:#000;
font-size:13px;
padding:15px 0 0px 0;

}
*/padding:0 0 0 0;*/
a {

text-decoration:none;

}

a:hover {
text-decoration:underline;
}

img {
border:0;
}

ul {
list-style:none;
}

p {
padding:0 0 15px 0;
line-height:16px;
}

.column {
  padding-bottom: 20010px;
  margin-bottom: -20000px;  
}

/******>>>>--------<<<<******/
/***[Structure]***/
/******>>>>--------<<<<******/

#wrapper {
margin:0 auto;
width:951px;
overflow:hidden;
background:#EFEFEF;

}


/******>>>>--------<<<<******/
/***[Banner]***/
/******>>>>--------<<<<******/





#top-nav {
float:left;
width:951px;


}


		#top-nav .flg {
		padding:50px 20px 0 0;
		}
		
		
		#flg {
		float:right;
		width:80px;
		margin-top:50px;
		margin-right:10px;
		}

#menulink {
position:absolute;
right:30px;
top:10px;
font:11px Tahoma;
float:right;
width:400px;

}

		#menulink ul {
		float:left;
		
	

		}
		
		#menulink ul li {
		float:left;
		padding:0 0 0 0 0;
		border-left:1px solid #ccc;
		
		
	

		}
		#menulink ul li a {
		padding:0 10px 0 10px;
		text-decoration:none;
		color:#C1A154;
		}
		#menulink a:hover {
		text-decoration:underline;
		
		}
		
		#menulink ul li.nobrder {
		border-left:none;
		}
		
#body-home #menulink ul li.home,
#body-partner #menulink ul li.partner,
#body-date #menulink ul li.articles,
#body-contact #menulink ul li.contact
{
background:#33FFCC;
color:#fff;
}

#menulink .pdd {
margin-left:40px;
}


#search-engin {
position:relative;
float:right;

width:200px;
margin-top:30px;
margin-right:20px;

}


			#search-engin .form value {
			font-size:12px;
			}
			
			#search-engin .search-text {
			position:absolute;
			top:-15px;
			left:-90px;
			width:200px;
			height:20px;
			border:1PX solid #CCCCCC;
			padding:4px 0 0 10px;
			
			}
			.goicon {
			float:right;
			position:relative;
			left:2px;
			background:url(../images/go.jpg) no-repeat left top;
			width:70px;
			height:27px;
			border:0px;
			cursor:pointer;
			
			}


/******>>>>--------<<<<******/
/***[Mid-content]***/
/******>>>>--------<<<<******/
#header-block {
float: left;
width:951px;
margin-top:11px;
height:247px;
margin-bottom:10px;
border-bottom:2px solid #47C5F5;





/*background:url(../images/header-img.jpg) no-repeat left top;*/





}	




		/*.hedarblck {
		background:url(../images/newsletter.jpg) no-repeat left top;
		position:absolute;
		right:1px;
		top:-17px;
		width:251px;
		height:211px;
		
		}
		.hedarblck h3 {	
		position:absolute;
		right:60px;
		top:35px;
		font:bold 18px Tahoma;
		color:#fff;
		width:150px;
		
		}
		
		.hedarblck ul {
		position:absolute;
		right:90px;
		top:55px;
		padding:0 0 0 0;
		}
		
		.hedarblck ul li {
		padding:5px;
		padding-left:15px;
		background:url(../images/hed-li.jpg) no-repeat left center;
		}
		
		.hedarblck ul li a {
		color:#fff;
		}
		#header-block ul li a:hover {
		text-decoration:none;
		}*/
	/* Listen */
#portfolio {
float:left;
width:511px;
position:relative;
margin: -3px 0 0 0px;





}


ul#portfolio li img {


}


ul#portfolio li img .fade{
margin-top:10px;
padding-top:10px;
}
	
#mid-box {
float:left;
width:951px;
padding:0 15px 0 5px;


}
		#mid-box-lft {
		position:relative;
		float:left;
		width:628px;
		height:290px;
		margin-top:5px;
		background:url(../images/mid-box.jpg) no-repeat left top;
		margin-bottom:10px;
		margin-left:12px;
		*/ margin-left:6px;*/
		*/height:300px;*/
		
		}
		
		#mid-box-lft h3 a {
		position:absolute;
		left:30px;
		top:245px;
		color:#fff;
		}
		#mid-box-lft ul {
		position:absolute;
		left:30px;
		top:240px;
		
		}
		#mid-box-lft ul li {
		float:left;
		background:url(../images/li-mid-box.jpg) no-repeat left top;
		height:40px;
		padding:4px	70px 0 50px;
		font:18px "Trebuchet MS";
		}
		#mid-box-lft ul li a {
		color:#fff;
		}
		
		
		#mid-box-indxcont {
		float:right;
		width:290px;
		padding:10px 20px 0 0;
		}
		#mid-box-indxcont h1 {
		color:#6382AF;
		font:bold 25px Bangle;
		
		}
		#mid-box-indxcont p {
		font:11px Tahoma;
		color:#676767;
		line-height:16px;
		padding-bottom:10px;
		}
		
		#mid-box-indxcont h4 {
		padding-bottom:5px;
		margin-top:10px;
		}
		#mid-box-indxcont h4 a {
		padding-right:20px;
		color:#fff;
		background:#459FCA;
		font:12px Tahoma;
		padding:5px 5px 8px 5px;
		text-decoration:none;
		
		}
		#mid-box-indxcont h4 a:hover {
		text-decoration:underline;
		}





/******>>>>--------<<<<******/
/***[Bottom-Info]***/
/******>>>>--------<<<<******/
#comny-info {
float:left;
width:921px;
background:url(../images/btm-box.jpg) no-repeat left top;
margin-left:15px;
padding:20px 0 0 5px;
*/margin-left:7px;*/
}

		#comny-info .chatbox1 {
		float:left;
		padding-left:12px;
		padding-bottom:10px;
		position:relative;
		
		}
		#comny-info .chatbox1 h3 {
		font:17px Tahoma;
		color:#537DBF;
		
		
		}
		#comny-info .chatbox1 .live
		{
		position:absolute;
		left:200px;
		top:70px;
		font:12px Arial, Helvetica, sans-serif;
		color:#993300;
		
		}
		#comny-info .chatbox1 .live a
		{
		color:#993300;
		
		}
		#comny-info .chatbox1 h4 a {
		color:#993300;
		font: 13px Tahoma;
		padding-left:3px;
		}
		
		#comny-info .chatbox1 h4 a:hover {
		text-decoration:none;
		}
		#comny-info .nobr {
		border:0px;
		}
		
		#comny-info .chatbox1 UL {
		padding-top:10px;
		}
		
		#comny-info .chatbox1 UL LI {
		background:url(../images/chat-li.jpg) no-repeat left center;
		padding:0 0 5px 0;
		}
		
		#comny-info .chatbox1 UL LI a {
		color:#4494C3;
		font:11px Tahoma;
		padding:0 0 5px 15px;
		}

/******>>>>--------<<<<******/
/***[content]***/
/******>>>>--------<<<<******/

#content {
float:left;
width:678px;
padding:0 10px 0 20px;
margin-bottom:20px;

}

	

		#content h2 {
		padding:10px 0 0 10px;
		color:#B00500;
		}

		#content p {
		padding:0 0 8px 0;
		line-height:16px;
		color:#676767;
	
		}
		
		
		
	
		#content h2
		{
		font:bold 17px Arial, Helvetica, sans-serif;
		color:#C19D53;
		padding:10px 0 5px 0;
		}
		
		#content ul,ol{
		padding:5px 0 5px 25px;
				
		}
		
		#content ul li {
		padding:0 0 5px 15px;
		background:url(../images/chat-li.jpg) no-repeat left 4px;
		}
		
		#content ol li {
		padding:0 0 10px 5px;
	
		}
		
		#content ul li a
		{
		padding:0 0 10px 0px;
		}
		hr
		{
		background:#CCC;
		color:#ccc;
		height:1px;
		border:1px;
		
		}
		
		#content a {
		text-decoration:none;
		color:#6382AF;
		}
		#content a:hover {
		text-decoration:underline;
		}
#content .cont {
margin-top:20px;
float:left;
border:1px solid #CCC;
}
#content .cont td {

padding:5px 0 8px 25px;
border:1px solid #CCC;


}
#content .cont th {
font:bold 13px Tahoma;
padding:0px 0 0px 0px;
color:#fff;
background:#2986C1;
}

/******>>>>--------<<<<******/
/***[lefttcolumn]***/
/******>>>>--------<<<<******/	
#left-nav {
float:left;
width:240px;
padding:0 0 80px 0;
background:#EBEBE3;
position:relative;

}


#left-nav.column {
  padding-bottom: 20010px;
  margin-bottom: -20000px;  
}	
		#left-nav h2 {
		border-bottom:1px solid #DBDBCE;
		font:22px Arial, Helvetica, sans-serif;
		color:#6382AF;
		padding:10px 0 10px 30px;
		}

.urbangreymenu{
width: 210px; /*width of menu*/
padding-bottom:20px;
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(../images/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
padding-bottom:20px;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
background:url(../images/arrow.gif) no-repeat 10px top;
border-bottom:1px solid #fff;
padding:3px 0 3px 25px;
}

.urbangreymenu ul li a{
font: normal 12px Arial;

color:#000;
display: block;
line-height: 17px;

text-decoration: none;
}

.urbangreymenu ul li a:visited{
color:#000;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color:#fff;
background:#000;
}

#body-stnd .urbangreymenu ul li.stnd,
#body-die .urbangreymenu ul li.die,
#body-double .urbangreymenu ul li.double,
#body-pen .urbangreymenu ul li.pen,
#body-straw .urbangreymenu ul li.straw,
#body-washing .urbangreymenu ul li.washing,
#body-blown .urbangreymenu ul li.blown,
#body-recycling .urbangreymenu ul li.recycling,
#body-blow .urbangreymenu ul li.blow,
#body-lab .urbangreymenu ul li.lab,
#body-sheet .urbangreymenu ul li.sheet,
#body-pipe .urbangreymenu ul li.pipe,
#body-raffia .urbangreymenu ul li.raffia,
#body-box .urbangreymenu ul li.box
{
background:#FFf url(../images/left-boy-id.jpg) no-repeat left top;




}

.poem {
text-align:left;
padding:0 10px 50px 10px;
width:650px;
height:400px;
overflow: auto;
}

#inside-chat-box
{
position:relative;
float:left;
width:230px;

}
#inside-chat-box .rdtext
{
position:absolute;
top:70px;
left:90px;
font:12px Arial, Helvetica, sans-serif;
}

#inside-chat-box .rdtext a
{
color:#993333;

}


#inqry-nav {
float:left;
width:200px;
padding:0 20px 50px 0;
background:#FCA700;
margin-bottom:20px;

}

#inquiry-box{

float:left;
background:#fff;
width:214px;
margin-top:10px;

padding-bottom:20px;
border:1px solid #459FCA;
*/
margin-left:10px;*/

}

#inqry-form
{
float:left;
width:650px;
}

		#inquiry-box h3 {
		color:#08CECE;
		font:bold 13px Tahoma;
		padding-top:20px;
		padding-left:20px;
		}
		#inquiry-box h4 a {
		color:#459FCA;
		font:bold 13px Tahoma;
		padding:5px 0 0 20px;
		}
		
		#inquiry-box h4 a:hover {
		text-decoration:none;
		}





/******>>>>--------<<<<******/
/***[Photo Gallery]***/
/******>>>>--------<<<<******/

#scroller {
width:600px;  
position:relative;
padding:5px 0; 
margin:0 auto 20px 0; 
}
			#scroller em {
			display:block; 
			width:229px; 
			height:175px; 
			position:absolute; 
			top:0; 
			right:0; 
			border:1px solid #ddd;
			}
			#scroller span {
			display:block; 
			width:360px; 
			height:365px; 
			position:absolute;
		
			top:0; 
			left:0; 
			border:1px solid #ddd;
			}
			
			
			#scroller b#thumbs {
			display:block; 
			width:220px; 
			height:175px; 
			overflow:auto; 
			float:right; 
			margin-top:175px; 
			border:1px solid #ccc; 
			border-width:1px 0 1px 1px; 
			padding:5px;
			}
			#scroller b#thumbs a {
			display:block; 
			float:left; 
			margin:0 10px 10px 0; 
			background:#f8f8ff; 
			width:50px; 
			height:50px; 
			border:1px solid #000;
			}
			#scroller b#thumbs a img {
			width:50px; 
			height:50px;
			}
			
			#scroller b#thumbs a:hover {
			border:1px dotted #ccc;
			background:#fff url(../photo/click_on.gif);
			}
			
			#scroller b#thumbs a:hover img {
			display:block; 
			position:absolute; 
			background:#aaa; 
			z-index:500;
			}
			
			#scroller b#thumbs a:active img, #scroller b#thumbs a:focus img {
			display:block; 
			position:absolute; 
			background:#aaa; 
			z-index:100;
			}
			
			#scroller b#thumbs a:hover img.hr {
			width:160px;
			height:120px; 
			right:30px; 
			top:7px; 
			border:1px solid #333;
			}
			
			#scroller b#thumbs a:hover img.vt {
			width:160px; 
			height:120px; 
			right:30px; 
			top:7px; border:1px solid #333;
			}
			
			#scroller b#thumbs a:active img.hr, #scroller b#thumbs a:focus img.hr {
			width:320px; 
			height:280px; 
			left:20px; 
			top:7px; 
			border:1px solid #333;
			}
			
			#scroller b#thumbs a:active img.vt, #scroller b#thumbs a:focus img.vt {
			width:320px; 
			height:280px;  
			left:20px; 
			top:7px; 
			border:1px solid #333;
			}
			
			
			*/[if IE]
			
			#scroller  b {
			scrollbar-arrow-color: #333;
			scrollbar-3dlight-color: #bbb;
			scrollbar-highlight-color: #eee;
			scrollbar-face-color: #bbb;
			scrollbar-shadow-color: #eee;
			scrollbar-darkshadow-color: #bbb;
			scrollbar-track-color: #fff;
			}

			<![endif]*/

/******>>>>--------<<<<******/
/***[Inquiry Form]***/
/******>>>>--------<<<<******/
.inqury-box {
margin-top:20px;
float:left;
width:600px;
border:1px solid #CCC;
}
		.inqury-box td {
		padding:5px 0 8px 15px;
		border-bottom:1px solid #ddd;
		}
		.inqury-box th {
		
		font:bold 15px Tahoma;
		padding:5px 0 5px 5px;
		color:#fff;
		background:#AEAEAE;
		}
		
		.rd {
		
		font-weight:bold;
		color:#990033;
		}

div#sitlrt {

float:right;
width:250px;

}
div#sitlrt ul {

font-weight:normal;
}



/******>>>>--------<<<<******/
/***[footer]***/
/******>>>>--------<<<<******/
#footer {
float:left;
width:100%;
height:70px;
background:#B1AFAE url(../images/footer-bg.jpg) repeat-x left top;
padding-bottom:10px;

}
	
		#footer-cont {
		margin:0 auto;
		width:951px;
		height:70px;
		}
		#footer-cont p {
		padding:25px 0 0 20px;
		
		}
		#footer-cont a {
		color:#676767;
		}
		
		#footer-cont .link {
		margin-top:-15px;
		float:right;
		padding-right:10px;
		}
		#footer-cont .link ul {
		padding-right:10px;
		}
		
		#footer-cont .link ul li {
		float: left;
		
		
		}
		#footer-cont .link ul li a {
		border-right:1px solid #666666;
		padding: 0 7px 5px 7px;
		}
/******>>>>--------<<<<******/
/***[Forms]***/
/******>>>>--------<<<<******/

form {
margin-top:15px;
}

		fieldset {
		margin-bottom:10px;
		display:block;
		padding:10px 5px;
		border-color:#060;
		border:none;
		}
			
		legend {
		font-size:13px;
		color:#fff;
		}
			
		input {
		
		font-family: Arial, Helvetica, sans-serif;
		}
			
		label {
		font-size:12px;
		display:block;
		margin-top:5px;
		width:200px;
		}
			
		input.frm_text {
		width:300px;
		background:#fff;
		}
			
		textarea {
		width:300px;
		height:150px;
		}
			
		input.frm_submit {
		display:block;
		clear:both;
		margin-top:10px;
		padding:2px 4px;
		}
		
		form label span {
		color:#F57125;
		}
		
		p.message {
		color:#FF9900;
		font-family:Arial, Helvetica, sans-serif;
		font-size:20px;
		}