body {
	background-color:#fff;
	font-size:11px;
	font-family:arial;
	color:#6f6f6f;
	text-align:left;
	margin-top:-25px;
}
@font-face {
    font-family: 'RockwellRegular';
    src: url('fonts/rock-webfont.eot');
    src: url('fonts/rock-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/rock-webfont.woff') format('woff'),
         url('fonts/rock-webfont.ttf') format('truetype'),
         url('fonts/rock-webfont.svg#RockwellRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SketchRockwellRegular';
    src: url('fonts/sketchrockwell-bold-webfont.eot');
    src: url('fonts/sketchrockwell-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sketchrockwell-bold-webfont.woff') format('woff'),
         url('fonts/sketchrockwell-bold-webfont.ttf') format('truetype'),
         url('fonts/sketchrockwell-bold-webfont.svg#SketchRockwellRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
#page {
	margin:0 auto;
	/*text-align:center;*/
	width:1000px;
	min-height:700px;
	background-image:url(imagesCSS/bg_page.jpg);
	background-repeat:no-repeat;
	position:relative;
}
.clearboth{
	clear:both;
}
#page_blue {
	margin:0 auto;
	/*text-align:center;*/
	width:1000px;
	min-height:700px;
	background-image:url(imagesCSS/bg_page_blue.jpg);
	background-repeat:no-repeat;
	position:relative;
}

.ie6no {
	border: 13px solid #0072BB;
	padding: 10px;
	position: absolute;
	z-index: 1232;
	left: 20%;
	top: 50px;
	background-color: #CA377D;
}
	.ie6no p {
		color: #fff;
		font-weight: bold;
	}
	.ie6no a {
		color:#fff;
		text-decoration:underline;
	}
	.ie6no a:hover {
		color:#fff;
		text-decoration:none;
	}

a {
	color:#007DC7;
	text-decoration:none;
	border:0;
	cursor:pointer;
}
img{
	border:0;
}
a:hover {
	color:#BC066A;
	text-decoration:none;
}

.productbox {
	min-height:168px;
	background-image:url(images/portfolio_rt_i.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	width:653px;
}
#product_image {
	width:656px;
	height:370px;
	text-align:center;
}
.banner{
	text-align:left;
}	
#casestudy_image{
	width:656px;
	text-align:center;
	position:relative;
	margin: 0 0 0 -3px;
	overflow:hidden;
}
	.casestudy_nav_bg{
		background-image: url(images/casestudy_nav_bg.png);
		background-position: left top;
		background-repeat: repeat-x;
		bottom: 3px;
		height: 18px;
		margin-left: 1px;
		position: absolute;
		width: 653px;
		z-index:1000;
		margin-left:3px;
		text-align:left;
	}
	.left_arrow{
		position:absolute;
		left:10px;
		top:180px;
		z-index:1000000;
		opacity:0.2;
		filter:20%;
	}
		.left_arrow:hover{
			opacity:0.5;
			filter:50%;
		}
	.right_arrow{
		right:10px;
		top:180px;
		position:absolute;
		z-index:1000000;
		opacity:0.2;
		filter:20%;
	}
		.right_arrow:hover{
			opacity:0.5;
			filter:50%;
		}
	.play_pause{
		position:absolute;
		right:5px;
		bottom:5px;
		z-index:1000;
		opacity:0.5;
		filter:50%;
		cursor:pointer;
	}
.topborder {
	border-top:1px dotted #000;
	padding:5px 0 5px 46px;
}
	.topborder .left {
		color:#007DC7;
		float:left;
		font-weight:bold;
		text-align:right;
		width:70px;
	}
	.topborder .right {
		color:#242424;
		float:left;
		margin-left:18px;
		width:444px;
	}
	.clear_both_0 {
		clear:both;
	}

.alignleft { text-align:left; }
.lefttag {
	float:left;
	width:600px;
}
.righttag {
	float:right;
	width:300px;
	margin-top:28px;
}
.tagline {
	width:617px;
	/*order-bottom:1px dotted #000;*/
	margin:33px 0 0 112px;
}
.breadcrumbs {
	color:#2c2c2c;
	font-size:9px;
	margin:1px 0 0 119px;
}
.breadcrumbs a {
	text-decoration:none;
	color:#2C2C2C;
}
.breadcrumbs a:hover {
	text-decoration:underline;
	color:#2C2C2C;
}
#header {
	/*width:835px;*/
	width:842px;
	margin:0 auto;
	min-height:615px;
}
	._logo {
		margin-left:40px;
	}
