/* content pages design layout */

#container{
	width:1016px;
	background-color:#ffffff;
	margin:auto;
}

.logo{
	top:15px;
	left:5px;
	width:190px;
	height:150px;
	position:relative;
}

#header{
	height:174px;
	width:1016px;
}

.graphic{
	background-color:#ffffff;
}

#mid_page{
	background-color:#000000;
}

#content{
	background-image:url(../images/northarrow_watermark.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	padding-left:40px;
	padding-right:40px;
}

.contentp{
	color:#000000;
	font-weight:bold;
	opacity:1.0;
	filter:alpha(opacity=100);
	line-height:.95em;
	padding-top:10px;
}

#footer{
	background-image:url(../images/sabur_12.jpg);
	background-repeat:no-repeat;
	color:#928f90;
	font-size:0.75em;
	line-height:1.2em;
	height:48px;
	width:1016px;
}

.footer_menu{
	float:left;
	padding-left:15px;
	padding-top:15px;
}

.footer_copyright{	
	float:right;
	padding-right:10px;
	padding-top:8px;
	text-align:right;
}

.black_box{
	 background-color:#2b2b2b; 
	 color:#ffffff;
	 padding:5px 15px;
	 margin:10px;
	 width:650px;
}

/* Step carousel */

.stepcarousel{
	position: relative; /*leave this value alone*/
	border: 0px solid black;
	overflow: scroll; /*leave this value alone*/
	width: 686px; /*Width of Carousel Viewer itself*/
	height: 416px; /*Height should enough to fit largest content's height*/
	background-image:url(../images/portfolio/slide_back.png);
	background-position:top;
	background-repeat:no-repeat;
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:10px 33px; /*margin around each panel*/
	width: 620px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/* eOf Step Carousel */