@charset "utf-8";
/* CSS Document */
/****************************************************************************************************
* Filename: layout.css
* Purpose: All the CSS Rules required to design web pages.
* Author: Vijay Vanve v[dot]vijay[at]agiletechnosys[dot]com
****************************************************************************************************/

/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/
body {
	font:normal 12px "Trebuchet MS";
	color:#666;}
/* global reset */
body, form, h1, h2, h3, h4, h5, h6, p {
	padding:0;
	margin:0;
}
h1, h2, h3, h4, h5, h6, label, a {
	text-decoration:none
}
a {
	color:#666;
	text-decoration:none
}
a:hover {
	color:#ffcc66;
	text-decoration:none
}
a:active, a:focus {
	outline:0
}
img {
	border:none
}
/* 	GROUPINGS, FLOATS & DISPLAYS
**********************************************************/

/* 	HEADER ELEMENTS STYLING	(id=HEADERS)
**********************************************************/
/* H1 */
h1.ContTitle,h1.SpeakerTitle,h1.ActivistTitle,h1.CatalystTitle,h1.DiscipleTitle,h1.WriterTitle,h1.ConsultantTitle,h1.ArtistTitle,h1.MissTitle,h1.VideoTitle,h1.PhotoTitle,h1.AboutTitle,h1.SupportTitle{background:url(../images/page_title_sprite.gif) 0 0 no-repeat; width:89px; height:420px;}
h1.ContTitle{background-position:-846px 0}
h1.SpeakerTitle{ background-position: -435px 0}
h1.ActivistTitle{ background-position: -117px 0}
h1.CatalystTitle{ background-position: -220px 0}
h1.DiscipleTitle{ background-position: -9px 0}
h1.WriterTitle{ background-position: -327px 0}
h1.ConsultantTitle{ background-position: -543px 0}
h1.ArtistTitle{ background-position: -650px 0}
h1.MissTitle{ background-position: -757px 0}
h1.VideoTitle{ background-position: -935px 0}
h1.PhotoTitle{ background-position: -1024px 0}
h1.AboutTitle{ background-position: -1113px 0}
h1.SupportTitle{ background-position: -1202px 0}
/* H2 */

/* H3 */

/* 	ALL IDS (id=IDS)
**********************************************************/
#MainWrapper {
	width:726px;
	margin:0 auto;

}
#Header {
	width:100%;
	margin:0 auto;
	position:relative;
	height:155px;
	z-index:1000;
}

#logo {
	width:129px;
	height:129px;
	position:absolute;
	left:0;
	top:30px
	
}
#logo a {
	width:129px;
	height:129px;
	display:block;
	background:url(../images/logo.png) 0 0 no-repeat;
	text-indent:-2000px;
	
}
.HeaderRht{ float:right; width:597px; padding:64px 0 11px 129px; overflow:hidden}
.TagLine{ background:url(../images/tagline.gif) 0 0 no-repeat; width:301px; height:15px; float:left; margin:13px 0 0 0;}



#Footer{ overflow:hidden; float:right;}
#Footer a{ background:url(../images/social_icons_sprite.gif) 0 0 no-repeat; display:block; text-indent:-2000px; float:left; margin:0 3px 0 0}
#Footer a.Twitter{ background-position:0 0; width:20px; height:25px}
#Footer a.Twitter:hover{ background-position:0 -30px}
#Footer a.Facebook{ background-position:-22px 0; width:20px; height:25px}
#Footer a.Facebook:hover{ background-position:-22px -30px}
#Footer a.RSS{ background-position:-44px 0; width:20px; height:25px}
#Footer a.RSS:hover{ background-position:-44px -30px}
#Footer a.Flickr{ background-position:-66px 0; width:20px; height:25px}
#Footer a.Flickr:hover{ background-position:-66px -30px}
#Footer a.Linkedin{ background-position:-89px 0; width:20px; height:25px}
#Footer a.Linkedin:hover{ background-position:-89px -30px}
#Footer a.Vimeo{ background-position:-110px 0; width:20px; height:25px}
#Footer a.Vimeo:hover{ background-position:-110px -30px}
#Footer a.YouTube{ background-position:-133px 0; width:20px; height:25px}
#Footer a.YouTube:hover{ background-position:-133px -30px}
#Footer a.Ico08{ background-position:-154px 0; width:20px; height:25px}
#Footer a.Ico08:hover{ background-position:-154px -30px}
#Footer a.Dopplr{ background-position:-176px 0; width:20px; height:25px}
#Footer a.Dopplr:hover{ background-position:-176px -30px}
#Footer a.Delicious{ background-position:-198px 0; width:20px; height:25px}
#Footer a.Delicious:hover{ background-position:-198px -30px}
#Footer a.Ico11{ background-position:-215px 0; width:22px; height:27px}
#Footer a.Ico11:hover{ background-position:-215px -30px}
#Footer a.Technorati{ background-position:-237px 0; width:18px; height:25px}
#Footer a.Technorati:hover{ background-position:-237px -30px}


