/* CSS Document */
* {margin:0; padding:0;	font-size:100%;}
body {font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;font-weight:normal; text-align:justify; background:url(images/body-tail.jpg) center top repeat-x;}

img {vertical-align:top;}
a img {border:0;}
h1{
color:#FF530d;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
margin-bottom: 10px;
text-align:left;
}
small {
	font-size: 8pt;
}
p{
color:#666666;
font-weight:normal; line-height:1.5em;}
#box{float:right;}
p.style{
background:#EAEAEA;
color:#666666;padding:10px;border-right:2px solid #fff;
font-weight:normal; line-height:1.5em;}

table {border-collapse:collapse; border:0;}

html, input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.167em; color:#999999;}
input, select {vertical-align:middle; font-weight:normal;}
ul.disc {
list-style-image:none;
list-style-position: inside;
margin-bottom:0px;
}
a {text-decoration:underline;font-weight:normal;color:#5B7E94;}
a:hover {text-decoration:none;}
ul {font-size:13px;list-style:none;color:#666666;
}
#example1 li{ background:url(images/) left 1px no-repeat; padding:0 0 15px 0px;}


.float-l {float:left;}
.float-r {float:right;}
.clear {clear:both;}

#content .col-1,
#content .col-2,
#content .col-3 {float:left;}
/***************content***************/


.column{

	float: right;
    color:#666666;
	width:280px;
    padding-top:50px;
	

}
.column2{

	float: right;
    color:#666666;
	width:300px;
    padding-top:30px;
	padding-left:50px;
	padding-right:10px;
}
.column3{

	float: right;
    color:#666666;
	width:300px;
    padding-top:10px;
	padding-left:50px;
	padding-right:10px;
}

.mprice{float: right;
    color:#666666;
	width:230px;
	padding-left:0px;
	padding-right:25px;}
.price{
color:#666666;font-size:13px; font-weight:bold;}
.price1{
color:#666666;font-size:13px; font-weight:normal;}
.price2{
padding-top:15px;color:#666666;font-size:13px; font-weight:normal;}
.info{
color:#666666;font-size:12px;width:230px;font-weight:normal;}

.highlight{color: #ff530d;
  font-size: 11px; font-weight:bold; }

#chat {
	position:absolute;
	top:110px;
	left:0px
}
.left {
float:left;
}
.right{
float:right}


.wrapper {width:100%; overflow:hidden;}
.img-indent {float:left; padding:2px 20px 0 0;}
.phone {float:right; margin-right:88px;}

#content {padding:9px 11px 0 13px;}

.row-1 {padding-bottom:28px;}
.row-2 {border-top:1px solid #DCDCDC;}
.row-2 .col-2, .row-2 .col-3 {border-left:1px solid #DCDCDC;}

.row-2 .inner {padding-top:20px; padding-bottom:44px;}
.col-1 .inner {padding-right:15px;}
.col-2 .inner {padding-right:22px; padding-left:19px;}
.col-3 .inner {padding-left:14px;}

.title {margin-bottom:14px;}
.inner {}

.row-2 .image {margin:5px 0 10px;}
.row-2 p {padding-bottom:15px;}

.button {color:#FFFFFF; background:#ff530d url(images/buttont-bg.gif) left top no-repeat; display:block; float:left; line-height:1em; text-decoration:none;}
.button span {background:url(images/buttont-bg.gif) right top no-repeat; display:block; padding:4px 11px 5px 8px;}
.button:hover {text-decoration:underline;}
h4 {color:#ff530d; font-weight:bold; font-size:14px;}
h2 {font-family:Verdana, Arial, Helvetica, sans-serif;color:#5B7E94; font-weight:bold; padding-bottom:5px;}
cite {font-style:normal;}
p span {color:#ff530d; font-size:13px; font-weight:bold;}
/***************page-1***************/
#page-1 .col-1 ul {padding:16px 0 28px;}
#page-1 .col-2 .inner {padding-right:10px;}
/***************page-2***************/
#page-2 .row-1 p,
#page-4 .row-1 p,
#page-5 .row-1 p {padding-bottom:14px;}
#page-2 .col-2 .inner {padding-right:0;}
#page-2 .col-1 h2 {text-align:right; padding-bottom:14px;}
#page-2 .col-2 ul {padding:16px 0 22px;}
/***************page-3***************/
#page-3 .col-1 ul {padding:16px 0 22px;}

#page-3 .row-2 .col-2 p {padding-bottom:17px;}
#page-3 .col-3 ul {padding:1px 0 13px;}
/***************page-4***************/
#page-4 .row-1 {padding-bottom:46px;}
#page-4 .button {margin-top:13px;}
/***************page-5***************/
#page-5 .col-1 .button {margin-top:11px;}
#page-5 .inner ul {padding:16px 0 22px;}
/***************page-6***************/
.form {padding:5px 0px 0px 0px;}
label {color:#626262; font-size:0.917em; padding-top:3px;}
#contactForm label, #contactForm .wrapper div, #contactForm .wrapper p {float:left;}
#contactForm .wrapper div {height:30px;}
#contactForm input, #contactForm textarea {font-size:0.917em; line-height:1em; color:#626262;}
#contactForm input {height:13px; padding-top:1px;}
#contactForm textarea {overflow:hidden; height:148px;}
#contactForm .buttons {padding:14px 0 0 52px;}
#contactForm .buttons .button {margin-right:12px;}
#page-6 .col-1 .inner {padding-right:15px;}
#page-6 .col-2 .inner {padding-right:11px;}
#page-6 .col-2 p {padding-bottom:16px;}
#page-6 .col-2 .button {margin-top:2px;}
/***************page-7***************/
#page-7 .row-1 {padding-bottom:50px;
padding-top:20px;
}
#page-7 h2 {padding-bottom:0;}
#page-7 p {padding-bottom:16px;}
img.alignright {
	float: right;
	margin:-5px 3px 5px 10px;
}
img.alignleft { float: left; margin: -15px 10px 0px 0px;}
img.alignleft1 { float: left; margin: 0px 10px 0px 0px;}

#bulb {
position:absolute;
left:120px;
top:20px;
}


#map{
	
}
/***************footer***************/
#footer{color:#666666; font-weight:normal;border-top:1px solid #DCDCDC; }
#footer_wrap{


	padding-top:20px;
	position:relative;
	display:block;
	width:962px;
	}
#top_footer{

	position:relative;
	display:block;
	width:930px;
	padding:0px 1px 20px 0px;
	}
#livechat{
	position:relative;
	display: inline;
	width:419px;
	margin-right:0px;
	float:left;
	padding-right:30px;
	border-right:1px #CCC solid;
	}
#livechat table tr td{
	vertical-align:top;
	}
#livechat table tr td.livechat{
	width:180px;
	padding-top:11px;
	padding-left:40px;
	}
#get_connected{
	position:relative;
	display: inline;
	width:420px;
	margin:0px 30px 0px 0px;
	padding-left:30px;
	float:right;
	}



#bottom_footer{
border-top:1px solid #DCDCDC;
	position:relative;
	display:block;
	width:890px;
	height:90px;
	font-size:11px;
	color: #999;
	margin:-5px 0 0 0; /* IE6 */
	padding:10px 0px;
	}
#bottom_footer a{
	color:#ff530d;
	text-decoration:none;
	}
