/* CSS Document */


#topbar{
	width:300px;
	position:absolute;
	padding: 0px;
	margin-left:306px;
	visibility: hidden;
	z-index: 100;
	left: 247px;
}

.float_top{background-image:url(images/float_top_bar.png); width:300px; height:42px}
.float_middle{background-image:url(images/float_middle_bar.png); background-repeat:repeat-y; width:300px}
.float_bottom{background-image:url(images/float_bottom_bar.png); width:300px; height:17px}

/*------------- floatbar --------------*/


                    /*-------------- START FAQ STYLE -----------------*/
.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 12px Verdana;
margin: 0 0;
}

.thelanguage{ /*content of 2nd demo*/
font: bold 12px Verdana;
}

.language{
margin-left:3px;
}

.language2{
margin-left:12px;
}

.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color:#06C;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color:#06C;
}
		          /*------------- END FAQ STYLE ----------------*/

.back {text-align:right;}
.back a{background:url(images/back_bg.gif) top left no-repeat; padding-left:13px; color:#025f97;/* font-weight:bold;*/}


* {	margin:0; padding:0; font-size:100%;}

body{background:#858383 ; text-align:center;} 

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left  {float:left;}
.right {float:right;}
.clear {clear:both;}


html{ font-family:Arial, Helvetica, sans-serif; font-size:0.8125em; line-height:1.231em; color:#eef1f6;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#025f97;text-decoration:none;}
a:hover{text-decoration:underline;}
p {padding-top:16px;}

li.headlink ul { display: none; }
li.headlink:hover ul { display: block; }

/* ============================= main layout ====================== */
.imgindent {margin:0 36px 0 0; float:left;}
.padding1{ padding-top:38px;}
.padding2{ padding-top:17px;}
.padding3{ padding-top:25px;}

/* ============================= header ====================== */
#header .main{}
#header{ /*background-image:url(images/img_header1.jpg); height:140px*/}

.headerlogo{float:left; padding-left:70px; padding-top:35px}
.headerlink{float:right; padding-top:5px; font-size:11px}
.link1{color:#fff; text-decoration:none}
.link1 a:hover{color:#fff; text-decoration:underline}

/* ============================= menu ====================== */
#menu{ background-image:url(images/bg_menu.jpg)}
.menulink {color:#04304b; margin: 0px auto;}
.menulink a{color:#04304b; text-decoration:none}
.menulink a:hover{color:#fff}

/* ============================= content ====================== */
.row-1 .indent{ padding:31px 10px 0 22px;}
.row-1 .title{ padding:0 0 29px 28px;}
.row-1 a{ margin:0 13px 30px 0; display:inline-block;}

/* ============================control witdh and height content (top ? btm  ====================== */
.row-2{ background:url(images/row-2-bg.gif) top repeat; width:980px;}
.row-2 .indent{ padding:20px 20px 20px 38px;}
.row-2 .indent2{ padding:40px 49px 40px 49px;}
.row-2 .title{ padding-bottom:26px;}
.row-2 .title2{ padding-bottom:19px;}

.list{ margin-top:-10px; width:335px;}
.list li{ line-height:2.769em; background:url(images/line-bg.png) bottom repeat-x;}
.list .last{ background:url(images/space.png) no-repeat;}
.list a{ color:#288aa6; display:inline-block; padding-left:45px;}
.list .item1 a{ background:url(images/smalliconppl.png) no-repeat 2px 10px;}
.list .item2 a{ background:url(images/smalliconppl.png) no-repeat 2px 11px;}
.list .item3 a{ background:url(images/smalliconppl.png) no-repeat 2px 13px;}
.list .item4 a{ background:url(images/smalliconppl.png) no-repeat 3px 10px;}
.list .item5 a{ background:url(images/smalliconppl.png) no-repeat 2px 10px;}

.link{ color:#38d7ff; padding-top:15px; font-size:0.923em;}
.link a{ color:#38d7ff;}

/* ============================= page1 ===========================*/
#page1 .column-2{padding-left:100px;}
#page1 .col-2{margin-left:40px;}
#page1 .col-1, .col-2{margin-top:80px;}
#page1 .col-3, {padding-top:20px;}
#page1 .column-4{margin-top:20px;}

#page1 .line{ background:url(images/line-bg.png) repeat-y 300px 0; width:100%;}
#page1 .line2{ background:url(images/line-bg.png) repeat-x 0 240px; width:100%;}
#page1 .line3{ background:url(images/line-bg.png) repeat-y 290px 0; width:100%;}

/* ============================= page2 ===========================*/
#page2 .column-2{ margin-left:74px;}
#page2 .col-2{ margin-left:35px;}

/* ============================= page3 ===========================*/
#page3 .column-2{ margin-left:75px;}
#page3 .col-2{ margin-left:33px;}

/* ============================= page4 ===========================*/
#page4 .column-2{ margin-left:74px;}
#page4 .col-2{ margin-left:35px;}

/* ============================= page5 ===========================*/
#page5 .column-2{ margin-left:75px;}
#page5 .col-2{ margin-left:33px;}

/* ============================= page6 ===========================*/
#page6 .column-2{ margin-left:74px;}
#page6 .col-2{ margin-left:35px;}

/* ============================= page7 ===========================*/
#page7 .column-2{ margin-left:70px;}
.phone{ float:right; padding-right:102px;}

/* ============================= footer ====================== */
#footer{ background:url(images/img_footer1.jpg) ; font-size:0.923em; width:980px; height:45px;}
#footer .main{ text-align:center;}
#footer .text{ color:#6b7c94; padding:17px 70px 0 0;}
#footer a{ color:#6b7c94; text-decoration:none}
#footer a:hover{ text-decoration:underline;}

/* ============================= forms ============================= */
#ContactForm{ padding-top:33px;}
#ContactForm .col-1{ width:295px !important;}
#ContactForm .col-2{ width:270px !important; margin-left:0 !important;}
#ContactForm label{ display:block; height:25px;}
#ContactForm input{ border:solid 1px #ffffff; background:#1a3291; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#ffffff; padding:1px 0 1px 3px; width:273px;}
#ContactForm textarea{ border:solid 1px #ffffff; background:#1a3291; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#ffffff; padding:1px 0 1px 3px; width:268px; height:91px; overflow:hidden;}
#ContactForm .link{ padding:13px 20px 0 0;}

/*=============sdasdasdsadasdasd=======================*/
/*#gallery {
	position:relative;
	height:200px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500;
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:0px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}*/