@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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1; font-family:Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{ text-decoration:none; color:#333333;}
a:hover{ text-decoration:none; color:#ed403a;}
/*html,body{ height:100%;}*/
@font-face {
    font-family: 'MuseoSlab500';
    src: url('type/Museo_Slab_500-webfont.eot');
    src: url('type/Museo_Slab_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/Museo_Slab_500-webfont.woff') format('woff'),
         url('type/Museo_Slab_500-webfont.ttf') format('truetype'),
         url('type/Museo_Slab_500-webfont.svg#MuseoSlab500') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*menu*/
ul.dropdown                         { position: relative;  margin:0 0 0 0px; }
ul.dropdown li                      { font-weight:normal; font-size:15px; text-transform: capitalize; float: left; zoom: 1; background: none; margin:0px 0 0 0; display:block; min-height:20px; font-family:"MuseoSlab500";}
ul.dropdown li a.selected{  color:#fff; background: url(../images/navArrow.png) bottom center no-repeat #494e8a; border-bottom:3px solid #000;}    
ul.dropdown li a:hover.selected{color:#fff;}    
ul.dropdown a:hover		            { color:#000;}
ul.dropdown a:active                { color: #000; }
ul.dropdown li a                    { display: block; padding: 10px 12px 12px 12px; color: #ed403a; text-decoration:none; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                {color:#996600; position: relative; }
ul.dropdown li.hover a              { color: black; }



body{ background:url(images/bg.jpg) no-repeat top center #fcfcf4;}

#materwrap{width:100%;position:relative; margin:0 auto; overflow:hidden;}
#header{ width:100%; height:142px; position:relative; margin:0 auto; background:url(images/strip.png) repeat-x top left;}

#header .headerw{ margin:0 auto; width:960px; height:142px; padding-top:0px;}
#header .headerw .logo{ float:left; width:280px; height:97px; margin:0;}
#header .headerw .topnav{ float:left; width:680px; height:97px; margin:0;}
p#tnav{ text-align:right; font-size:12px; margin-top:50px; font-family:Arial, Helvetica, sans-serif;}
#header .headerw .nav{ float:left; width:960px; height:40px; margin:3px 0 0 0;}


#rotator{ margin:0 auto; width:960px; height:350px;}
#rotator .rleft{ width:415px; height:323px; float:left; position:relative; margin:25px 0 0px 0; background:url(images/rotatorbg.png) no-repeat;}
#rotator .rright{ width:415px; height:323px; float:right; position:relative; margin:25px 0 0px 0; background:url(images/rotatorbg.png) no-repeat;}

#rotator .flashh{ margin:21px 10px 23px 19px; float:left; width:387px; height:279px; display:block;}

/* padding:21px 10px 23px 19px;*/
#homeintro{ margin:0 auto; width:960px; min-height:350px; }

#homeintro .first{ width:290px; background:#fff; min-height:350px; float:left; margin:20px 10px 20px 10px; border:5px solid #f3a926;}
#homeintro .lastb{ width:290px; background:#fff; min-height:350px; float:left; margin:20px 0px 20px 10px; border:5px solid #f3a926;}

#homeintro h1{ border-bottom:2px dashed #f3a926; font-size:18px; color:#b6216e;font-family:"MuseoSlab500"; margin:5px 0; padding:5px 10px 10px; background:url(images/arrow.png) no-repeat right;}

#homeintro p{ padding:10px; line-height:18px; color:#333333; font-size:14px; font-family:Arial, Helvetica, sans-serif;}

.abdul{ float:left; padding:5px; border:1px solid #eaeaea; margin:0 10px 10px 0px;}



#footer{ width:100%; height:100px; position:relative; margin:0 auto; background:url(images/footer.png) repeat-x top left; overflow:hidden;}

#footer .footerw{ margin:0 auto; width:960px; height:100px; padding-top:0px;}
#footer .footerw h4{ text-align:center; margin:15px 0; font-size:11px; color:#666666;}
#footer .footerw p{ font-size:11px; color:#666; text-align:center; text-transform:uppercase;}
#footer .footerw span{ padding:0 3px; color:#fff;}


.content{ margin:30px auto; width:920px; min-height:300px; padding:20px;  background:#fff; border-bottom:5px solid #FFCC00; border-top:5px solid #FFCC00; overflow:hidden;}

.content h1{ border-bottom:2px dashed #f3a926; font-size:24px; color:#b6216e;font-family:"MuseoSlab500"; margin:5px 0; padding:0px 10px 10px;}
.content span{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.content p{ padding:10px; line-height:18px; color:#333333; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.content td{ padding:5px 10px; font-size:14px; color:#333333; }
.content strong{font-weight:700;}
#allist ul{ margin:20px 0 0 0;}
#allist li{ height:25px;font-size:14px; color:#333333; margin:20px 10px; background:url(images/allist.png) no-repeat left top; display:block; padding:4px 0 0 30px; width:350px; float:left; font-weight:bold;}
#allist li a{ color:#000; display:block;}
#allist li a:hover{color:#FF6600;}


.gallery{ width:200px; height:123px; padding:6px; border:1px solid #FFCC00; float:left; margin:10px 5px 10px 10px;}