#bottom_footer a:hover{
	color:#5B7E94;
	}



#footer_menu{
	position:absolute;
	display:block;
	padding:1px;
	top:10px;
	right:0px;
	}


.submenu{ 
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px solid white;
background:#9D9D9D;
}
h3{color:#fff; font-weight:bold; font-size:12px;}
.detail{padding-top:10px;padding-left:5px;padding-bottom:10px;
}
.menubg{ 
background:#5B7E94;

}
	

a img{
 border:0;
}

.technology1{ 
cursor: hand;
cursor: pointer;
font:  12px Verdana;
}
.thelanguage1{
padding-top:20px;}

.openlanguage1{ 
color:#ff530d ; font-weight:bold; padding- bottom:5px;
}

.closedlanguage1{ 
color:#5B7E94; font-weight:normal; padding-bottom:5px;}

.technology{ 
cursor: hand;
cursor: pointer;
font:  12px Verdana;
background-color:#EAEAEA;
padding-top:10px;
padding-left:10px;
padding-bottom:10px;
border-right:2px solid #fff;}
.thelanguage{
}

.openlanguage{ 
color: #5B7E94; font-weight:bold;
}

.closedlanguage{ 
color:#ff530d; font-weight:bold; padding-bottom:5px;}

.technology0{ 
cursor: hand;
cursor: pointer;
font:  12px Verdana;
}
.thelanguage0{
padding-top:4px;}
.openlanguage0{ 
color:#ff530d ; font-weight:bold; padding-bottom:0px;
}

.closedlanguage0{ 
color:#5B7E94; font-weight:normal; padding-bottom:0px;}



#menu_wrap {
	display:block;
	width:923px;
	height:30px;
	margin:0px auto;
	background:top center no-repeat url('images/menu_bg.jpg');
	z-index:1;
	}
#menu_wrap  a.current{
		background:#CC0000;color:#FFFFFF;
	}
	#menu_wrap  a.light{
		background:#ff530d;color:#FFFFFF;
	}

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;	z-index:		99;
}
.sf-menu {
	line-height:	1.0;	z-index:		99;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
	
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			47px; /* match top ul list item height */
	z-index:		99;

}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

.sf-menu {
	float:left;
	
	margin-bottom:	0em;
	font-size:12px;margin-left:14px; font-weight:bold;
}

.sf-menu a {
	border-right:	0px solid #FFFFFF;
	
	padding:18px 18px 14px 20px;
	text-decoration:none;
	color:#ff530d;
}

.sf-menu li li a {

		padding: 		10px 10px;
color:#ff530d;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#5B7E94; font-weight:bold; 
}
.sf-menu li {
	background:none;

}


.sf-menu li li {
	background:		#D5D5D5;
	border-top:	0px solid #979797;
	border-right:	1px solid #EAEAEA;
	border-left:	1px solid #EAEAEA;
	
}
.sf-menu li li li {
	background:		#D5D5D5;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color:#fff;background:#ff530d;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			20px; /* IE6 only 1.05*/
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -20px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			22px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}