@charset "UTF-8";
/* 
	Background-Styles 
*/

body {
	margin:0px; padding:0px;
	background-image:url('bgnew.png');
	background-repeat:repeat-x;
	background-color:#8a8a88;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	color:white;
	font-size:13px;
	line-height:19px;
}
#main {
	padding-bottom:30px;
}

#footer {	
	clear:both;
	background-image:url(footerbg.png);
	background-repeat:repeat-x;
	background-color:#b4b4b4;
	padding:10px;
	position:relative;
	top:-20px;
	min-height:70px;
	border-top:solid 2px white;
	font-size:10px;
}

.container {
	width:850px;
	margin:0 auto;
	position:relative;
	
}

.rounded {
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  margin-bottom:30px;
} 

.content {
float:left;
width:570px;
background-image:url('contentbg.png');
padding:10px;
border:solid 1px #f58a38;
}

.contentleft {
margin-left:620px;
width:200px;
background-image:url('contentbg.png');
padding:10px;
border:solid 1px #f58a38;
}

.contentleft h1 {
text-align:center;
}

.contentleft img {
padding-left:20px;
padding-bottom:10px;
border:none;
cursor:pointer;
}

.content img {
padding-left:5px;
padding-bottom:10px;
border:none;
}

a {
outline:none;
color:#f58a38;
}

#content {
text-align:justify;
width:100%;
padding-bottom:20px;
clear:both;
}

/* 
	Header-Styles 
*/

#header {
	padding-top:10px;
	height:100px;
	background-image:url(headerbg.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}
ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
list-style-type:none;
position:absolute;
top:0px;
right:10px;
font-size:0.9em;
list-style-image:none;
}

#navlist li
{
display: inline;
list-style-type: none;
}


#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #f58a38;
background: transparent;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #b4b4b4;
text-decoration: none;
}

#navlist li#active a{
background-color: #b4b4b4;
color:#fff;
text-decoration:none;
}

#navlist li#active a:hover {
color:#f58a38;
}


/* 
	Text-Styles   
*/

#content h1 {
	margin:0px 0px 10px 0px;
	font-size:24px;
	font-family:Arial, Sans-serif;
	line-height:39px;
	letter-spacing:-1px;
}

#content h2 {
	margin:0px 0px 10px 0px;
	font-size:24px;
	font-family:Arial, Sans-serif;
	line-height:39px;
	letter-spacing:-1px;
}


a {
	color:#f58a38;
	text-decoration:none;
}

a:hover { text-decoration:underline;
	  color:white;}

p { margin: 0px 0px 15px 0px; }

a.button {
	background:#32312f url(images/button_bg.jpg) repeat-x;
	padding:5px 10px 5px 10px;
	color: #ffffff;
	text-decoration: none;
	border:1px solid #32312f;
	text-transform:uppercase;
	font-size:9px;
	line-height:25px;	
}
a.button:hover {
	background:#007de2 url(images/button_bg_o.jpg) repeat-x;
	border-color:#007de2;
}

/*
	Footer-Styles
*/


#footer a {
color:white;
}

#footer img {
border:none;
}

img.services {
border:solid 3px #F68A39;
margin:0 10px 10px 10px;
padding:0;
}

img.services:hover {
border:solid 3px white;
}


#demotip {
	display:none;
	background:transparent url(../black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}

#demo img {
border:none;
cursor:pointer;

}

/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:675px;     
    height:333px; 
    border:1px solid #f58a38; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(../close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/* styling for elements inside overlay */ 
.details { 
    position:absolute; 
    top:15px; 
    right:15px; 
    font-size:11px; 
    color:#fff; 
    width:150px; 
    text-align:justify;
} 
 
.details h3 { 
    color:#f58a38; 
    font-size:15px; 
    margin:0 0 -10px 0; 
}

#triggers img {
cursor:pointer;
}

label {
display:block;
text-align:left;
padding-top:10px;
font-weight:bold;
}


ul {
list-style-image: url('libg.png');
}

@charset "UTF-8";

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
 list-style-image:none;
 list-style-type:none;
}

ul.dropdown {
 position: absolute;
 top:5px;
 right:3px;
 z-index: 597;
 float: left;
 list-style-type: none;
 list-style-image:none;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
 list-style-type:none;
 list-style-image:none;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
 list-style-image:none;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}


/* ----- ALL LEVELS (incl. first) */

ul.dropdown {
 font: normal 9pt;
 text-transform: uppercase;
 list-style-type:none;
 list-style-image:none;
}

	ul.dropdown li {
	 padding: 7px 0;
	 background:transparent;
	 color: #f58a38;
	 line-height: normal;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {

	}

	ul.dropdown a:link,
	ul.dropdown a:visited { color: #f58a38; text-decoration: none; }
	ul.dropdown a:hover { color: #f58a38; text-decoration: none; }
	ul.dropdown a:active { color: #f58a38; }


/* ----- END LEVEL */


	/* ----- NON-FIRST LEVEL */

	ul.dropdown ul {
	 width: 170px;
	 background-color: #f58a38;
	 color: #fff;
	 font-size: 11px;
	 text-transform: none;
	 filter: alpha(opacity=90);
	 -moz-opacity: .9;
	 KhtmlOpacity: .9;
	 opacity: .89;
	list-style-type:none;
	}

		ul.dropdown ul li {
		 background-color: transparent;
		 color: #000;
		 filter: none;
		}

		ul.dropdown ul li.hover,
		ul.dropdown ul li:hover {
		 background-color: transparent;
		}

		ul.dropdown ul a:link,
		ul.dropdown ul a:visited { color: #fff; }
		ul.dropdown ul a:hover { color: #fff; text-decoration: none; }
		ul.dropdown ul a:active { color: #fff; }


/* ----- END LEVEL */



/*------------------------------------------------------------------------------------------------------/
 * @section	Support Class 'dir'
 * @level sep	ul, .class
 */


/* ----- ALL LEVELS (incl. first) */

ul.dropdown *.dir {
 padding-right: 12px;
 background-image: none;
 background-position: 100% 50%;
 background-repeat: no-repeat;
}
/* ----- END LEVEL */

/* Components override */

ul.dropdown li a {
 display: block;
 padding: 7px 14px;
}

/* ------------- Override default */

	ul.dropdown li {
	 padding: 0;
	}


/* ------------- Reinitiate default: post-override activities  */

	ul.dropdown li.dir {
	 padding: 7px 20px 7px 14px;
	}

	ul.dropdown ul li.dir {
	 padding-right: 15px;
	}


/* ------------- Custom */

	ul.dropdown li {

	}

	ul.dropdown li.current {
	background-color: #b4b4b4;
	}

	ul.dropdown li.current a {
	color:white;
	}

	ul.dropdown li.current a:hover {
	color:white;
	}

	ul.dropdown ul a {
	 padding: 4px 5px 4px 14px;
	 width: 151px; /* Especially for IE */
	}

	ul.dropdown ul a:hover {
	 background-color: #b4b4b4;
	}

	ul.dropdown a.open {
	 background-color: #2e2e2e;
	 color: #636060;
	}

	ul.dropdown ul a.open {
	 background-color: #636060;
	 color: #fff;
	}


	/* CSS 2.1 */

	ul.dropdown li:hover > a.dir {
	 background-color: #b4b4b4;
	 color: white;
	}

	ul.dropdown ul li:hover > a.dir {
	 background-color: #b4b4b4;
	 color: white;
	}