/*

[Table Of Contents] 

	0- Reset
	1- Global
	2- Links
	3- Headings
	4- Header 
	5- Navigation
	6- Middle 
	7- Forms
	8- Extras
	9- Footer 

*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
@import url('reset.css');


/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body {
	font: normal 11px Arial, Helvetica, sans-serif;
	vertical-align: top;
	background: #CCCCCC;
	color: #666666;
}
.right {
	float: right;
}
.left {
	float: left;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}

/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a, a:link, a:visited {
	color: #666666;
	text-decoration:none;
}
a:hover {
	color: #E6EB03;
}
a:active {
	color: #E6EB03;
}


/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1 {
	font: bold 14px Arial, Geneva, Helvetica, sans-serif;
	color:#333333;
	margin-bottom:10px;
}
h2 {
	font-size: 13px;
	font-weight:bold;
	color:#333333;
}
h3 {
	font-size: 14px;
}
h4 {
	font-size: 12px;
}
h5 {
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
}
p {
	font: normal 11px;
	line-height:14px;
	margin-bottom:10px;
}

/* =4 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#flags {
	height:20px;
	width:950px;
	text-align:right;
}
#flags img {
	margin:5px 10px 0px 0px;
}
#header {
	height:90px;
	width:950px;
	overflow:hidden;
}

/* =5 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/*	=TOP NAVIGATION	*/
#ddtopmenubar {
	width:950px;
	background-image:url(../images/navbar.gif);
	background-repeat:no-repeat;
	overflow: hidden;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
}
#ddtopmenubar ul {
	padding-left:47px;
}
#ddtopmenubar li{
	display: inline;
	float: left;
}

#ddtopmenubar li a, #ddtopmenubar li a:link, #ddtopmenubar li a:visited {
	float: left;
	display: block;
	color: #ffffff;
}

#ddtopmenubar ul li a span {
	display:block;
	padding:8px 10px 9px 10px;
}

/* PAGE IDENTIFIERS IN NAVBAR */
#ddtopmenubar ul li a:hover, #ddtopmenubar ul li a:active, .mattblackmenu li a.selected a.current, .mattblackmenu a.current
.navID#pageHome #ddtopmenubar ul li a#navHome, .navID#pageHome #ddtopmenubar ul li a#navHome span,
.navID#pageSolutions #ddtopmenubar ul li a#navSolutions, .navID#pageSolutions #ddtopmenubar ul li a#navSolutions span,
.navID#pageVideo #ddtopmenubar ul li a#navVideo, .navID#pageVideo #ddtopmenubar ul li a#navVideo span,
.navID#pageResources #ddtopmenubar ul li a#navResources, .navID#pageResources #ddtopmenubar ul li a#navResources span,
.navID#pageContact #ddtopmenubar ul li a#navContact, .navID#pageContact #ddtopmenubar ul li a#navContact span {
	color: #E6EB03;
	background-image:url(../images/navbar_hover.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
}

/* END ------- NAVBAR ------- */


.navsplitter {
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	padding-top:4px;
	display:inline-block;
}
/* ######### Drop Down ULs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	visibility: hidden;
	z-index: 100;
	text-transform:uppercase;
	background-image:url(../images/topnav_dropdownBG.gif);
	background-repeat:repeat-x;
	background-position:top left;
}
.ddsubmenustyle ul {
	text-transform:capitalize;
}

.ddsubmenustyle li a{
	display: block;
	color:#FFFFFF;
	padding:2px 9px 5px 9px;
}

.ddsubmenustyle li a:hover{
	color: #E6EB03;
}

/* 2nd level */

/* IE6 HACKS */
*html #ddsubmenu1 ul {
	margin:0px;
	padding:0px;
}
*html #ddsubmenu1 li {
	display:inline;
}

*html #ddsubmenu1 li a {
	color:#FFFFFF;
	width:110px;
}
*html #ddsubmenu1 li a:hover {
	color: #E6EB03;
}

/*	=LEFT NAVIGATION */
div.sdmenu {
	width: 167px;
	padding-bottom: 10px;
	color: #666666;
}
.subnavBG, #leftColBG, #subnav_Menu div {
	background: url(../images/leftnav_2ndlevelBG.gif) repeat;
}
div.sdmenu div {
	background-color:#FFFFFF;
	overflow: hidden;
	margin-bottom:5px;
	color: #666666;
}
div.sdmenu div.collapsed {
	height: 24px;
}
div.sdmenu div span, #leftColTitle span {
	background: url(../images/leftnav_toplevelBG.gif) repeat-x;
	display: block;
	height: 24px;
}

