/*designed and developed by Mandip luitel, www.maddyyard.com*/

body { margin:0; padding:0; clear:both; background:#000 url(images/bg.jpg) no-repeat top center; font-family:Verdana, Geneva, sans-serif}
	
.clr {clear:both; margin:0; padding:0}
	
h1, h2, h3, h4, div, p, ul, li, form {margin:0; padding:0}

* {margin:0; padding:0}

img {border:none}
	
a, img {outline:none; border:none; margin:0; padding:0} 

#globalWrapper {margin:0 auto}

#wrapper {width:970px; padding:0; margin:0 auto}

#intro {width:755px; height:474px; border:none; margin:30px auto}

#non {}

#header {width:970px; margin:0 auto; padding:0 0 25px 0}

#marquee {height:33px; width:100%; margin:0 auto}

#marquee h1 {font-size:12px; padding:9px 0 0 0; color:#fff; text-transform:uppercase; font-weight:normal}

.span1 {padding:0 0 0 45px}

.logo {width:326px; height:102px; text-indent:-9999px; background:url(images/logo.jpg) no-repeat; margin:0; float:left}

#navigation {width:970px; height:34px; background:url(images/nav.jpg) repeat-x; margin:0 auto}

#navigation ul {float:left; width:970px; margin:0; padding:9px 0 0 0}

#navigation li {float:left; display:inline; margin:0; padding:0; color:#252525; font-size:12px; text-transform:uppercase} 

#navigation li a {display:inline; color:#fff; padding:0 41px; font-weight:normal; list-style:none; outline:none; text-decoration:none}
	
#navigation li a:hover {color:#565656; text-decoration:none}
	
#navigation li a.active {color:#565656; text-decoration:none}

#scroller {width:970px; padding:0; background:#fff}

#container {width:970px; margin:10px auto 0 auto}

#container1 {width:970px; margin:10px auto 0 auto; background:#fff}

#containerLeft {width:700px; float:left}

#tab {width:700px; margin:10px 0 0 0; float:left}

.tabTop {width:175px; height:59px; padding:0 525px 0 0; background:url(images/tab.jpg) no-repeat; float:left}

.tabTop h2 {font-size:14px; color:#252525; text-transform:uppercase; margin:0; padding:18px 0 0 0; text-align:center; font-weight:normal}

.tabmid {width:699px; background:url(images/tabmid.jpg) repeat-x; float:left}

.tabmidimg {
	width:auto;
	height:auto;
	border:3px solid #969696;
	float:left;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
}

.tabmidtxt {
	width:365px;
	float:left;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}

.events {width:689px; padding:0 0 0 10px; float:left}

.events img {width:92px; height:119px; margin:0 6px 0 0; float:left; border:none}

.tabmidtxt h2 {font-size:15px; color:#252525; text-transform:uppercase; margin:0; padding:0; font-weight:normal}

.tabmidtxt p {font-size:10px; line-height:1.3em; color:#252525; margin:0; padding:15px 0 0 0; font-weight:normal}

.tabmidtxt h3 {font-size:10px; color:#252525; margin:0; padding:9px 0 0 275px; font-weight:bold}

.tabmidtxt h3 a {color:#252525; text-decoration:none}

.tabmidtxt h3 a:hover {text-decoration:underline}

.tabFoot {width:700px; height:13px; float:left}

#containerRight {
	width:260px;
	float:right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

/*panel*/

.panel {width:256px; height:396px; border:2px solid #999; background:#fff; margin:0 0 10px 0}	

.panel .stepcarousel1{
	position: relative; /*leave this value alone*/
	overflow: hidden; /*leave this value alone*/
	width: 256px; /*Width of Carousel Viewer itself*/
	height: 396px; /*Height should enough to fit largest content's height*/
	}

.panel .stepcarousel1 .belt1{
	position: absolute; /*leave this value alone*/
	left: -1px;
	top: -5px;
	}

.panel .stepcarousel1 .panel1{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	/*margin: 3px; *//*margin around each panel*/
	/*padding: 3px;*/
	width: 256px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	/*border-right:1px solid #F5FDFE;*/
	}

/*panel*/

.addpanel {width:256px; height:396px; border:2px solid #999; background:#fff; margin:0 0 10px 0}	

.addpanel .stepcarousel1{
	position: relative; /*leave this value alone*/
	overflow: hidden; /*leave this value alone*/
	width: 256px; /*Width of Carousel Viewer itself*/
	height: 396px; /*Height should enough to fit largest content's height*/
	}

.addpanel .stepcarousel1 .belt1{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	}

.addpanel .stepcarousel1 .panel1{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	/*margin: 3px; *//*margin around each panel*/
	/*padding: 3px;*/
	width: 256px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	/*border-right:1px solid #F5FDFE;*/
	}

.fanBox {width:190px; height:230px; float:left}

#twitterTab {width:260px; height:150px; padding:20px 0 0 0; margin:10px 0 0 0; background:url(images/social.jpg) no-repeat; border:none}

#twitterTab img {width:70px; margin:0 0 0 40px; float:left; height:133px; border:none}

#video {width:700px; height:400px; float:left}

/*index1*/

.containerLeft1 {width:700px; float:left; padding:0; margin:0 0 10px 0; border-bottom:3px solid #969696; background:#fff}

.headline {width:682px; background:#969696; padding:9px}

.topimg {
	width:698px;
	height:auto;
	margin:1px;
	border:none
}

.containerLeft1 h2 {font-size:30px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; color:#fff; font-weight:normal; margin:0; padding:0 0 0 6px}

.containerLeft1 h3 {font-size:15px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; color:#575757; font-weight:normal; margin:0; padding:0 0 0 18px}

.containerLeft1 p {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333; font-weight:normal; margin:0; padding:12px 0 30px 18px; line-height:1.5em}

.containerLeft1 h4 {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333; font-weight:normal; margin:0; padding:6px 0 0 18px; line-height:1.5em}

.containerLeft1 h5 {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333; font-weight:bold; margin:0; padding:12px 0 0 450px}

.containerLeft1 h5 a {color:#333; text-decoration:none}

.containerLeft1 h5 a:hover {text-decoration:underline}

.tabs {width:674px; float:left; background:#fff; margin:0; border-bottom:1px solid #969696; padding:13px}

.tabs:hover {background:#f8f8f8; cursor:default}

.imgbox {
	width:132px;
	height:auto;
	border:3px solid #969696;
	float:left
}

.txtBox {width:530px; float:left; padding:0}

#yellbox {width:260px; height:297px; margin:10px 0 0 0; padding:6px 0 3px 0; background:url(images/twittertab.jpg) no-repeat; text-align:center}

#yellbox h3 {font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#575757; font-weight:normal; margin:0; padding:0 0 3px 10px; text-align:left}

#yellbox iframe {height:190px; margin:0px; width:90%}

#yellbox input {width:90%}

#yellbox button {height:27px}

#gallery {width: 970px; margin:0}

.headline1 {width:970px; margin:0 auto; background:url(images/headline.jpg) repeat-y; padding:9px 0}

.headline1 h2 {font-size:26px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; color:#575757; font-weight:bold; margin:0; padding:0 0 0 9px}

.headline1 h2 a {color:#575757; text-decoration:none}

.headline1 h2 a:hover {color:#000; text-decoration:underline}

.span2 {padding:0 0 0 22px; float:left}

ul.thumb {float: left; list-style: none; margin: 0; padding: 0px; width: 100%}

ul.thumb li {margin: 10px; padding: 0; float: left; position: relative; width: 110px; height: 110px}

ul.thumb li img {
	width: 100px;
	height: 100px;
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: -2px;
	top: 0px;
	-ms-interpolation-mode: bicubic
}
				
ul.thumb li img.hover {background:url(images/thumb_bg.png) no-repeat center center; border: none}

#main_view {float: left; border:5px solid #fff; margin:4px 0 12px 0 }

.spacer1 {height:20px; clear:both; margin:0; padding:0}

/*footer*/

#footNav {width:970px; margin:30px auto 0 auto; border-top:1px solid #222; padding:15px 0 0 0}

#footNav p {font-size:11px; color:#fff; margin:0; padding:0}

#footNav p a {color:#fff; padding:0 5px; text-decoration:none}

#footNav p a:hover {color:#565656}