/******* maincontainer styles *******/
body{
background:#e9e9e9;
margin:0;
padding:0;
font-size: 10px;
}
#imenu{display:none;}

#header_wrapper{float:left;width:100%;background:url("/images/header_gradient.jpg") repeat-x top;padding-top:2px;}
#clouds{float:left;width:100%;background:url("/images/clouds_bg.jpg") no-repeat top;}
#header{width:1000px;margin:0 auto;}
#logo{float:left;width:203px;padding-top:15px;}

#menu ul{float:left;padding:0px;margin:0px;list-style-type:none;}
#menu li{float:left;padding:0px;margin:0px;}
#menu li a{float:left;}

#menu{float:right;width:750px;}
#menu ul{float:right;}
#menu li a{background:url("/images/sprite.gif") no-repeat top;}
#menu li.link1 a{background-position:0px 0px;}
#menu li.link2 a{background-position:-100px 0px;}
#menu li.link3 a{background-position:-215px 0px;}
#menu li.link4 a{background-position:-316px 0px;}
#menu li.link5 a{background-position:-420px 0px;}
#menu li.link6 a{background-position:-514px 0px;}

#menu li.link1:hover a{background-position:0px -150px;}
#menu li.link2:hover a{background-position:-100px -150px;}
#menu li.link3:hover a{background-position:-215px -150px;}
#menu li.link4:hover a{background-position:-316px -150px;}
#menu li.link5:hover a{background-position:-420px -150px;}
#menu li.link6:hover a{background-position:-514px -150px;}

#content_top{float:left;width:100%;background:url("/images/content_top.png") no-repeat 50% bottom;}
#banner{width:100%;margin:0 auto;height:473px;}
#content_wrapper{float:left;width:100%;background:url("/images/bg_content.png");}
#shade{float:left;width:100%;background:url("/images/shadow.png") repeat-x;}
#content{float:left;width:100%;background:url("/images/content_bg.png") repeat-y 50%;}
#content_bottom{float:left;width:100%;background:url("/images/content_bottom.png") no-repeat 50% bottom;padding-bottom:40px;}
#maincontent{margin:0 auto;width:940px;}
#maincontent_clients{width:950px;margin:0 auto;}
#homepage_content{float:left;padding:40px 0px 20px 0px;width:940px;}

#footer_wrapper{width:1000px;margin:10px auto;color:#000;}
#footer_wrapper a,#footer_wrapper{font-family: 'Lucida Grande', 'Lucida Sans Unicode',sans-serif;font-size:11px;}
.fheading{font-weight:bold;background:url("/images/footer_dotted.png") repeat-x bottom;width:100%;line-height:2em;float:left;margin-bottom:5px;}

