/* CSS Document */
html, body, form {margin:0; padding:0}
body {padding:0; margin:0; font-family: "Thoma", Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background:#FFFFFF url(../images/bg.gif) repeat-x left top; }
#your-body{ font-size:12px; }
img {border:0}
p {margin:7px 0px 0px 0px; padding:0; color:#000000; line-height:19px;}
a {outline:none; text-decoration:none; color:#000000;}
a:hover {outline:none; color:#4295DE;}
input, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size:1em; padding:2px; color:#000000; outline:none;}
.container { width:980px; margin:0 auto; border:0px solid red;}
.header {width:980px; padding:0px; }
.logo { float:left; width:250px; height:93px; display:block; padding:0px 50px 0px 0px; border:0px solid red; }
.header_mid {width:360px; float:left; padding:0px 0px 0px 0px; border:0px solid red; text-align:center; }
.header_right { width:150px; float:left; margin:15px 0px 0px 0px; padding:0px 15px 0px 0px; border-right:1px dashed #CCCCCC; }
.header_right p{ font-size:1.16em; font-weight:bold; text-align:right; line-height:18px; margin:0px; }
.header_right p img{ float:right; padding:20px 0px 20px 10px }
.latest_twitter { width:235px; height:80px; float:right; margin:10px 0px 0px 0px; background:url(../images/twitter-trans.png) no-repeat right bottom; border:0px solid red; }
.latest_twitter img{ float:right; margin:0px 0px 0px 0px} 
.latest_twitter p{ margin:0px; padding:5px 0px 0px 10px; text-align:justify; line-height:16px; font-size:11px; } 
.phone { float:right; font-size:1.16em; font-weight:bold; text-align:right; line-height:24px; padding:24px 0px 0px 0px; }

/* menu */
.nav_base { float:left; padding:0px 0px 0px 20px; }
#nav {padding:0; margin:0; list-style:none; height:40px; position:relative; z-index:500; float:left; margin:0px 0px 0px 0px; }
#nav li.top {display:block; float:left; height:40px; padding:0px 0px 0px 0px; } 
#nav li a.top_link {display:block; float:left; height:32px; line-height:32px; color:#000000; text-decoration:none; cursor:pointer; font-size:1.083em; font-weight:bold; width:101px; text-align:center; background-position:left 5px; background-repeat:no-repeat; padding:8px 0px 0px 0px; }
#nav li:hover a.top_link {color:#000000; background:url(../images/nav_bgo_left.gif) no-repeat left top; background-position:left 0; padding:0px 0px 0px 0px; height:40px; line-height:40px; }
/* Default list styling */
#nav li:hover {position:relative; z-index:1000; }
#nav li:hover ul.sub {left:0px; top:40px; white-space:nowrap; height:auto; z-index:1000; width:148px;  padding:0px 0px 8px 0px; background:url(../images/nav_btm.gif) no-repeat left bottom; }
#nav li:hover ul.sub li {display:block; position:relative; float:left; width:140px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding:0px 4px !important; line-height:23px; background:#000000 url(../images/subnav_bg.gif) left center; text-align:left;}
#nav li:hover ul.sub li span{ background:#303B55; color:#FFFFFF; margin:0px 2px; padding:0px 0px 0px 4px; margin:4px 0px;  height:23px; display:block }
#nav li:hover ul.sub li a {display:block; font-size:0.91em; width:140px; text-indent:10px; color:#FFFFFF; text-decoration:none; font-weight:normal; letter-spacing:0.08em; border-bottom:1px solid #464343;}
#nav li ul.sub li a.fly {background-position: left center; background-repeat:no-repeat; background-image:url(../images/arabico.gif);}
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:200px; top:-4px; padding:0px; white-space:nowrap; width:200px; z-index:1000; height:auto; background:url(../images/nav_btm1.gif) no-repeat left bottom; padding:0px 0px 4px 0px; border-left:0px solid #4C5A79;}
#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0px; list-style:none; z-index:1000; }
#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{color:#FFFFFF; background-position:14px 8px; background-repeat:no-repeat; z-index:1000;} 
#nav li:hover ul.sub li a:hover {background:#787373  !important; color:#FFFFFF; }
#nav li:hover ul.sub li a.fly:hover {background-position:5px 0px; background-repeat:no-repeat; color:#fff;}
#nav li:hover ul.sub li a.fly:hover ul{ z-index:1000;}
#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background-position:5px 0px; background-repeat:no-repeat; color:#fff; z-index:1000;} 
/* Menu End */
.date { float:right; text-align:center; color:#FFFFFF; line-height:40px; }
.clear { clear:both; margin: 0px; padding: 0px; }
.spac20 { padding:20px 0px 0px 0px; }
.spac10 { padding:10px 0px 0px 0px; }

h1 {color:#1379CE; margin:0px; padding:0px; line-height:30px; font-size:1.83em; font-weight:normal; }
h1 span{ color:#000000; font-weight:bold; } 
h2 {color:#000000; margin:0px; padding:10px 0px 5px 0px; font-size:1.5em; line-height:24px; font-weight:normal;}
h2 span{ font-size:0.8em; font-style:italic; font-weight:bold; color:#878787; }
h3 {color:#000000; margin:0px; padding:10px 0px 0px 0px; font-size:1.08em; line-height:18px; font-weight:bold; }
h3 span.big{ font-size:1.80em; color:#E6172B; font-style:normal; font-weight:bold; padding:0px 5px 0px 0px; }
.red { color:#E6172B; }
.blue { color:#0491E2; }
.hline { background:url(../images/hdot.gif) repeat-x left bottom; }

.middle_container { float:left; width:980px; padding:30px 0px 0px 0px; }
.middle_content { float:right; width:730px; padding:0px 0px 20px 0px; }
.middle_content p{ text-align:justify; }
.middle_content p a{ text-decoration:underline; color:#4295DE;}
.middle_content p a:hover{ color:#000000;}
.middle_content p a:visited{ color:#551A8B;}
.right_pannel { width:230px; float:left; padding:0px 0px 20px 0px;}
.right { float:right; }

/*Middle*/
.banner { width:500px; height:250px; float:left; }
.testimonial { width:200px; float:right; }
.testi_box { background:#E3F5FF url(../images/tes_lefttop.gif) no-repeat left top;}
.testi_box_in { background:url(../images/tes_righttop.gif) no-repeat right top; padding:8px 8px 0px 8px; text-align:left; }
.testi_box_btm { background:url(../images/tes_leftbtm.gif) no-repeat left bottom; }
.testi_box_btm div{ background:url(../images/tes_rightbtm.gif) no-repeat right bottom; }
.testi_box_in h2{ background:url(../images/test_icon.gif) no-repeat right top; height:37px; padding:10px 0px 0px 10px; }
#projectscroll {height:180px; margin:0px 0px 0px 0px; overflow: hidden; position: relative;}
#projectscroll .ps-item {margin:0px; padding:0px 0px 10px 0px; height:180px;  }
.ps-item p { margin:0px; padding:0px 0px 7px 0px; }
.ps-item p a{ float:right; font-weight:bold; text-decoration:underline; }
a.more { color:#0491E2; font-weight:bold; text-decoration:none; }
a.more:hover { text-decoration:underline; }
a.more:visited { color:#551A8B; }
.pagelink { padding:5px 5px; margin:0px 0px 0px 1px; background:url(../images/pagelinkbg.gif) repeat-x left top; height:28px; line-height:28px; border:1px solid #B3B2B1; color:#000000; }
.pagelink:hover { background:url(../images/pagelinkbgo.gif) repeat-x left top; border:1px solid #B3B2B1; color:#000000;  border:1px solid #8A8887;} 
.pagelink:visited { color:#551A8B; }
.btn { background:url(../images/btn_bg.gif) no-repeat left top; height:28px; display:block; float:left; text-decoration:none; } 
.btn span { background:url(../images/btn_bgo.gif) no-repeat right top; padding:0px 12px; height:28px; line-height:30px; color:#000000; font-weight:bold; letter-spacing:0.03em; display:block; float:left; text-decoration:none;} 
.btn:hover span{ color:#000000; text-decoration:none; border:none;}
.btn:visited span{ text-decoration:none; }
ul.list { margin:10px; padding:0px; }
ul.list li{ margin:0px; padding:5px 0px 5px 10px; list-style-type:none; background:url(../images/bullet.gif) no-repeat left 10px; line-height:18px; }
ul.bluelist { margin:10px 10px 0px 10px; padding:0px; }
ul.bluelist li{ margin:0px; padding:2px 0px 2px 15px; list-style-type:none; background:url(../images/blue_bullet.gif) no-repeat left 7px; line-height:18px; } 
ul.bluelist li a{ text-decoration:underline; }
ul.bluelist li a:hover{ text-decoration:none; }
ul.bluelist li a:visited { color:#551A8B; }

.box { width:226px; float:left; margin:0px 12px 0px 0px; background:#EDEDED; }
.box h2{ background:url(../images/box_titlebg.gif) no-repeat left top; font-weight:bold; line-height:38px; padding:0px; text-align:center; font-weight:normal; color:#FFFFFF; }
.box_in { padding:10px 10px 0px 10px; }
p.name_right { text-align:right; font-weight:bold; }
p.name_right span{ font-weight:normal; color:#666666; }

.technology{ cursor: pointer; margin: 0px 0px; }
.pro-detail { margin:0px 0px 10px 0px; padding:0px 10px 10px 10px; background:#EDEDED; border:1px solid #C8C8C8; }

ul.sitemap { margin:0px 10px 0px 10px; padding:0px; width:200px; float:left; }
ul.sitemap li{ margin:0px; padding:0px; list-style-type:none; background:url(../images/hdot.gif) repeat-x left bottom; line-height:26px; }
ul.sitemap li a{ padding:0px 0px 0px 10px; list-style-type:none; background:url(../images/bullet.gif) no-repeat left center; line-height:22px; }
ul.sitemap li a:visited{ color:#551A8B; }

/* Right Panel */
h2.right_title { background:url(../images/right_titile_bg.gif) no-repeat left top; height:41px; font-size:1.16em; font-weight:bold; line-height:38px; padding:0px; text-align:center; color:#000000; }
.right_mid { background:url(../images/right_migbg.gif) repeat-y left top; padding:10px 20px 0px 20px; }
.right_mid p{ margin:0px; padding:3px 0px; }
.rightcstext { background:#FFFFFF; border:1px solid #9F9D98; padding:0px 0px 0px 5px; height:20px; line-height:20px; }
.smile { padding:10px 0px 0px 5px; }
.smileright { float:left; padding:5px 0px 0px 0px; }
.smileright p{ margin:3px 0px 0px 0px; }
.right_menubg { background:url(../images/right_menubg.gif) no-repeat left top; height:34px; font-size:1.16em; font-weight:bold; line-height:34px; padding:0px; text-align:center; color:#000000; }
.right_menu { background:#F7F7F7; border-left:1px solid #D0CFCF; border-right:1px solid #D0CFCF; }
.right_menu ul { margin:0px; padding:10px 5px; }
.right_menu ul li{ margin:0px; padding:7px 0px 7px 0px; background:url(../images/right_linkbg.gif) repeat-x left top; list-style-type:none; }
.right_menu ul li a{ display:block; line-height:14px; font-weight:bold; padding:0px 0px 0px 5px; }  
.right_menu ul li a:hover{ background:url(../images/right_linkbgo1.gif) repeat-x left bottom; }
.right_menu ul li a:visited{ color:#551A8B; }
.graybg { background:url(../images/gray_left.gif) no-repeat left top; margin:4px 0px 0px 0px; }
.graybg_in { background:url(../images/gray_right.gif) no-repeat right top; padding:10px 10px 0px 15px; }

ul.leftlink { margin:0px; padding:0px }
ul.leftlink li{ margin:0px; padding:0px; list-style-type:none; padding:2px 0px; }
ul.leftlink li a{ background:url(../images/btn_bg.gif) no-repeat left top; height:28px; display:block; } 
ul.leftlink li a span { background:url(../images/btn_bgo.gif) no-repeat right top; text-align:center; height:28px; line-height:30px; font-weight:bold; letter-spacing:0.03em; display:block; cursor:pointer; } 
ul.leftlink li a:visited { color:#551A8B; }

/* footer */
.footer { background:#000000; padding:0px 0px 30px 0px; }
.foot_in { color:#FFFFFF; width:980px; display:block; margin:0 auto; border:0px solid red; }
.foot_in ul { width:230px; margin:20px 0px 0px 0px; padding:0px; float:left; }
.foot_in ul li{ margin:0px; padding:2px 0px 2px 0px; list-style-type:none; background:url(../images/foot_bullet.gif) no-repeat left center; display:block; } 
.foot_in ul li a{ color:#FFFFFF; text-decoration:none; padding:0px 0px 0px 12px;}
.foot_in ul li a:hover{ color:#FFFFFF; text-decoration:underline; }
.foot_right { width:230px; float:right; padding:0px 10px 10px 10px; background:#151414; margin:0px 0px 2px 0px }
.foot_right h2{ color:#FFFFFF; padding:5px 0px 0px 0px; line-height:20px; }
.foot_right p{ color:#FFFFFF; line-height:16px; font-size:11px; }
.foot_left { float:left; width:700px; padding:32px 0px 0px 0px; }

/* form */
.frm { border:1px dashed #CBCBCB; background:#F3F3F3; padding:10px; } 
.frm h2{ line-height:30px; padding:0px; } 
.frm p { margin:0px; padding:2px 0px 2px 0px; text-align:left; }
.frm p span { float:left; width:200px; line-height:20px; float:left; }

.frm1 { border:1px solid #FF8644; background:#EEEDED; padding:10px; margin:10px 0px 0px 0px; } 
.frm1 p { margin:0px; padding:2px 0px 2px 0px; text-align:right; }
.frm1 p span { float:left; width:100px; line-height:20px; float:left; }

.cstext { border:1px solid #BDBDBD; height:17px; background: #FFFFFF url(../images/input_bg.gif) repeat-x left top; }
.csbutton { border:1px solid #FE90C7; background:#FCB1D6 url(../images/button_bg1.gif) repeat-x left top; padding:0px 5px; color:#333333; font-weight:bold; height:28px; font-size:1.08em; margin:0px 0px; }
.csselect { border:1px solid #BDBDBD; width:284px; height:26px; font-family:Verdana, Arial, Helvetica, sans-serif; }
.mandatory { color:#FF0000; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; }
input.csbutton_pink { border:2px solid #000000; background:#FFFFFF; padding:0px 0px; color:#333333; font-weight:bold; height:28px; margin:0px 0px; }

.img_left { float:left; padding:0px 10px 0px 0px; }
.img_right { float:right; padding:0px 0px 0px 15px; }
.base1 { width:350px; float:left; }
.base2 { width:350px; float:right; }
.base3 { width:225px; float:right; }
.base4 { width:250px; float:right; padding:0px 0px 0px 20px; }

#resize-box{ display:block;  }
#resize-box a{ font-size:14px; font-family:Arial,sans-serif; text-decoration:none; color:#FFFFFF; display:block; float:left; padding:0px 10px; background-color:#000000;}
#resize-box a:hover{ color:#000000; background-color:#FFFFFF; border:1px dotted #a0a0a0; }
#increase{ border-right:1px dotted #a0a0a0;	}

.absmiddle { vertical-align:middle; }

.k_bottom{bottom:0; right:0; position:fixed !important;position:absolute; width:100%; height:30px; background:url(../images/sm_back.png) repeat-x left bottom; text-align:center; padding:3px 0px 0px 0px; }
.k_bottom1{bottom:0; right:0; top:0; z-index:999999;position:fixed !important;position:absolute;cursor:pointer; width:auto; height:20px; text-align:center; color:#FFFFFF; }
.k_bottom2 {bottom:0; right:0; z-index:9999999; position:fixed !important;position:absolute;cursor:pointer; display:block; }

table { border:0px solid #BDBDBD; border-collapse:collapse; }
td { padding:3px; }
.middle_content p a.morelink { color:#000000; text-decoration:none; font-weight:bold; }
.middle_content p a.morelink:hover { text-decoration:none; font-weight:bold; color:#0491E2; }

.freegraybg { background:url(../images/gray_left.gif) no-repeat left 4px; }
.freegraybg_in { background:url(../images/freegray_right.gif) no-repeat right top; padding:10px 15px 0px 10px; }

.bd { border:1px solid #CCCECE; padding:3px; }
.freeicon { margin:-13px 0px 0px -13px; position:absolute; }
p.pagenav { color:#666666;font-size:11px; }
p.pagenav a{ color:#666666; }
p.pagenav a:visited{ color:#551A8B; }

.home_arrow { background:url(../images/home_arrow.gif) no-repeat right top; width:465px; height:50px; font-size:1.60em; line-height:50px; margin:20px 0px; font-weight:bold; text-align:left; border:0px solid red;  }
.home_arrow span { color:#E6172B; }

.bd { border:1px solid #CCCECE; padding:3px; }

.datecont{float:right;}
.design { color:#FFFFFF; text-align:center; line-height:30px;}
.design a{ color:#FFFFFF; text-decoration:underline; }
.design a:hover{ color:#ACACAC; text-decoration:underline; }

#twitter_update_list li {
list-style-type: none; font-size:11px;
}

#twitter_update_list {
list-style-type: none; font-size:11px; }