#MainContent{position:relative; width:100%}
.LftCol{ width:90px; float:left; padding:0 0 0 20px; margin:-7px 0 0 0}
.RhtCol{ width:616px; float:left}
.RhtCol .Container{ padding:0 0 0px 55px; line-height:24px; /*min-height:382px;*/ text-align:justify}
.RhtCol .Container .RhtTopSpace{float:right; width:135px; height:155px;}

.RhtCol .Container1{ padding:0 0 10px 0px; line-height:24px; min-height:382px; text-align:justify}
.RhtCol .Container1 .RhtTopSpace{float:right; width:135px; height:155px;}
/* 	MAIN MODULES (id=MAINMODS)
**********************************************************/
/* -------------->MENUS< -------------- */ 
/* Navigation For Home page */
#TopMenu{ float:right; width:200px; color:#fdca91; text-align:right}
#TopMenu ul{ padding:0; margin:0;  list-style:none;}
#TopMenu ul li{ float:right; display:block; }
#Nav ul.TopNav li a,#TopMenu ul li a{ background:url(../images/Top_Nav_sprite.gif) 0 0 no-repeat; display:block; float:left; height:14px; text-indent:-2000px}
#TopMenu ul li.Contact a{background-position:0 -34px; width:48px}
#TopMenu ul li.Contact a:hover{background-position:0 -48px;}
#TopMenu ul li.About a{background-position:-48px -34px; width:43px}
#TopMenu ul li.About a:hover{background-position:-48px -48px;}
#TopMenu ul li.Support a{background-position:-91px -34px; width:55px}
#TopMenu ul li.Support a:hover{background-position:-91px -48px;}
#TopMenu ul li.Blog a{background-position:-146px -34px; width:32px}
#TopMenu ul li.Blog a:hover{background-position:-146px -48px;}

#Nav{ border-top:1px solid #666; padding:10px 0 0 154px; float:left; margin:0 0 0 25px; width:547px; color:#fdca91;}
#Nav ul.TopNav,#HomeNav ul{ padding:0; margin:0; list-style:none}
#Nav ul.TopNav li{ float:left; display:block}
#Nav ul.TopNav li a{ background:url(../images/Top_Nav_sprite.gif) 0 0 no-repeat; display:block; float:left; height:14px; text-indent:-2000px}
#Nav ul.TopNav li.Activist a{ background-position:0 0; width:49px}
#Nav ul.TopNav li.Activist a:hover{ background-position:0 -14px;}
#Nav ul.TopNav li.Activist a.active{ background-position:0 -66px;}
#Nav ul.TopNav li.Catalyst a{ background-position:-49px 0; width:52px}
#Nav ul.TopNav li.Catalyst a:hover{ background-position:-49px -14px;}
#Nav ul.TopNav li.Catalyst a.active{ background-position:-49px -66px;}
#Nav ul.TopNav li.Writer a{ background-position:-101px 0; width:41px}
#Nav ul.TopNav li.Writer a:hover{ background-position:-101px -14px;}
#Nav ul.TopNav li.Writer a.active{ background-position:-101px -66px;}
#Nav ul.TopNav li.Speaker a{ background-position:-142px 0; width:52px}
#Nav ul.TopNav li.Speaker a:hover{ background-position:-141px -14px;}
#Nav ul.TopNav li.Speaker a.active{ background-position:-141px -66px;}
#Nav ul.TopNav li.Consultant a{ background-position:-194px 0; width:67px}
#Nav ul.TopNav li.Consultant a:hover{ background-position:-194px -14px;}
#Nav ul.TopNav li.Consultant a.active{ background-position:-194px -66px;}
#Nav ul.TopNav li.Artist a{ background-position:-261px 0; width:38px}
#Nav ul.TopNav li.Artist a:hover{ background-position:-261px -14px;}
#Nav ul.TopNav li.Artist a.active{ background-position:-261px -66px;}
#Nav ul.TopNav li.Miss a{ background-position:-299px 0; width:75px}
#Nav ul.TopNav li.Miss a:hover{ background-position:-299px -14px;}
#Nav ul.TopNav li.Miss a.active{ background-position:-299px -66px;}
#Nav ul.TopNav li.Disciple a{ background-position:-374px 0; width:50px}
#Nav ul.TopNav li.Disciple a:hover{ background-position:-374px -14px;}
#Nav ul.TopNav li.Disciple a.active{ background-position:-374px -66px;}


