/* CSS Document */

/* RESET BROWSER DEFAULTS */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
/* END RESET BROWSER DEFAULTS */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

body{ background:#ffffff url(../images/Body_Bg.gif) repeat-x left top;  }

/* BASIC TAGS */
h1{ font-family:verdana; font-size:18px; font-weight:normal; color:#3c5267; padding:0 0 15px 0;}
h4{ font-family:verdana; font-size:15px; font-weight:bold; color:#3c5267; padding:0 0 15px 0;}
h4 a{ color:#89b369; }
h4 a:hover{ color:#1f1f1f; }
h2.green{ font-family:Verdana; font-size:13.5px; font-weight:bold; color:#6c960c; padding:5px 0 2px 0;}
p{ font-family: Verdana; font-weight:normal; color:#1f1f1f; padding:0 0 10px 0; font-size: 12px; line-height:16px;
text-align:left; word-spacing:2pt; padding-left:3px; }

a.bullet{ background:url(../images/BulletBlack.gif) no-repeat; line-height:50px; background-position: top left; font-family:verdana; font-size:12px; font-weight:normal; color:#0177d0; padding: 2px 0 18px 30px; vertical-align:middle;  }
a.bullet:hover{ color:#6c960c;}

/* BASIC CLASSES */
.hdimg{ padding:5px 0 20px 0;}
.hd_green{ background:url(images/HdGreen_Bg.gif) repeat-x left top; height:41px; line-height:41px; vertical-align:middle; 
padding-left:10px; font-family:Verdana; font-size:16px; font-weight:bold; color:#ffffff;}
a.norm_sml{ font-family:Verdana; font-family:Verdana; font-size:9px; font-weight:normal; color:#3f9c9d;    }
a.norm_sml:hover{ color:#0000ff;  }
a.rgt{ font-family:Verdana; font-size:12px; font-weight:bold; color:#8f8f8f; float:right; padding:30px 0 10px 0;   }
a.rgt:hover{ color:#0000ff;  }
a.rgt_0{ font-family:Verdana; font-size:12px; font-weight:bold; color:#8f8f8f; float:right; padding:0 0 2px 0;   }
a.rgt_0:hover{ color:#0000ff;  }


ol{  list-style-type: none; padding:0.3em 0.3em 0.3em 0.9em; margin: 0; text-align:left; color:#8f8f8f; font-weight:normal;
font-family: Verdana; font-size: 12px; line-height:17px; vertical-align:middle; text-align:justify;  }
ol li{ background-image: url(images/Bullet_sml.gif) ; background-repeat: no-repeat; padding-top:2px;
background-position: -0 .6em; padding-left: 1.8em;  }
ol li a{ color:#42839d;}
ol li a:hover{ color:#dc9b4b; text-decoration:underline;}

/* DEFAULT PAGE LAYOUT STARTS */
#container{ width:950px; margin-left:auto; margin-right:auto; }
#container #logo{ height:125px;  }
#container #logo a img{ padding:17px 0 0 17px;  }

#container #nav_top{ height:35px; background:url(../images/NavTop_Bg.gif) repeat-x left top;}
#container #nav_top ul { padding:7px 0 0 0; }
#container #nav_top ul li{ float:left; display:inline;  font-weight:bold; padding-left:32px;}
#container #nav_top ul li a{ font-family:Verdana; font-size:13px; color:#ffffff; }
#container #nav_top ul li a:hover{ color:#3c5267;}



#container #banner{ }
#container #banner_def{ height:236px; background:url(../images/Banner_Def.gif) no-repeat left top;}
#container #banner_def .deflnk{ padding:198px 0 0 19px;}

#container #banner_sub{ height:134px; background:url(../images/SubBanner_Bg.gif) no-repeat left top; }
#container #banner_abtus{ height:134px; background:url(../images/SubBanner_AboutUs.gif) no-repeat left top; }
#container #banner_clients{ height:134px; background:url(../images/SubBanner_Clients.gif) no-repeat left top; }
#container #banner_prds{ height:134px; background:url(../images/SubBanner_Products.gif) no-repeat left top; }
#container #banner_srv{ height:134px; background:url(../images/SubBanner_Srv.gif) no-repeat left top; }
#container #banner_contact{ height:134px; background:url(../images/SubBanner_Contact.gif) no-repeat left top; }
#container #banner_exprt{ height:134px; background:url(../images/SubBanner_Expertise.gif) no-repeat left top; }
#container #banner_career{ height:134px; background:url(../images/SubBanner_Careers.gif) no-repeat left top; }
#container #banner_news{ height:134px; background:url(../images/SubBanner_News.gif) no-repeat left top; }
#container #banner_folio{ height:134px; background:url(../images/SubBanner_Design.gif) no-repeat left top; }

#container .pls{ padding:31px 0 0 19px;  }
#container .sublnk{ padding:25px 0 0 19px; }

#container #breadcrumb{ height:35px; background:url(../images/Breadcrumb_Bg.gif) repeat-x left top; border-right:#d5dccf solid 1px;
border-left:#d5dccf solid 1px;}
	#breadcrumb ul{ float:right; padding:10px 20px 0 0;  }
	#breadcrumb ul li{ float:left; display:inline; font-family:Verdana; font-size:11px; color:#0177d0; padding:0 0 0 5px; }
	#breadcrumb ul li a{ color:#0177d0; }
	#breadcrumb ul li a:hover{ text-decoration:underline; color:#0177d0; }

#container #content_top{ background:#ffffff url(../images/ContentTop_Bg.gif) repeat-x bottom left ; border-left: #d5dccf solid 1px; border-right: #d5dccf solid 1px; width:948px; padding: 15px 0 0 0; }
#container #content_top #contdef_1{ float:left; display:inline; width:300px; padding: 0 10px 0 20px;}
	#testimonials{ background:url(../images/Testimonial_Bg.gif) no-repeat left top; width:288px; height:76px; margin-bottom:7px; }
	#testimonials p{  width:268px; height:41px; overflow:hidden; font-family: Verdana; font-weight:normal; color:#575353;
	padding: 8px 0 20px 10px;}
	a.testimonials{ font-family:Verdana; font-family:Verdana; font-size:12px; font-weight:normal; color:#0177d0;     }
	a.testimonials:hover{ color:#0000ff;  }
	a.testimonials span{ color:#6c950e; }
	a.testimonials:hover span{ color:#0000ff;  }
	
#container #content_top #contdef_2{ float:left; display:inline; width:300px; padding: 0 10px 0 10px;}
	#contdef_2 h2.green{ font-family:Verdana; font-size:13.5px; font-weight:bold; color:#6c960c; padding:0 0 2px 0;}
	#contdef_2 p.serv{ font-family: Verdana; font-weight:normal; color:#1f1f1f; padding:0 0 5px 0; font-size: 12px; line-height:15px;
	text-align:left; padding: 12px 0 15px 0; word-spacing:2pt}
	#contdef_2 p.servlast{ font-family: Verdana; font-weight:normal; color:#1f1f1f; padding:0 0 5px 0; font-size: 12px; line-height:
	15px; text-align:left; padding: 12px 0 10px 0; word-spacing:2pt}
	#contdef_2 p.servreg{ font-family: Verdana; font-weight:normal; color:#1f1f1f; padding:0 0 5px 0; font-size: 12px; line-height:
	15px; text-align:left; padding: 5px 0 10px 0; word-spacing:2pt}
	#contdef_2 a.service{ text-decoration:none; font-family:verdana; font-size:12px; font-weight:normal; color:#535252;}
	#contdef_2 a.service:hover{ text-decoration:none; color:#0177d0;}
	

#container #content_top #contdef_3{ float:left; display:inline; width:280px; padding-left:10px; }
	#contdef_3 #news{ padding:0 15px 0 18px;  }
	#contdef_3 #news ul{  }
	#contdef_3 #news ul li{background:url(../images/BulletSml.gif) no-repeat; background-position: 0.2em 0.5em;
	padding: 0 0 10px 25px;   }
	#contdef_3 #news ul li a{ font-family:verdana; font-size:12px; font-weight:normal; color:#535252; }
	#contdef_3 #news ul li a:hover{ color:#0177d0; }
	#contdef_3 #news ul li a strong{ color:#6c960c;}
	
#container #content_top #contsub_1{ float:left; display:inline; width:260px; padding:20px 0 0 25px;}
	#contsub_1 .hd1{ background:url(../images/NavSub_Bg.gif) no-repeat left bottom; padding:0 0 14px 0; width:180px;}
	
	#contsub_1 ul{}
	#contsub_1 ul li{background:url(../images/NavSub_Bg.gif) no-repeat left bottom; 
	padding: 5px 0 5px 0;  }
	#contsub_1 ul li a{ background:url(../images/BulletBlue.gif) no-repeat left; font-family:verdana; font-size:13px;
	font-weight:normal; color:#535252;  line-height:13px; }
	#contsub_1 ul li a span{ padding:0 0 0 15px; }
	#contsub_1 ul li a:hover{ color:#0177d0; }
	#contsub_1 ul li a.active{ background:url(../images/BulletBlue.gif) no-repeat left ; font-family:verdana; font-size:13px;
	font-weight:bold; color:#7fb507; line-height:13px;}
	#contsub_1 ul li a strong{ color:#6c960c;}

#container #content_top #contsub_2{ float:left; display:inline; width:625px; padding:20px 0 0 0;}
	#contsub_2 .hd2{ padding:0 0 15px 0;}
	#contsub_2 p{ padding:0 0 22px 0; font-family:Verdana; font-size:12px; color:#1f1f1f; text-align:justify;}
	#contsub_2 ul{ font-family:Verdana; font-size:12px; color:#1f1f1f }
	#contsub_2 ul li{ padding:0 0 0 30px; background:url(../images/BulletSml.gif) no-repeat; background-position: 0.5em 0.8em; 
	line-height:25px;}
	.downloadlnk{ float:right; padding: 0 0 10px 0;  }
	.up{ float:right;}
	
	blockquote.quotetxt { margin: 0; padding: 0; width: 500px;  
	background: transparent url(../images/Quote.gif) no-repeat 1px 5px; padding:30px 0 0 55px;}
	blockquote.quotetxt p { color: #727272; font-family: verdana;
	font-size: 12px; line-height: 15px; }
	blockquote.quotetxt span{ font-family: verdana; font-size:12px; font-weight:normal; color: #727272;}
	blockquote.quotetxt span.green{ font-family: verdana; font-size:12px; font-weight:bold; color: #89b369;}
	
	 #folio_lnks{ margin:0 0 35px 0 }
	 #folio_lnks ol li{ padding:0; list-style:none; float:left; display:inline; }
	 #folio_lnks ol li a.web{  display:block;  background:url(../images/Lnk_Web.gif) left no-repeat;
	width:288px; height:132px; padding: 10px 0 10px 16px; }
	#folio_lnks ol li a.web:hover{  display:block;  background:url(../images/Lnk_WebOver.gif) left no-repeat;
	width:288px; height:132px; padding: 10px 0 10px 16px; }
	 #folio_lnks ol li a.interf{  display:block;  background:url(../images/Lnk_Interf.gif) left no-repeat;
	width:288px; height:132px; padding: 10px 0 10px 16px; }
	#folio_lnks ol li a.interf:hover{  display:block;  background:url(../images/Lnk_InterfOver.gif) left no-repeat;
	width:288px; height:132px; padding: 10px 0 10px 16px; }
	#folio_lnks ol li a.print{  display:block;  background:url(../images/Lnk_print.gif) left no-repeat;
	width:288px; height:132px; padding: 10px 0 10px 16px; }
	#folio_lnks ol li a.print:hover{  display:block;  background:url(../images/Lnk_printOver.gif) left no-repeat;
	width:288px; height:132px; padding: 10px 0 10px 16px; }
	#folio_lnks ol li a.identity{  display:block;  background:url(../images/Lnk_identity.gif) left no-repeat;
	width:288px; height:132px; padding: 10px 0 10px 16px; }
	#folio_lnks ol li a.identity:hover{  display:block;  background:url(../images/Lnk_identityOver.gif) left no-repeat;
	width:288px; height:132px; padding: 10px 0 10px 16px; }
	 
	a.folio_sub{ padding:10px 15px 10px 15px; display:block; height:155px; width:236px; float:left; display:inline; }
	
	
	.prj{ padding:10px 0 30px 0; clear:both;}
	.prj h2{ float:left; width:365px; margin:10px 0 0 20px; font-family:Verdana; font-size:80%;  color:#6c960c;}
	.prj img{ float:left; width:209px; }
	.prj p{ float:left; width:365px; margin:10px 0 0 20px;}
	.prj a{ padding:10px 27px 0 0; font-family:Verdana; font-size:11px; color:#0177d0;  float:right;}
	.prj a:hover{ color:#6c960c;}

#paging{ clear:both; float:right; padding:35px 20px 25px 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:bold; }
#paging a{ padding:4px 7px 4px 7px; margin:0px 2px 0px 2px; border:1px solid #7fb507; background:#FFFFFF; color:#7fb507; 
text-decoration:none; }
#paging span{ border:1px solid #31b0dd; background:#31b0dd; color:#ffffff; text-decoration:none; padding:4px 7px 4px 7px;
margin:0px 2px 0px 2px; }
#paging a:hover{ border:1px solid #31b0dd; background:#31b0dd; color:#ffffff; text-decoration:none; }
	
	
#container #content_bottom{ background:url(../images/content_Bg.gif) top left no-repeat; height:20px;  }



#footer{ clear:both; height:95px; background:#000000; margin-top:15px; width:100%; min-width:950px;
float: left; text-align: center;  }
#footer ul { list-style: none; padding:20px 0 0 0; width: 950px; margin-left: auto;
margin-right: auto; align:center;}
#footer ul li{ display:inline;  font-weight:bold; padding:0 0 0 10px; }
#footer ul li a{ font-family:Verdana; font-size:11px; color:#7a7b7d; }
#footer ul li a:hover{ color:#ffffff;}
#footer hr{ border:#7a7b7d solid 1px; padding:0; margin:5px 0 5px 0; width:950px; margin-left: auto; margin-right: auto; align:center; }
#footer span{ font-family:Verdana; font-size:11px; color:#7a7b7d; font-weight:bold; text-align:center; }
/* DEFAULT PAGE LAYOUT ENDS */



