/* ======================================================================================================================
 * 1. GENERAL
====================================================================================================================== */

/** ---------------------------------------
 * Body
 */

body {background:#ffffff;}


/** ---------------------------------------
 * Consistent spacing
 */

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin:0px 0px 20px 0px; }
ul li {line-height:1.8;}


/** ---------------------------------------
 * Base fonts
 */

body, input, textarea {
	color: #636b75;
	font-size: 13px;
	font-family: 'Helvetica', Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 { font-weight: bold;  color:#061e4a; margin-bottom:10px; }
h1 { font-size: 28px; font-weight: normal; font-family: 'MuseoSans500', sans-serif; line-height:1; margin-bottom:20px;}
h2 { font-size: 22px; font-weight: normal; font-family: 'MuseoSans500', sans-serif;}
h3 { font-size: 16px; font-weight: normal; font-family: 'MuseoSans500', sans-serif;  margin-bottom:5px;}
a:link, a:visited { color: #061e4a; }
a:hover { color: #636B75; text-decoration:none; }
small { font-size: 10px; }
p { line-height: 1.5em;}
.follow_head {margin-bottom:0px;}
.no_marg {margin:0px !important;}

.horz-break {background:url(../img/horz_shadow.png) no-repeat center top; border-top:1px solid #d3d4d4; height:20px; margin-top:20px; margin-bottom:10px;}

ul {margin-left:20px;}

input {
border: 1px solid #999999;	
}

input[type=submit], .button {
-moz-box-shadow: inset 0px 0px 5px #ffffff;
box-shadow: inset 0px 0px 5px #ffffff;
behavior: url(PIE.php);}
input[type=submit]:hover, .button:hover {-moz-box-shadow: inset 0px 0px 2px #ffffff;
box-shadow: inset 0px 0px 2px #ffffff;
behavior: url(PIE.php);}

/** ---------------------------------------
 * Top banner
 */
 
 
.top_banner_shadow {background:url(../img/horz_shadow.png) no-repeat center bottom; padding:0px 0px 18px 0px; margin:0px 0px 10px 0px;}
.top_banner_container {background:url(../img/top_banner2.jpg) repeat-x bottom left; height:255px;  z-index:1; position:relative; width:100%;}

.trans_top {position:absolute; top:0px; width:100%; height:50px; background:url(../img/trans_top.png) repeat top left;}

.ie7 .trans_top {width:200%; margin-left:-100%;}




.inner .top_banner_container {height:220px;}

#banner_grid {height:100%; position:relative;}

#logo {background:url(../img/logo.png) no-repeat top left; width:246px; height:162px; display:block; text-indent:-9999px; z-index:999; margin-top:39px;}
#logo_shadow {position:absolute; left:-500px; bottom:0px;}

#top_nav {height:100%; position:relative;}
#top_nav ul {background:url(../img/horz_shadow.png) no-repeat bottom right; float:right;}
#top_nav ul li {margin-right:20px; height:50px;}
#top_nav ul li a {font-family: 'MuseoSans500', sans-serif; color:#FFF; font-size:14px; line-height:50px; background:none;}
#top_nav ul li.current a, #top_nav ul li a:hover {background:url(../img/nav-line-bottom.png) repeat-x bottom left;}


a#client_login {background:#ffffff url(../img/client_login.jpg) repeat-x bottom left; display:block; text-align:center; -moz-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px;  border:1px solid #d3d4d4; border-top:0px; font-family: 'MuseoSans500', sans-serif; color:#061e4a; font-size:14px; padding-top:15px; padding-bottom:20px;
behavior: url(PIE.php);}
a#client_login:hover {background:#FFF;}

.ie8 #client_login {z-index:500; position:relative;}


.banner_text {position:absolute; bottom:10px; right:0px;}
.banner_text h1, .banner_text h2 {color:#e4e4e4; text-align:right; font-size:50px; margin:0px; text-shadow: 2px 1px 3px #000000; filter: dropshadow(color=#000000, offx=2, offy=1);
behavior: url(PIE.php);}
.banner_text ul {list-style-type:none; margin:0px; padding:0px;}
.banner_text ul li {margin:0px; padding:0px;}



/** ---------------------------------------
 * news / blog
 */

.post h3 span {color:#636b75}
}

/** ---------------------------------------
 * scroller
 */
 
.jcarousel-skin-tango .jcarousel-container {
	margin-left:20px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 903px;
	margin-left:auto; margin-right:auto;
	margin-top:10px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  903px;
    height: 114px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 172px;
    height: 114px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 36px;
    right: -26px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../skins/tango/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image:url(../skins/tango/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 36px;
    left: -33px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../skins/tango/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image:url(../skins/tango/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -29px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}


/** ---------------------------------------
 * Hoem Service Boxes
 */
.home_service_boxes .box {height:166px; border:1px solid #d3d4d4; -moz-border-radius: 5px; border-radius: 5px; width:300px; float:right; position:relative;
background:#ffffff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#e8e8e8)); 
background: -moz-linear-gradient(#ffffff, #e8e8e8); 
background: linear-gradient(#ffffff, #e8e8e8);
background-color:#666;
-pie-background: linear-gradient(#ffffff, #e8e8e8);
behavior: url(PIE.php);}

.home_service_boxes .box h2 {background:url(../img/ribbon2.png) no-repeat top left; height:43px; width:190px; margin-left:-21px; margin-top:5px; color:#FFF; text-transform:uppercase; padding-left:25px; padding-top:11px; margin-bottom:5px; font-size:16px;}
.home_service_boxes .box p {text-align:center; padding:0px 10px; font-style:italic; color:#061e4a;}
.home_service_boxes .box a {position:absolute; bottom:-1px; left:-1px; display:block; text-align:center; border:1px solid #d3d4d4; width:300px; height:30px; line-height:34px;  -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; color:#d3d4d4; text-transform:uppercase; font-weight: normal; font-family: 'MuseoSans500', sans-serif;
background:#ffffff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#e8e8e8)); 
background: -moz-linear-gradient(#ffffff, #e8e8e8); 
background: linear-gradient(#ffffff, #e8e8e8);
-pie-background: linear-gradient(#ffffff, #e8e8e8);
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
behavior: url(PIE.php);}
.home_service_boxes .box a:hover{color:#061e4a;}


/** ---------------------------------------
 * cta_form
 */
.cta_form {border:1px solid #d3d4d4; -moz-border-radius: 5px; border-radius: 5px; clear:both; overflow:hidden; margin-bottom:20px;
behavior: url(PIE.php);} 
.cta_form h2 {background:#e9e9e9; border-bottom:1px solid #d3d4d4; padding:2px 10px;}
.cta_form p {margin:10px;}
.cta_form form p label {display:block; font-weight:bold; margin-bottom:2px;}
.cta_form form p input {width:95%; 
}
.cta_form form p input[type=submit] {width:auto;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;}
.cta_form form p textarea {width:95%; height:70px;}
.cta_form .button {float:right;}

.cta_form.newsletter input[type=text] {width:50%;}


input[type="text"], textarea {-moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);}

/** ---------------------------------------
 * buttons
 */
 
.button {padding:7px 20px; border:none;  -moz-border-radius: 5px; border-radius: 5px; color: rgba(0, 0, 0, 0.5); text-transform:uppercase; font-weight: normal; font-family: 'MuseoSans700', sans-serif; font-size:16px; border:1px solid rgba(0, 0, 0, 0.1); margin-bottom:10px; position:relative; 
behavior: url(PIE.php);}
.cta_form .button {margin-top:-10px;}
.button:hover {color:#FFF; border:1px solid rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;

}
.button:active {-moz-transform:scale(0.97); -webkit-transform:scale(0.97);}

.button.green {background:url(../img/greenbutton.jpg) repeat-x bottom left;}
.button.purple {background:url(../img/purplebutton.jpg) repeat-x bottom left;}

.button.orange {background:url(../img/orangebutton.jpg) repeat-x bottom left; }
.button.orange:link, .button.orange:visited {color:#bf5100 !important;}
.button.orange:hover {color:#FFF !important;}

.button.blue {background:url(../img/bluebutton.jpg) repeat-x bottom left; }
.button.blue:link, .button.blue:visited {color:#0037e9 !important;}
.button.blue:hover {color:#FFF !important;}

.button.regular { margin:auto; margin:20px 0px; overflow:hidden clear:both;;}
.button.regular.full {display:block; text-align:center;}

.cta_buttons {clear:both; margin-top:30px;}

.ie7 .button {margin-top:5px;}


.ie7 .cta_buttons .slide_out, .ie8 .cta_buttons .slide_out {display:none !important;}

/** ---------------------------------------
 * subnav
 */
.sub_nav { padding-bottom:5px; margin-bottom:5px;}
.sub_nav ul {list-style-type:none; margin:0px; padding:0px;}
.sub_nav ul li {margin:0px; padding:0px; margin-bottom:10px;}
.sub_nav ul li a {font-family: 'MuseoSans500', sans-serif; font-weight:normal; font-size:16px; color:#999999; display:block; width:232px; height:28px; padding-left:5px;}
.sub_nav ul li.current a {background:url(../img/sub_nav_current.png) no-repeat top left; color:#FFF;}
.sub_nav ul li a:hover {color:#061e4a;}
.sub_nav ul li.current a:hover {color:#FFF; cursor:default;}



/** ---------------------------------------
 * image scroller
 */
.image_scroller {background:url(../img/image_scroller_shadow.png) no-repeat bottom center; padding-bottom:18px; position:relative;}
.image_scroller_inner {margin-left:50px;}
a#galnext {background:url(../img/img_scroller_right_arrow.png) no-repeat top left; display:block; width:31px; height:59px; text-indent:-9999px; opacity:0.3; position:absolute; top:35%; right:20px;}
a#galprev {background:url(../img/img_scroller_left_arrow.png) no-repeat top left; display:block; width:31px; height:59px; text-indent:-9999px; opacity:0.3; position:absolute; top:35%; left:20px;}
#galprev:hover, a#galnext:hover {opacity:0.9}



/** ---------------------------------------
 * quote box / figure box
 */
.quote {postion:relative; padding:10px; background:url(../img/home_service_box_background.png) repeat-x bottom left; border:1px solid #d3d4d4; -moz-border-radius: 5px; border-radius: 5px; text-align:center; color:#061E4A; font-size:14px; font-family: 'MuseoSans500', sans-serif; font-weight:normal;
behavior: url(PIE.php);}
.quote img {position:absolute; top:0px; left:0px;}

.figure_highlight {postion:relative; padding:10px; background:url(../img/home_service_box_background.png) repeat-x bottom left; border:1px solid #d3d4d4; -moz-border-radius: 5px; border-radius: 5px;color:#061E4A;
behavior: url(PIE.php);}
.figure_highlight p {font-size:50px; font-family: 'MuseoSans700', sans-serif; font-weight:normal; line-height:1;}
.figure_highlight p span {font-size:14px; display:block; font-family: 'MuseoSans500', sans-serif; font-weight:normal;}
.figure_highlight img {position:absolute; bottom:0px; right:10px;}

/** ---------------------------------------
 * overlay styling
 */

.overlay {display:none; z-index:10000; background:#FFF url(../img/home_service_box_background.png) repeat-x bottom left; border: 1px solid #D3D4D4; width:300px; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px 5px #000; -moz-border-radius:10px; border-radius:10px; margin-top:100px;
behavior: url(PIE.php);}
.overlay .close {position:absolute; top:-15px; right:-15px; cursor:pointer; background:url(../img/close_button.png) no-repeat 0px 0px; height:34px; width:33px;}
.overlay .close:hover {background:url(../img/close_button.png) no-repeat 0px -34px;}


.overlay h2 {background:url(../img/ribbon2.png) no-repeat top left; width:190px; height:54px; padding-top:11px; color:#FFF; text-transform:uppercase; padding-left:25px; font-size:16px; margin-left:-22px; margin-top:10px;}
.overlay form {margin-left:25px;}
.overlay form label {display:block; font-weight:bold;}
.overlay form input {background:#FFF; width:240px;}

/** ---------------------------------------
 * cse studies
 */
 
ul.case_studies {margin:0px; padding:0px; list-style-type:none;}
ul/case_studies li {margin:0px; padding:0px;}
.grid_8.case {margin-bottom:40px;}
.grid_8.case a img {padding:5px; border: 1px solid #D3D4D4; -moz-border-radius:5px; border-radius:5px; position:relative; background:#FFF;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
behavior: url(PIE.php);
}

.grid_8.case a:hover img {box-shadow: 0 2px 8px rgba(0, 0, 0, 0.27); -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.27);
behavior: url(PIE.php);}
.grid_8.case h2 {margin-bottom:0px;}
.grid_8.case p {margin-bottom:5px}


.port_images img {margin-bottom:20px; 
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
behavior: url(PIE.php);}

ul.services_provided {margin:0px; padding:0px;}
ul.services_provided li {margin:0px; padding:0px; margin-right:5px; margin-bottom:5px;}
ul.services_provided li a { background:#061E4A; padding:5px 10px; color:#FFF;  -moz-border-radius:20px; border-radius:20px; font-size:10px; 
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
behavior: url(PIE.php);}
ul.services_provided li a:hover {background:#E9E9E9; color:#061E4A;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.27); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.27);
behavior: url(PIE.php);}

.portfolio.single_view h1 {margin-bottom:10px;}
a.port_link {color:#636B75; display:block; border-bottom:1px solid #d3d4d4; padding-bottom:10px;}
a.port_link:hover {color:#061E4A;}





/** ---------------------------------------
 * contact form
 */
 
form.contact label {display:block; font-weight:bold; margin-bottom:2px;}
form.contact input, form.contact textarea {width:100%;}
form.contact textarea {height:100px;}
form.contact input#submit {width:auto; float:right;}


ul.home_message_cycle {list-style-type:none; margin:0px; padding:0px; background:none !important; width:670px; height:110px !important; overflow:hidden;} 
ul.home_message_cycle li, ul.home_message_cycle li h1 {width:670px; height:110px !important;}


/** ---------------------------------------
 * Footer
 */
.footer_container { margin:20px 0px 0px 0px; background:#e9e9e9 url(../img/horz_shadow.png) no-repeat top center; border-top:1px solid #d3d4d4;}
.footer_container #footer {padding:20px 0px 0px 0px;}
.map_container {background:url(../img/map_container.png) no-repeat top left; width:332px; height:222px; padding-left:11px; padding-top:5px;}
.address h3 {margin-bottom:0px;}
.address p {margin-bottom:10px;}
.address a.twitter {background:url(../img/footer_twitter.png) no-repeat top left; width:31px; height:25px; display:block; text-indent:-9999px; overflow:hidden; float:left; margin-right:20px; margin-top:2px;}
.address a.facebook {background:url(../img/footer_fb.png) no-repeat top left; width:13px; height:27px; display:block; text-indent:-9999px; overflow:hidden; float:left; margin-right:25px;}
.address a.contact {background:url(../img/footer_email.png) no-repeat top left; width:27px; height:21px; display:block; text-indent:-9999px; overflow:hidden; float:left; margin-top:3px;}
.address a.twitter:hover, .address a.facebook:hover, .address a.contact:hover {-moz-transform:scale(0.95);-webkit-transform:scale(0.95);}

#sub_footer {border-top:1px solid #D3D4D4; padding-top:10px; margin-bottom:0px;}
#sub_footer ul, #sub_footer ul li {margin:0px; padding:0px;}
#sub_footer ul li {margin-right:20px;}
#sub_footer ul li a {font-size:10px; color:#636B75;}
#sub_footer ul li a:hover {color:#061E4A;}
#sub_footer .copy p {font-size:10px; text-align:right;}

.footer_services ul {list-style-type:none; margin:0px; padding:0px;}
.footer_services ul li {margin:0px; padding:0px;}

@charset "utf-8";
/* CSS Document */

#case-wrapper {
	margin-left:auto; margin-right:auto;
	padding-bottom:30px;
}

.top, .top-mid, .lower-mid, .bottom {
	height:114px; width:950px;
	margin:30px auto 0px auto;
}

ul.portfolio {
	float:left;
	display:block;
	margin:0px 0px 0px -2px;
}

li.case-study {
	float:left;
	height:114px; width:170px;
	list-style:none;
	padding-right:10px;
}