#HomeNav{ float:right; width:512px; position:relative}
#HomeNav ul li{ float:left; display:block}
#HomeNav ul li a{ display:block; float:left; background:url(../images/Home_Nav_sprite.gif) 0 0 no-repeat; height:339px;}
#HomeNav ul li:hover h1{height:97px; position:absolute; left:0; top:284px; background:url(../images/title_sprite.png) 0 0 no-repeat;}
#HomeNav ul li a.Activist{ background-position:0 0; width:82px; margin:0 3px 0 0}
#HomeNav ul li:hover a.Activist{background-position:0 -344px;}
#HomeNav ul li:hover h1.Activist{ background-position:0 0; width:332px; }
#HomeNav ul li a.Catalyst{ background-position:-85px 0; width:64px; margin:0 3px 0 0}
#HomeNav ul li:hover a.Catalyst{background-position:-85px -344px;}
#HomeNav ul li:hover h1.Catalyst{ background-position:0 -97px; width:350px; height:97px;}
#HomeNav ul li a.Writter{ background-position:-152px 0; width:55px; margin:0 3px 0 0}
#HomeNav ul li:hover a.Writter{background-position:-152px -344px;}
#HomeNav ul li:hover h1.Writter{ background-position:0 -194px; width:295px; }
#HomeNav ul li a.Speaker{ background-position:-210px 0; width:49px; margin:0 3px 0 0}
#HomeNav ul li:hover a.Speaker{background-position:-210px -344px;}
#HomeNav ul li:hover h1.Speaker{ background-position:0 -291px; width:360px; }
#HomeNav ul li a.Consultant{ background-position:-259px 0; width:53px; margin:0 3px 0 0}
#HomeNav ul li:hover a.Consultant{background-position:-259px -344px;}
#HomeNav ul li:hover h1.Consultant{ background-position:0 -388px; width:470px; }
#HomeNav ul li a.Artist{ background-position:-315px 0; width:63px; margin:0 5px 0 0}
#HomeNav ul li:hover a.Artist{background-position:-315px -344px;}
#HomeNav ul li:hover h1.Artist{ background-position:0 -485px; width:255px; }
#HomeNav ul li a.Miss{ background-position:-383px 0; width:66px; margin:0 0 0 0}
#HomeNav ul li:hover a.Miss{background-position:-383px -344px;}
#HomeNav ul li:hover h1.Miss{ background-position:0 -582px; width:510px; }
#HomeNav ul li a.Disciple{ background-position:-449px 0; width:53px; margin:0 0 0 0}
#HomeNav ul li:hover a.Disciple{background-position:-449px -344px;}
#HomeNav ul li:hover h1.Disciple{ background-position:0 -679px; width:360px; }
.SubMenu ul,#BlogList .Mid ul{ padding:10px 0 0 0; margin:0; list-style:none; line-height:15px;}
.SubMenu ul li,#BlogList .Mid ul li{ padding:0 10px 10px 15px;text-align:left;}
.SubMenu ul li a,#BlogList .Mid ul li a{ color:#fff; font-size:11px}
.SubMenu ul li a:hover,#BlogList .Mid ul li a:hover{ color:#ffe6b0}

/* -------------->MODS< -------------- */ 
.SubMenu { width:110px; position:absolute; right:7px; top:-64px;}
.SubMenu .Top{ background:url(../images/sub_menu_bg.png) 0 0 no-repeat; width:110px; height:48px}
.SubMenu .Mid{ background:url(../images/sub_menu_midbg.png) 0 0 repeat-y; height:148px; overflow:hidden}
.SubMenu .Btm, #BlogList .Btm{background:url(../images/sub_menu_bg.png) 0 100% no-repeat; height:20px}
.SubMenu a.UpArrow{position:absolute; right:7px; top:28px; width:18px; height:15px; display:block; z-index:1000}
.SubMenu a.DownArrow{ position:absolute; right:7px; bottom:0px; width:18px; height:15px; display:block; z-index:1000}



