/* ****************************

		Metro1 Theme

**************************** */
html{
  overflow-x: hidden;
}

body{
	margin:0px;
	padding:0px 0px 0px 2px;
	background-color:#f0f0f0;
	font-size:14px;
	font-family: sans-serif;
	color:#333;
	font-weight:300;
	width: 755px;
		
	overflow-x: hidden;
	-ms-overflow-x: hidden;
	
}

a {
	color:#444444;
}

hr {
	margin: 30px 0;
	border: none;
	height: 1px;
	background: #D7D7D7;
}

/* Generic Utility */
.hide {
	position: absolute;
	top: -9999px;
	left: -9999px;
}



/* ****************************
		Navigation tab
**************************** */

.nav {
	position: relative;
	width:100%;
	margin:0 auto;
	/*background-color:#c4c4c4;*/
}

.nav li{
	float:left;	
	border-right: 3px solid #f0f0f0;
	position:relative;
	background:url(../img/gray_button.jpg) 5px 25px;
	/*background:#c4c4c4;*/
	display:block;
	border-bottom:solid 1px #D7D7D7;
	height:25px;
	line-height:25px;
	text-align:center;
	font-weight:400;
	/*text-transform: uppercase;*/
	color:#ffffff;
	font-size:15px;
	font-family:  sans-serif;

}


/* left */
.nav.left li {width:86px;}
.nav.left li:last-child {margin-right: 0;}


/* center */
.nav.center.col2 {width:172px;}
.nav.center.col3 {width:258px;}
.nav.center.col4 {width:344px;}
.nav.center.col5 {width:430px;}
.nav.center.col6 {width:516px;}
.nav.center.col7 {width:602px;}
.nav.center.col8 {width:688px;}
	
.nav.center.col2 li,
.nav.center.col3 li,
.nav.center.col4 li,
.nav.center.col5 li,
.nav.center.col6 li,
.nav.center.col7 li,
.nav.center.col8 li {width:86px;}


/* right */
.nav.right li {float: right; width:86px;}


/* fullwidth */
.nav.col2 li {
	width:50%;
	*width: 49.9%;
}

.nav.col3 li {
	width:33.3333%;
	*width:33.2222%;
}

.nav.col4 li {
	width:25%;
	*width:24.9%;
}

.nav.col5 li {
	width:16.6666%;
	*width:16.5555%;
/*	width:20%;
	*width:19.9%;*/
}

.nav.col6 li {
	width:16.6666%;
	*width:16.5555%;
}

.nav.col7 li {
	width:14.2857%;
	*width:14.1857%;
}

.nav.col8 li {
	width:12.5%;
	*width:12.44%;
}


.nav li:hover {
	cursor:pointer;
	/*line-height: 40px;*/
	background:url(../img/lightpurple_button.jpg) 5px 25px;
	color:#000000;
}

.nav li.active{
	z-index:50;
	background-color:#71409a;
	background:url(../img/purple_button.jpg) 5px 25px;
	border-bottom: 1px solid #c4c4c4;
	color:#FFF;	
} 

.nav li.active:hover {
	text-decoration:none;
	/* line-height: 35px;*/
	
}



/* ****************************
		    Content
**************************** */

.content {
	clear:both;
	position:relative;
	width:105%;
	padding-top: 5px;
	
	/*background-color:#ffffff;*/

}

.content p{margin-bottom: 15px;}


.content h1, h3, h4, h5 {
	margin: 0.5em 0;
}

.content h1, section h1 {font-size:2.1em;}
.content h2, section h2 {font-size:1.8em;}
.content h3, section h3 {font-size:1.5em;}
.content h4, section h4 {font-size:1.2em;}
.content h5, section h5 {font-size:.85em; font-weight: bold;}
.content h6, section h6 {font-size:1.2em; }

.content small {
	text-transform: uppercase;
	color:#6a448f;
	font-size:.75em;
}

.content h1, h2 {
	font-weight:300;
	/*text-transform: uppercase;*/
	margin: 0.5em 0;
	font-family: sans-serif;
}

.content h4 {
	text-transform: none;
	color:#6a448f;
	
}

.content smaller {
	font-size:.75em;
}

/* Responsive Row (extracted from bootstrap for a simple integration) */

.row-fluid {
  width: 100%;
  *zoom: 1;
}

.row-fluid:before,
.row-fluid:after {
  display: table;
  line-height: 0;
  content: "";
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}

.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}

.row-fluid .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}

.row-fluid .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}

.row-fluid .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}

.row-fluid .span10b {
  width: 83.5%;
  *width: 83.5%;
}

.row-fluid .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}

.row-fluid .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}

.row-fluid .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}

.row-fluid .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}

.row-fluid .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}

