@charset "utf-8";
body {
	margin:0px auto;
	background:url(images/top-background.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333;
}

a.agnis-designers{
	font: normal x-small Verdana, Geneva, sans-serif;
	color:#333;
	text-decoration:none;
	}
	
a.agnis-designers:hover{
	color:#F00;	
	}
	
#main{
	background:#FFF;	
	}
#topshadow{
	background:url(images/shadow-top.jpg) repeat-x;
	width:100%;
	height:18px;	
	}
#shadowleft{
	background:url(images/shadow-left-bg.gif) repeat-y;
	vertical-align:top;
	}
#shadowright{
	background:url(images/shadow-right-bg.gif) repeat-y;
	vertical-align:top;
	}
#shadowbottom{
	background:url(images/shadow-bottom.gif) repeat-x;
	height:20px;
	vertical-align:top;
	}	
#flash{
	width:898px;
	height:267px;
	background:url(images/flash-background.png) no-repeat;
	}
#contentTable{
	 margin:5px 6px 0px 7px;
	}	
#contentTable .title{
	background:url(images/content-top.gif) no-repeat;
	height: 39px;
	width: 705px;
	}	
	
#contentTable .title h1{
	padding:0px 0px 0px 40px;
	font:bold 22px "Arial", Gadget, sans-serif;
	color:#FFF;
	margin:0px;
}


#contentTable .titlelong{
	background:url(images/content-title-long-bg.gif) no-repeat;
	height: 39px;
	width: 705px;
	}	
	
#contentTable .titlelong h1{
	padding:0px 0px 0px 40px;
	font:bold 22px "Arial", Gadget, sans-serif;
	color:#FFF;
	margin:0px;
}

#contentTable .contentbg{
	background:url(images/content-middle.gif) repeat-y;
	vertical-align:top;
	padding:10px 10px;
	text-align:justify;
	font:normal small Arial, Helvetica, sans-serif;
	color:#000;
	}	
	
#contentTable .rightheading{
	 background:url(images/rightbox-title.gif) no-repeat;
	 margin:0px 0px 0px 5px;
	 width:175px;
	 height:39px;
	}
#contentTable .rightheading h1{
	padding:0px 0px 0px 0px;
	font:bold 18px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFF;
	margin:0px;
	}	
	
#contentTable .rightbg{
	 background:#dd7c59;
	 margin:0px 0px 0px 5px;
	 width:175px;
	 vertical-align:top;
	}
	
#contentTable .rightbottom{
	 background:url(images/rightbox-bottom.gif) no-repeat;
	 margin:0px 0px 0px 5px;
	 height:6px;
	 width:175px;
	}
#contentTable .contentbottom{
	background:url(images/content-bottom.gif) no-repeat;
	margin:0px 0px 0px 5px;
	height: 6px;
	width: 705px;
	}	
	
.heading1{
	margin:0px;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#FFF;
	}
.heading2{
	margin:0px;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#933;
	}
.heading3{
	margin:0px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#1C252B;
	}
	
.heading4{
	margin:0px;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#591902;
	}
.heading5{
	margin:0px;
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#006;
	}
.heading6{
	margin:0px;
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#CC2A09;
	}	
	
	
.chemlin-list{
	
	}
	
.chemlin-list ul{
	
	}	
.chemlin-list li{
	margin-top:10px;
	list-style-image:url(images/bullet-arrow2.png);
	font:bold small Arial, Helvetica, sans-serif;
	color:#333;
	}
.topdoted{
	border:1px dotted #F04C44;
	border-width:1px 0px 0px 0px;
	
	}
	
.solidtable{
border: 1px solid #660000;
border-width:1px 1px 0px 1px;
	}
.solidtable td{ 
border: 1px solid #660000;
border-width:0px 0px 1px 0px;
}

	

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.urbangreymenu{
width: 174px; /*width of menu*/
text-align:left;
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(media/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 ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: bold 12px tahoma;
color: black;
background: #FFD5AA;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

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

.urbangreymenu ul li a.selected{
font: bold 12px tahoma;
color: white;
background: #C00;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}


.enquiryform p{
width:450px;
border:0px dotted #2D2D2D;
border-width:0px 0px 0px 0px;
margin:0px;
padding:5px 5px 5px 5px;
padding-left:105px;
height:1%;
}
.enquiryform label{
float:left;
margin-left:-105px;
width:150px;
}
.enquiryform .input{
width:200px;
height:17px;
border:1px solid #666;
background:#FFF;
font: normal 12px Tahoma, Arial, Verdana;
color:#000;
}
.enquiryform textarea{
width:200px;
height:100px;
border:1px solid #666;
background:#FFF;
font: normal 12px Tahoma, Arial, Verdana;
color:#000;
}

#footer{
	font:normal small Tahoma, Geneva, sans-serif;
	color:#333;
	}
	
#footer a{
	font:normal small Tahoma, Geneva, sans-serif;
	color:#333;	
	text-decoration:none;
}

#footer a:hover{
	font:normal small Tahoma, Geneva, sans-serif;
	color:#F00;	
}