/************ START common.css ********************/

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #00BDF3;
	margin: 0;
	font-size: 100%;
}

form 
{

    padding: 0;
	margin: 0;
	width : 230px;
}

#surround_all {
	text-align: left;
	margin: 0 auto;
	width: 950px;
	clear: none;
	float: none;
}

#header {
	padding:0 0 0 0;
	width: 954px;
	height: 123px;
	background: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.header_link
{

  width : 261px;
  float : left;
}

.login
{
    width : 260px;
    height : auto;
    float : left;
    margin : 38px 0 0 370px;
    }


#header.form
{
    background: blue;
    padding: 0;
	margin: 0;
	width : 230px;
}

#header h5 {
	padding: 0;
	margin: 0 0 0 60px;
	color: #00BDF3;	
}

#header img {
	vertical-align: middle;
	border: 0;
	margin: 0 10px 0 0;
}

#header input {
	vertical-align: middle;
	padding: 2px;
	margin: 0;
	
}

#header input.submit {
    
    width: 24px;
    height: 24px;
    background: url(~/images/btn_subtick.gif) no-repeat;
    text-indent: -1000em;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
    margin : 0 0 0 2px;
    border : 0;
      
}


#quicknav {
	margin: 0 0 0 75px;
	width: 800px;
	height: 28px;
}

#quicknav img {
	float: left;
	width: 19px;
	height: 22px;
	border: 0;
	margin: 0 9px 0 0;
}

img.textaligned {
	vertical-align: middle;
}

.highlight {
	color: #00BDF3;	
}

.big_bold {
	font-size: 120%;
	font-weight: bold;
	padding: 0 0 10px 0;
}

.italic {
	font-style: italic;	
}

div.clearer {
	clear: both;
}

/* --------------------- Main Navigation Styles --------------------------- */

ul#mainnav {
	margin: 0 0 0 75px;
	padding: 0 0 6px 0;
	width: 875px;
	list-style-type: none;
	overflow: auto;
}

ul#mainnav li {
	float: left;
	display: block;
	line-height: 40px;
	text-align: center;
	padding: 0;
	margin: 0;
	color: #717174;
	background: url(../images/mainnav_bg_left.gif) no-repeat top left;
}

ul#mainnav li span {
	display: block;
	background-image: url(../images/mainnav_bg_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0;
}

ul#mainnav li h4 {
	height: 28px;
	padding: 0;
	margin: 0;
	color: #00BDF3;
}

ul#mainnav li.nav_about { width: 114px; padding: 0; }
ul#mainnav li.nav_why { width: 166px; padding: 0; }
ul#mainnav li.nav_what { width: 115px; padding: 0; }
ul#mainnav li.nav_clients { width: 100px; padding: 0; }
ul#mainnav li.nav_news { width: 147px; padding: 0; }
ul#mainnav li.nav_faq { width: 70px; padding: 0; }
ul#mainnav li.nav_contact { width: 94px; padding: 0; }

ul#mainnav li a {
	display: block;
	font-weight: bold;
	min-height: 40px;
	text-decoration: none;
	padding: 0 18px 0 14px;
	color: #717174;
	background-image: url(../images/mainnav_bg_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

ul#mainnav li.selected a {
	color: #00BDF3;
}

/* --------------------- Left Column (Large) Styles --------------------------- */

#col_left {
	float: left;
	margin: 0;
	padding: 0 0 0 75px;
	width: 556px;
	height: auto;
}

#col_left .content_top {
	width: 550px;
	height: 5px;
	margin: 0 6px 0 0;
	background-image: url(../images/panel_top_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 1px;

}

#col_left object 
{
    margin : 0 0 0 0;
    padding : 0;
    }

#col_left .content_mid {
	overflow: auto;
	width: 533px;
	margin: 0 6px 0 0;
	/* drop shadow bg beneath 7px of right padding */
	/* means white surround is min 5px left and 5px right */
	padding: 16px 12px 12px 5px;
	background-color: #FFF;
	background-image: url(../images/panel_edge_bg.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

#col_left .content_mid div.greyline {
	clear: both;
	width: 499px;
	padding: 5px 0 0 0;
	margin: 0 17px;
	font-size: 1px;
	border-bottom: 1px solid #B8B8B9;
}

