﻿
/* Navigation Bar */  
  
#menuNav {  
    list-style:none;  
    width:1000px;  
    padding:0;
    margin:0px auto 0px auto;  
    height:35px;  
	  position:relative;
	  z-index: 100; 
    background: #e9e8ed;  
    background: -moz-linear-gradient(top, #e9e8ed, #d4d4de);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e9e8ed), to(#d4d4de));  
    -moz-box-shadow:inset 0px 0px 1px #edf9ff;  
    -webkit-box-shadow:inset 0px 0px 1px #edf9ff;  
    box-shadow:inset 0px 0px 1px #edf9ff;  
}  
  
#menuNav li {  
    float:left;  
	height:24px;
    text-align:center;  
    position:relative;  
    padding: 7px 7px 4px 7px;  
    margin-right:12px;  
    margin-top:0px;  
    /*border:none;*/
    border-left-color : Black;
    border-left-style : solid;
    border-left-width : thin;
}  
  
#menuNav li:hover {  
   
    padding: 7px 7px 4px 7px;  
    background: #F4F4F4;  
    background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));  
}  
  
#menuNav li a {  
    font-family:Arial, Helvetica, sans-serif;  
    font-size:13px;  
    color: #000;  
    display:block;  
    outline:0;  
    text-decoration:none;  
    text-shadow: 1px 1px 1px #eee;  
}  
  
#menuNav li:hover a 
{  
    color:#161616;  
    text-shadow: 1px 1px 1px #FFFFFF;  
}  

#menuNav li .drop 
{  
	padding-right:21px;  
	
    background: url("../Images/menudrop.png") no-repeat rightright 7px; 
}
  
#menuNav li:hover .drop 
{  
    background: url("../Images/menudrop.png") no-repeat rightright 7px; 
}  

#menuNav li:a.img
{
	border:0;
	padding-right:2px;
}
  
/* Drop Down */  
.dropdown_myServices,
.dropdown_about,  
.dropdown_consultancy,  
.dropdown_free,  
.dropdown_press, 
.dropdown_admin,
.dropdown_admin_partner,
.dropdown_partner, 
.dropdown_recent_media {  
    float:left;  
    position:absolute;  
    left:-999em; /* Hides the drop down */  
    text-align:left;  
    padding:0px 2px 5px 5px; 
    border:1px solid #393ca5;  
    border-top:none;  
    background: #EEEEEE;  
    background: -moz-linear-gradient(top, #EEEEEE, #F4F4F4);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#F4F4F4));  
    z-index: 5001; 
}  

.dropdown_about, 
.dropdown_consultancy,  
.dropdown_press,
.dropdown_recent_media {width: 991px; max-height:240px;}  
  
  
.dropdown_free {width: 105px; max-height:240px;} 
.dropdown_myServices  {width: 118px; max-height:240px;} 
.dropdown_admin {width: 110px; max-height:240px;} 
.dropdown_admin_partner {width: 110px; max-height:240px;} 
.dropdown_partner  {width: 117px; max-height:240px;} 

#menuNav li:hover .dropdown_about
{
    left:-258px;
    top:auto;
}

#menuNav li:hover .dropdown_myServices
{
    /*left:-874px; */
    left:0px;
    top:auto;
}

#menuNav li:hover .dropdown_consultancy
{
    left:-432px;
    top:auto;
} 


#menuNav li:hover .dropdown_free
{
    left:0px;
    top:auto;
}
#menuNav li:hover .dropdown_press
{
    left:-306px;
    top:auto;
}  
#menuNav li:hover .dropdown_recent_media {  
    left:-552px;  
    top:auto;  
} 

#menuNav li:hover .dropdown_admin{  
    left:0px;  
    top:auto;  
} 

#menuNav li:hover .dropdown_admin_partner{  
    left:0px;  
    top:auto;  
} 

#menuNav li:hover .dropdown_partner{  
    left:0px;
    top:auto;  
} 

 
  
/* Columns  
  
.col_1,  
.col_2,  
.col_3,  
.col_4,  
.col_5 {  
    display:inline;  
    float: left;  
    position: relative;  
    margin-left: 5px;  
    margin-right: 5px;  
}  
.col_1 {width:130px;}  
.col_2 {width:270px;}  
.col_3 {width:409px;}  
.col_4 {width:550px;}  
.col_5 {width:970px;}  
  
 Right alignment */  
  
