@charset "utf-8";
/* CSS Document */
body
{
margin:0px;
padding:0px;
background:url(../images/bg.jpg);
background-repeat:repeat-x;
font-family:Arial;
font-size:12px;
color:#595454;
text-decoration:none;
text-align:justify;
}

#wrapper
{
width:936px;
margin-left: auto;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
}

#header
{
width:936px;
height:117px;
float:left;
}
#logo
{
width:400px;
height:117px;
float:left;
}

#header_right
{
width:400px;
height:90px;
float:right;
padding-top:20px;
padding-left:50px;

}

#top_header
{
width:300px;
height:50px;
float:left;
padding-left:100px;
}

.img
{
float:left;
padding-right:10px;
}

.img_prod
{
float:left;
padding-right:10px;
width: 30px;
}

a
{
	color: #4c4b4b;
	font-weight: bold;
	text-decoration:none;	
}

a:hover {
    color: #00008B;
    font-weight: bold;
    text-decoration:none;
}


.top_link a
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:900;
color:#2f7cb2;
text-decoration:none;

}



.top_link a:hover
{
color:#053251;
text-decoration:none;

}

#img_contact
{
width:120px;
float:left;
}

#img_sitemap
{
width:89px;
float:left;
}

#img_career
{
width:80px;
float:left;
}

#bottom_header
{
width:400px;
height:30px;
float:left;
padding-left:22px;
}

.slogan_text
{
font-family:"Lucida Handwriting";
font-size:22px;
font-style:normal;
color:#072541;
text-decoration:none;
font-weight:800;
}

#menu
{
width:100%;
height:29px;
float:left;

}

#header_flash
{
width:100%;
height:213px;
padding-top:5px;
float:left;
}

#service_part
{
width:100%;
height:151px;
float:left;
padding-top:5px;
}

#service_content
{
width:226px;
float:left;
padding-right:8px;
}

.service_header
{
font-family:Arial;
font-size:16px;
color:#4c4b4b;
text-decoration:none;
padding-top:15px;
font-weight:bold;
}

.service_header a
{
	color: #4c4b4b;
		
}

.service_header a:hover {
    color: #483D8B;
}

ul.service_text
{
padding:0px;
margin:0px;
padding-left:30px;
list-style:url(../images/arrow-right-double.png);
padding-top:20px;
line-height:15px;

}

ul.service_text_more
{
font-family:Arial;
font-size: 12px;
padding:0px;
margin:0px;
padding-left:30px;
list-style:url(../images/arrow-right-double.png);
padding-top:5px;
line-height:15px;

}

ul.service_text li
{
font-family:Arial;
font-size:12px;
color:#595454;
text-decoration:none;
}


.more_text_header
{
font-family:Arial;
font-size:16px;
color:#ffffff;
text-decoration:none;
padding-top:1px;
font-weight:bold;
background:#666666;
padding-left:10px;
}

#content_part
{
width:100%;
float:left;
padding-top:10px;
}

#content_part1
{
width:643px;
float:left;
padding-left:5px;
}

#content_part1_inner
{
width:463px;
float:left;
padding-left:5px;

}

#content1
{
width:643px;
float:left;
padding-left:5px;
}

#content2
{
width:250px;
float:left;
padding-left:10px;
}

#content2_inner_left
{
width:200px;
float:left;
padding-right:10px;
}

#content2_inner_right
{
width:200px;
float:left;
padding-right:10px;
}


.content_header
{
font-family:Arial;
font-size:22px;
font-style:oblique;
font-weight:800;
color:#093856;

}


#nav {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color:#f8f8f8;
   	border-bottom:none;
    border: 1px solid #ccc;
	
	  }
#nav li {
    float: left; }
#nav li a {
    display: block;
    padding: 10px 13px;
    text-decoration: none;
    font-weight: bold;
    color: #002f4b;
    border-left: 1px solid #ccc; 
   	font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
	border-bottom:none;
	
	}
#nav li a:hover {
    color: #ffffff;
    background-color: #419ace;
	 }

#nav li a.selected {
    color: #ffffff;
    background-color: #419ace;
	 }

	 
h1.tab_content_header_core { font-weight: 800 }

.tab_content_header_core
{
font-family:Arial, Helvetica, sans-serif;
color:#FFD700;  /* #06264c original */ 
font-size:14px;
font-weight:800;
text-decoration:none;
}

ul.tab_content_core
{
padding:0px;
margin:0px;
padding-left:30px;
list-style:url(../images/upload.png);
padding-top:10px;
line-height:18px;
}

ul.tab_content_core li
{
font-family:Arial;
font-size:12px;
color:#ffffff;
text-decoration:none;
padding-right:20px;
}

ul.tab_content 
{
padding:0px;
margin:0px;
padding-left:30px;
list-style:url(../images/upload.png);
padding-top:20px;
line-height:18px;
}