#col_left .content_mid a.newslink {
	display: block;
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 11px;
}

#col_left .content_mid .btn_spacer {
	padding: 0 3px 0 0;
}

#col_left .content_mid .indent1 {
	margin: 0 0 0 23px;
}

#col_left .content_mid .indent {
	margin: 0 0 0 34px;
}

#col_left .content_mid a {
	color: #00BDF3;
	text-decoration: none;
}

#col_left .content_mid a img {
	border: 0;
	
}

#col_left .content_mid h3 {
	font-weight: bold;
	padding: 4px 0 8px;
	margin: 0 0 0 15px;
	color: #00BDF3;
}

#col_left .content_mid img.aligner {
	display: block;
	margin: 0 auto 11px 0;

	
	
}

#col_left .content_mid h5 {
	font-weight: bold;
	color: #717174;	
	padding: 0;
	margin: 0;
}

#col_left .content_mid ul {
	font-weight: bold;
	font-size: 70%;
	color: #00BDF3;	
	padding: 0 0 0 12px;
	margin: 0;
}

#col_left .content_mid ul li {
	padding: 0 0 12px 0;
}

#col_left .content_mid p {
	font-size: 70%;
	padding: 0 0 8px;
	margin: 0;
}

/* coltype1 used on What We Do and Home pages */
#col_left .content_mid div.coltype1L {
	display: inline; /* IE6 Double Margin Bug Fix */
	float: left;
	width: 222px;
	margin: 0 19px 0 35px;
}

#col_left .content_mid div.coltype1R {
	float: left;
	width: 222px;
	margin: 0;
}

#col_left .content_mid .col_insert {
	padding: 0 0 10px 0;
}

/* coltype2 used on Gallery and News Article pages */
#col_left .content_mid div.coltype2L {
	display: inline; /* IE6 Double Margin Bug Fix */
	float: left;
	width: 242px;
	margin: 0 19px 0 15px;
}

#col_left .content_mid div.coltype2R {
	float: left;
	width: 242px;
	margin: 0;
}

#col_left .content_foot {
	width: 550px;
	height: 7px;
	margin: 0 6px 9px 0;
	background-image: url(../images/panel_foot_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 1px;
}

/* --------------------- Right Column Styles --------------------------- */

#col_right {
	float: left;
	width: 250px;
	height: auto;
}

#col_right .feature_top {
	width: 250px;
	height: 5px;
	background-color: #FFF;
	background-image: url(../images/panel_top_small_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 1px;
	float : left;
}

#col_right .feature_mid {
	width: 226px;
	padding: 0 12px 10px 12px;
	background-color: #FFF;
	background-image: url(../images/panel_edge_bg.gif);
	background-repeat: repeat-y;
	background-position: right top;
	float : left;
}

#col_right .feature_mid h2 {
	color: #717174;
	padding: 6px 0 0 0;
	margin: 0;
}

#col_right .feature_mid p {
	font-size: 70%;
	padding: 6px 0 0 0;
	margin: 0;
		
}

#col_right .feature_mid p a {
	text-decoration : none;
	color : #717174;
	font-size: 110%;
}

.feed_data
{
    float : left;
    width : 170px;
    padding : 0 2px 0 0;
    margin : 0 20px 5px 0;
    }

.feed_img 
{
    float : left;
    width : 30px;
    padding : 4px 0 0 0;
    }

.feed_img_news
  {
    float : left;
    width : 30px;
    padding : 4px 0 0 2px;
    }
 

#col_right .feature_foot {
	width: 250px;
	height: 7px;
	margin: 0 0 9px 0;
	background-color: #FFF;
	background-image: url(../images/panel_foot_small_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 1px;
	float : left;
}


/* --------- Search Results -------- */

.search_results
{
    margin : 0 0 0 30px;}

/* --------- Navigation List Box (Gallery, News, News Article & What We Do ----------- */

#col_right .feature_nav_mid {
	overflow: auto;
	width: 243px;
	padding: 0 7px 0 0;
	background-color: #FFF;
	background-image: url(../images/panel_edge_bg.gif);
	background-repeat: repeat-y;
	background-position: right top;
	float : left;
	
}

