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

/* 
--------------------------------------------------------------------
Title 			:	Global Style Sheet,
Description		:	Base Style Sheet of Baroque,
Author			:	srinivas lankalapalli,
Verified		:	Kharteek,
Url				:	http://baroque.net.in/,
Created			:	Feb,03,2008,
Modified		:	October-16th-2012,
--------------------------------------------------------------------
*/
/* Base Style Sheet */
*
{
	margin:0;
	padding:0;
}
html
{
	background:url(../images/page_bg.jpg) repeat-x 0 0 #000;
	height:100%
}
body
{
	color:#888;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	/* background-color:#e341e5; */
	background:url(../images/body_bg.png) repeat-x #e341e5 0 bottom;
	width:100%;
	height:auto;
}
img, png
{
	border:0;
	outline:none;
}
a:hover
{
	text-decoration:underline;
}
/* Header Styles */
#header
{
	clear:both;
	display:inline-block;
	width:100%;
	height:43px;
	background:url(../images/nav_loop.jpg) repeat-x 0 0;
}
#header .headerNav
{
	height:43px;
	margin:auto;
	padding:0;
	width:900px;
}
#header .logo
{
	float:left;
	width:285px;
	height:43px;
}
#header .headerNav ul
{
	float:left;
	margin:0;
	padding:0;
	width:615px;
}
#header .headerNav ul li
{
	float:left;
	list-style-type:none;
}
#header .headerNav ul li a
{
	color:#fff;
	line-height:42px;
	width:auto;
	font-size:15px;
	padding:8px 18px;
	text-decoration:none;
}
/* #header .headerNav ul li a:hover
{
	border-top:5px solid #F90;
}
*/
#header .headerNav ul li a:hover.liHome
{
	border-top:5px solid #FFFF00;
}
#header .headerNav ul li a:hover.liAbout
{
	border-top:5px solid #E341E5;
}
#header .headerNav ul li a:hover.liService
{
	border-top:5px solid #B5E807;
}
#header .headerNav ul li a:hover.liPortfolio
{
	border-top:5px solid #C80208;
}
#header .headerNav ul li a:hover.liContact
{
	border-top:5px solid #F90;
}
/* #header .headerNav ul li:hover
{
	border-top:5px solid #FFFF00;
}
#header .headerNav ul li:hover.liAbout
{
	border-top:5px solid #E341E5;
}
#header .headerNav ul li:hover.liService
{
	border-top:5px solid #B5E807;
}
#header .headerNav ul li:hover.liPortfolio
{
	border-top:5px solid #C80208;
}
#header .headerNav ul li:hover.liContact
{
	border-top:5px solid #F90;
}
*/

/* home page rainbow */
.homeRainbow
{
	float:left;
	height:auto;
	margin:0;
	padding:0;
	width:486px;
}

/* home page rainbow ends */

/* Content Area Styles */
.wraper
{
	float:left;
	height:475px;
	/* margin:20px 0 0 -150px; */
	margin:20px 0 0 -152px;
	padding:0;
	width:900px;
	position:relative;
	z-index:1;
/*	clear:both;
	display:inline-block;
*/
}
.contentLeft
{
	height:auto;
	width:250px;
	margin:0 20px 0 0;
	padding:0;
	float:left;
	display:block;
}
.contentLeft span.clients
{
	margin:59px 0 0 0;
	padding:0;
	float:left;
	position:relative;
	z-index:1;
}
.contentLeft img.mrgnTop
{
	margin:-128px 0 0 0;
	position:relative;
}
.contentLeft span a img
{
	margin:0;
	padding:0;
	float:left;
}
.contentLeft h2
{
	color:#fff;
	font-size:15px;
	text-align:center;
	padding:5px 0;
	margin:0;
}