.row-fluid .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}


.row-fluid .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}

.row-fluid .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}

.row-fluid .span2b {
  width: 14.749999999999999%;
  *width: 14.749999999999999%;
}

.row-fluid .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}


/* ****************************
			Gallery
**************************** */

.gallery .row-fluid .span2 {
	margin-bottom: 1.25%;
	margin-left: 1.58%;
}

.content .gallery .thumb {
    position: relative;
    width: 100%;
}

.content .gallery .thumb .thumb_hover {
    visibility:hidden;
    position: absolute;
    opacity: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #006ac1;
    background: rgba(0,106,193,0.5);
    border-radius: 3px;
	-webkit-transition:visibility 0s linear 0.5s,opacity 0.5s linear;
	   -moz-transition:visibility 0s linear 0.5s,opacity 0.5s linear;
		 -o-transition:visibility 0s linear 0.5s,opacity 0.5s linear;
			transition:visibility 0s linear 0.5s,opacity 0.5s linear;
}

.content .gallery .thumb:hover .thumb_hover {
    visibility:visible;
	cursor: pointer;
    opacity:1;
    -webkit-transition-delay:0s;
       -moz-transition-delay:0s;
		 -o-transition-delay:0s;
			transition-delay:0s;
}

.content .gallery img {
	width: 100%;
	max-width: 100%;
	height: auto;
}


/* ****************************
			To-Do
**************************** */

.content .desc{
	width:100%;
	border-top:solid 1px #D7D7D7;
}

.content .desc li{
	border-bottom:solid 1px #D7D7D7;
	padding: 5px 0;
	line-height: 12px;
	margin-left: 28px;
	list-style:square;
	text-transform:uppercase;
}

.content .desc li span{
	color: #9c9c9c;
	font-size:.7em;
	padding-left:10px;
	/*text-transform:uppercase*/
}

.content .desc li:last-child{
	border-bottom:none;
	box-shadow:none
}


/* ****************************
			Skills
**************************** */

.content .skills {
	width: 98%;
}

.content .skills li {
	background-color:#eaeaea;
	text-align:right;
	margin: 10px 0;
	height: 40px;
	line-height: 40px;
	padding-right: 10px;
	-webkit-transition: background-color 400ms;
	   -moz-transition: background-color 400ms;
		 -o-transition: background-color 400ms;
			transition: background-color 400ms;	
}

.content .skills li:hover {
	background-color:#006ac1;
	color: #fff;
}


/* ****************************
			Team
**************************** */

.content .team .thumb {
	font-family: 'socialicoregular';
	font-size: 200px;
	line-height: 180px;
	text-align: center;
	color: #ebebeb;
	-webkit-transition: all 400ms;
	   -moz-transition: all 400ms;
		 -o-transition: all 400ms;
			transition: all 400ms;
}

.content .team h4 {
	margin-bottom: 0px;
	text-transform: uppercase;
}

.content .team .span4 span {
	color: #9c9c9c;
	font-size:.8em;
	text-transform:uppercase;
	-webkit-transition: all 400ms;
	   -moz-transition: all 400ms;
		 -o-transition: all 400ms;
			transition: all 400ms;		
}

.content .team .span4:hover span,
.content .team .span4:hover .thumb {
	color:#006ac1;
}

.content .team a {
	font-family: 'socialicoregular', sans-serif;
	line-height: 42px;
	margin-right: 4px;
	font-size: 42px;
	text-decoration:none;
	-webkit-transition: color 400ms;
	   -moz-transition: color 400ms;
		 -o-transition: color 400ms;
			transition: color 400ms;
}

.content .team a:last-child {
	border-right: none;
	margin-right: 0;
}