div.sdmenu div span a, #leftColTitle span a {
	padding: 5px 10px 0px 10px;
	color:#FFFFFF;
	cursor: pointer;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}

div.sdmenu div.collapsed span a {
	background-image: none;
	text-decoration:none;
	color: #FFFFFF;
}

div.sdmenu div span a:hover{
	color: #E6EB03;
}

div.sdmenu div span a:visited, div.sdmenu div.collapsed span a:visited {
	color:#FFFFFF;
}

div.sdmenu div a, div.sdmenu div a:link, div.sdmenu div a:visited {
	display: block;
	padding:5px 18px;
	color: #666666;
	text-decoration: none;
}
div.sdmenu div a.current {
	color: #E6EB03;
	
}
div.sdmenu div a:hover {
	color: #000000 ;
}
div.sdmenu div a:visited, div.sdmenu div a.current:visited {
	color: #000000;
	text-decoration:none;
}

/* =6 Middle
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#maincontent {
	width:950px;
	background-image:url(../images/maincontentBG.gif);
	background-repeat:repeat-y;
}

/* HOME PAGE BITS */
#homeLeft {
	width:246px;
	float:left;
	padding:10px 0px;
}
#homeLeftContent {
	margin-left:33px;
}
#homeLeftContent p {
	margin:15px 33px 10px 33px;
}

#homeRight {
	width:704px;
	float:right;
	position:relative;
	padding:10px 0px;
}
#homeFloatingText {
	position:absolute;
	top:140px;
	left:97px;
	width:200px;
	color:#FFFFFF;
}
#btnbar {
	width:950px;
	height:110px;
	overflow:hidden;
	background-image:url(../images/btnbar/btnbarBG.gif);
	background-repeat:repeat-y;
}
#btnbar p {
	font-size:10px;
	line-height:12px;
	margin:0px 10px 5px 10px;
}
#btnbarContent {
	margin-left:47px;
	margin-top:17px;
}
#btnbarBlock {
	float:left;
	margin-right:20px;
}
#btnbarBlockContent {
	width:199px;
	height:90px;
	background-color:#FFFFFF;
}
#btnbarBlockText {
	float:left;
	width:126px;
}
#btnbarBlockImage {
	float:right;
	width:73px;
}

/* INNER PAGE BITS */
#innerLeft {
	width:220px;
	float:left;
	padding:10px 0px;
}
#innerLeftContent {
	margin-left:38px;
	margin-right:15px;
}

#innerContainerNetvault, #innerContainerSolutions, #innerContainerContact {
	width:730px;
	float:right;
	margin-bottom:20px;
}
#innerContainerNetvault {
	background-image:url(../EN/images/pageBGs/mainBG_netvault.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
#innerContainerSolutions {
}
#innerContainerContact {
	background-image:url(../EN/images/pageBGs/mainBG_contact.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
#innerMiddle {
	width:478px;
	float:left;
	margin:10px 0px;
	background-image:url(../images/middleBG.gif);
	background-position:top left;
	background-repeat:repeat-y;
}
#innerRight {
	width:252px;
	float:right;
	padding:10px 0px;
}
#innerRightContent {
	margin:0px 30px 10px 20px;
	padding:20px;
	background-image:url(../images/rightColTopBG.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}
#pageHeading {
	height:80px;
}
#mainText {
	padding:10px 30px 10px 20px;
	
}
#leftColBG {
	padding:10px;
	background-color:#FFFFFF;
}
/* =7 Form
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* =8 Extra
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a.showHideLink, a.showHideLink:visited {
	cursor:pointer;
	text-transform:uppercase;
}
a.showHideLink:hover {
	color:#333333;	
}
#divtoShow {
	display:none;
}

/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#footer {
	width:950px;
	height:50px;
}

#copyright {
	display:block;
	float:left;
	widows:475px;
}
#copyright span, #legal span {
	padding:0px 47px;
}

#legal {
	display:block;
	float:right;
	widows:475px;
}