.contentLeft .widgetHome
{
	height:198px;
	width:248px;
	margin:0;
	padding:0;
	background-color:#000;
}
.contentLeft .widgetHome h1
{
	text-align:center;
	color:#FF0;
	font-size:15px;
	text-transform:uppercase;
	padding:10px 0 5px;
}
.contentLeft .widgetHome img
{
	margin:12px auto;
	padding:0;
	text-align:center;
	display:block;
}
.widgetSmall
{
	height:auto;
	width:248px;
	margin:0;
	padding:0;
	background-color:#000;
	border-radius:10px;
	float:left;
}
.widgetSmall.padngAbout
{
	padding-bottom:25px;
	display:block;
	
}
.contentLeft .widgetSmall.marginTop
{
	margin-top:20px;
}
.contentLeft .widgetSmall img
{
	margin:0 auto;
	padding:10px 0;
	text-align:center;
	display:block;
}
.contentLeft .widgetSmall img.mrginImg
{
	margin:0 auto;
	padding:0 10px 0 0;
	display:block;
}
.contentLeft .widgetSmall a
{
	text-align:center;
	height:20px;
	display:block;
	color:#E341E5;
	padding:5px 0;
}
.contentLeft .widgetSmall a.contactA
{
	height:19px;
	color:#E97623;
	padding:5px 0;
	display:inline-block;
}
.contentLeft .widgetSmallNav
{
	text-align:center;
	margin:10px 0 0 0;
	width:248px;
	height:70px;
	float:left;
}
.contentLeft .widgetSmallNav a
{
	color:#FF0;
	font-size:15px;
	text-transform:uppercase;
	list-style-type:none;
	padding:4px 10px;
	height:20px;
	cursor:pointer;
	display:inline-block;
	font-weight:bold;
}
.contentLeft .widgetSmall a:hover, .contentRight .widgetBig a:hover
{
	text-decoration:none;
}
.widgetSmall h3
{
	color:#E97623;
	font-size:15px;
	padding:5px 0 0 15px;
	margin:0;
}
.widgetSmall h1, .widgetBig h1, .contentMid h1
{
	color:#fff;
	font-weight:normal;
	border-bottom:1px solid #CCC;
	font-size:16px;
	height:20px;
	margin:0 15px;
	padding:15px 0 5px 0;
	text-transform:uppercase;
	text-align:left;
}
.widgetSmall p, .contentHalf p, .widgetBig p
{
	text-align:left;
	padding:5px 10px;
	line-height:1.68em;
	color:#FFF;
	margin-left:5px;
}

.contentLeft img
{
	margin: 41px 0 0;;
	position:relative;
}

.contentRight
{
	height:auto;
	/* width:726px; */
	width:630px;
	margin:0;
	padding:0;
	float:left;
	overflow:hidden;
}
.contentRight img
{
	margin:0 0 0 90px;
	padding:0;
}
.contentRight .widgetBig
{
	float:left;
	height:auto;
	width:630px;
	margin:0;
	padding:0;
	background-color:#000;
	border-radius:10px;
	text-align:center;
}
.contentRight .widgetBig img
{
	padding:10px 0;
	margin:0 0 0 15px;
	display:block;
}
.contentRight .widgetBig .txtBlue
{
	color:#75BAEE;
	font-weight:bold;
}
.contentRight .widgetBig .txtPurple
{
	color:#E440E6;
}
.contentRight .widgetBig a
{
	color:#75BAEE;
	font-weight:bold;
	margin:13px 0 0 15px;
	padding:0 0 20px 0;
	display:block;
	text-align:left;
}

.contentRight .widgetBig .contentHalf
{
	float:left;
	height:auto;
	width:310px;
	margin:0;
	padding:0;
}
.contentRight .widgetBig .contentHalf.mrgnLeft
{
	margin-left:10px;
}
.contentRight .widgetBig .contentHalf ul
{
	padding:0;
	color:#fff;
	text-align:left;
	width:310px;
	margin:5px 5px 0 15px;
}
.contentRight .widgetBig .contentHalf ul li
{
	padding:4px 0 8.4px 12px;
	background:url(../images/iconBullet.png) no-repeat 0 10px;
	list-style-type:none;
}