.content .team a.facebook:hover {color: #3a5b92;}
.content .team a.twitter:hover {color: #40bdf9;}
.content .team a.plus:hover {color: #c53030;}
.content .team a.dribble:hover {color: #ef578d;}



/* ****************************
			Selection
**************************** */

::selection { 
    background: #006ac1;
    color: #fff; 
} 

::-moz-selection { 
    background: #006ac1;
    color: #fff;
}


/* ****************************
			Section
**************************** */

section{
	clear: both;
	padding-bottom:40px;
}


h3.v_nav {display: none;}



/* *******

Style section for addtional fixes

******* */ 


header{
    		position: absolute;
    		width: 100%; top: 0; left: 0;
    		background: #674a80; color: #ffffff;
    		font-size: 12px; line-height: 30px; font-weight: bold;
    		text-shadow: none; font-family: sans-serif;
/*text-transform: uppercase;*/ text-align: center; }


.small_1 {
	font-size: 0.8em;
	text-align:justify;
	padding: 2px;
		}
.border_1 {
	border: 1px solid #CCC;
	
}
.alert {
	background:url(../img/alert_15x15.jpg) no-repeat;
	position: relative;
	top:17px;
	
}

.toplist {
	background:url(../img/toplists_15x15.jpg) no-repeat;
	position: relative;
	top:17px;
	
}
.multistratagy {
	background: url(../img/multi-strat_15x15.jpg) no-repeat;
	position: relative;
	top:17px;
	
}

.folder {
	background: url(../img/folder-open.png) no-repeat;
	position: relative;
	top:16px;
	
}

.inline_form {
	position: relative;
	top:15px;
	
}

.video-container {
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.up1 {
	position:relative;
	top: -80px;
	}
	
.up2 {
	position:relative;
	top: -70px;
	}

.left_align {
	position:relative;
	left:-16px;
	
}

.left_align2 {
	position:relative;
	left:-17px;
	
}

	

.img-size {
	height:100%;
	width:100%;
	max-height:350px;
}

/* for the welcome div */
 div#welcomeDIV span {
  cursor: pointer;
  text-decoration: none;  
  }
  
.white:hover {
	background-color:#FFFFFF;
}

.fixed-height {
	height:350px;
/*	max-height:350px;*/
	overflow-y: scroll;
	-ms-overflow-y: scroll;
    overflow-x: hidden;
	-ms-overflow-x: hidden;
	  
}

.left_span {
	padding-left:10px; 
	padding-bottom:5px;	
}

.right_span {
	padding-top:20px; 
	padding-bottom:2px;
	
}

.launch_div  {
	height:30px; width:150px; 
}

.launch_left {
	padding-bottom:10px; float:left;
}

.launch_right {
	padding-bottom:10px; float:right;
}



a.fill-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

/* *******

Tree Nav css

******* */ 

.nicetree {
	list-style-type: none;
	margin: 0 20px 0 20px;
	padding: 0;
	font-family: 'Lucida Grande', Tahoma, Verdana, Arial;
	color: #333;
}
.nicetree a {
	cursor: pointer;
	color: #3B5998;
	text-decoration: none;
}
.nicetree a:hover {
	text-decoration: none;
}
.nicetree li {
	border-bottom: 1px solid #E5E5E5;
	line-height: 18px;
	font-size: 12px;
}
.nicetree li:first-child {
	/*border-top: 1px solid #E5E5E5;*/
}
.nicetree li a{
	display: block;
	padding: 0px 6px 6px 10px;
	font-size: 16px;
}
.nicetree li.active:first-child {
	border-top: 2px solid #D2DEE5;
}
.nicetree li.active.withsubsections {
	background: #ffffff;
	border-top: 1px solid #D2DEE5;
	border-bottom: 1px solid #D2DEE5;
	margin: 0 -20px;
	margin-top: -1px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 2px;
}
.nicetree li a.selected {
	color: #333;
	font-weight: bold;
	/*background: url(img/dwn-arrow.png) no-repeat 95% center;*/
}
.nicetree ul.subsections {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.nicetree ul.subsections li {
	border: 0;
	padding: 0;
	margin: 0;
	padding-left: 5px;
}
.nicetree ul.subsections li a {
	color: #333;
	font-size: 12px;
	overflow: hidden;
	/*padding: 3px 6px;*/
	text-overflow: ellipsis;
	white-space: nowrap;
}
.nicetree ul.subsections li a:hover {
	text-decoration: bold !important;
}
.nicetree ul.subsections ul.subsections li:first-child {
	/* background: url(img/divider.png) no-repeat 10px 4px;*/
}
.nicetree_hover {
	/*background: url(img/arrow.png) no-repeat right center;*/
	color: #333;
}
/* Themes */
.nicetree li.active.withsubsections.green {
	background: #f2fcf3;
	border-top: 1px solid #d2e5d3;
	border-bottom: 1px solid #d2e5d3;
}
.nicetree li.green a {color: #4b4b4b}
.nicetree li.green a:hover {color: #000}
.nicetree li.active.withsubsections.orange {
	background: #fcf9f2;
	border-top: 1px solid #e5dfd2;
	border-bottom: 1px solid #e5dfd2;
}
.nicetree li.orange a {color: #4b4b4b}
.nicetree li.orange a:hover {color: #000}
.nicetree li.active.withsubsections.gray {
	background: #f4f4f4;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}
.nicetree li.gray a {color: #4b4b4b}
.nicetree li.gray a:hover {color: #000}
.nicetree li.active.withsubsections.red {
	background: #fcf2f2;
	border-top: 1px solid #e5d2d2;
	border-bottom: 1px solid #e5d2d2;
}
.nicetree li.red a {color: #4b4b4b}
.nicetree li.red a:hover {color: #000}