.SubMenu1 ul,#BlogList .Mid ul{ padding:10px 0 0 0; margin:0; list-style:none; line-height:15px;}
.SubMenu1 ul li,#BlogList .Mid ul li{ padding:0 10px 10px 15px}
.SubMenu1 ul li a,#BlogList .Mid ul li a{ color:#fff; font-size:11px}
.SubMenu1 ul li a:hover,#BlogList .Mid ul li a:hover{ color:#ffe6b0}

/* -------------->MODS< -------------- */ 
.SubMenu1 {z-index:1; width:110px; position:absolute; right:-105px; top:60px;}
.SubMenu1 .Top{ background:url(../images/sub_menu_bg.png) 0 -20px no-repeat; width:110px; height:30px}
.SubMenu1 .Mid{ background:url(../images/sub_menu_midbg.png) 0 0 repeat-y; height:200px; overflow:hidden}
.SubMenu1 .Btm, #BlogList .Btm{background:url(../images/sub_menu_bg.png) 0 100% no-repeat; height:20px}
.SubMenu1 a.UpArrow{cursor:pointer; position:absolute; right:7px; top:14px; width:18px; height:15px; display:block; z-index:1000}
.SubMenu1 a.DownArrow{cursor:pointer; position:absolute; right:7px; bottom:0px; width:18px; height:15px; display:block;z-index:1000}




#BlogList { width:110px; position:absolute; right:-85px; top:60px;}
#BlogList .Top{ background:url(../images/sub_menu_bg.png) 0 -20px no-repeat; width:110px; height:30px}
#BlogList .Mid{ background:url(../images/sub_menu_midbg.png) 0 0 repeat-y; height:240px; overflow:hidden}
#BlogList a.UpArrow{ position:absolute; right:7px; top:7px; width:18px; height:15px; display:block; z-index:1000}
BlogList a.DownArrow{ position:absolute; right:7px; bottom:0px; width:18px; height:15px; display:block; z-index:1000}
/******** Css for Home page *********/

.HomeText{ width:154px; float:left; padding:34px 20px 0 40px}
.HomeText p{ padding:0 0 15px 0; line-height:24px}

