/* master.css */

@import url(reset.css);
@import url(typography.css);
/*@import url(grid.css);*/   /*not yet implement*/

/*--------------------Global Properties------------------------*/
img	{display:inline;
	border:none;}

.hide	{display:none;
		visibility:hidden;}	

.float_left	{float:left;}	

.float_right	{float:right;}	

strong	{font-weight:bold;}

hr	{border-bottom:1px solid #bfbfbf;}

.img_float_right	{float:right;		
					border-left:1px solid #b97d37;
					padding:5px 5px 20px 20px;
					margin-left:20px;}
					
.img_float_left	{float:left;		
				border-right:1px solid #b97d37;
				padding:5px 20px 20px 0px;
				margin-right:20px;}					

clear	{clear:both;}

/*----------------Customisation starts here---------------------*/
a:link	{text-decoration:none;
		color:#b97d37;}
a:visited	{text-decoration:none;
			color:#b97d37;}
a:hover	{text-decoration:underline;
		color:#b97d37;}
a:active	{text-decoration:underline;
			color:#b97d37;}

#location	{position:absolute;
			top:525px;
			left:10px;}

#location p	{margin:20px 10px 10px 10px;
			color:#ffffff;}
			
iframe	{height:210px;
		width:210px;
		border:5px solid #ffffff;}

/*---------------------------Background---------------------------*/
#bg	{width:100%;}		
			
/*---------------------------Wrapper---------------------------*/		
#wrapper	{position:relative;
			width:960px;			/*Change here to modify width*/
			font-size:1.2em;}			

/*---------------------------Header---------------------------*/		
#logo 	{width:125px;
		height:87px;
		left:-10px;
		position:relative;} /*In order to show the logo, this is needed. There is also <IMG /> on the HTML markup.*/
		
.header_bg	{float:left;}
/*----------------------------Menu----------------------------*/			
#menu	{clear:both; 
		position:absolute;
		left:45px;
		top:140px;
		z-index:1;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:0.9em;
		font-weight:bold;}	

#menu ul	{position:relative;}

#menu ul li	{padding:1px 0px 3px;}

#menu li a	{color:#ffffff;}

#menu ul ul li	{margin-left:20px;
				padding:0;}

/*-----------------------Current State------------------------*/
#home #item_home,
#about_unigold #item_about_unigold,
#our_history #item_our_history,
#management_team #item_management_team,
#our_certification #item_our_certification,
#our_culture #item_our_culture,

#our_services #item_our_services,
#our_products #item_our_products,
#facilities #item_facilities,
#career #item_career,
#job_offers #item_job_offers,
#contact_us_ #item_contact_us,

#ball_chain #item_ball, 
#cable_chain #item_cable, 
#double_chain #item_double,
#hollow_rope #item_hollow,
#valentino #item_valentino,
#single_curb #item_single,
#spike #item_spike,
#mix_chain #item_mix
{text-decoration:underline;}

/*---------------------------Banner---------------------------*/	
#banner	{margin-top:10px;}	

/*---------------------------Flash---------------------------*/			
#flash	{width:620px;
		height:320px;
		border:5px solid #eeeeee;
		margin:20px auto;}
		
/*---------------------------Content---------------------------*/			
#content	{position:relative;
			width:100%;}
	
#left_side	{position:relative;
			float:left;
			width:225px;}	

#right_side	{position:relative;
			float:left;
			min-height:700px;
			height:auto !important;
			height:700px;
			line-height:1.8;
			width:660px;			
			background:#ffffff;
			padding-top:30px;
			padding-left:35px;
			padding-right:35px;
			background:url(../images/right_side_bg.png) repeat-y;}		

/*-------------------------Right Side-------------------------*/										

#right_side ul	{margin:5px 10px 10px 30px;}

#right_side li	{list-style:circle;}

.product	{float:left;
			margin:10px 10px 20px;}
			
#right_side img.product	{border:1px solid #CCCCCC;
						margin:0;}

/*---------------------------Footer---------------------------*/							
#footer	{width:670px;
		color:#b97d37;
		font-size:0.8em;
		background:url(../images/right_side_bg.png) repeat-y;
		height:40px;	
		padding:10px 25px 0 35px;
		margin-left:225px;
		clear:both;}

#div_footer	{width:100%;
			border-top:1px solid #bfbfbf;
			padding-top:10px;}

#footer p	{float:left;}		

#footer	li	{display:inline;
			float:left;}
		
/*-----------------------------------------------------------------*/	
/*			PNG fix, if Dean Edwards script fail.
/*-----------------------------------------------------------------*/	

/*

div {azimuth: expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter ="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg:this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);}

*/

/*----------------------Contact Us------------------------------*/

label	{font-weight:bold; 
		width:160px; 
		margin-right:10px; 
		position:relative; 
		float:left; 
		text-align:right;}	
		
fieldset	{padding:1.4em; 
			margin: 0 0 1.5em 0; 
			border: 1px solid #ccc;}
			
legend	{font-weight:bold; 
		font-size:1.1em;}


/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 400px; height: 250px; padding:5px; }

input#submit	{margin-left:170px;}

.red	{color:#FF0000;}

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em;}

.error      { background: #FBE3E4; color: #8a1f11; border-top: 2px solid #FBC2C4; border-bottom: 2px solid #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-top: 2px solid #C6D880; border-bottom:2px solid #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }