body {margin:0; padding:0; font:12px Georgia,Verdana,Arial,Helvetica,sans-serif; color:#000000; background:url(../images/body-color-bg.gif) repeat-x 0 0;}
h1, h2, h3, h4, h5, h6, ul, form, p, table, tr, td {margin:0; padding:0;}
img {border:0;}
.fl {float:left;}
.fr {float:right;}
.w100 {width:100%;}
.clr {clear:both;}
* {outline:0 none;}
.txtcenter {text-align:center;}


.wrapper {width:100%; overflow:hidden; }
.main-container {width:100%; background:url(../images/bg-shadow.png) repeat-x center top; height:837px;}
/*.newmain-container {width:1000px; margin:0 auto; background:url(../images/bg-shadow-new.png) no-repeat 0 0; position:relative; height:837px; z-index:0;}
.lft-shdw {background:url(../images/lft-shdw.png) no-repeat right top; width:100px; height:837px;}
.rit-shdw {background:url(../images/rit-shdw.png) no-repeat left top; width:100px; height:837px;}*/


#main-area {width:1000px; margin:0 auto; height:837px; position:relative;}
h1 a {position:relative; z-index:5; margin-top:38px; float:left;}
.lamp-shdw {background:url(../images/lamp-shdw.png) no-repeat 0 0; width:631px; height:681px; position:absolute; left:0; top:0; z-index:1;}
.lamp {background:url(../images/lamp-new-sml.png) no-repeat right top; position:absolute; right:100px; top:0; width:466px; height:509px; z-index:2; }
.lamp-rays {background:url(../images/lamp-rays.png) no-repeat 0 0; width:887px; height:412px; position:absolute; right:-60px; top:426px; z-index:3; }
.slider-frame {background:url(../images/slider-frame-bg.png)  no-repeat 0 0; width:414px; height:289px; position:absolute; right:115px; top:439px;}
.creativity {font:bold 14px/14px Georgia, Verdana, Arial, Helvetica, sans-serif; color:#010101; text-indent:27px; position:relative; z-index:5; text-shadow:0px 1px 1px #ececec; float:left; width:100%;}


#links {width:130px; float:left; padding-left:27px; position:relative; z-index:6; padding-top:43px;}
#links ul {width:100%; list-style:none;}
#links ul li {width:100%; float:left;}
#links ul li.select {background-color:#000000; color:#FFFFFF; opacity:.5; filter: alpha(opacity=50);}
#links ul li a {font:normal 18px/18px Georgia, Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; width:100%; float:left;}
#links ul li a.active, #links ul li a:hover.active {color:#FFFFFF;}
#links ul li a:hover {color:#000000; background-color:#000000; color:#FFFFFF; opacity:.5; filter: alpha(opacity=50);}


.switchposition {position:absolute; z-index:14; left:0; top:;}
.switch {background:url(../images/switch-bg.png) no-repeat 0 0; width:83px; height:80px; float:left; margin-left:20px; margin-top:35px;}
.table {background:url(../images/table.png) no-repeat 0 0; width:1000px; height:485px; position:absolute; left:0; bottom:0; z-index:3;}
.sitemapposition {position:absolute; left:0; bottom:0; z-index:10;}
.sitemap {background:url(../images/introduction.png) no-repeat 0 0; width:296px; height:270px;}
.sitemap ul li a, .sitemap a {width:115px; height:60px; float:right; padding-top:10px;}
.sitemap ul li {position:relative; list-style:none;}
.sitemap ul li ul {display:none;}
.sitemap ul li:hover ul {position:absolute; left:296px; top:-400px; display:block;}
.hiredesignerposition {position:absolute; left:248px; top:283px; z-index:7;}
.hiredesigner {background:url(../images/hire-designer.png) no-repeat 0 0; width:181px; height:130px;}
.hiredesigner ul li a, .hiredesigner a {width:181px; height:105px; float:left;}
.hiredesigner ul li {position:relative; list-style:none;}
.hiredesigner ul li ul {display:none;}
.hiredesigner ul li:hover ul {position:absolute; left:181px; top:-150px; display:block;}
.contactusposition {position:absolute; left:303px; top:667px; z-index:9;}
.contactus {background:url(../images/contactus.png) no-repeat 0 0; width:132px; height:96px;}
.contactus a {width:132px; height:74px; float:left;}
.portfolioposition {position:absolute; right:284px; bottom:15px; z-index:9;}
.portfolio {background:url(../images/portfolio.png) no-repeat 0 0; width:80px; height:30px;}
.portfolio a {width:80px; height:30px; float:left;}
.testimonialsposition {position:absolute; right:46px; top:9px; z-index:13;}
.testimonials {background:url(../images/testimonials.png) no-repeat 0 0; width:121px; height:91px;}
.testimonials ul li a, .testimonials a {width:121px; height:91px; float:left;} {width:121px; height:91px; float:left;}
.testimonials ul li {position:relative; list-style:none;}
.testimonials ul li ul {display:none;}
.testimonials ul li:hover ul {position:absolute; right:121px; top:10px; display:block;}
.servicesposition {position:absolute; right:6px; top:59px; z-index:12;}
.services {background:url(../images/services.png) no-repeat 0 0; width:121px; height:91px;}
.services a {width:121px; height:91px; float:left;}
.blogpos {position:absolute; z-index:11; right:86px; top:53px;}
.blankpost {background:url(../images/blank-post.png) no-repeat 0 0; width:95px; height:47px; padding:44px 0px 0px 26px;}


.contentbgposition {position:absolute; right:0; top:236px; z-index:16;}
.contentbg {background:url(../images/content-bg.png) no-repeat 0 0; width:725px; height:501px; padding:30px 50px 50px 50px;} 
.content {height:420px; margin-top:10px;}
.content p {font:normal 13px/20px Georgia, Verdana, Arial, Helvetica, sans-serif; color:#000000; margin-bottom:25px;}
.content p a, .contentbg p a:hover {background-color:#FF0000; color:#FFFFFF; text-decoration:underline; padding:1px;}
.content ul {padding-bottom:25px; list-style:circle;}
.content ul li {margin-left:20px;}
.content ul li a {font:normal 13px/20px Georgia, Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:underline;}
.content ul li a:hover {color:#000000;}
.heading {font:bold 14px/16px Georgia, Verdana, Arial, Helvetica, sans-serif !important; color:#8c0e1d !important; text-decoration:underline;}
.smlsitemapposition {position:absolute; left:0; bottom:0; z-index:17; display:none;}
.smlsitemap {background:url(../images/sitemap-sml.png) no-repeat 0 0; width:187px; height:171px;}
.smlsitemap a {width:68px; height:40px; float:right; padding-top:6px;}
.smlcontactusposition {position:absolute; left:15px; bottom:0; z-index:17;}
.smlcontactus {background:url(../images/sml-contactus-new.png) no-repeat 0 0; width:134px; height:113px;}
.smlcontactus a {width:96px; height:57px; float:right;}



.breadcrum{ width:100%; height:20px; padding-bottom:10px;}
.breadcrum h2 {float:left; padding-right:5px;}
.breadcrum h2 a, .breadcrum h2 a:hover{ font:bold 12px Georgia, "Times New Roman", Times, serif; text-decoration:none; color:#000000;}
.breadcrum h3.posrealtive{position:relative; font:italic 12px Georgia, "Times New Roman", Times, serif !important; text-decoration:none; color:#000000; margin-bottom:0px; width:auto !important;}
.breadcrum h3.posrealtive .arrow{ background:url(../images/arrow_bcrum.png) no-repeat; width:26px; height:21px; position:absolute; right:10px; top:-21px;}

.thumbnail-box{width:189px; height:150px; margin-right:40px; float:left;}
.thumbnail-box .imagebox{height:120px; position:relative;}
.thumbnail-box .imagebox img{ border:6px solid #3E3E3E;}
/* css also mention in ie6*/
.thumbnail-box .imagebox:hover img{ border:6px solid #000000;}
.thumbnail-box .imagebox .project-name{ display:none; width:177px; height:108px; background:url(../images/thumb_shade.png) left top repeat-x; margin-top:6px;}
.thumbnail-box .imagebox:hover .project-name{ display:block; position:absolute; z-index:101; left:6px; cursor:pointer;}
.thumbnail-box .imagebox:hover .project-name .name{ font:bold 11px/15px Georgia, "Times New Roman", Times, serif; color:#FFFFFF; margin-top:78px; display:block; text-align:center;}

.thumbnail-box .links{ width:auto; font:italic 12px/20px  Georgia, "Times New Roman", Times, serif; color:#000000; text-decoration:underline; background:none;}
.thumbnail-box .links:hover{ color:#ffffff; background:#FF0000;}

.image_design{ border:5px solid #000000; margin:0px 10px; float:right;}
/* css also mention in ie6*/
.maincontactusform{ display:block; width:100%;}
.contactusform{ width:49%;}
.contactusformright{ float:right; width:49%;}
/*.maincontactusform label{ font:12px/20px Arial, Helvetica, sans-serif; color:#000000; width:120px; float:left;}
.maincontactusform .input_box{ width:140px; padding:2px; font:12px Arial, Helvetica, sans-serif; color:#000000; border:1px solid #1186E2;}
.maincontactusform textarea{border:1px solid #1186E2; height:60px; width:144px;}

.maincontactusform p{ padding-bottom:10px !important; margin-bottom:0px;}*/
.contactadress{ display:block; width:83%; margin-left:17%;}
/*jits css*/
.introtext {background:url(../images/repeat-554.png) repeat-y 0 0; width:530px; padding:12px; color:#FFFFFF; float:left;}
.introtext h2 {font:normal 18px/19px Georgia, Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:underline;}
.introtext p {font:normal 12px/25px Georgia, Verdana, Arial, Helvetica, sans-serif; color:#c6c6c6; width:100%; padding-top:30px; float:left;}
.introtext p a, .introtext p a:hover {color:#17a0f3; height:auto !important; padding:0 !important; text-align:right !important; width:auto !important; float:none !important;}
.introtext ol {width:100%; float:left; margin:0; padding:0; margin-top:10px;}
.introtext ol li {color:#c6c6c6; list-style:circle; margin-left:40px;}
ol.listing {margin:0; padding:0; margin-top:10px;}
ol.listing li {list-style:decimal; margin-left:25px;}
.telephoneflash {position:absolute; left:250px; bottom:-38px; z-index:8;}



#footer {width:100%; float:left; background-color:#000000;}
.footer-area {width:1000px; margin:0 auto; min-height:96px; height:auto !important; height:96px; padding-top:12px; clear:both;}
.copyright {width:100%; float:right; font:normal 11px/31px Georgia, Verdana, Arial, Helvetica, sans-serif; color:#515151; text-align:right; margin-top:10px; padding-bottom:10px;}
.copyright a, .copyright a:hover {font-weight:bold; color:#797979; text-decoration:none;}
.arrowlistmenu{ margin:0px 15px 0px 0px;padding:0px; float:left; width:110px;}
.arrowlistmenu .whitehead{ display:block; width:100%; color:#9A9A9A; text-decoration:none; font:bold 11px  Georgia, Times, serif;}
.arrowlistmenu ul{ margin:13px 0px 0px 0px; padding:0px; list-style-type:none;}
.arrowlistmenu li{ display:block; margin-right:25px; width:100%; } 
.arrowlistmenu li a{ font:11px/18px  Georgia, Times, serif; color:#535353; text-decoration:none;}
.arrowlistmenu li a:hover{ text-decoration:underline;}
.w150{ width:150px !Important}


.homecontent {width:1000px; margin:0 auto; }
.mainhometext {width:100%; float:left; margin-bottom:10px;}
.mainhometext h2 {font-size:18px; padding-top:10px !important; color:#9A9A9A; font-weight:normal; margin-bottom:0px; margin-top:25px;}
.mainhometext p {font:normal 12px/20px Georgia, Verdana, Arial, Helvetica, sans-serif; color:#777777; width:100%; padding-top:20px; float:left; letter-spacing:0.5px;}
.mainhometext p a, .mainhometext p a:hover {color:#525252; height:auto !important; padding:0 !important; width:auto !important; float:right; font:bold 9px/15px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}
.mainhometext p a span {float:left; padding-right:5px;}
.mainhometext p a img {margin-bottom:3px;} 

.outlogo {float:left; padding-top:8px;}
.outlogo img {margin-left:10px;}
.outlogo img.first {margin-left:0px;}
.followus {font:bold 14px/31px Georgia, Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;}
a.normallink, a:hover.normallink {color:#000000; text-decoration:underline;}


.innercontent {padding-left:2%; font:normal 11px/20px Georgia, Verdana, Arial, Helvetica, sans-serif !important; color:#5f5f5f !important;}
.innercontent .heading {font:bold 11px Georgia, Verdana, Arial, Helvetica, sans-serif !important; color:#5F5F5F; background:none; color:#000000 !important; text-decoration:none;}
.listingdata {font:normal 11px/20px Georgia, Verdana, Arial, Helvetica, sans-serif; color:#5f5f5f; padding-left:2%;}
.listingdata .heading {font-weight:bold; color:#000000 !important; background:none; font-size:11px !important; text-decoration:none;}
.listingdata a {font:bold 11px/20px Georgia, Verdana, Arial, Helvetica, sans-serif !important; color:#5f5f5f !important;}

h3 {font:bold 12px Georgia, Verdana, Arial, Helvetica, sans-serif !important; margin-bottom:25px; width:100%; float:left;}
h2, h5, h6 {margin-bottom:25px;}

.testitxt {padding-left:2%; font:bold 11px/20px Georgia, Verdana, Arial, Helvetica, sans-serif !important; color:#5f5f5f !important;}
.testitxtblack {color:#000000 !important; padding-left:2%; font:bold 11px/20px Georgia, Verdana, Arial, Helvetica, sans-serif !important;}





/* Clients Css */
.client_container {margin:15px auto;}
.client {background:transparent url(../images/client_bg.png) no-repeat scroll 0 0; display:inline-block; height:98px; width:161px;}
.mr_b {margin-bottom:20px !important;}
.mr_c {margin-right:7px !important;}
/* Clients Css */


.newcontactusform{ width:49%; float:left;}
.input170 {background:url(../images/input-bg.png) no-repeat 0 0; width:160px; height:18px; float:left; padding:5px 5px;}
.input170 input {width:100%; float:left; background:none; border:0; font:bold 12px Arial, Helvetica, sans-serif; color:#000000; }
.textarea250 {background:url(../images/textarea-bg.png) no-repeat 0 0; width:240px; height:96px; float:left; padding:5px;}
.textarea250 textarea {width:100%; height:96px; float:left; background:none; border:0; font:bold 12px Arial, Helvetica, sans-serif; color:#000000;}
.newcontactusform p {width:100%; float:left; padding-bottom:10px !important; margin-bottom:0px;}
.newcontactusform p label{ font:12px/20px Arial, Helvetica, sans-serif; color:#000000; width:90px; float:left;}
.submit {margin-left:90px;}




#scroller-header {height:27px; width:999px; border-right:1px solid #6b6b6b; float:left; background:url(../images/scroller-header-bg.gif) repeat-x 0 0; margin-top:25px;}
#scroller-header a {
	text-decoration:none; 
	color:#000000; 
	padding:0px 0px 0px 23px;
    background:url(../images/tab-bg.gif) no-repeat 0 0;
    height:27px;
    float:left;
}

#scroller-header a span {background:url(../images/normal-crv.gif) no-repeat right top; padding-right:37px; font:bold 11px/27px Arial, Helvetica, sans-serif; float:left; margin-right:-15px; z-index:1; position:relative; cursor:pointer;}

/*#scroller-header a:hover {
	color:#2c2c2c;
    background:url(../images/active-tab-bg.gif) no-repeat 0 0;
    position:relative;
    z-index:2;
}

#scroller-header a:hover span {	
    background:url(../images/active-crv.gif) no-repeat right top;
    position:relative;
    z-index:2;
}*/

#scroller-header a.selected {
	color:#2c2c2c;
    background:url(../images/active-tab-bg.gif) no-repeat 0 0;
}

#scroller-header a.selected span {background:url(../images/active-crv.gif) no-repeat right top; padding-right:37px; font:bold 11px/27px Arial, Helvetica, sans-serif; float:left; margin-right:-15px; position:relative; z-index:1;}

/*#scroller-header {
	background:url(images/header.gif) no-repeat;
	width:277px;
	height:24px;
	padding:35px 0 0 15px;
	font-weight:700;
}*/

#scroller-body {
	width:950px;
	padding:0px 24px 30px 24px;
    border:1px solid #6b6b6b;
    border-width:0px 1px 1px 1px;
    float:left;
}

#mask {
	width:100%;
	overflow:hidden;
	margin:0 auto;
}
#panel {

}

#panel div {
float:left;

}

/* Extra styling for each panel*/

#panel ul {
list-style:none;
margin:0 5px;
padding:0;
}

	#panel ul li {
		padding:5px;
		color:#557482;
		border-bottom:1px dotted #ccc;
	}

	#panel ul li.last {
		border-bottom:none !important;
	}

#panel-1 {
}

#panel-2 {
}

#panel-3 {
}