@charset "utf-8";
/* CSS Document */

*{margin:0;}
img{border:none;}
a{ outline:none;}
/*body{ background:url(../images/bg.jpg) center top no-repeat;}*/
body{ background:#e0e0e0 url(../images/bg.jpg) center top no-repeat;}

/****************start commen part************************/
.wapper{width:1029px; margin:0 auto; position:relative;}
.clear_width{clear:both; float:left; width:100%; height:1px; position:relative;}
.clear_hight{float: left; width:100%; height:8px; clear:both;}
.clear{clear:both;}

/****************start herder part************************/
#herder{ width:893px; position:relative; padding:35px 0 0 0; margin:0 auto;}
.herder_left_box{ float:left; position:relative; width:225px; padding:65px 0 0 0;}
.herder_contact{ background:url(../images/herder_contact_bg.jpg) 0 top repeat-x; float:left; position:relative; width:223px; border:solid 1px #dadada; height:29px; font-family: Arial; color:#ff0009; font-size:14px; text-align:center; line-height:29px; font-weight:bold;}
.herder_contact a{ font-family: Arial; color:#ff0009; font-size:14px; line-height:29px; text-decoration:none;}
.herder_contact a:hover{ color:#8e8e8e;}
.logo_box{ float:left; position: relative; width:330px; padding:0 56px;}
.logo{ float:left; position:relative; padding:0;}
/****************end herder part************************/


/****************start main menu part************************/
#menu{ width:100%; position:relative; padding:15px 0 0 0; float:left;}

/****************start menu style one************************/
.main_menu{ padding:0px 0 0 0; text-align:center; margin:0 auto; width:720px;}
.main_menu li{ display:inline; padding:0;}
.main_menu li a{ color:#000000; font-family:Trebuchet MS; font-size:12px; text-decoration:none; padding:4px 8px; font-weight: bold; margin:0 3px 0 0; float:left;}
.main_menu li a:hover{ color:#ffffff; background:url(../images/menu_hover_bg.jpg) 0 top repeat-x;}
.main_menu li a.active{ color:#ffffff; background:url(../images/menu_hover_bg.jpg) 0 top repeat-x;}
/****************end menu style one************************/

/****************start main conten part************************/
.main_conten_bg{ float:left; position:relative; width:1028px; padding:0 0 0 1px; background: url(../images/main_conten_bg.jpg) 0 top repeat-y; margin-bottom:10px;}
#main_conten{ width:955px; position:relative; padding:0; margin:0 auto;}
#banner{ width:955px; float:left; position:relative; padding:0; margin:0; float:left; border-top: solid 1px #ff0000; border-bottom:solid 1px #ff0000;}
.banner_inner_box{ float:left; position:relative; padding:5px 1px; height:356px; width:951px;}
/****************end main conten part************************/

/****************start main conten part************************/
.main_conten_inner_box{ float:left; position:relative; width:100%; padding:22px 0 25px 0;}
.main_conten_left_box{ float:left; position:relative; width:355px; border:solid 1px #d1d3d4; padding:4px; margin:0 12px 0 0; background:#f2f2f2
url(../images/left_paragraph_bg.jpg) 0 top repeat-x; height:335px;}
.main_conten_extra_box{ float:left; position:relative; width:284px; padding:0;}
.main_add_box{ float:left; position:relative; width:284px; border:solid 1px #d1d3d4; padding:4px; margin:0 0 8px 0; background:url(../images/add_box_bg.jpg) 0 top repeat-x;}
.main_right_box{ float:right; position:relative; width:262px; border:solid 1px #d1d3d4; padding:4px; margin:0; background:#f2f2f2 url(../images/left_paragraph_bg.jpg) 0 top repeat-x;}
.main_conten_title_box{ float:left; position:relative; width:355px; background:url(../images/conten_title_bg.jpg) 0 top repeat-x; height:43px;}
.title{ background:url(../images/bullets.jpg) 12px 14px no-repeat; float:left; position:relative; font-family: Arial; color:#ff0000; font-size:15px; padding:12px 0 0 32px; font-weight:bold;}
.title a{ float:left; position:relative; font-family: Arial; color:#ff0000; font-size:15px; padding:0px; font-weight:bold; text-decoration:none;}
.title a:hover{ color:#333333;}
.main_add_title_box{ float:left; position:relative; width:284px; background:url(../images/conten_title_bg.jpg) 0 top repeat-x; height:43px;}
.main_new_title_box{ float:left; position:relative; width:262px; background:url(../images/conten_title_bg.jpg) 0 top repeat-x; height:43px;}
.main_paragraph_box{ padding: inherit; padding:15px 5px 0 10px; float:left;}
.main_paragraph_box p,span{ font-family: Arial !important; color:#7c7a7a !important; font-size:12px !important;}
.add_image{ float:left; position:relative; width:270px; padding:6px 8px;}

.lastest_news{width:230px; float:left; padding:0px 0px 2px 0px; position:relative;}
.newstext
{
    color:#7c7a7a;
    font-family:Verdana;
    font-size:12px;
      margin:0px 0 0 0;
      padding:0px 0 0 0;
      list-style:none;
      float:left;
}
.newstext li
{
    color:#7c7a7a;
      margin:0; float:left;
      list-style:none;
}
.newstext li a
{
    color:#7c7a7a;
    font-family: Arial;
    font-size:12px; float:left; line-height:18px;
    text-decoration:none; background: url(../images/new_letter_bullets.gif) 4px 8px no-repeat; padding: 0 0px 12px 20px;
}
.newstext li a:hover
{ text-decoration:underline;
 }

/***********************  form  css  *************************************/
.submit
{
	background: #ff1030;
	width: 60px;
	text-align: center;
	padding: 3px 0;
	float: left;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	border: none;
	margin:2px;
	font-size: 11px;
}
.submit:hover
{
	background: #b1031a;
	border: none;
}
.errors{ display:block; float:left; border:1px solid #ff0000; padding:10px; width:350px;}
.errors li{font-family:Arial; color:#ff0000; padding:0 0 5px 0; font-size:12px;}

/****************start main conten part************************/
.footer_box{ width:977px; margin:0 auto; padding:0px 0; position:relative;}
#footer_area{ width:977px; float:left; position:relative; padding:0; margin:0px 0; background:url(../images/footer_bg.jpg) 0 top repeat-x; height:60px; border:solid 1px #ffffff;}
/*html #footer_area{ width:977px; float:left; position:relative; padding:0; margin:10px 0 10px 12px; background:url(../images/footer_bg.jpg) 0 top repeat-x; height:64px; border:solid 1px #ffffff;}*/
.client_link
{
    display: inline;
    float: left;
    width:430px;
    list-style: none;
    padding:6px 0 0 15px;
    margin: 0;
    height:50px;
}
.client_link li
{
    display: inline;
    float: left;
    position: relative;
    list-style: none;
    padding:0px;
    margin: 0;
}
.client_link li a
{
    display: inline;
    float: left;
    position: relative;
    list-style: none;
    padding: 0 5px;
    margin: 0; border:none;
}
.copyright{ width:300px; float:right; padding:10px; position:relative;}
.copyright p{ font-family:Arial; color:#585858; font-size:10px; padding-bottom:10px; text-align:right;}
.copyright p a{ font-family:Arial; color:#585858; font-size:10px; padding-bottom:10px; text-align:right; text-decoration:none;}
.copyright p a:hover{ color:#ff0000;}
/****************end main conten part************************/

/********************  start about us  css   *************************************/
.about_conten_left_box{ float:left; position:relative; width:660px; border:solid 1px #d1d3d4; padding:0px; margin:0 0px 0 0; }
.backtoproject{color:#FF0000; font-family:Arial; font-size:12px;text-align:center; line-height:20px; text-decoration:none; padding-right:5px;}
.projects_conten_left_box{ float:left; position:relative; width:635px; /*border:solid 1px #d1d3d4;*/ padding:4px 4px 4px 4px; margin:0 0px 12px 0;}
.about_conten_title_box{ float:left; position:relative; width:660px; background:url(../images/conten_title_bg.jpg) 0 top repeat-x; padding:0px 0px 10px 0px;}
.about_conten_left_box h6{ color:#FF0000; font-family:Arial; font-size:12px;text-align:left; text-decoration:none; padding:8px 0px 8px 0px; }
.about_conten_left_box p{ color:#7C7A7A; font-family:Arial; font-size:12px;text-align:left; text-decoration:none; padding:0px 0px 8px 0px; }
.about_conten_left_box h6 a{ color:#FF0000; font-family:Arial; font-size:12px;text-align:left; text-decoration:none; }
.about_conten_title_box1{ position:relative; width:620px; padding:4px 0 20px 0; border-bottom:solid 1px #e16060;}
.projects_add_images{ float:left; position:relative; width:153px; height:102px; border:solid 1px #d1d3d4; margin:5px; padding:2px; text-align:center}
.project_view_images a{color:#FF0000; font-family:Arial; font-size:12px;text-align:center; line-height:30px; text-decoration:none;}
.project_view_images{float: left; position: relative; text-align: center; width: 169px;}
.projects_title{ position:relative; font-family: Arial; color:#ff0000; font-size:12px; padding:0px 0 5px 0; font-weight:bold; text-decoration:none; float:left; width:110px;border-bottom:solid 1px #e1e1e1; margin-right:10px;}
.projects_dot{ float:left; position:relative; font-family: Arial; color:#ff0000; font-size:12px; padding:0px 0 5px 0; font-weight:bold; text-decoration:none; width:10px;}
.projects_descrision{ float:left; position:relative; font-family: Arial; color:#7c7a7a; font-size:12px; padding:0px 0 5px 0; font-weight: normal; text-decoration:none; width:307px;border-bottom:solid 1px #e1e1e1;}
.testonal_descrision{ float:left; font-family: Arial !important; color:#7c7a7a !important; font-size:12px !important; padding:5px; font-weight: normal; text-decoration:none; line-height:18px;}
.projects_title1{ position:relative; font-family: Arial; color:#ff0000; font-size:14px; padding:0px 0 5px 0; font-weight:bold; text-decoration:none; float:left; width:60px;}
.projects_dot1{ float:left; position:relative; font-family: Arial; color:#ff0000; font-size:14px; padding:0px 0 5px 0; font-weight:bold; text-decoration:none; width:10px;}
.projects_descrision1{ float:left; position:relative; font-family: Arial; color:#7c7a7a; font-size:16px; padding:5px 0 10px 0; font-weight: normal; text-decoration:none; width:620px; border-bottom:dotted 1px #ff0000; margin:0 0 10px 0; font-weight:bold;}
.testonal_descrision p,span{ font-family: Arial !important; color:#7c7a7a !important; font-size:12px !important;}

.testonal_descrision img{
    border:1px solid #D1D3D4 !important;
    padding: 5px;
    margin: 2px;
    text-align:center;
    
}
.tableclient
{
    text-align:center;
    margin:0;
    padding:0;
    }
.tableclient tr td
{
    text-align:center;
    margin:0;
    padding:0;
    color:#FF0000; font-family:Arial; font-size:12px;text-align:center; line-height:20px; text-decoration:none;
    }
    .tableclient tr td a
{
   
    color:#FF0000; font-family:Arial; font-size:12px;text-align:center; line-height:20px; text-decoration:none;
    }
.pro_label{ font-family:Arial; color:#7C7A7A; font-size:12px;}
.dot2{ font-family:Arial; color:#7C7A7A; font-size:12px;}
.reg_input{ width:180px; border:solid 1px #dcdcdc; font-family:Arial; color:#7C7A7A; font-size:12px; padding:4px;}  
.textarea{ width:180px; border:solid 1px #dcdcdc; font-family:Arial; color:#7C7A7A; font-size:12px; padding:4px; height:80px;} 
.t_clint_name{ float:right; width:100px; padding:0; position:relative;}
.t_client_left_bg{ background:url(../images/t_client_left_bg.jpg) 0 top no-repeat; float:right; position:relative; padding:0; width:65px; height:35px;}
.t_client_center_bg{ background:url(../images/t_client_center_bg.jpg) 0 top repeat-x; float:right; position:relative; padding:0; height:35px;}
.t_client_center_bg h6{ font-family:Arial; color:#333333; font-size:13px; font-style:italic; padding:8px 5px 0 5px;}
.t_client_right_bg{ background:url(../images/t_client_right_bg.jpg) 0 top no-repeat; float:right; position:relative; padding:0; height:35px; width:2px;}
.NextPreviousButtonCssClass
{
    background-color:#db1010;
    padding:1px 4px;
    margin:5px;
    display:inline;
    float:left;
    line-height:normal !important;
    font-family:Arial;
    font-size:12px;
    color:#fff !important;
}
.normalCssClass
{
    background-color:#b6b5b5;
    padding:1px 4px;
    margin:5px;
    display:inline;
    float:left;
    line-height:normal !important;
    font-family:Arial;
    font-size:12px;
    color:Gray;
}

/***************************** Gallery Start*************************************/
.gallery
{
    /*border:solid 1px #cbf1fa;*/
    padding: 5px;
    float: left;
    text-align: center;
}
.gallery img
{
   /* border: 1px solid #D1D3D4 !important;*/
    padding: 5px;
}
.gallery a
{
    color: #162244;
    font-family: Verdana;
    font-size: 12px;
    text-align: center;
    padding-top: 10px;
    text-decoration: none;
    display: block;
}
#gallery
{
    /*border:1px solid #D1D3D4 !important;
    padding: 5px;
    margin: 0 5px 5px 0;*/
}
/***************************** Gallery End*************************************/
/** aja?__tab_xp-theme theme */
.ajax__tab_xp-theme .ajax__tab_header 
{
    font-family:verdana,tahoma,helvetica;
    font-size:11px;
   
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_outer 
{
    padding-right:4px;
    background:url(../img/xp/tab-right.gif) no-repeat right;
    height:21px;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_inner 
{
    padding-left:3px;
    background:url(../img/xp/tab-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_tab
{
    height:13px;
    padding:4px;
    margin:0;
    background:url(../img/xp/tab.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_outer 
{
    background:url(../img/xp/tab-hover-right.gif) no-repeat right;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_inner 
{
    background:url(../img/xp/tab-hover-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_tab 
{
    background:url(../img/xp/tab-hover.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_outer 
{
    background:url(../img/xp/tab-active-right.gif) no-repeat right;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_inner 
{
    background:url(../img/xp/tab-active-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_tab 
{
    background:url(../img/xp/tab-active.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_body 
{
    font-family:arial;
    font-size:10pt;
   /* border:1px solid #999999;*/
    border-top:0;
    padding:8px;
    background-color:#ffffff;
}

/* ajax__tab_yuitabview-theme theme (img/yui/sprite.png) */
.ajax__tab_yuitabview-theme .ajax__tab_header 
{
    font-family:arial;
    font-size:small;
    border-bottom:solid 5px #da0303;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(../img/yui/sprite.png) #d8d8d8 repeat-x;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #fff;
    border-bottom-width:0px;
    -webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#FFFFFF !important;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_outer 
{
    background: url(../img/yui/sprite.png) #e59a9a repeat-x left -1300px;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer
{
     background:url(../images/active.jpg) repeat-x 0 0;
}
.ajax__tab_yuitabview-theme .ajax__tab_body 
{
    font-family:arial;
    font-size:10pt;
    padding:0.25em 0.5em;
   /*background-color:#edf5ff;   */ 
    /*border:solid 1px #808080;*/
   /* border-top-width:0px;*/
}


/*---------------- menu CSS Start----------------------*/
.menu {font-family:Trebuchet MS; font-size:12px; font-weight:bold;padding:15px 10px 0 10px; float:left; width:1029px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;list-style-type:none; height:27px;  margin:0 auto;  width:880px}

/* style the sub-level lists */
.menu ul ul {width: auto;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:27px;line-height:27px;}

/* style the sub level list items */
.menu ul ul li {display:block;width: auto;height:auto;position:relative;line-height:1em;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%;font-family:Trebuchet MS; font-size:12px; font-weight:bold;text-decoration:none;color:#000;padding:0 21px 0 21px;}
.menu a.current{background:url(../images/menu_hover_bg.jpg) repeat-x center;}
/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#eb1e25; border-bottom:1px #dfdede solid; color:#fff;width:12em;height:100%;line-height:10px;padding:10px 12px;}
/*.menu ul ul a, .menu ul ul a:visited {display:block;background:#eb1e25; border-bottom:1px #dfdede solid; color:#fff;width:14em; height:100%;line-height:27px;padding:0 5px 0 5px;}*/
.menu ul table ul a, .menu ul table ul a:visited  {width:14em; width:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu ul ul table {left:-1px;}
.menu ul ul table ul.left {margin-left:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#b5b5b5;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#b5b5b5;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:url(../images/arrow.gif) no-repeat right #309dc7;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:url(../images/arrow.gif) no-repeat right #088bb4;}

/* style the level hovers */
/* first */
.menu a:hover {color:#fff;background:url(../images/menu_hover_bg.jpg) repeat-x center;}
.menu :hover > a {color:#fff;background:url(../images/menu_hover_bg.jpg) repeat-x center;}
/* second */
.menu ul ul a:hover{color:#fff;background:url(../images/menu_bg_a.gif) repeat-x center;}
.menu ul ul :hover > a {color:#fff;background:url(../images/menu_bg_a.gif) repeat-x center;}
/* third */
.menu ul ul ul a:hover {background:url(../images/menu_bg_a.gif) repeat-x center;}
.menu ul ul ul :hover > a {background:url(../images/menu_bg_a.gif) repeat-x center;}
/* fourth */
.menu ul ul ul ul a:hover {background:url(../images/menu_bg_a.gif) repeat-x center;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:27px;left:0;width:14em; z-index:999;}

/* position the third level flyout menu */
.menu ul ul ul{left:14em;top:0;width:14em;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; background:#eb1e25; color:Red !important;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

/*---------------- menu CSS End----------------------*/