@charset "utf-8";
/* CSS Document */

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, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, form{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: url(../images/arrowsupplies-bg.jpg) top center no-repeat;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#31353b;
	background-color:#e4dbe3;
}

a { font:normal 12px Arial, Helvetica, sans-serif; color:#7a146d; text-decoration:none; }
a:hover { color:#b81ea2; text-decoration:underline; }

.clear { clear:both; } 

h1 { font:bold 24px Arial, Helvetica, sans-serif; color:#67225d; }
h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#919191; }
h3 { font:bold 12px Arial, Helvetica, sans-serif; color:#67225d; }
h4 { font:bold 12px Arial, Helvetica, sans-serif; color:#000000; }

/*NAV HEADER---------------------------------------------------------------------------------*/

#header .logo { margin:10px 0 0 50px; }
#header .search {margin-top:18px; }
#header .searchfield {
	height:20px;
	width:240px;
	border:0;
	line-height:20px;
	background:none;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#666666;
}
#header .searchbtn {
	width:23px;
	height:23px;
	border:0;
	margin:0;
	padding:0;
	cursor:pointer;
	background-image:url(../images/search-btn1.jpg);
}
#header .searchbtn:hover { background-image:url(../images/search-btn2.jpg); }

.topnav { margin:17px 0 0 10px;}
.topnav-social { margin-top:17px;}


/*BODY ----------------------------------------------------------------------*/

#bodymain .body-topcurve {
	background-image:url(../images/banner-topcurve.png);
	background-position:top center;
	background-repeat:no-repeat;}
	
#bodymain .body-bottomcurve {
	background-image: url(../images/body-bottom.png);
	background-position:top center;
	background-repeat:no-repeat;}
	
#bodymain .bodymain { background-color:#f6edf5; }	

#bodymain .bodymain-container { margin:0 30px 0 30px; }

#bodymain .bodymain-flashcontainer { width:940px; height:340px; margin-bottom:30px; background-color:#e7dfe6; }

#bodymain .bodymain-flash {
	width:719px;
	height:339px;
	overflow:hidden;
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;	
	border-bottom:1px solid #FFFFFF;
	float:left; }

#bodymain .bodymain-navservices {
	width:218px;
	height:338px;
	overflow:hidden;
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;	
	border-right:1px solid #FFFFFF;
	float:left; }

#navservices div { width:218px; height:84px; border-bottom:1px solid #FFFFFF; overflow:hidden; position:relative; }

#navservices img { position:absolute; }

.clearauto {overflow:auto;}
	
#bodymain .par-container { border-top:1px dotted #a7a7a7; }
	
.welcome-par { width:700px; margin-top:20px; float:left; }

/*SUBSCRIBE*/

.subscribe { width:220px; height:116px; float:right; background-image:url(../images/subscribe-bg.jpg); background-position:top left; background-repeat:no-repeat; } 

.subscribe form { margin-left:10px; margin-top:80px; background-color:#FFFFFF; }

.subscribe form, input { width:150px; height:20px; border:0px; line-height:20px; font:normal 10px Arial, Helvetica, sans-serif; color:#717270; padding-left:5px; background-color:#FFFFFF; vertical-align:baseline; }

.subscribe form, input.submit {width:50px; height:22px; border:0; padding:0; color:#FFFFFF; background-color:#000000; cursor:pointer; }

.subscribe form, input.submit:hover { background-color:#333333; }

/*FOOTER -----------------------------------------------------------------------*/

#footer { background-image:url(../images/footer-bg.png); background-position:top center; background-repeat:no-repeat; }

#footer .footernav { margin:20px 30px 0 20px; height:60px; vertical-align:middle; }

#footer .footernav .footerlogo { width:130px; float:left; margin-right:20px; }

#footer .footernav .footermenu { padding-top:20px; vertical-align:middle; color:#4c4b4b; float:left; }
#footer .footernav .footermenu a { text-decoration:none; color:#afafaf; font-size:11px; }
#footer .footernav .footermenu a:hover { text-decoration:none; color:#fff; }

#footer .footernav .footercopy { font-size:10px; color:#5b5b5b; }

#footer .footernav .designby { width:130px; height:30px; float:right; background-image:url(../images/footer-div.jpg);
background-position:top left; background-repeat:no-repeat; text-align:right; vertical-align:baseline; color:#5b5b5b; font-size:10px; padding-top:30px; }
#footer .footernav .designby a { text-decoration:none; color:#afafaf; font-size:11px; }
#footer .footernav .designby a:hover { text-decoration:none; color:#fff; }


/*SIDE IMG / DOWNLOAD-----------------------------------------------------------------------*/

#bodymain .bodymain-title {
	height:30px;
	padding-left:25px;
	border-bottom:1px dotted #a3a3a3;
	font:normal 18px Arial, Helvetica, sans-serif;
	color:#676767 }	 
	
.side-rightcolumn { width:639px; height:auto; float:left; border-left:1px dotted #a3a3a3; padding:30px 0 0 30px; text-align:justify; }

.side-leftcolumn { width:270px; height:auto; float:left; }

.side-leftcolumn-header {
	width:215px;
	background-color:#67225d;
	border-left:10px solid #802b74;
	padding:10px 30px 10px 15px;
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:left; }
	
.side-leftcolumn-img {
	width:260px;
	height:240px;
	overflow:hidden;
	border-left:10px solid #c4c8c1;
}

.side-download-container {
	/*margin:10px 0 0 30px;*/
	width:230px;
	height:auto;
	border-top:1px dotted #a7a7a7;
	padding:10px 20px 10px 20px; 
}

.flyer-img { width:110px; height:auto; float:left; }
.flyer-img-text { float:left; margin-top:20px; width:100px; }

.a16 {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#67225d;
	text-align:left;
	text-decoration:none;
}

.a-11-gray {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#919191;
	text-align:left;
	text-decoration:none;
}


/*BODY PARAGRAPH -----------------------------------------------------------*/

.body-par-container { width:640px; margin-top:30px; }

.body-par-header-container { border-bottom:1px dotted #a3a3a3; padding-bottom:20px; margin-bottom:20px; }

.body-par-container p { margin-bottom:12px; }


/*GALLERY -----------------------------------------------------------------*/

.gallery-container {
	width:140px;
	height:150px;
	float:left;
	margin:10px 10px 0 9px;
	background-image:url(../images/gallery-bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

.gallery-img {
	width:140px;
	height:100px;
	overflow:hidden;
	cursor:pointer;
	border:0;
	padding:0;
	margin:0;
}

.gallery-img:hover {
	filter: alpha(opacity=70);
	-moz-opacity: .7;
	-khtml-opacity: 0.7;
	opacity: .7;
}

.gallery-container a {
	font:normal 11px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
}

.gallery-container a:hover {
	color: #CC99FF;
	text-decoration:none;
}

.gallery-title {
	text-align:center;
	width:140px;
	height:40px;
}

.gallery-title a, .gallery-title b {
	vertical-align:middle;
	display:inline-block;
}

.gallery-title b { height:100%; }