@import url("main-slideshow.css");
@import url("content.css");

body {
	background: #363636;
	font-size: 12px;
	color: #2D2D2D;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

#outerwrapper {
	width: 100%;
	text-align: center;
	background: url(images/header-contentbg.jpg) repeat-x #fff;
	float: left;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#container {
	width: 960px;
	position: relative;
}

#tophighlight {
	width: 469px;
	height: 97px;
	position: absolute;
	background: url(images/mis-sprite.jpg) no-repeat -830px -74px;
	top: 0px;
	left: -32px;
	z-index: 20;
}

#header {
	width: 960px;
	height: 97px;
	position: relative;
	float: left;
	z-index: 10;
}

#content {
	width: 960px;
	position: relative;
	margin-top: 15px;
	float: left;
	padding-bottom: 15px;
}

#slidebg {
	width: 952px;
	float: left;
	background: url(images/1col_midbg.jpg) repeat-y;
	margin-right: 0px;
	position: relative;
	z-index: 0;
}

#maincontentbg {
	width: 952px;
	float: left;
	background: url(images/1col_midbg.jpg) repeat-y;
	position: relative;
	z-index: 0;
}

#rightcontentcol {
	width: 352px;
	float: left;
	position: relative;
	z-index: 0;
	margin-top: 15px;
}

#latestworkbg {
	width: 352px;
	float: left;
	background: url(images/2col_right_midbg.jpg) repeat-y;
	position: relative;
	z-index: 0;
}

#ourclientsbg {
	width: 352px;
	float: left;
	background: url(images/2col_right_midbg.jpg) repeat-y;
	margin-top: 15px;
	position: relative;
	z-index: 0;
}

#latestnewsbg {
	width: 591px;
	float: left;
	background: url(images/2col_left_midbg.jpg) repeat-y;
	margin-right: 11px;
	margin-top: 15px;
	position: relative;
	z-index: 0;
}

.twocol-left-top {
	width: 591px;
	height: 5px;
	background: url(images/mis-sprite.jpg) no-repeat 0 -10px;
	position: absolute;
	z-index: 15;
	top: 0;
	left: 0;
	line-height: 0px; /* for IE */
	font-size: 0px; /* for IE */
}

.twocol-left-bottom {
	width: 591px;
	height: 5px;
	background: url(images/mis-sprite.jpg) no-repeat 0 -15px;
	position: absolute;
	z-index: 15;
	bottom: 0;
	left: 0;
	line-height: 0px; /* for IE */
	font-size: 0px; /* for IE */
}

.twocol-left-content {
	width: 551px;
	position: relative;
	z-index: 20;
	top: 0;
	left: 19px;
	margin-bottom: 17px;
}

.twocol-right-top {
	width: 352px;
	height: 5px;
	background: url(images/mis-sprite.jpg) no-repeat 0 0;
	position: absolute;
	z-index: 15;
	top: 0;
	left: 0;
	line-height: 0px; /* for IE */
	font-size: 0px; /* for IE */
}

.twocol-right-bottom {
	width: 352px;
	height: 5px;
	background: url(images/mis-sprite.jpg) no-repeat 0 -5px;
	position: absolute;
	z-index: 15;
	bottom: 0;
	left: 0;
	line-height: 0px; /* for IE */
	font-size: 0px; /* for IE */
}

.twocol-right-content {
	width: 314px;
	position: relative;
	z-index: 20;
	top: 0px;
	left: 19px;
	margin-bottom: 17px;
	padding-top: 12px;
}

.onecol-top {
	width: 952px;
	height: 5px;
	background: url(images/mis-sprite.jpg) no-repeat 0 -20px;
	position: absolute;
	z-index: 15;
	top: 0;
	left: 0;
	line-height: 0px; /* for IE */
	font-size: 0px; /* for IE */
}

.onecol-bottom {
	width: 952px;
	height: 5px;
	background: url(images/mis-sprite.jpg) no-repeat 0 -25px;
	position: absolute;
	z-index: 15;
	bottom: 0;
	left: 0;
	line-height: 0px; /* for IE */
	font-size: 0px; /* for IE */
}

.onecol-content {
	width: 914px;
	position: relative;
	z-index: 20;
	top: 0;
	left: 19px;
	margin-bottom: 17px;
	padding-top: 12px;
}

#footerouterwrapper {
	width: 100%;
	text-align: center;
	background: url(images/footerbg.jpg) repeat-x;
	height: 249px;
	float: left;
}

#footerwrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	height: 245px;
	position: relative;
	
}

#bottomhighlight {
	width: 830px;
	height: 208px;
	background: url(images/mis-sprite.jpg) no-repeat 0 -74px;
	position: absolute;
	top: 0px;
	left: 130px;
	z-index: 20;
}

#footer {
	width: 960px;
	text-align: left;
	height: 245px;
	position: relative;
	z-index: 10;
}

#blogposts {
	width: 320px;
	height: 217px;
	position: relative;
	float: left;
	top: 20px;
	z-index: 25;
}

#tagcloud {
	width: 320px;
	height: 217px;
	position: relative;
	float: left;
	top: 20px;
	z-index: 25;
}

#social {
	width: 320px !important;
	width: 317px;
	height: 217px;
	position: relative;
	float: left;
	top: 20px;
	z-index: 25;
}