.contentRight .widgetBig .contentHalf h2
{
	color:#B5E807;
	font-size:13px;
	text-align:left;
	margin:0 0 0 15px;
	padding:2px 0 0 0;
}
/* contactUs */
.contactUs
{
	margin:0 auto;
	padding:0;
/*	float:left; */
	/* width:580px; */
	width:630px;
	height:auto;
}
.contactUs .contactNav
{
	margin:0 auto;
	padding:0;
	width:580px;
	height:43px;
}
.contactUs .contactNav ul
{
	padding:0;
	background:url(../images/Menu_bg.png) no-repeat 0 0;
	width:630px;
	height:43px;
}
.contactUs .contactNav ul li
{
	list-style-type:none;
	float:left;
}
.contactUs .contactNav ul li a
{
	color:#fff;
	display:block;
	font-size:14px;
	font-weight:800;
	height:43px;
	line-height:30px;
	padding:0;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	width:192px;
}
.contactUs .contactNav ul li a:hover
{
	text-decoraion:underline;
}
.fltRight
{
	margin:0;
	float:right;
}
/* .contactUs .contactNav ul:hover.selContact
{
	background:url(../images/Menu_bg.png) no-repeat 0 00;
}
*/
.contactUs .contactNav ul.selApply
{
	background:url(../images/Menu_bg.png) no-repeat 0 -43px;
}
.contactUs .contactNav ul.selMap
{
	background:url(../images/Menu_bg.png) no-repeat 0 -86px;
}
.contactUs .contactBody
{
	padding:10px 0 15px 0;
	width:630px;
	height:auto;
	background-color:#000;
	border-radius:10px 10px 10px 10px;

}
.contactUs .contactBody img
{
	margin:0 auto;
	padding:0;
	text-align:center;
	display:block;
}

.contactUs .contactBody form
{
	margin:0 auto;
	width:425px;
	height:300px;
	color:#E97623;
}

/* Social Net works */
.sclNtwk
{
	width:240px;
	height:auto;
	margin:0 auto;
	padding:0;
	display:block;
}
.sclNtwk a
{
	width:60px;
	height:61px;
	float:left;
	margin:0 8px;
	display:block;
}
.sclNtwk a.faceBook
{
	background:url(../images/icon_SocialNetwork.jpg) no-repeat 0 0;
	width:60px;
	height:61px;
	margin:0 5px 0 15px;
	display:block;
}
.sclNtwk a.linkedin
{
	background:url(../images/icon_SocialNetwork.jpg) no-repeat -120px 0;
	width:60px;
	height:61px;
	display:block;
}
.sclNtwk a.twitter
{
	background:url(../images/icon_SocialNetwork.jpg) no-repeat -60px 0;
	width:60px;
	height:61px;
	display:block;
}

.inptWidth
{
	width:350px;
	height:20px;
	border:1px solid #C60;
	border-right:10px solid #c60;
	margin:4px auto;
	color:#999;
	font-size:11px;
	padding:0 0 0 10px;
}
.selctWidth
{
	width:371px;
	height:20px;
	border:1px solid #C60;
	border-right:10px solid #c60;
	margin:4px auto;
	color:#999;
	font-size:11px;
	padding:0 0 0 10px;
}
.rdBtn
{
	list-style-type:circle;
	color:#E97623;
	padding:0 10px 0 0;
	margin:5px;
}
.txtWidth
{
	width:350px;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	height:60px;
	border:1px solid #C60;
	border-right:10px solid #c60;
	margin:4px auto;
	color:#999;
	padding:2px 0 0 10px;
}
.btnSumbit
{
	float:right;
	margin:-12px 0 0 0;
	padding:0;
	background:url(../images/send.jpg) no-repeat -66px 0;
	width:68px;
	height:62px;
	border:0;
}
.btnSumbitAply
{
	float:right;
	margin:0;
	padding:0;
	background:url(../images/send.jpg) no-repeat -66px 0;
	width:68px;
	height:62px;
	border:0;
}

.btnSumbit:hover
{
	margin:-15px 0 0 68px;
	padding:0;
	background:url(../images/send.jpg) no-repeat 2px 0;
	width:68px;
	height:62px;
	border:0;}

.contentRight img.margnRight
{
	margin:0 115px 0 0;
	padding:0;
}
/* home page Styles */
.contentRight .homeWidget
{
	background-color:#fff;
	height:300px;
	margin:5px auto;
	padding:0;
	width:620px;
}
.contentRight .homePrice
{
	height:auto;
	margin:0 auto;
	padding:0;
	width:620px;
}
.contentRight .homePrice img, .homeWidget img
{
	margin:0 auto;
	padding:5px 0;
}
.homeWidget p
{
	color:#888;
}
.homeBtm
{
	float:right;
	height:138px;
	margin:-155px 150px 0 0;
	padding:0;
	width:270px;
}
/* Portfolio Styles */
.wraper .arrowLeft
{
	float:left;
	margin:0;
	padding:0;
	width:65px;
	height:80px;
	cursor:pointer;
}
.wraper .contentMidBody
{
	display:inline-block;
	margin:0 20px;
	padding:0;
	width:730px;
	height:530px;
	background:url(../images/portfolio_holder.png) no-repeat 0 0;
}
.wraper .contentMidBody .portfolio
{
	margin:5px;
	padding:0;
	width:720px;
	height:auto;
}
.flashSlide, .graphicSlide ul, .threeDSlide ul, .creativeSlide ul, .illustSlide ul,
.immSlide ul, .iPhonicSlide ul, .joeSlide ul, .packSlide ul
{
	background-color:#000;
    border-radius: 5px 5px 5px 5px;
    display: block;
    height: 380px;
    margin: 10px auto;
    padding: 0;
    width: 700px;
}
.iPhonicSlide ul li img
{
	height: 148px;
    margin: 15px 0 0 20px;
    padding: 0;
    width: 300px;
}