.ourServices {
	float:left;
	background-color:#ce337d;
	width:27px;
}
.ourServicesImg {
	margin:4px;
}
.ourServicesBlue {
	float:left;
	background-color:#016db6;
	width:27px;
}
.header_l {
	float:left;
	width:27px;
	height:38px;
}
.header_r {
	float:right;
	width:151px;
	height:38px;
	background-image:url(images/bluegrad.jpg);
	background-repeat:repeat-x;
}
#content {
	width:653px;/*628px;*/
	/*background-image:url(images/content.jpg);*
	background-repeat:no-repeat;
	background-position:-5px 0;*/
	border-top:1px dotted #000;
	float:right;
}


/*LIVE TEXT NAVIGATION*/
.nav_banner_wrapper{
	width:650px;
	overflow:hidden;
}
.nav_container{
	height:38px;
	background-image:url(images/main_nav_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
	width:653px;
}
.main_nav_wrapper{
	float:left;
}
.contactUs{
	color: #FFFFFF;
    float: right;
    margin: 5px 25px;
}
	.contactUs a{
		color:#fff;
		text-decoration:none;
	}
	.main_nav_wrapper a{
		float:left;
		padding:13px 10px;
		color:#fff;
		font-family: 'RockwellRegular';
		font-size:12px;
		text-decoration:none;
		background-image:url(images/nav_active_bg.jpg);
		background-repeat:repeat-x;
		display:block;
		height:100%;
		/*background-color: blue;*/
		/*height:50px;*/
		/*background-position:top left;*/
	}
	.main_nav_wrapper a:hover{
		color:#fff;
		/*background-position:50px 0;*/
	}
	.navActive{
		background-image:url(images/nav_active_bg.jpg) !important;
		background-repeat:repeat-x !important;
		background-position:0 -102px !important;
		color:#fff !important;
	}
.banner_wrapper{
	width:653px;
	position:relative;
}
	.banner_text_wrapper{
		position:absolute;
		top:20px;
		left:23px;
		font-family: 'RockwellRegular';
		color:#FFF;
		font-size:24px;
		font-weight:bold;
	}

#left_nav{
	/*padding-top:4px;*/
}
	.a_left_nav{
		display:block;
		font-family:'RockwellRegular';
		font-size:13px;
		color:#000;
		padding-top:4px;
		padding-bottom:4px;
		padding-left:8px;
		border-bottom:solid 1px #999;
		background-image:url(images/left_nav_active_bg.jpg);
		background-repeat:repeat-x;
	}
	.a_left_nav:hover{
		text-decoration:none;
		color:#000 !important;
	}
	.a_left_nav_active{
		background-image:url(images/left_nav_active_bg.jpg) !important;
		background-repeat:repeat-x !important;
		background-position:0 -100px !important;
	}


#content_main {
	padding:5px;
}
#content_left {
	float:left;
	width:380px;
	margin-left:16px;
}
#content_inner {
	margin:5px;
}
#content_spbx {
	background-color:#FFFFFF;
	background-image:url(images/specialbox_t.jpg);
	background-repeat:no-repeat;
	border:1px dotted #000000;
	float:right;
	left:5px;
	padding:26px 21px;
	position:relative;
	top:-6px;
	width:175px;
}
	#content_spbx  object {
		margin-left:-5px;
	}
	
	.content_spbx_sep {
		border-bottom:1px dotted #000000;
		margin-bottom:14px;
		margin-left:-1px;
		width:174px;
	}
	
ul {
	margin-left:-20px;
}

.lhsbox {
	height:144px;
	left:83px;
	padding:4px;
	position:absolute;
	overflow:hidden;
	top:381px;
	width:132px;
	color:#fff;
	font-size:10px;
}

.lhsbox h3{
	font-family: 'RockwellRegular';
	font-size:12px;
	font-weight:bold;
}

