/****************************************************
Redshift Ltd - 12/07/11
****************************************************/
body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: #E5E5E5 url(/files/images/structure/pattern.png); padding-bottom: 10px;}
html {overflow: -moz-scrollbars-vertical;}
a{ color: #999; text-decoration: none;}
a:hover{text-decoration: underline;}
h1{background: url(../images/structure/logo.gif) no-repeat; margin: 0px 0px 0px 21px; text-indent: -9999px; height: 72px; width: 187px; float: left;}
h2{color: #993333; font-size: 16px; margin: 0px 0px 5px 0px; clear: both}
h3{color: #993333; font-size: 16px;  }
.clear{clear :both;}
.rounded{border:1px solid #dedfdf; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 0 6px #e6e6e6; -webkit-box-shadow: inset 0 0 6px #e6e6e6;box-shadow: inset 0 0 6px #e6e6e6;}

/* page setup */
#page_container{width: 960px; margin: 15px auto 0px auto;}
	#header{background: #fff; padding: 15px 0px 0px 0px; margin-bottom: 0px; }
	
		/* main nav */
		#header ul{margin: 45px 10px 10px 0px; position: relative;overflow: hidden; float: right; }
		#header ul li{float: left;  }
		#header ul li a{  display: block; z-index: 10;position: relative; margin: 5px 10px 5px 10px;}
		#header ul li a:hover, #header ul li a.selected {color: #333;  text-decoration: none;}
		#header ul li.back { background-color: #e6e8ea;width: 19px;height: 30px;z-index: 8;position: absolute;color: #333; -moz-box-shadow: inset 0 0 6px #c0c0c0; -webkit-box-shadow: inset 0 0 6px #c0c0c0; background: #E5E5E5 url(/files/images/structure/pattern.png); text-decoration: none;}
		
		/* contact form */
		#contact_form{clear: both; margin: 15px 0px 0px 0px; height: 205px; position: relative; display: none;}
		#contact_form fieldset{display: none;}
		#contact_form ol{margin: 0px 15px 0px 15px;float: left;}
		#contact_form ol li{ }
		.contact_text{width: 260px; height: 30px; padding: 8px 10px 8px 10px; margin: 0px 0px 10px 0px;color: #797979; font-size: 11px;background: #fff;}
		#address{width: 175px; height: 122px; background: #fff; float: left; padding: 15px 20px 25px 20px ; line-height: 14px; color: #797979;}
		#address span, #address span a{color: #993333; font-size: 12px; line-height: 18px;}
		.contact_textarea{float: left; width: 409px; height: 142px;resize: none; font-size: 11px; padding: 10px; font-family:Arial, Helvetica, sans-serif; color: #797979; background: #fff;}
		#send{clear: both; text-align: right;  }
		
		#contact_message{background: #fff; padding: 10px 5px 10px 5px; margin: 0px 5px 0px 0px; color: #797979; position: absolute; left: 0px; bottom: 0px; display: none;}
		#contact_message.error{background: #fee; border:1px solid #eff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 0 6px #eff; -webkit-box-shadow: inset 0 0 6px #e6e6e6;box-shadow: inset 0 0 6px #eff; color: #f00;}
		
		.contact_btn{padding: 12px 10px 12px 40px; text-align: left;  width: 60px; display: inline-block; background: #fff url(/files/images/structure/icon.jpg) no-repeat 7px 6px;  }
		.contact_btn:hover{text-decoration: none; -moz-box-shadow: inset 0 0 6px #797979; -webkit-box-shadow: inset 0 0 6px #797979; box-shadow: inset 0 0 6px #797979;}
		
		/* page image gallery */
		#gallery{background: #fff; margin: 15px 0px 0px 0px; padding: 15px 20px 70px 20px; position: relative;}
		.slideshow{width:920px; height: 250px; list-style: none; position:relative; }
		ul.slideshow li { position:absolute; left:0px; top:0px; display:inline;}
		ul.slideshow li.show { z-index:500;	}
		.next_slide, .prev_slide { display:block; position:absolute; width:18px; height:63px; z-index: 10 }
		.prev_slide { left:-19px; top:40%; background:transparent url(/files/images/structure/slider-prev.png) no-repeat; }
		.next_slide { right:-19px; top:40%; background:transparent url(/files/images/structure/slider-next.png) no-repeat top right}
		#slides_pager { margin-bottom:0; margin-top:7px; position: absolute; bottom: 28px; right: 100px;}
		#slides_pager li { margin:0; margin-left:5px; padding:0; float:left; }
		#slides_pager li a{ display:block; height:21px; width:21px; background: transparent url(/files/images/structure/slider-pager-normal.png) no-repeat; cursor:pointer; }
		#slides_pager li.activeSlide a { background-image: url(/files/images/structure/slider-pager-active.png); }
		.slide_caption { float:left; height:34px; position: absolute; bottom: 20px; left: 20px; background: url(/files/images/structure/icon.jpg) no-repeat; color:#797979; padding: 3px 0px 0px 30px; }
		.slide_caption .slide_title { color: #797979; font-size: 16px; display:block; }
		.slide_caption .slide_description {display: block;  margin: 5px 0px 0px 0px; }
		#fb_like{position: absolute; bottom: 30px; right: 0px; z-index: 9999}
		
		/* video holder */
		.videos {background: #fff; margin: 15px 0px 0px 0px; padding: 15px 20px 15px 20px; position: relative;}
		.currentvideo {background: #eee;}
		#youtube{float: left; width: 440px; background : #eee; padding: 5px;}
		#video_details { float: left; margin: 0px 0px 0px 30px;}
		#video_details p{color: #797979; margin: 10px 0px 0px 0px}
		.videos_list{position: absolute; bottom: 15px; left: 500px;}
		.videos_list li{float: left; width: 120px; margin: 0px 17px 0px 0px; padding: 5px;}
		.videos_list li p{margin: 5px 0px 0px 0px;}

	/* content */	
	#lh_col{float: left;  width: 710px; margin: 0px 0px 0px 0px;}
		.lh_col_box{background: #fff; margin: 15px 0px 15px 0px; padding: 15px 20px 15px 20px; position: relative;}
		#casestudy_image{display: none;}
		a.link{background: url(../images/structure/external_link.gif) no-repeat; padding: 0px 0px 5px 18px; display: block; margin: 0px 0px 5px 0px;}
		#summary, #content{position: relative;}
		#summary h2 span{font-size: 11px; color: #777; background: #e5e5e5; padding: 1px 5px 1px 5px;}
		#summary ul li{color: #666; margin: 0px 0px 5px 0px;}
		#image_controls{position: absolute; top: 0px; right: 0px; background: #E5E5E5 url(../images/structure/tab_corner.gif) no-repeat; padding: 0px 0px 0px 25px;}
			#image_controls li{float: left; margin: 0px 0px 7px 3px;}
			#image_controls a{display: block; width: 15px; height: 15px; text-indent: -9999px; }
			a#images_play{ background: url(../images/structure/btn_play.gif) no-repeat;}
			a#images_pause{ background:url(../images/structure/btn_pause.gif) no-repeat; margin: 0px 3px 0px 0px;}
		#content{overflow: auto}
		
		
		ul.services{width: 25%;  float: left;color: #999; margin: 10px 0px 0px 0px;}
		ul.services li{padding: 0px 0px 8px 0px;}	
		ul.services li.title{padding: 0px 0px 10px 0px; font-weight: bold; font-size: 14px;}	
		#lh_col p{color: #797979;  line-height: 17px; margin: 10px 0px 10px 0px; }	
		
		
		.related{color:#993333 !important; margin: 20px 0px 0px 0px;}
		.related a{background: url(/files/images/structure/extend.png) no-repeat; display: inline-block; height: 21px; padding: 2px 10px 0px 23px; color: #797979 !important;}
		.related a:hover{background: url(/files/images/structure/collapse.png) no-repeat;}
		
		/* clients carousel */
		#clients_car{position: relative; z-index: 5 !important}
		#carousel_container{margin: 10px 0px 0px 0px;}
		#carousel_inner {float:left; width:670px; overflow: hidden;}
		#carousel_ul {position:relative;left:-220px; list-style-type: none; margin: 0px;padding: 0px;width:9999px; }
		#carousel_ul li{float: left; width:200px; padding:0px;height:150px;margin: 0px 20px 0px 0px;}
		#carousel_ul li img {.margin-bottom:-4px; cursor:pointer;cursor: hand; border:0px; }
		.left_scroll, .right_scroll{position: absolute;top: 90px;height:63px; width:18px; overflow: hidden;}
		.left_scroll{left: -19px; background: url(/files/images/structure/slider-prev.png)}
		.right_scroll{right: -19px;  background: url(/files/images/structure/slider-next.png) no-repeat -13px 0px}
		.left_scroll img, .right_scroll img{border:0;cursor: pointer;cursor: hand;}

	/* portfolio */	
	#rh_col{background: #fff; width: 235px; float: right; margin: 15px 0px 25px 0px; padding: 0px 0px 10px 0px; position: relative;}
		#rh_col h3{color: #797979; background: url(/files/images/structure/icon.jpg) no-repeat; padding: 3px 0px 0px 30px; height: 20px; margin: 10px 0px 0px 10px;}
		#rh_col h2 { margin: 8px 20px 8px 13px; padding: 10px 0px 0px 0px; border-top: 1px solid #ccc; position: relative;}
		#rh_col h2 a{ color: #993333; font-size: 12px; }	
		#rh_col h2 a span{position: absolute; top: 5px; right: 0px; background: url(/files/images/structure/extend.png) no-repeat; display: block; width: 21px; height: 21px;}
		#rh_col h2.first{border: none; margin: 3px 20px 10px 13px;}
		.portfolio{margin: 0px 10px 10px 10px;}
		.portfolio a{display: block; color: #999;  padding: 5px 3px 0px 3px; display: block; height: 18px;}
		.portfolio a:hover, .portfolio a.selected{color: #333; -moz-box-shadow: inset 0 0 6px #c0c0c0; -webkit-box-shadow: inset 0 0 6px #c0c0c0; background: #E5E5E5 url(/files/images/structure/pattern.png); text-decoration: none;}
		.portfolio li.selected a{color: #000;}
		#rh_col ul{display: none;border-top: 1px solid #ccc; margin: 8px 20px 0px 13px; padding: 5px 0px 0px 0px; }
		#rh_col ul.open{display: block;}
		
		/* clients page grid */
		#clients{overflow: auto; background: #fff; padding: 20px 0px 0px 21px; margin: 0px 0px 20px 0px;}
		#clients li{float: left; margin: 0px 29px 29px 0px; position: relative}
		#clients li a span{position: absolute; top: 0px; left: 0px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70);  -moz-opacity:0.7; -khtml-opacity: 0.7;opacity: 0.7;background: #000; width: 200px; height: 150px; }
		#clients li a h6{font-size: 16px; font-weight: bold; color: #fff;position: absolute; top: 20px; left: 20px;}
		#clients li a  p{position: absolute; bottom: 20px; left: 20px;color: #fff;}
		.client_info{display: none;}
	
	/* footer */
	#footer{clear:both; overflow: auto; margin: 0px 0px 20px 10px; position: relative; color: #666;}
	#footer li{ float: left; margin: 0px 10px 10px 0px;}
	#footer li a{color: #666;}
	#footer li#copyright{position: absolute; top: 0px; right: 0px;}