ul.tab_content li
{
font-family:Arial;
font-size:12px;
color:#ffffff;
text-decoration:none;
padding-right:20px;
}

ul.tab_content_sub
{
padding:0px;
margin:0px;
padding-left:30px;
list-style: square;
padding-top:20px;
line-height:18px;
float: left; /*width: 50%; li.first_col { clear: left; }*/
}

ul.tab_content_sub li
{
font-family:Arial;
font-size:12px;
color:#ffffff;
text-decoration:none;
padding-right:20px;
}

.tab_content_header
{
font-family:Arial, Helvetica, sans-serif;
color:#FFD700;
font-size:14px;
font-weight:800;
text-decoration:none;
}

.tab_content_header_chat
{
font-family:Arial, Helvetica, sans-serif;
color:#06264c;
font-size:14px;
font-weight:800;
text-decoration:none;
}

.portfolio
{
width:619px;
height:172px;
background:url(../images/portfolio_bg.jpg);
background-repeat:no-repeat;
float:left;
padding-top:20px;
padding-left:20px;

}

#blog
{
width:638px;
height:164px;
float:left;
background:url(../images/blog_bg.jpg);
background-repeat:no-repeat;
padding-top:10px;
}

.blog1
{
width:360px;
float:left;
}


ul.blog_text
{
padding:0px;
margin:0px;
padding-left:50px;
list-style:url(../images/blue_arrow.jpg);
padding-top:20px;
line-height:20px;
}

ul.blog_text li
{
font-family:Arial;
font-size:13px;
color:#434546;
text-decoration:none;
}

ul.blog_text li a
{
font-family:Arial;
font-size:13px;
color:#434546;
text-decoration:none;
}


.readmore a
{
font-family:Arial;
font-size:13px;
color:#434546;
text-decoration:none;
}

.readmore a:hover
{
font-family:Arial;
font-size:13px;
color:#434546;
text-decoration:underline;
}

.blog2
{
width:250px;
float:left;
padding-left:10px;
padding-top:10px;
padding-right:5px;
}

.news
{
width:242px;
height:117px;
background:url(../images/news_bg.jpg);
background-repeat:no-repeat;
padding:10px;
}

.news_heading
{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:800;
color:#FFFFFF;
text-decoration:none;
}

ul.news_text
{
padding:0px;
margin:0px;
padding-left:30px;
list-style:url(../images/white_arrow.jpg);
padding-top:10px;
line-height:20px;
padding-right:10px;

}

ul.news_text li
{
font-family:Arial;
font-sze:13px;
color:#ffffff;
text-decoration:none;
}


#content_part2
{
width:250px;;
float:left;
padding-left:10px;
}

#content_part2_inner
{
width:240px;;
float:right;
padding-left:12px;
}

.technical_expert
{
padding-top:20px;
}

.testimonial
{
width:235px;
height:245px;
background:url(../images/testimonial_bg.jpg);
background-repeat:no-repeat;
padding-left:0px;
padding-top:10px;
line-height:18px;
}

.testimonial_text
{
font-family:Arial;
font-size:12px;
color:#595454;
text-decoration:none;
padding-left:10px;
padding-right:20px;
text-align:justify;
}

.live_chat
{
width:235px;
height:112px;
padding-top:10px;
background:url(../images/live_chat.jpg);
background-repeat:no-repeat;
}

.contact
{
width:235px;
height:145px;
background:url(../images/contact_bg1.jpg);
background-repeat:no-repeat;
float:left;
padding-top:10px;
padding-left:10px;
}

.contact_heading
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
text-decoration:none;
color:#FFFFFF;
}

.contact_text
{
font-family:Arial;
font-size:13px;
color:#ffffff;
text-decoration:none;
line-height:20px;
}

.request_text a
{
font-family:Arial;
font-size:13px;
color:#ffffff;
text-decoration:none;
line-height:20px;
padding-top:30px;
float:right;
padding-right:20px;
}
.request_text a:hover
{
font-family:Arial;
font-size:13px;
color:#ffffff;
text-decoration:underline;
line-height:20px;
padding-top:30px;
float:right;
padding-right:20px;
}

.bottom_header
{
font-family:Arial;
font-size:12px;
color:#4c4b4b;
text-decoration:none;
padding-top:15px;
font-weight:bold;
}


#footer
{
width:936px;
height:270px;
background:#e3e3e3;
float:left;
padding-top:15px;
}


#footer_part
{
width:100%;
height:211px;
float:left;
padding-top:5px;
padding-left:10px;
}

#footer_content
{
width:200px;
float:left;
padding-right:8px;
padding-left:20px;
}

.footer_header
{
font-family:Arial;
font-size:16px;
color:#4c4b4b;
text-decoration:none;
padding-top:15px;
font-weight:bold;
}

ul.footer_text
{
padding:0px;
margin:0px;
padding-left:30px;
list-style:url(../images/check_mark.jpg);
padding-top:20px;
line-height:18px;
}

