@charset "utf-8";
body {
	font: normal 0.8em Verdana, Geneva, sans-serif;
	color: #333;
	margin:0px;
	background:#800020 url(images/page_bg.jpg) repeat-x;
}
.clearall{
	clear:both;
	}
	
a.agnis-designers{
	font: normal x-small Verdana, Geneva, sans-serif;
	color:#333;
	text-decoration:none;
	}
	
a.agnis-designers:hover{
	color:#F00;	
	}

#main_container{
	 margin:0px auto;
	 width:780px;
	}

#logo{
	width:100%;
	height:87px;
	}
	
#menubar{
	width:100%;
	height:72px;
	vertical-align:bottom;
	}

#slideshow{
	height:272px;
	display:block;
	text-align:center;
	margin:0 auto;
	padding:35px 0px 0px 40px;
	border:0px solid #F00;
	}
#content-container{
	background:#FFF;
	border:1px solid #CCC;
	border-width:0px 1px 0px 1px;
	padding:0px 5px;
	margin:0px;
	}
	
#content-container p{
margin:10px 0px 0px 0px;

}
#footer-box{
	background:url(images/footer-bg.gif) no-repeat;
	height:34px;
	margin:0px 0px 20px 0px;
	padding:10px 10px 0px 0px;
	text-align:right;
	}

/* ------------------------------------------------------------  START Product BOX  ------------------------------------------------------------ */
.product-box{
	display:block;
	width:100%;
	background:#E7E7E7;
	min-height:150px;
	vertical-align:top;
	}
	
.product-heading{
	display:block;
	background:#9A5C0B;
	font:bold large Tahoma, Geneva, sans-serif;
	margin:0px;
	padding:5px;
	color:#FFF;
	}	
	
.product-box img{
margin:0px;
padding:8px 5px 5px 5px;
float:left;
border:0px solid #333;
}

.product-box p{
margin:0px;
padding:4px 3px 5px 215px;	
text-align:justify;
/*border:1px solid #F00;
*/}
.product-box ul
{
list-style-type: none;
text-align: left;
margin:0px 50px 0px 15px;
padding:0px;
/*border:1px solid #ccc;*/
}

.product-box ul li 
{
background: transparent url(images/bullet.png) left top no-repeat;
margin:5px 0px 0px 0px;
padding:0px 0px 3px 15px;
text-align: justify;
font: normal small "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #000;
border:0px dotted #000;
border-width:0px 0px 0px 0px;
}


/* ------------------------------------------------------------  START Product BOX  ------------------------------------------------------------ */


/* ------------------------------------------------------------  START TEXT HEADINGS  ------------------------------------------------------------ */

.heading1{
	margin:0px;
	font:bold 1.5em Verdana, Geneva, sans-serif;
	color:#900;
	display:inline;
	}
.heading2{
	margin:0px;
	font:bold 1.2em Verdana, Geneva, sans-serif;
	color:#003;
	display:inline;
	}
.heading3{
	margin:0px;
	font:bold 1.2em Verdana, Geneva, sans-serif;
	color:#900;
	display:inline;
	text-align: justify;
	}
.heading4{
	margin:1px;
	font:bold 1.0em Verdana, Geneva, sans-serif;
	color:#322B21;
	display:block;
	padding:5px 5px 5px 30px;
	width:500px;
	float:left;
	}

	
	
/* ------------------------------------------------------------  END TEXT HEADING  ------------------------------------------------------------ */


/* ------------------------------------------------------------  START EASY SLIDER  ------------------------------------------------------------ */

#content{
		position:relative;
		height:307px;
		}	
		
img{ border:none;}
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:10px 0px 0px 0px;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */


	#slider{
				
		}	
	#slider ul, #slider li{
		margin: 0 auto;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		}	
	#nextBtn{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}												

/* ------------------------------------------------------------  END EASY SLIDER  ------------------------------------------------------------ */


/* ------------------------------------------------------------  Navigation Menu Styles  ------------------------------------------------------------ */
#navigation{
	width:100%;
	height:61px;
	background:url(images/navBG.jpg) repeat-x #45382F;
	font-size:18px;
	padding:11px 0 0 1px;
	}
	.nav{
		margin:0;
		padding:0;
		list-style:none;
		float:left;
		clear:left;
		}
	.nav li{
		display:inline;
		float:left;
		clear:right;
		margin:0 15px 0 0;
		}
	.nav .on{
		background:url(images/on.jpg) repeat-x;
		display:block;
		height:45px;
		overflow:hidden;
		padding:15px 10px 0 10px;
		border-width:1px 1px 0 1px;
		border-style:solid;
		border-color:#FFF;
		}
	.nav .off{
		display:block;
		height:45px;
		overflow:hidden;
		padding:15px 10px 0 10px;
		}
		.nav .on a{
			color:#000;
			display:block;
			border-bottom:3px solid #800020;
			}
		.nav .off a{
			color:#FFF;
			display:block;
			}
			.nav .off a:hover{
				color:#FFF;
				display:block;
				border-bottom:2px solid #FFF;
				}
	.nav li a{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		text-decoration:none;
		}
/* ------------------------------------------------------------  End of Navigation Styles  ------------------------------------------------------------ */

/* ------------------------------------------------------------  START Arrow Menu  ------------------------------------------------------------ */


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

.arrowlistmenu{
width: auto; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

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

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

.arrowlistmenu ul li a{
color: #A70303;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 4px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
/* ------------------------------------------------------------  END Arrow Menu  ------------------------------------------------------------ */
.contact{
	font:normal 12px Tahoma, Arial, Verdana;
	color:#000;
	text-align:left;
	width:100%;
	background:#E7E7E7;
	min-height:150px;
	vertical-align:top;
}
.contact img{
	float:left;
	padding:10px 5px 2px 10px;
}
.contact a{
}
.contact a:hover{
	color:#CCC;
	text-decoration:none;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.boldbuttons{
background: transparent url(images/roundedge-red-left.gif) no-repeat top left;
display: block;
float: left;
font: bold 16px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/

}

a.boldbuttons span{
background: transparent url(images/roundedge-red-right.gif) no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;

}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
padding:5px 5px 5px 250px;
}
.newspaper-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 14px;
	margin: 5px;
	width: 350px;
	text-align: center;
	border-collapse: collapse;
	border: 1px solid #900;
}
.newspaper-a th
{
	padding: 12px 17px 12px 17px;
	font-weight: normal;
	font-size: 15px;
	color: #900;
	border-bottom: 1px dashed #009;
	text-align:center;
}
.newspaper-a td
{
	padding: 7px 17px 7px 17px;
	color: #000;
	border-bottom: 1px dashed #009;
}
.newspaper-a tbody tr:hover td
{
	color: #000;
	background: #EEE;
}
.pioneer {
	margin : auto;
	text-align : center;
	}
.pioneer div {
	display:inline-block;
	width : 25%;
	margin : 0 1em 0 0;
	padding : 0.7em;
	float:left;
	}
.pioneer div.last {
	margin : 0;
	}
.pioneer div p {
	width : 10em;
	}
.pioneer img {
	border : 1px solid;
	border-color : #900;
	}
.pioneer img:hover {
	border : 1px solid;
	border-color : #03C;
	}
	
table.gridtable {
	margin:13px 0px 0px 18px;
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #903;
	background-color: #9CF;
	color:#000;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}