.graphicSlide p, .illustSlide p, .immSlide p, .packSlide p, .creativeSlide p
{
	text-align:center;
	color:#fff;
	font-size:15px;
	margin:-75px 0 0 0;
}
.joeSlide ul li p
{
	text-align:center;
	color:#fff;
	font-size:15px;
	margin:40px 0 0 150px;
}
.wraper .contentMidBody .portfolio img
{
	width:720px;
	height:390px;
	padding:0px;
	display:block;
}
.wraper .contentMidBody .portfolio ul
{
	margin:0 auto;
	width:320px;
	height:auto;
}
.flashSlide ul
{
	float:left;
	background-color:#fff;
    border-radius: 5px 5px 5px 5px;
    display: block;
    height: 380px;
    margin:0;
    padding: 0;
    width: 700px;
}

.wraper .contentMidBody .portfolio ul li, .flashSlide ul li,.threeDSlide ul li,
.creativeSlide ul li, .illustSlide ul li, .immSlide ul li, .iPhonicSlide ul li, .joeSlide ul li
{
	float:left;
	list-style-type:none;
	padding:10px;
	cursor:pointer;
}
.packSlide ul li
{
	float:left;
	list-style-type:none;
	padding:10px;
	margin:20px 0 0 20px;
	cursor:pointer;
}
.graphicSlide ul li
{
	float:left;
	list-style-type:none;
	padding:15px 2px 1px 15px;
	cursor:pointer;
}

.wraper .contentMidBody .portfolio ul li a img
{
	margin:0;
	padding:0;
	width:60px;
	height:auto;
}
.flashSlide ul li a img
{
	margin:12px 0 0 20px;
	padding:0;
	width:300px;
	height:150px;
}
.flashSlide img
{
	margin:0 auto;
	padding:0;
	display:block;
}
/* portfolioNav Styles */
.portfolioNav
{
	width:720px;
	height:67px;
	margin:-80px 0 0 -55px;
	padding:0;
	float:left;
	position:relative;
	z-index:1;
}
.portfolioNav ul
{
	width:480px;
	margin:0 auto;
}
.portfolioNav ul li
{
	list-style-type:none;
	float:left;

}
.portfolioNav ul li a
{
	display:block;
	height:67px;
	width:0;
	float:left;
}
.portfolioNav ul li.webSites
{
	padding:0 3px;
	background:url(../images/p_web.png) no-repeat 0 0;
	width:73px;
	height:67px;
	float:left;
}
/*.portfolioNav .webSites:hover
{
	background:url(../images/p_web.png) no-repeat 0 -67px;
}
*/
.portfolioNav ul li.webSites:hover, .portfolioNav ul li.webSites.webSel
{
	background:url(../images/p_web.png) no-repeat 0 -67px;
}

.portfolioNav ul li.flash
{
	padding:0 3px;
	background:url(../images/p_flash.png) no-repeat 0 0;
	width:48px;
	height:67px;
}
.portfolioNav ul li.flash:hover
{
	background:url(../images/p_flash.png) no-repeat 0 -67px;

}
/*
.portfolioNav ul li.webApp
{
	padding:0 5px;	background:url(../images/p_webapps.png) no-repeat 0 0;
	width:82px;
	height:67px;
}

.portfolioNav .webApp:hover
{
	background:url(../images/p_webapps.png) no-repeat 0 -67px;
}
*/
.portfolioNav ul li.threeD
{
	padding:0 3px;
	background:url(../images/p_3dRenders.png) no-repeat 0 0;
	width:97px;
	height:67px;
}