#col_right .feature_nav_mid h2 a {
	display: block;
	color: #717174;	
	width: 195px;
	padding: 0 38px 0 10px;
	margin: 10px 0;
	line-height: 31px;
	background: url(../images/rnav_icon.gif) #FFF no-repeat 206px top;
}


#col_right .feature_nav_mid ul {
	
	border-top: 1px solid #B8B8B9;
	padding: 5px 0 0 0;
	margin: 0;
	vertical-align: middle;
}

#col_right .feature_nav_mid ul ul {
	border: 0;
	padding: 0;
	margin: 0;
}

#col_right .feature_nav_mid a {
	text-decoration: none;
	color: #717174;
	padding: 0 0 0 33px;

}

#col_right .feature_nav_mid li {
	list-style-type: none;
	background: url(../images/rnav.gif) #FFF no-repeat 11px 1px;
	padding: 0 0 1px 0;
	width : 230px;
	font-size: 90%;
}

#col_right .feature_nav_mid li.active {
	background: url(../images/rnav_active.gif) #FFF no-repeat 11px 1px;
	
	
}

#col_right .feature_nav_mid li.active a {
	color: #00BDF3;	
	
}

#col_right .feature_nav_mid li.active li a {
	color: #717174;
	
	
}

#col_right .feature_nav_mid li li {
	font-size: 80%;
	width: 243px;
	padding: 0;
	color: #717174;
	list-style-type: none;
	background: url(../images/rnav_sub.gif) #E6E4E6 no-repeat 13px 2px;
}

#col_right .feature_nav_mid li li.active {
	background: url(../images/rnav_sub_active.gif) #717174 no-repeat 13px 2px;
	
}

#col_right .feature_nav_mid li li.active a {
	color: #FFF;
}

/* --------- Get In Touch Box  ----------- */

#col_right .feature_mid p.instruct {
	font-size: 70%;
	padding: 2px 0 0 38px;
	margin: 0;
	color: #717174;
}

#col_right .feature_mid span.method {
	font-size: 120%;
	font-weight: bold;
	color: #717174;
	margin: 0;
	padding: 0;
}

#col_right .feature_mid span.smaller {
	font-size: 100%;
	padding-left: 39px;
}

#col_right .feature_mid span.method1 {
	font-size: 110%;
	font-weight: bold;
	color: #717174;
	margin: 0;
	padding: 0;
}

#col_right .feature_mid span.method img {
	vertical-align: middle;
}

#col_right .feature_mid form {
	padding: 6px 0 0 0;
}

#col_right .feature_mid form input {
	border: 2px solid #717174;
	vertical-align: middle;
	padding: 3px;
	margin: 0 2px 0 0;
	color:#BEBEBF;
	font-weight:bold;

}

#col_right .feature_mid .contact_method input.submit {
    
    width: 24px;
    height: 24px;
    background: url(~/images/btn_subtick.gif) no-repeat;
    text-indent: -1000em;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
    margin : 0 0 0 0;
    border : 0;
    
   
}

#col_right .feature_mid .contact_method {
	clear: both;
	height: auto;
	width: 226px;
}

#col_right .feature_mid .contact_method a {
	text-decoration: none;
	color: #717174;

}

#col_right .feature_mid .contact_method img {
	vertical-align: middle;
	border : 0;
}

#col_right .feature_mid .contact_method img.icon {
	margin: 0 6px 0 0;
}

#col_right .feature_mid .contact_method a#popupmessage 
{
	line-height: 30px;
}

/* --------- Tag Cloud Box  ----------- */

#col_right .feature_mid a.cloud {
	text-decoration: none;
	font-weight: bold;
	color: #00BDF3;
	vertical-align: top;
	float : left;
}

#col_right .feature_mid a.lvl1 {
	font-size: 80%;
}

#col_right .feature_mid a.lvl2 {
	font-size: 110%;
}

#col_right .feature_mid a.lvl3 {
	font-size: 150%;
}

#col_right .feature_mid a.lvl4 {
	font-size: 180%;
}

#col_right .feature_mid a.lvl5 {
	font-size: 250%;
}

/* --------------------- Footer Styles --------------------------- */

