body {
	margin: 0;
	padding: 0;
	background: url(../images/body_bk.gif) repeat;
	font: 0.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #575757;
	text-align:center;
}

/*---------- Heading*/

#Heading {
	height: 140px;
	background: url(../images/header_bk.jpg) repeat-x;
	width: 100%;
	
}

#Synervation {
	background: url(../images/Synervation.png) no-repeat;
	height: 138px;
	margin: 0 auto;
	width: 800px;
}

#Language {
	width: 300px;
	height: 40px;
	margin-left: 470px;
}

#Language ul {
	font: bold 0.8em Arial;
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}

#Language li {
	display: inline;
	margin: 0;
	float: left;
	text-transform: capitalize;
	text-align:center;
}

#Language li a {
	float: left;
	display: block;
	color: white;
	width: 65px;
	margin: 0 1px 0 0;
	padding: 5px 5px;
	text-decoration: none;
	background-color: black;
}

#Language li a:hover {
	background: url(../images/menu_top_bk.gif) 0 -12px;
}

#Language #selected a {
	background: url(../images/menu_top_bk.gif) 0 -12px;

}

/*---------- End Heading*/



/*---------- Content Layout wrapper*/

#pages, #footer, #footer_shadow, #top_menu, #copyright {
	margin: 0 auto;
	width: 820px;
	padding: 0 9px 0 9px;
}

#pages {
	background: url(../images/pages_bk.png) repeat-y;
}

/*---------- End Content Layout */



/*---------- Flash animation */

#Slide_show {
	background: black;
	height: 200px;
	margin: 0 0 0 -1;
	width: 800px;
	padding: 0;
}

.sl1, .sl2, .sl3, .sl4, .sl5, .sl6, .sl7 {
	height: 220px;
	margin: 0;
	padding: 0;
	
}

.sl1 {
	background: url(../images/anetwork.jpg) no-repeat;
}

.sl2 {
	background: url(../images/greenhosting.jpg) no-repeat;
}

.sl3 {
	background: url(../images/lgeneration.jpg) no-repeat;
}

.sl4 {
	background: url(../images/cregistration.jpg) no-repeat;
}

.sl5 {
	background: url(../images/website.jpg) no-repeat;
}

.sl6 {
	background: url(../images/article.jpg) no-repeat;
}

.sl7 {
	background: url(../images/translation.jpg) no-repeat;
}

#sl_text {
	width: 270px;
	color: gray;
	padding: 20px 15px 20px 25px;
	text-transform: capitalize;
	font: italic 22px/30px Trebuschet;
	float: right;
}

#sl_text .small {
	margin-top: 20px;
	font-size: 9px;
	color: white;
}

/*---------- End Flash animation */



/*---------- Top menu */

#line {
	margin: 0 auto;
	width: 820px;
	padding: 0 9px 0 9px;
	background: url(../images/menu_line_top_bk.png) repeat-y;
	height: 5px;
}

#top_menu {
	height: 33px;
	margin-top: -20px;
	padding: 0 0 0 5px;
}

#top_menu ul {
	font: bold 11px Arial;
	margin: 0 0 0 180px;
	padding: 0;
	list-style: none;
}

#top_menu li {
	display: inline;
	margin: 0;
	float: left;
	text-transform: uppercase;
}

#top_menu li a {
	float: left;
	display: block;
	color: white;
	margin: 0 1px 0 0;
	
	

/*Margin between each menu item*/
	padding: 10px 15px;
	text-decoration: none;
	
	background-color: black

;
/*Default menu color*/
}

#top_menu li a:hover {
	background: url(../images/menu_top_bk.gif);
}

#top_menu #current a {

/*currently selected tab*/
	background-color: #666666;
	border-top: 5px solid #1c50a3;
	padding: 5px  15px 10px 15px;
}

/*---------- End Top menu */



/*---------- Left Menu*/

#left_menu {
	float: left;
	width: 186px;
	margin: 0;
	padding: 0;
	text-align:left;
	
}

.menu {
	width: 175px;

;
/*width of menu*/
}

.menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font: normal 12px Arial;
}

.menu li {
	background: #5b5b5b;
	border-bottom: 1px solid gray;
}

.menu li a {
	padding: 8px 0 8px 10px;
	color: white;
	display: block;
	text-decoration: none;
	font-size: 1em;
}

.menu li a:visited {
	color: white;
}

.menu  li a:hover {

/*hover state CSS*/
color: white;
	background: url(../images/menu_top_bk.gif);
}

#ml_selected {
	background: url(../images/menu_top_bk.gif);
}

#fetured {
	padding: 5px;
	background: white;
}

.clear {
/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
	height: 0;
	font-size: 0px;
	line-height: 0px;
}

/*-------------------- */




#content {
	margin-left: 180px;
	
	padding: 15px 30px 15px 15px;
	text-align:left;

}

#cont {
	background: black;
	margin: 0;
	padding: 0px;
	background: url(../images/menu_left_bk.gif) repeat-y;
}

h2 {
	color: #3380e3;
	font: bold 18px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0;
	padding: 0;
}
.right_box {
	float:right;
	width:150px;
	padding: 15px;
	margin: 0 0 10px 10px;
	background: #fafafa;
	border: 1px solid #efefef;
	line-height: 22px;
	
}
blockquote {
	border: 1px dotted #d4d4d4;
	width: 480px;
	margin: 0px auto;
	margin-bottom: 25px;
	padding: 15px;
	background-color: #fcfcfc;
	font-family: mono, Courier, "Courier New";
	line-height: 18px;
	color: #548fc3;
}
.fright {
	float: right;
	margin-left: 15px;
	padding: 0;
}

.fleft {
	float: left;
	margin-right: 15px;
	padding: 0;
}

.links {
	text-align: left;
	float: left;
	margin: 10px 0 0 0;
	padding: 1px 0 1px 28px;
	width: 20%;
	border-right: 1px solid #555555;
	min-height: 100px;
	background: url(../images/arrow_right.gif) no-repeat 12px 7px;
}

.end {
	border: none; !important
}

.Title {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	color: #464646;
}

#content p {
	line-height: 19px;
	font-size: 12px;
	margin: 0;
	padding-bottom: 25px;

}


/* LINKS CONTENT */

#content a {
	text-decoration: underline;
	color: #548fc3;
}

#footer {
	background: url(../images/pages_bk_footer.png) repeat-y;
	text-align: center;
}

#footerCont {
	padding-top: 10px;
	padding-left: 75px;
}

#footer ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform: uppercase;
}

#footer ul {
	margin: 0;
	padding: 0
}

#footer a {
	color: #cccccc;
	font-size: 0.8em;
	text-decoration: underline;
}

#footer a:hover {
	color: white;
	font-size: 0.8em;
	text-decoration: none;
}

#footer_shadow {
	height: 25px;
	background: url(../images/footer_bottom_bk.png) no-repeat;

}

#copyright {
	color: white;
	font-size: 0.8em;
	text-align: center;
}

#copyright a {
	color: gray;
}

#copyright a:hover {
	color: gray;
	text-decoration: none;
}

.bodytext {
	line-height: 19px;
	font-size: 12px;
	margin: 0;
	padding-bottom: 25px;
	color: #333333;
}

/* slider */
#slideshow {
position:relative;
height:200px;
}

#slideshow DIV {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
height: 200px;
background-color: #FFF;
}

#slideshow DIV.active {
z-index:10;
opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
height: 200px;
display: block;
border: 0;
margin-bottom: 10px;
}