ul.footer_text li 
{
font-family:Arial;
font-size:12px;
color:#595454;
text-decoration:none;
}

ul.footer_text li a
{
font-family:Arial;
font-size:12px;
color:#595454;
text-decoration:none;
}

ul.footer_text li a:hover
{
font-family:Arial;
font-size:12px;
color:#494545;
text-decoration:none;
font-weight:bold;
}

#footer_link
{
width:936px;
height:20px;
float:right;
padding-top:5px;
padding-right:10px;
}
.news_text
{
font-family:Arial;
font-size:12px;
color:#ffffff;
text-decoration:none;
}


.more_box
{
width:200px;
border:1px solid #666666;
height:220px;
}

.featured { float:left;width: 900px;height: 151px;overflow: hidden;background: #FFF;}
.recent { float:left;width: 30px;height: 151px;overflow: hidden;background: #1F2121 url(images/bg_recent.gif) center top no-repeat;}
#re-text { float: left;overflow: hidden;width: 175px;height: 150px;padding: 110px 20px 0 93px;}    
                                           
#Controls { float: left;overflow: hidden;width: 35px;height: 150px;text-indent: -5000px;padding: 20px 0 0 0;} 
#Controls div.jFlowSelected { background: transparent url(images/bg_ft-sel.jpg) center top no-repeat;}                                
.jFlowControl { background: transparent url(images/bg_ft-nosel.jpg) center top no-repeat;float: left;width: 35px;height: 35px;cursor:pointer;}         
#jFlowSlide {float: left;width: 900px;height:151px;}    

.halfmoon{
margin-bottom: 4px;
}

.halfmoon ul{
padding: 0px 0px 0px 0px;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 14px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.halfmoon li{
display: inline;
margin: 0;
}

.halfmoon li a{
text-decoration: none;
padding: 3px 3px 2px 5px;
margin: 0;
margin-right: 0; /*distance between each tab*/
border-left: 1px solid #DDD;
color: black;
font: bold 14px Verdana;
}

.halfmoon li a:visited{
color: black;
}

.halfmoon li a:hover, .halfmoon li a.current{

color: navy;
}

#tabcontentcontainer{
width:200px; /*width of 2nd level content*/
height:1.5em; /*height of 2nd level content. Set to largest's content height to avoid jittering.*/
}

.tabcontent{
display:none;
padding-left:10px;
}

.innerbody{
margin:0px;
padding:0px;
background:url(images/bg_inner.jpg);
background-repeat:repeat-x;
font-family:Arial;
font-size:12px;
color:#595454;
text-decoration:none;
text-align:justify;		
}

.mylist-ol-roman
{
	list-style: upper-roman;
    margin-left: 2.25em;
    padding: 0; 	
}
.mylist-li
{
	padding-left: 2em;
}	
.mylist-ol-alpha
{
	list-style: lower-alpha;
    margin-left: 2.25em;
    padding: 0; 	
}

.contact-form-Container {
	margin: 10px;
    background: #DBE4FF;  
    width: 420px;
    border-width: 1px;
	border-style: solid;
	border-color: purple;
	padding: 10px;	
}

.contact-formTitle {
	font-size:24px; font-weight:bold;
	padding: 10px; 
}

.contact-form {
	margin-top: 5px;
	width: 400px;
}
.contact-formRow {
	position:relative;
	padding: 4px 0.75em 2px 2em;
}

.contact-formRow label {
	display: block;
}

.form-error
{
	color: #F8F8F8;
	font-size:8px;
	font-weight:bold;
}
.vacancy-section
{
	list-style: decimal;
    margin-left: 2.25em;
    padding: 0;	
	font-weight:bold;
	line-height: 25px;
	background: #EDF4FA;
}

.sitemap-section
{
	list-style: url(../images/arrow_blue.jpg);
    margin-left: 2.25em;
    padding: 0;	
	font-weight:bold;
}

.links-section
{
	list-style: decimal;
    margin-left: 2.25em;
    padding: 0;	
	font-weight:bold;
	line-height: 25px;
}

.phpdev-section
{
	list-style: square;
    margin-left: 2.25em;
    padding: 0; 	
}

.menu-top-bar
{
	background-color: transparent;
	border: none
}

.menuStyle{
color: #ffffff;
padding: 4px 7px;
margin: 0;
text-decoration: none;
font-family:Arial;
font-weight:600;
font-size:15px;
text-decoration:none;
}

.menuStyle a{
color: #ffffff;
padding: 4px 7px;
margin: 0;
font-family:Arial;
font-weight:600;
font-size:15px;
text-decoration:none;

}

.xxmenuStyle a:hover{ 
background: #ebf4f9;
color:#063b5b;
}

#aboutusMenu, #servicesMenu, #productsMenu
{	
width: 150px;
font-family:Arial;
font-weight:bold;
font-size:12px;
line-height:170%;
}