.portfolioNav ul li.threeD:hover
{
	background:url(../images/p_3dRenders.png) no-repeat 0 -82px;
}
.portfolioNav ul li.eLearning
{
	padding:0 3px;
	background:url(../images/p_elearning.png) no-repeat 0 0;
	width:97px;
	height:67px;
}
.portfolioNav ul li.eLearning:hover
{
	background:url(../images/p_elearning.png) no-repeat 0 -67px;
}
.portfolioNav ul li.graphic
{
	padding:0 3px;
	background:url(../images/p_graphics.png) no-repeat 0 0;
	width:72px;
	height:67px;
}
.portfolioNav ul li.graphic:hover
{
	background:url(../images/p_graphics.png) no-repeat 0 -67px;
}
.portfolioNav ul li.logos
{
	padding:0 3px;
	background:url(../images/p_logos.png) no-repeat 0 0;
	width:48px;
	height:67px;
}
.portfolioNav ul li.logos:hover
{
	background:url(../images/p_logos.png) no-repeat 0 -67px;
}
/* portfolioNav Styles Ends */ 
/* portfolio Logo Gallery */
#rbGallery, #logoGallery, #bookGallery
{
	margin:0 15px;
	padding:0;
	width:630px;
	height:360px;
}
#logoGallery
{
	margin:8px auto;
	padding:0;
	width:708px;
	height:380px;
}
#rbGallery ul, #logoGallery ul, #bookGallery ul
{
	padding:0;
	list-style: none;
}
#rbGallery ul li, #logoGallery ul li, #bookGallery ul 
{
display: inline;
}
#rbGallery ul li a
{
	display: inline-block;
    float: left;
    height:70px;
    margin: 0;
    padding:8px;
    width:100px;
}
#bookGallery ul li a
{
	display: inline-block;
    float: left;
    height:70px;
    margin: 0;
    padding:8px;
    width:83px;
}
#logoGallery ul li a
{
	display: inline-block;
    float: left;
    height:auto;
    margin: 9px;
    padding:2px;
    /* width: 100px; */
}

#rbGallery ul li img, #logoGallery ul li img, #bookGallery ul li img
{
	margin:0;
	padding:2px;
	float:left;
	display:block;
	border:2px solid #c5c5c5;
}
.wraper .arrowRight
{
	float:right;
	margin:0;
	padding:0;
	width:65px;
	height:80px;
	cursor:pointer;
}
.wraper .arrowLeft img, .wraper .arrowRight img
{
	margin:0;
	padding:0;
}
.profolioBirds
{
	float:right;
	margin:-175px 200px 0 0;
	padding:0;
	width:73px;
	height:114px;
}

.widgetBig .pages ul
{
	margin:-25px 2px 0 0 ;
	padding:0;
	width: 150px;
	height:20px;
	float:right;
}
.widgetBig .pages ul li
{
	margin:0 2px;
	padding:0;
	float:left;
	list-style-type:none;
}
.widgetBig .pages ul li a
{
	line-height:20px;
	height:20px;
	background-color:#033;
	color:#fff;
	display:block;
	margin:0;
	padding:0;
	text-align:center;
	width:65px;
	text-decoration:none;
}
.btnExpertise
{
	margin:-345px 419px 0 0;
	padding:0;
	width:30px;
	height:200px;
	float:right;
	position:relative;
	z-index:1;
}

/* Portfolio Styles Ends */

/* about page styles */
.aboutRainbow
{
	float:right;
	margin:-245px 315px 0 0;
	padding:0;
	width:991px;
	height:241px;
}
.aboutTree
{
	float:left;
	height:auto;
	margin:115px 0 0 0;
	padding:0;
	width:486px;
}

/* about page styles */ 

/* services pages */
.batGuy
{
	float:right;
	margin:0 35px 0 0;
	padding:0;
	width:280px;
	height:153px;
}
.servicetxtColor
{
	color:#B5E807;
}
/* services pages ends */

/* Preload Images */
#preloaded-images
{
	position: absolute;
    overflow: hidden;
    left: -9999px;
    top: -9999px;
    height: 1px;
    width: 1px;
}
/* Preload Images Ends */

/* Footer Area Styles */
.footer
{
	clear:both;
	display:inline-block;
	background:url(../images/footer.png) repeat-x 0 0;
	height:48px;
	margin:-39px 0 0 0;
	padding:0;
	width:100%;
	position:relative;
}