#footer {
	clear: both;
	width: 950px;
	height: 125px;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#footer a {
	color: #00BDF3;
	text-decoration: none;
}

#footer ul {
	list-style-type: none;
	width: 724px;
	padding: 12px 0 0;
	margin: 0 0 0 113px;
	border-bottom: 3px solid #919195;
	text-align: center;
	overflow: auto;
	height : 35px;
}

#footer ul li {
	display: inline;
	margin: 0 15px;
	line-height: 30px;
	padding: 0;
	font-size: 70%;
}

#footer ul li img {
	
	margin: 0;
	padding: 0;
	overflow : hidden;

}

#footer h4 {
	font-weight: normal;
	color: #00BDF3;
	margin: 0 0 0 120px;
	padding: 5px 0 0 0;
	background-color: #FFF;
	width: 550px;
	font-size: 70%;
	

}

#footer p {
	margin: 0 0 0 120px;
	padding: 0;
	background-color: #FFF;
	width: 570px;
	font-size: 70%;
}

#footer #networking {
	display: inline;
	float: right;
	width: 133px;
	margin: 0 120px 0 0;
	padding: 10px 0 0 0;

}

#footer #networking img {
	margin: 0 3px;
	border: 0;
}

#footer li .webinar
{
	
	display : inline;
	background-image: url(../images/webinar_icon.jpg);
	background-repeat : no-repeat;
	padding : 8px 0 8px 32px;
	}

* html #footer li .webinar 
{
	padding : 8px 0 8px 34px;}

/************ START elselect.css ********************/

/**
* @file elSelect.js
* @downloaded from http://www.cult-f.net/2007/12/14/elselect/
* @author Sergey Korzhov aka elPas0
* @site  http://www.cult-f.net
* @date December 14, 2007
* 
*/

.elSelect 
{
	cursor              : pointer;
	height              : 20px;
	line-height         : 20px;
	background          : #FFF url(../images/dropdown-arrow.gif) no-repeat 4px 5px;
	margin              : 0px 0px 10px 30px;
	width               : 200px;
}
.elSelect .selected {
	color               :#333 !important;
}
.elSelect .clear {
	clear               :both;
}
.elSelect .selectedOption {
	float               :left;
	font-size           :12px;
	overflow            :hidden;
	width               : 200px;
	padding             : 0px 0px 0px 18px;
	font-size           : 70%;
	color               : #666;
}
.elSelect .dropDown {
	display             : none;
}
.elSelect .optionsContainer {
	position            : absolute;
	display             : none;
	border		        : 1px solid #CCC;
	background-color    : #FFF;
	z-index             : 50;
}
.elSelect .option {
	width               : 160px;
	font-size           : 70%;
	line-height         : 18px;
	padding             : 0px 0px 0px 18px;
	background          : #FFF url(../images/dropdown-arrow.gif) no-repeat 4px 4px;
}

.elSelect .group 
{
	font-weight:bold;
	border-top: dashed 1px #333;
	color:#333 !important;
	background:none;
}

.elSelect .third
{
	width               : 160px;
	padding-left: 30px;
	border-top: none;
}

.elSelect .itemthird 
{
	width               : 130px;
	padding-left: 30px;
	background-position: 16px 4px;
}

/************ START shadowbox.css ********************/

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../images/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../images/shadowbox/close.png);}
#sb-nav-next{background-image:url(../images/shadowbox/next.png);}
#sb-nav-previous{background-image:url(../images/shadowbox/previous.png);}
#sb-nav-play{background-image:url(../images/shadowbox/play.png);}
#sb-nav-pause{background-image:url(../images/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

#sb-info 
{
	background-color				: #00BDF3;
}

#sb-wrapper-inner
{
	border							: 0;
}

#sb-counter
{
	padding-left					: 10px;
	font-size						: 90%;
	font-weight						: bold;
}

#sb-nav-next
{
	width							: 38px !important;
}

#sb-counter
{
	color							: #000;
}

#sb-nav-previous
{
	width							: 40px !important;
	margin-right					: 5px;
}

#sb-title-inner
{
	display							: none;
}

#sb-nav-close
{
	width							: 28px !important;
	margin-left						: 15px !important;
	margin-right					: 5px !important;
}