@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px; width:100%; background: url(../assets/images/creative-rdpl-bg.jpg) repeat fixed left top ; font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#b3b3b3; line-height:18px; font-weight:normal; }

/* Main containers CSS Document */

.top-bg{background:url(../assets/images/top-png.png) no-repeat left top; width:100%; float:left;}
.main-container { margin:0px auto; width:900px; padding:0px; /*background:transparent url(../assets/images/greetings.png) no-repeat scroll 0 0*/}

/* other containers CSS Document */
.header { float:left; width:100%;  font-size:16px; position:relative}
.black-png{ background:url(../assets/images/black-bg.png) left top repeat;}
.slideshow{ float:left; width:858px; height:359px; padding:21px; background:url(../assets/images/black-bg.png) left top repeat;}
.content-home{float:left; width:900px; margin:15px 0 0 0;}
.content{float:left; width:900px; margin:0px;}
.footer{float:left; width:858px; padding:0 21px; margin:15px 0 20px 0; height:24px; background:url(../assets/images/black-bg.png) left top repeat;}
.ourwork { float:left; width:859px; padding:25px 21px; min-height:400px; height:auto!important; height:400px;}
.ourwork-left{float:left; width:241px; border:none; }
.ourwork-left1{float:left; width:350px; border:none; }
.ourwork-right{float:right; width:582px; border-left:1px solid #333; padding:0 0 0 35px; min-height:350px; height:auto!important; height:350px; }

/* Main header CSS Document */
.top-nav{width:630px; float:left; height:73px;}
.top-nav ul { margin:0px; padding:0px 0px 0px 21px; list-style:none; float:left;  } 
.top-nav ul li{ margin:0px; padding:14px 83px 0px 0px; display:inline; float:left; } 
.top-nav ul li a {display:block; float:left; height:22px; line-height:22px; padding:0px 4px;}
.top-nav ul li a:hover, .top-nav ul li a.active {display:block; float:left; background:#333; color:#fff;}


/* Search Box CSS Document */

.home .search-box { color:#999999; float:right; position:absolute; bottom:150px !important; right:10px; width:206px; }
.search-box { color:#999999; float:right; position:absolute; bottom:180px; right:10px; width:206px; }
.search-box form { float:right; margin:0; padding:0; display:inline; width:160px}
.search-box form { float:right; margin:0; padding:0; display:inline; width:160px}
.search-box form input { margin:0px; padding:0px; width:97px; float:left; vertical-align:middle; }
.search-box form span { float:left; width:75px; }
.ajaxSerch { float:right; width:800px; border:none; padding:0 }
.ajaxSearch_resultLink { font-weight:bold }
fieldset { border:none; margin:0; padding:0 }
#ajaxSearch_submit { width:28px; height:28px; background:transparent url(../assets/images/goSprite.png) no-repeat scroll 0 100%; border:none; font-size:1px; margin:-1px 0 0 10px }
#ajaxSearch_submit:hover {  background:transparent url(../assets/images/goSprite.png) no-repeat scroll 0 0;}
.logo-img { float:right; margin:-1px 0 0   }

/* Site LOGOS CSS Document */
.logo{float:left; text-align:left; width:100%;
min-height:117px; height:auto!important; height:117px;}

.small-logo{float:left; text-align:left; width:100%;
min-height:147px;}
.small-logo ul {list-style:none; margin:0; padding:0;}
.small-logo li.logo-inner {background:url(../assets/images/logo-inner.png) no-repeat left top; width:256px; height:70px; float:left;}
.small-logo li:hover.logo-inner {background:url(../assets/images/logo-inner.png) no-repeat left bottom; width:256px; height:70px; float:left;}

.small-logo li.logo-inner a {width:100%; float:left; height:70px;}

.inner-heading{float:right; width:400px; text-align:right; margin:28px 0px 30px 0; height:89px;}


/* All Page Heading  CSS Document */
h1.what-we{float:left; width:400px; height:89px; background:url(../assets/images/what-we-do.png) no-repeat left top; margin:0; padding:0;}
h1:hover.what-we{float:left; width:400px; height:89px; background:url(../assets/images/what-we-do.png) no-repeat left bottom; margin:0; padding:0;}


h1.web{float:left; width:400px; height:89px; background:url(../assets/images/website-build.png) no-repeat left top; margin:0; padding:0;}
h1:hover.web{float:left; width:400px; height:89px; background:url(../assets/images/website-build.png) no-repeat left bottom; margin:0; padding:0;}

h1.technical{float:left; width:400px; height:89px; background:url(../assets/images/technical-development.png) no-repeat left top; margin:0; padding:0;}
h1:hover.technical{float:left; width:400px; height:89px; background:url(../assets/images/technical-development.png) no-repeat left bottom; margin:0; padding:0;}

h1.support{float:left; width:400px; height:89px; background:url(../assets/images/hosting-support.png) no-repeat left top; margin:0; padding:0;}
h1:hover.support{float:left; width:400px; height:89px; background:url(../assets/images/hosting-support.png) no-repeat  left bottom; margin:0; padding:0;}

h1.work{float:left; width:400px; height:89px; background:url(../assets/images/our-work.png) no-repeat left top; margin:0; padding:0;}
h1:hover.work{float:left; width:400px; height:89px; background:url(../assets/images/our-work.png) no-repeat  left bottom; margin:0; padding:0;}

h1.contact{float:left; width:400px; height:89px; background:url(../assets/images/contact.png) no-repeat left top; margin:0; padding:0;}
h1:hover.contact{float:left; width:400px; height:89px; background:url(../assets/images/contact.png) no-repeat  left bottom; margin:0; padding:0;}



/* Footer CSS Document */
.footer .left-link{ float:left;}
.footer .left-link ul{ margin:0px; padding:0px; float:left;}
.footer .left-link ul li{ margin:0px; padding:0px; float:left;display:inline; line-height:24px; }
.footer .right-link {float:right;line-height:24px;}


/* Reset CSS Document */
h1{margin:0px; padding:0px;}
h1 span{display:none;}
h2{margin: 0px 0px 5px; padding:0px; color:#999999; font-style:normal; font-weight:normal; text-transform:uppercase; font-size:16px;}
h3 {margin:5px 0px; padding:0px; font-weight:normal; color:#fff; font-size:14px; text-transform:uppercase;}
p{margin:0px 0 13px 0; padding:0px;}
a img { border:none;}
a{color:#999; text-decoration:none;}
a:hover{color:#ccc;}
.clear{ clear:both;}

/* Reset CSS Document */

.blackbox{ float:left; width:248px; height:180px; margin:0px 15px 0 0;background:url(../assets/images/black-bg.png) left top repeat; padding:25px 21px 0;}

.blackbox ul{padding:0px; margin:0px; width:100%; float:left; list-style:none }
.blackbox ul li{ margin:0px; padding:0 0 0 15px; float:left; background:url(../assets/images/arrow.png) left 2px no-repeat; width:233px;} 

.blackboxpor {float:left; width:248px; height:180px; margin:0px; background:url(../assets/images/black-bg.png) left top repeat; padding:25px 21px 0;}
.blackboxpor ul{padding:0px; margin:0px; width:100%; float:left; list-style:none }
.blackboxpor ul li{ margin:0px; padding:0 0 0 15px; float:left; background:url(../assets/images/arrow.png) left 2px no-repeat; width:233px;} 

.line{font-size:0px; overflow:hidden;height:1px; width:100%; background:#333; margin:0 0 12px 0;}
.onecol{ float:left; width:254px; padding:25px 21px;}
.onecol h2{ float:left; margin:0  0 12px 0; width:242px; }


a.link-arrow{float:left; width:239px; font-size:11px; background:url(../assets/images/arrow-sm.png) left center no-repeat; padding:0px 0 0 15px;}

/* sudhir */
.design ul {margin:0px; padding:0px; list-style:none;}
.design ul li.active h2 a {color:#fff;}
.design h2{ font-size:14px; margin: 0px 0px 8px; }
.leftContent{ float:left; margin:0px; padding:0 35px 0 0; width:256px;}
.rightContent{ float:right; margin:0; padding:0px; width:288px;}

/* contact form */

form{margin:0px; padding:0px;}
form.contact{ float:left; width:330px;}
form.contact .requiredtxt{ border:none; border-left: #850000 solid 5px; padding:0 0 0 5px;}
form.contact div{ float:left; width:323px; margin:0 0 15px 0; border:none; border-right: #850000 solid 5px;}
form.contact label{ float:left; width:110px; padding:0 10px 0 0;}
form.contact input{ float:left; width:196px; background:#666; border:none; vertical-align:middle; color:#ccc; padding:2px; margin:0 3px 0 0;}

form.contact textarea{ float:left; width:196px; background:#666; border:none; vertical-align:middle; color:#ccc; padding:2px;}
form.contact .check{width:16px; background:none; float:left; height:16px; padding:0px;margin:0px;}
form.contact .checkdiv {background:#666; width:16px; padding:2px 1px 3px 2px; height:14px; border:none; }

form.contact input.submit {background:url(../assets/images/submit.gif) left top no-repeat; float:left; height:19px; width:65px;  cursor:pointer;}

form.contact input.submit:hover{background:url(../assets/images/submit.gif) left bottom no-repeat; float:left; height:19px; width:65px; cursor:pointer;}
.errors{color:#B23036; padding-bottom:10px;}
*{outline:0 none !important}


/* site map */

/*.sitemap{ float:left; display:inline; padding:0; margin:0}
.sitemap ul{ display:inline; list-style-type:none; padding:0; margin:10px 0; width:100%}
.sitemap ul li{ background:url(../assets/images/arrow-sm.png) no-repeat scroll 5px 12px; list-style-type:none; padding:11px 0 0 20px; margin:0 10px 0 8px; line-height:16px; margin:0}*/
.sitemap ul li{ list-style-type:disc; padding:11px 0 0 0px; margin:0 10px 0 8px; line-height:16px; margin:0;}
.sitemap h2{ font-size:13px; text-transform:capitalize}
.sitemap h3{ font-size:14px; text-transform:capitalize}