/******** Css for Cntact page *********/
#Contact{ width:606px; padding:15px 0 0 0}
.ContactMid{ background:url(../images/contact_mid_bg.gif) 0 0 repeat-y; width:606px;}
.ContactTop{ background:url(../images/contact_top_bg.gif) 0 0 no-repeat; width:606px;}
.ContactBtm{ background:url(../images/contact_btm_bg.gif) 0 0 no-repeat; width:606px; height:22px}
.ContactInfo{ width:274px; padding: 0 0 0 300px; line-height:15px}
.ContactInfo span{ font-size:14px; font-weight:bold}
.ContactInfo a{ color:#ffcc66}
.ContactInfo a:hover{ color:#666}
.ContactForm{ padding:36px 40px 10px 70px}
.ContactForm ul.Form{ padding:0; margin:0; list-style:none}
.ContactForm ul.Form li.InPut{ background:url(../images/field_bg.gif) 0 0 no-repeat; width:447px; height:45px;}
.ContactForm ul.Form li.TextArea{ background:url(../images/field_bg.gif) 0 -45px no-repeat; width:447px; height:150px;}
.ContactForm ul.Form li {position:relative}
.ContactForm ul.Form li label{ float:left; /*width:70px;*/ font-size:13px}
.ContactForm ul.Form li input{width:370px; background:#fff; border:none; color:#e8bf6d; margin-top:5px;}
.ContactForm ul.Form li textarea{float:left; width:360px; height:125px; background:#fff; border:none; color:#e8bf6d; overflow:hidden; padding-top:5px;}
.ContactForm ul.Form li .SubmtBtn{ background:url(../images/submit_btn.gif) 0 0 no-repeat; width:35px; height:111px; cursor:pointer; border:none; position:absolute; right:-45px; top:15px}

/******** Css for Gallery page *********/
#Gallery{ padding-top:10px}
#Gallery ul.gallery{ padding:0; margin:0; list-style:none}
#Gallery ul.gallery li{ background:url(../images/galler_img_bg.gif) 0 0 no-repeat; width:101px; height:130px; margin:0 20px 10px 0; padding:0 31px 0 27px; float:left}

#Gallery .Slider { width:110px; position:absolute; right:7px; top:-64px;}
#Gallery .Slider  .Top{ background:url(../images/sub_menu_bg.png) 0 0 no-repeat; width:110px; height:48px}
#Gallery .Slider  .Mid{ background:url(../images/sub_menu_midbg.png) 0 0 repeat-y; height:365px;}
#Gallery .Slider  .Btm{background:url(../images/slider_btm_bg.gif) 0 100% no-repeat; height:23px}
.videoPlay{ width:430px}
#Gallery .Slider .Category{ background:#fff; height:28px; width:110px; position:absolute; top:13px; left:0; z-index:1000; padding:3px 0 0 0}
/*#Gallery .Slider .Category a { background:url(../images/arrow_down.gif) 0 10px no-repeat; padding:0 0 0 12px; display:block; width:110px; height:28px; color:#e0ae3f; font-size:11px}*/

#Gallery .Slider .Category a.menu { background:url(../images/arrow_down.gif) 0 10px no-repeat; padding:0 0 0 12px; display:block; width:110px; color:#e0ae3f; font-size:11px}


/******** Css for Services page *********/
.Container p{ padding-bottom:15px;}
#Speakers .DescTable{ padding:15px 0 0 0}
/*#Speakers .DescTable td{ padding:0 15px 0 0}*/
/*.padtop{ padding:15px 0 0 0!important}*/
.left1{ padding:0 15px 0 0}
/******** Css for Activist page *********/
#Activist .DescTable td.left{padding:0px 15px 0 0}

/* ALL TEXT CSS	(id=TEXTAll)
**********************************************************/
/* font SIZES */
.vsmlTxt {
	font-size:10px
}
.smlTxt {
	font-size:11px
}
.para {
	font-size:12px
}
.big {
	font-size:14px
}
/*font WEIGHTS */
.strong {
	font-weight:bold
}
.normTxt, .normTxt a {
	font-weight:normal
}
/* text TRANSFORMS */
.allCaps {
	text-transform:capitalize
}
.upperCase {
	text-transform:uppercase
}
.textU, .textU a {
	text-decoration:underline
}
/* text ALIGN & content ALIGN for inline level ELEMENTS */
.centerAll {
	text-align:center
}
.alignLeft {
	text-align:left
}
.alignRight {
	text-align:right
}
.justify {
	text-align:justify
}
.VertMid {
	vertical-align:middle
}
/* colored text */
/* a TAGS, BUTTONS */

/* 	REQUIRED PADDINGS / MARGINS (id=PADS)
**********************************************************/
/* paddings */

/* 	MISCELLANEOUS (id=MISC)
**********************************************************/
.clr {
	clear:both;
	overflow:hidden;
	height:0
}
.PosRel {
	position:relative
}

/*************/
.dropmenu { width:100px}
.dropmenu ul.listmenu {margin:0; padding:0}
.dropmenu ul.listmenu li { list-style:none; padding:0 0 0 10px}
.dropmenu ul.listmenu li a.link { text-decoration:none; color:#000;}
.dropmenu ul.listmenu li a.link:hover { text-decoration:none; color:#fff}

/*************/
.error {
color:#FE1717;
}
.successMessage{ background: #F9FCEB url(../images/site/bg_icon_success.gif) 10px 10px no-repeat; color: #692; }
.successMessage{border:1px solid #CCCCCC;font-size:11px;font-weight:bold;margin:10px;overflow:hidden;padding:10px 2px 9px 15px;text-align:left; color: #351; }
.white{color:#FFFFFF}

.emty { width:130px; height:140px; overflow:hidden; float:right}
.DescTable p { vertical-align:top; text-align:justify}

.Container p a{
	color:#FF9933;
	text-decoration:none
}
.Container p a:hover {
 	background:#FF9933;
	color:#fff;
	text-decoration:none
}

.RhtSpace01{ width:135px; height:48px; float:right}
.tablespacing{height:140px; overflow:hidden}
.suportlink ul li a {color:#FF9933; text-decoration:none;}
.suportlink ul li a:hover {background:#FF9933 none repeat scroll 0 0; color:#FFFFFF; text-decoration:none;}