.lhsbox2 {
	 color: #FFFFFF;
    font-size: 10px;
    height: 472px;
    left: 38px;
    overflow: hidden;
    padding: 4px;
    position: absolute;
    top: 353px;
    width: 222px;
	background-image:url(images/casestudy_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
	.carousel_container{
		margin: 80px 0 0 43px;
		position: relative;
		width: 124px;
	}
		.carousel_up{
			left: 39px;
			/*margin-left: 45px;*/
			position: absolute;
			top: -22px;
		}
		.carousel_wrapper{
			background-image:url(images/carousel_bg.png);
			background-position:top left;
			background-repeat:no-repeat;
			width:124px;
			height:199px;
			overflow:hidden;
			margin-top:-10px;
		}
			.my_carousel{
				overflow:hidden;
				margin-top:27px;
				height:155px !important;
				text-align:center;
			}
				.my_carousel ul{
					margin:0;
					padding:0;
				}
					.my_carousel li{
						margin:0;
						padding:0;
					}
		.carousel_down{
			margin-left: 37px;
    		margin-top: -13px;
		}

#footer {
	margin:0 15px 0 50px;
	position:relative;
	top:90px;
}
	.footer_note{
		color: #D24789;
		font-family: arial;
		font-size: 11px;
		margin-bottom: 30px;
		margin-left: 288px;
		margin-top: -15px;
		position: relative;
		width: 500px;
		z-index: 1100;
		top: 140px;
	}
	.footer_note_blue{
		color:#338FCE;
		font-family:arial;
		font-size:11px;
		margin-bottom:-24px;
		margin-left:93px;
		margin-top:10px;
		position:relative;
		width:800px;
		z-index:1100;
	}
	.footer_text {
		position:absolute;
		top:-140px;
		left:98px;
		font-size:10px;
		z-index:198;
		margin-left: 139px;
	}
	
	.footer_img{
		margin-bottom:40px;
		}
		.fleft {
			display:block;
			float:left;
			margin-right:10px;
		}
		.fblue {
			color:#338fce;
		}
		.ftravel{
			width:700px;
		}
			.ftravel a{
				color:#338fce;
			}
			.ftravel a:hover{
				color:#D24789;
			}
		.fmagenta{
			color:#D24789;
			width:700px;
		}
			.fmagenta a{
			color:#D24789;
			text-decoration:none;
			}
		
.portfoliobordered {
	border-top:1px dotted #000000;
	border-right:1px dotted #000000;
	border-bottom:1px dotted #000000;
	height:210px;
	width:652px;
}


#s3slider {
	   width: 739px; /* important to be same as image width */
	   height: 279px; /* important to be same as image height */
	   position: absolute; /* important */
	   overflow: hidden; /* important */
	}
	#s3slider ul{
		padding:4px 0 0 4px;
	}
	#s3sliderContent {
	   width: 739px; /* important to be same as image width or wider */
	   position: absolute; /* important */
	   top: 0; /* important */
	   margin-left: 0; /* important */
	}
	
	.s3sliderImage {
	   float: left; /* important */
	   position: relative; /* important */
	   display: none; /* important */
	}
	
	.s3sliderImage span {
	   position: absolute; /* important */
	   left: 0;
	   font: 10px/15px Arial, Helvetica, sans-serif;
	   padding: 10px 13px;
	   width: 374px;
	   background-color: #000;
	   filter: alpha(opacity=0); /* here you can set the opacity of box with text */
	   -moz-opacity: 0; /* here you can set the opacity of box with text */
	   -khtml-opacity: 0; /* here you can set the opacity of box with text */
	   opacity: 0; /* here you can set the opacity of box with text */
	   color: #fff;
	   display: none; /* important */
	   top: 0;
	
	   /*
		   if you put
		   top: 0; -> the box with text will be shown at the top of the image
		   if you put
		   bottom: 0; -> the box with text will be shown at the bottom of the image
	   */
	}
	
	.clear {
	   clear: both;
	} 
	
	#slideshow {
		/*position:absolute;*/
		height:415px;
	}
	
	#slideshow img {
		position:absolute;
		top:3px;
		left:3px;
		z-index:8;
	}
	
	#slideshow IMG.active {
		z-index:10;
	}
	
	#slideshow IMG.last-active {
		z-index:9;
	}