/* Basic Elements */
* { margin:0; padding:0; border:0; outline:none; }
html {}
body { background:#fff; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#666; text-align:center; }
ul { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
h3 {color:Black;}
.clear { clear:both; margin:0; padding:0; }
/* Wrapper */
#wrapper { margin:0 auto; width:970px; }
/* Header */
	.header { height:75px; }
	.header h1.logo { background:url(../images/logo.png) no-repeat 0px 5px; display:block; float:left; text-indent:-10000px; padding:20px 0 0 20px; }
	.header h1.logo, .header h1.logo a { height:71px; width:308px; }
	.header h1.logo a { display:block; }
	.header h2.headerContactBox { height:51px; width:312px; margin-top:5px; float:right; position:relative; font-size:14px; color:#641406; }
	.header h2.headerContactBox a { display:block; width:144px; height:75px; position:absolute; right:14px; }
/* Navigation */
	.nav { background:url(../images/nav.png); height:40px; }
	.nav ul, .nav ul li { float:left; }
	.nav li { height:40px; line-height:40px; padding:0 16px; }
	.nav li a { color:#ffffff; font-weight:700; padding:8px 8px 6px; text-transform:uppercase; }
	.nav li a:hover { border:1px inset #bbbbbb; background:none; color:#ffffff; padding:7px 7px 5px; text-decoration:none; }
	.nav li a .parent { border:1px inset #bbbbbb; background:none; color:#ffffff; padding:7px 7px 5px; text-decoration:none; }
	
/* Banner */
	.banner { margin-bottom:2px; }
	.innerbanner { margin:0; background:#FFF; }
/* Home Content */
	.homeContent { text-align:left; }
	.homeContent .topSec { background:#FFF; color:#666; padding:10px 0; margin-bottom:2px; width:968px; border-left:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC; }
	.topSec p span, .weAreSec p span { color:#79B5D8; font-weight:700; }
	.topSec p span a, .weAreSec p span a { color:#79B5D8; font-weight:700; text-decoration:none; }
	.homeContent .topSec, .topSec .serviceSec, .topSec .weAreSec { float:left; }
	.topSec .serviceSec { padding:0 36px 0 20px; width:492px; }
	.topSec .weAreSec { width:390px; padding-right:28px; }
	.weAreSec p { padding-top:11px; }
	.serviceSec h1, .weAreSec h1, .recentProjects h1, .testimonialSec h1 { color:#090909; border-bottom:1px solid #d7d1cc; font-size:18px; font-weight:bold; padding-bottom:9px; margin-bottom:12px; width:100%; }
	.serviceFrameBox { background:url(../images/service-section-frame-box.gif) no-repeat; height:99px; margin:0 15px 11px 0; width:238px; }
	.serviceFrameBox.noRghtSpace { margin:0 0 11px 0; }
	.serviceFrameBox, .serviceFrameBox p { float:left; }
	.serviceFrameBox h2 { color:#e0370f; font-size:20px; float:left; padding-top:30px; position:relative; left:30px; line-height:22px; }
	.serviceFrameBox h2 span { color:#381802; font-size:16px; }
	.serviceFrameBox p.webDesignIcon { background:url(../images/web-design-icon.jpg) no-repeat; width:66px; height:58px; position:relative; top:20px; left:12px; }
	.serviceFrameBox p.graphicDesignIcon { background:url(../images/graphic-design-icon.jpg) no-repeat; width:66px; height:58px; position:relative; top:23px; left:13px; }
	.serviceFrameBox p.searchEngineIcon { background:url(../images/search-engine-services-icon.jpg) no-repeat; width:66px; height:61px; position:relative; top:18px; left:14px; }
	.serviceFrameBox p.eCommerceIcon { background:url(../images/e-commerce-cart-icon.jpg) no-repeat; width:66px; height:45px; position:relative; top:27px; left:10px; }
	.homeContent .midSec { background:#FFF url(../images/mid-sec-bottom-blue-bg-img.gif) repeat-x left bottom; padding:10px 0 20px; width:968px;  border-left:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC; }
	.midSec .detailTools { width:302px; padding:0 30px 0 20px; }

	.midSec .recentProjects { padding-right:10px; padding-left:10px; width:278px; }
	.recentProjects img { margin:7px 0 12px; }
	.recentProjects p { margin-bottom:12px; }
	.recentProjects p a { color:#e23d19; text-decoration:underline; }
	.recentProjects p a:hover { text-decoration:none; }
	.midSec .testimonialSec { width:295px; padding-left:20px; padding-right:20px; }
	.testimonialSec div.logo { width:100px; float:left;}
	.testimonialSec div.content { width:175px;  float:right; margin-top:11px; margin-bottom:0px; padding-bottom:0px;}
	.testimonialSec h4 { color:#090909; border-bottom:1px solid #d7d1cc; padding-bottom:0px; margin-bottom:10px; width:100%;}
	.testimonialSec p.testimonials { margin-bottom:21px; }
	.testimonialSec p.client span { color:#79B5D8; font-weight:700; }
	.testimonialSec p.client span.position { font-style:italic; color:#333; font-weight:normal; }
	.testimonialSec img.leftQuote { margin-right:2px; }
	.testimonialSec img.rightQuote { margin-left:2px; position:relative; bottom:1px; }
	/* about us */
	.midSec .aboutWhyWe { width:406px; padding:0px 20px 10px 8px; float:left;}
	.aboutWhyWe h1 { color:#090909; border-bottom:1px solid #d7d1cc; font-size:18px; font-weight:bold; padding-bottom:9px; margin-bottom:12px; width:100%; }
	.aboutWhyWe p { padding-right:20px; margin-bottom:10px;}
	.aboutWhyWe div.whyWe { width:214px; float:left;}
	.aboutWhyWe div.whyWe p a { font-size:11px; color:#003366; margin:0px; font:Tahoma;}	
	.aboutWhyWe div.whyWeNew { width:190px; float:left;}
	.aboutWhyWe div.whyWeNew p a { font-size:11px; color:#003366; margin:0px; font:Tahoma;}

	.midSec .serviceWe { width:290px; float:right; padding-right:20px;}
	.serviceWe h1 { color:#090909; border-bottom:1px solid #d7d1cc; font-size:18px; font-weight:bold; padding-bottom:9px; margin-bottom:12px; width:100%; }
	.serviceWe p { padding-right:20px; margin-bottom:10px;}
	.serviceWe div.whyWe { width:178px; float:left;}
	.serviceWe div.whyWeNew { width:110px; float:left;}
	.serviceWe div.whyWeNew p a { font-size:11px; color:#003366; margin:0px; font:Tahoma; margin-bottom:5px; }
	.serviceWe div.whyWe p a { font-size:11px; color:#003366; margin:0px; font:Tahoma; margin-bottom:5px; }
	.midSec .add { width:183px; float:left; padding:0px 20px 0px 20px;}
	.midSec .add p { margin-top:10px;}
	.midSec .detailTools, .midSec .recentProjects, .midSec .testimonialSec { float:left; }
/* Bottom Service Styles */
	.bottomServiceSec { background:url(../images/footer-bg.jpg) repeat-x; width:970px; height:161px; }
	.bottomServiceSec .ServiceContainer {display:block; padding:0px; margin:0 1px; }
	.serviceDiv { float:left; padding-right:20px; padding-left:20px; width:165px;}
	.serviceDiv.webSolutions { padding-right:20px; width:165px; }
	.serviceDiv.otherService { padding-right:20px; width:105px; }
	.serviceDiv.socialIcons { width:165px; padding:0; }
	.serviceDiv.socialIcons img { margin-bottom:12px; }
	.serviceDiv h3 { color:#a0c230; font-weight:bold; font-size:15px; font-style:italic; padding-bottom:6px; margin-top:5px; }
	.serviceDiv li { clear:both; float:left; width:170px;}
	.serviceDiv.webSolutions li { width:145px; }
	.serviceDiv.otherService li { width:93px; }
	.serviceDiv li a {}
	.serviceDiv li, .serviceDiv li a { color:#fff; display:block; text-decoration:none; }
	.serviceDiv li a:hover { text-decoration:underline; }
/* Footer Styles */
	#footer { background:url(../images/footer-bg-img.gif) repeat-x; height:30px; line-height:20px; padding-right:15px; padding-top:5px; }
	#footer .left { width:600px; float:left;} 
	#footer .left a { color:#FFF; }
	#footer .left ul { padding:0 105px 0 20px; }
	#footer .left ul, #footer .left li, #footer .left p { float:left; }
	#footer .left li { padding-right:4px; }
	#footer .right { width:330px; float:right;}
	#footer .right p { color:#fff;}

	.topSec .Left {width:183px; float:left; padding:22px 20px 0px 20px;}
	.topSEc .Left ul {display:block;}
	.topSec .Left li {width:153px;}
	.topSec .Left li img { float:left; width:5px; height:5px; padding-top:12px;} 
	.topSec .Left li a { padding:6px 0px 0px 10px; color:#000; display:block; font:11px;  height:20px; border-bottom:1px solid #d7d1cc;}
	.topSec .Left li a:hover {color:#752409; text-decoration:none; height:20px;}
	.topSec .Right {width:715px; float:right; padding:0px 20px 0px 10px;}
	.topSec .Right h1 { color:#090909; border-bottom:1px solid #d7d1cc; font-size:18px; font-weight:bold; padding-bottom:9px; margin-bottom:12px; width:100%; }
	.topSec .Right p { margin-bottom:12px; font-size:12px;}
	.topSec .Right span { font-size:12px; font-weight:700; color:}
	
	
	
	/* sevices */
	.topSec .serviceLeft {width:183px; float:left; padding:0 20px 0 20px;}
	.topSec .serviceLeft h1 { color:#090909; border-bottom:1px solid #d7d1cc; font-size:18px; font-weight:bold; padding-bottom:9px; margin-bottom:12px;width:183px; }
	.topSEc .serviceLeft ul {display:block;}
	.topSec .serviceLeft li {width:153px;}
	.topSec .serviceLeft li img { float:left; width:5px; height:5px; padding-top:12px;} 
	.topSec .serviceLeft li a { padding:6px 0px 0px 10px; color:#000; display:block; font:11px;  height:20px; border-bottom:1px solid #d7d1cc;}
	.topSec .serviceLeft li a:hover {color:#752409; text-decoration:none; height:20px;}
	
	.topSec .serviceLeft .add { width:183px; float:left; margin-top:15px;}
	.topSec .serviceLeft .add p { margin-top:10px;}
	.topSec .Right .Portfolio { width:715px; height:175px; padding-top:25px;}
				   .Portfolio .PortLeft {width:200px; height:175px; padding-right:10px; float:left}
				   .Portfolio .PortRight {width:490px; height:175px; float:right}
				   .Portfolio .PortRight h3 {font-size:18px; font-weight:700; border-bottom:1px #999999 solid; padding-bottom:9px;}
				   .Portfolio .PortRight p { margin-top:12px;}
				   .Portfolio .PortRight p span {color:#e0370f; font-size:12px; font-weight:normal;}
				   .Portfolio .PortRight span {color:#e0370f;font-size:18px; font-weight:700;}
				   .Portfolio .PortRight a { color:#3333CC; font-size:14px; font-weight:700; text-decoration:none;}
	.topSec .Right .testimSec { width:685px; float:left; margin:11px 0; padding:0 20px 0 20px; background:url(../images/tes.png) repeat-x;}
	.topSec .Right .testimSec h4 { color:#090909; border-bottom:1px solid #d7d1cc; padding-bottom:0px; margin-bottom:10px; width:100%;}
	.topSec .Right .testimSec p { padding-top:10px; }
	.topSec .Right .testimSec p.client {float:right;}
	.topSec .Right .testimSec p.client span { color:#e0370f; font-weight:700;}	.topSec .Right .testimSec img.leftQuote { margin-right:2px; }
	.topSec .Right .testimSec img.rightQuote { margin-left:2px; position:relative; bottom:1px; }
	/*big*/
	.topSec .Right .testimSecBig { width:685px; float:left; margin:11px 0; padding:0 20px 0 20px; background:url(../images/tes_1.png) repeat-x;}
	.topSec .Right .testimSecBig h4 { color:#090909; border-bottom:1px solid #d7d1cc; padding-bottom:0px; margin-bottom:10px; width:100%;}
	.topSec .Right .testimSecBig p { padding-top:10px; }
	.topSec .Right .testimSecBig p.client {float:right;}
	.topSec .Right .testimSecBig p.client span { color:#e0370f; font-weight:700;}	.topSec .Right .testimSecBig img.leftQuote { margin-right:2px; }
	.topSec .Right .testimSecBig img.rightQuote { margin-left:2px; position:relative; bottom:1px; }
	
	/* Contact */
	.topSec .Right .contactLeft { width:320px; padding:0 35px 0 0 ; float:left; padding-bottom:20px;}
	.topSec .Right .contactLeft h4 { color:#F72811; padding-bottom:0px; margin-bottom:10px; width:100%; font-size:16px;}
	.topSec .Right .contactLeft p { color:#090909; margin-bottom:4px; font-size:12px;}	
	.topSec .Right .contactLeft a { color:#F17038; font-size:12px; text-decoration:none;}
	
	.topSec .Right .contactRight { width:320px; padding:0 0 0 35px ; float:right; padding-bottom:20px;}
	.topSec .Right .contactRight h4 { color:#F72811; padding-bottom:0px; margin-bottom:10px; width:100%; font-size:16px;}
	.topSec .Right .contactRight p { color:#090909; margin-bottom:4px; font-size:12px;}
	.topSec .Right .contactRight a { color:#F17038; font-size:12px; text-decoration:none;}
	
	/* Analysis */
	.topSec .Right .analysys { width:715px; height:auto;}
	.topSec .Right .analysis h3 { color:#000000; margin-top:12px; width:100%; font-size:14px;}
	.topSec .Right .analysis .anaLeft { width:465px; padding-left:20px; float:left;}
	.topSec .Right .analysis .anaRight { width:200px; float:right; padding-top:30px;}
	.topSec .Right .analysis .anaLeft li {margin-top:5px; background:url(../images/arrow.png) no-repeat;}
	.topSec .Right .analysis h1 { color:#090909; border-bottom:1px solid #d7d1cc; font-size:18px; font-weight:bold; padding-bottom:9px; margin-bottom:12px; width:100%; }
	.topSec .Right .analysis h1 span { color:#F72811; font-size:18px; }
	
	
	
	/* siteMap */
	
	.topSec .Right .siteMain { color:#000; padding-left:10px; font-size:12px; font-weight:700; margin-bottom:8px; width:140px; float:left;}
	.topSec .Right .siteMAIN { color:#000; padding-left:15px; padding-right:15px; font-size:12px; font-weight:700; margin-bottom:8px;float:left;}
	.topSec .Right .siteMAINOne { color:#333; padding-left:10px; padding-right:10px; font-size:12px; font-weight:700; margin-bottom:8px;float:left;}
	.topSec .Right .siteMAIN span { padding-top:8px;}
	.topSec .Right .siteSub { padding-left:10px; font-size:10px; margin-top:5px; background:url(../images/arrow.png) no-repeat;} 
	
	/*portfolio */
	/* Left */
	.topSec .portfolioLeft {width:142px; float:left; padding:10px 20px 0 20px;}
	.topSec .portfolioLeft h1 { color:#090909; border-bottom:1px solid #d7d1cc; font-size:18px; font-weight:bold; padding-bottom:9px; margin-bottom:12px;width:142px; }
	.topSEc .portfolioLeft ul {display:block;}
	.topSec .portfolioLeft li {width:118px;}
	.topSec .portfolioLeft li img { float:left; width:5px; height:5px; padding-top:12px;} 
	.topSec .portfolioLeft li a { padding:6px 0px 0px 10px; color:#000; display:block; font:11px;  height:20px; border-bottom:1px solid #d7d1cc;}
	.topSec .portfolioLeft li a:hover {color:#752409; text-decoration:none; height:20px;}
	/* Right */
	.topSec .portfolioSec { width:766px; padding:10px 20px 0 0; float:right; }
	.topSec .portfolioSec .box { float:left; margin-bottom:30px; padding-left:15px; width:240px; }
	.topSec .portfolioSec .box.fltRgt { float:right; }
	.topSec .portfolioSec .box a { padding:8px; background:#e8e8e8; display:block; text-decoration:none; position:relative; }
	.topSec .portfolioSec .box a:hover { background:#79B5D8; }
	.topSec .portfolioSec .box a.captionname { background:#3c3f43; padding:4px; display:inline-block; color:#FFF; font-size:14px; float:left; margin-top:10px; margin-bottom:10px; }
	.topSec .portfolioSec .box a.captionname:hover { background:#ff2a00; }
	.topSec .portfolioSec .box div { background:#444444; width:0px; color:#FFF; padding:10px 20px; text-align:left;display:none; position:absolute; top:0px; left:0; }