#footer{float:left;width:960px;background:url("/images/footer_bg.gif") repeat-y;padding:10px 20px;}
#footer_top{float:left;width:1000px;background:url("/images/footer_top.gif") no-repeat top;padding-top:16px;}
#footer_bottom{float:left;width:1000px;background:url("/images/footer_bottom.gif") no-repeat bottom;padding-bottom:23px;}
.fboxes{color:#6c6c6c;}

#fservices,#fterms,#fcontact{float:left;width:auto;}
.fboxes ul{float:left;list-style-type:none;padding:0px;margin:0px;padding-top:10px;}
.fboxes ul.first{padding-right:30px;}
.fboxes li{display:block;padding:0px;margin:0px;padding-bottom:5px;line-height:1em;}
.fboxes a{color:#6c6c6c;}
.fboxes a:hover{color:#4aa0ef;}
#fservices{width:455px;margin:0px 50px 0px 20px;}
#fterms{padding:0px;width:175px;}
#fcontact{margin-right:20px;float:right;line-height:1.9em;width:160px;}



#fbottom{float:left;width:1000px;}
#fleft{float:left;}
#fright{float:right;text-align:right;}

#fcenter a{color:#999997;}
#fcenter a:hover{color:#5d5d5d;}

#fcenter{text-align:center;color:#999997;font-size:11px;width:1000px;padding-top:10px;float:left;}

/*homepage styles*/
.h_who{background:url("/images/sprite.gif") no-repeat 0px -246px;}
.h_work{background:url("/images/sprite.gif") no-repeat 0px -269px;}
.h_what{background:url("/images/sprite.gif") no-repeat 0px -293px;}

#box1{float:left;width:260px;padding-right:40px;}
.box_content{padding-top:30px;}

#box2{float:left;width:340px;}
.work_slide{float:left;width:318px;height:232px;background:url("/images/sprite.gif") no-repeat 0px -488px;padding:26px 0px 0px 22px;margin-top:30px;}
.slide-caption{float:left;width:90%;text-align:center;padding-top:10px;font-family:Georgia;font-style:italic;font-size:12px;}

#box3{float:right;width:260px;}
#box3 p{color:#000;}
#testimonial{float:left;width:260px;background:url("/images/testimonial_bg.gif") repeat-y;margin-top:30px;}
#testimonial_bottom{float:left;width:220px;background:url("/images/testimonial_bottom.gif") no-repeat bottom;padding:30px 20px;}

/*
 * jQuery FlexSlider v1.4
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0; }
.flexslider .slides li {display: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block; margin: 0 auto; position: relative; }


/* FlexSlider Default Theme
*********************************/
.flexslider {background: transparent; position: absolute;}
.flexslider .slides{list-style-type:none;padding:0px;margin:0px;}
.flexslider .slides  li {position: relative; padding:0px;margin:0px;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flexslider-container {position: relative;}

/* Caption style */
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 15px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav {list-style-type:none;padding:0px;margin:0px;padding-top:300px;}
.flex-direction-nav li a {width: 46px; height: 95px; margin: 0; display: block; background: url(/images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;} /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */
.flex-direction-nav li a.next {background-position: -46px; right: 0px;}
.flex-direction-nav li a.prev {background-position: 0 0; left: 0px;}

/* Control Nav */
.flex-control-nav {width: 970px; position: relative; bottom: -410px; margin:0 auto;}
.flex-control-nav li {margin: 0 0 0 3px; display: inline-block; zoom: 1; *display: inline;float:right;}

.flex-control-nav li a {width: 11px; height: 11px; display: block; background: url(/images/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}



/*nextpages style*/
#heading_wrapper{width:100%;height:140px;padding-top:10px;}
#heading{width:1000px;margin:0 auto;}
#next_maincontent{width:1000px;margin:0 auto;}
#sidemenu{float:left;width:250px;padding:0px 0px 0px 30px;}
#nextpages_content{float:right;width:680px;}
.next_text,#next_text{padding-right:30px;}



/*services page styles*/
#sidemenu ul{padding:0px;margin:0px;list-style-type:none;}
#sidemenu li{padding:0px;margin:0px;padding-bottom:5px;}
#sidemenu li a{color:#000;font-weight:bold;width:230px;height:60px;padding:10px;display:block;border:1px solid #fff;line-height:1.2em;}
#sidemenu li a .sub{display:none;font-weight:normal;color:#5f5f5f;font-size:.8em;line-height: 1.2em;}
#sidemenu li a:hover{border:1px solid #e2e2e2;background:#f0f0f0;color:#0f527d;}
#sidemenu li a:hover .sub{display:block;}
#sidemenu li a span.ico{float:left;background:url("/images/icons.gif") no-repeat;margin-right:10px;margin-bottom:20px;}


#sidemenu li.services_1 a span.ico{background-position:0px 0px;}
#sidemenu li.services_2 a span.ico{background-position:-50px 0px;}
#sidemenu li.services_3 a span.ico{background-position:-100px 0px;}
#sidemenu li.services_4 a span.ico{background-position:-150px 0px;}
#sidemenu li.services_5 a span.ico{background-position:-200px 0px;}
#sidemenu li.services_6 a span.ico{background-position:-250px 0px;}
#sidemenu li.services_7 a span.ico{background-position:-300px 0px;}
#sidemenu li.services_8 a span.ico{background-position:-350px 0px;}
#sidemenu li.services_9 a span.ico{background-position:-400px 0px;}

#sidemenu ul.small_list li{float:left;display:inline;padding:1px 0px;}
#sidemenu ul.small_list li a{float:left;height:auto;width:auto;color:#969696;font-weight:normal;display:inline;font-size:.8em;padding:0px 4px;border-right:1px solid #969696;line-height:1em;}

#sidemenu #research_menu li a{height:auto;}

/*contact page styles*/
#contact_left{float:left;width:650px;padding-left:30px;}
#contact_right{float:right;width:260px;padding:0px 30px 0px 0px;}

#mailing{float:left;width:228px;border:1px solid #bfbfbf;padding:15px;color:#064389;margin-bottom:30px;background:#efefef;}
#mailing h3{padding:0px;margin:0px;}
#mailing a{font-size:11px;}
.forminput{font-size:11px;padding:2px;width:228px;margin-bottom:30px;}

#contact_right #testimonial{margin-top:0px;}
#map_canvas{float:right;border:1px solid #a7cae0;margin-bottom:30px;width: 260px; height: 200px;}
#quotation_form{float:left;width:618px;background:#efefef;border:1px solid #bfbfbf;padding:15px;}
#quotation_form h3{font-size:2.4em;margin-bottom:1.4em;}
#quotation_form .forminput{margin-left:20px;}
#quotation_form #overview{width: 400px; height: 200px;}

/*case study slideshow styles*/
.flexslider-scrn{height:260px;float:left;width:935px;background:url("/images/workslides-bg.gif");margin-top:-15px;padding:15px 0px 0px 15px;}
.flexslider-scrn .flexslider {width: 920px;height:245px; }
.flexslider-scrn .flex-direction-nav{width:950px;position:absolute;padding-top:0px;}
.flexslider-scrn .flex-direction-nav li a {width: 67px; height: 200px; background: url(/images/arrows.png) no-repeat 0 0; position: absolute;margin-top:20px; }
.flexslider-scrn  .flex-direction-nav li a.next {  background-position: 0 0;right:-37px;}
.flexslider-scrn  .flex-direction-nav li a.prev {  background-position: -67px 0;left:-67px;}
.flexslider-scrn .flex-control-nav{display:none;}

/*iphone  slideshow styles*/
.flexslider-iphone{height:410px;float:left;background:url("/images/presentation-bg.gif");width:630px;padding:20px 0px 0px 20px;margin-bottom:40px;}
.flexslider-iphone .flexslider {width: 610px; }
.flexslider-iphone .flex-direction-nav{width:610px;position:absolute;padding-top:0px;}
.flexslider-iphone .flex-direction-nav li a {width: 67px; height: 200px; background: url(/images/arrows.png) no-repeat 0 0; position: absolute; margin-top:90px;}
.flexslider-iphone  .flex-direction-nav li a.next {  background-position: 0 0;right:-66px;}
.flexslider-iphone  .flex-direction-nav li a.prev {  background-position: -67px 0;left:-68px;}
.flexslider-iphone .flex-control-nav {width:400px;  float:left;}