#menuNav .menu_right {  
    float:right;  
    margin-right:0px;  

}  


#menuNav li .align_right {  
   
}  
#menuNav li:hover .align_right {  
   
    top:auto;  
}  
  
/* Drop Down Content Stylings */  
  
#menuNav p, #menuNav h2, #menuNav h3, #menuNav ul li {  
    font-family:Arial, Helvetica, sans-serif;  
    line-height:21px;  
    font-size:12px;  
    text-align:left;  
    text-shadow: 1px 1px 1px #FFFFFF;  
}  
#menuNav h2 {  
    font-size:21px;  
    font-weight:400;  
    letter-spacing:-1px;  
    margin:7px 0 14px 0;  
    padding-bottom:14px;  
    border-bottom:1px solid #666666;  
}  
#menuNav h3 {  
    font-size:14px;  
    margin:7px 0 14px 0;  
    padding-bottom:7px;  
    border-bottom:1px solid #888888;  
}  
#menuNav p {  
    line-height:18px;  
    margin:0 0 10px 0;  
}  
  
#menuNav li:hover div a {  
    font-size:12px;  
    color:#015b86;  
}  
#menuNav li:hover div a:hover {  
    color:#029feb;  
}  
.strong {  
    font-weight:bold;  
}  
.italic {  
    font-style:italic;  
}  
.imgshadow {  
    background:#FFFFFF;  
    padding:4px;  
    border:1px solid #777777;  
    margin-top:5px;  
    -moz-box-shadow:0px 0px 5px #666666;  
    -webkit-box-shadow:0px 0px 5px #666666;  
    box-shadow:0px 0px 5px #666666;  
}  
.img_left { /* Image sticks to the left */  
    width:auto;  
    float:left;  
    margin:5px 15px 5px 5px;  
}  
#menuNav li .black_box {  
    background-color:#333333;  
    color: #eeeeee;  
    text-shadow: 1px 1px 1px #000;  
    padding:4px 6px 4px 6px;  
  
    /* Rounded Corners */  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    border-radius: 5px;  
  
    /* Shadow */  
    -webkit-box-shadow:inset 0 0 3px #000000;  
    -moz-box-shadow:inset 0 0 3px #000000;  
    box-shadow:inset 0 0 3px #000000;  
}  
#menuNav li ul {  
    list-style:none;  
    padding:0;  
    margin:0 0 12px 0;  
}  
#menuNav li ul li {  
    font-size:12px;  
    line-height:24px;  
    position:relative;  
    text-shadow: 1px 1px 1px #ffffff;  
    padding:0;  
    margin:0;  
    float:none;  
    text-align:left;  
    width:130px;  
}  
#menuNav li ul li:hover {  
    background:none;  
    border:none;  
    padding:0;  
    margin:0;  
}  
#menuNav li .greybox li {  
    background:#F4F4F4;  
    border:1px solid #bbbbbb;  
    margin:0px 0px 4px 0px;  
    padding:4px 6px 4px 6px;  
    width:116px;  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    border-radius: 5px;  
}  
#menuNav li .greybox li:hover {  
    background:#ffffff;  
    border:1px solid #aaaaaa;  
    padding:4px 6px 4px 6px;  
    margin:0px 0px 4px 0px;  
} 
.viewMorePinned{
	width:100px;
	text-align:center;
	height:15px;
	bottom:5px;
	
	font-size: 12px;
	float: left;
	font-size: 12px;
	margin-left:412px;
}
 
.viewMore{
	width:100px;
	text-align:center;
	height:15px;
	margin:0 auto 0 412px;
	position:absolute;
	bottom:5px;
	padding:0px 0 0 0;

}

.Pin{
	width:50px;
	text-align:center;
	height:15px;
	bottom:5px;
	padding:0px 10px 0 0;
	float: right;
	font-size: 12px;
	margin-right:10px;
}
.HolderText
{
	width :170px;
	height:196px;
	Overflow:hidden;
	margin:5px 13px 0 10px;
	float:left;
    
}
.vidHolder{

	width:170px;
	height:176px;
	margin:5px 13px 0 10px;
	float:left;
   
}

.vidDesc
{
	height:20px;
	text-align:justify;
	width:170px;
	Overflow:hidden;
	font-size:75%;
	line-height:10px;
	padding:2px;
}

.vidEdit{
	text-align:justify;
	width:170px;
	Overflow:hidden;
	font-size:75%;
	line-height:10px;
	padding:2px;
}
