/* -------------------------------------------------------------------------
	Inspire Style Sheet

	version:	1.0
	author:		adeeb khan
	email:		letstalk@adeebkhan.com
	website:	adeebkhan.com
------------------------------------------------------------------------- */


/* ----- Start of Main Styles ------*/


	/* -- Start of Universal Selector -- */
		* {
			padding: 0;
			margin: 0;
		}
	/* -- End of Universal Selector -- */

	/* -- Start of Standard Styles -- */
		body{
			background-image:url(/_includes/images/layout/background.jpg);
			background-position:left top;
			background-repeat:no-repeat;
			background-attachment:fixed;
			}
			
			
		img{border:none;}
	/* -- End of Standard Styles -- */	
	

/* ----- End of Main Styles ------*/




/* ----- Start of Layout ------*/


	/* -- Customer ID DIV's -- */
		#wrapperOutside{
			margin: 0 auto;
			min-width:200px;
			max-width:1108px;}    	
	
			#wrapperInside {min-width:1126px;}
		
				#header {
					width:100%;
					min-width:400px;
					min-height:156px;}
		
					#nav {
						padding-top:103px;
						margin-left:-215px;}
	
				#feature-home {
					height:450px;
					
					background-image:url(http://www.wewillinspire.com/_includes/images/features/feature-homepage-westminster-updated.jpg);
					
					background-position:center;
					background-repeat:no-repeat;
					background-color:#FFF;}
				
				#feature-inspire-events {
					height:250px;
					
					background-image:url(http://www.wewillinspire.com/_includes/images/features/feature-events.jpg);
					
					background-position:center;
					background-repeat:no-repeat;
					background-color:#FFF;}
					
				#feature-events {
					height:250px;
					
					background-image:url(http://www.wewillinspire.com/_includes/images/features/feature-events.jpg);
					
					background-position:center;
					background-repeat:no-repeat;
					background-color:#FFF;}
					
				#feature-blog {
					height:250px;
					background-image:url("/_includes/images/features/feature-blog.jpg");
					background-position:center;
					background-repeat:no-repeat;
					background-color:#FFF;}
				
				#feature-our-services {
					height:250px;
					
					background-image:url(http://www.wewillinspire.com/_includes/images/features/feature-our-services.jpg);
					
					background-position:center;
					background-repeat:no-repeat;
					background-color:#FFF;}
				
				#feature-news {
					height:250px;
					background-image:url("/_includes/images/features/feature-news.jpg");
					background-position:center;
					background-repeat:no-repeat;
					background-color:#FFF;}
					
				#feature-articles {
					height:250px;
					
					background-image:url(http://www.wewillinspire.com/_includes/images/features/feature-our-services.jpg);
					
					background-position:center;
					background-repeat:no-repeat;
					background-color:#FFF;}
			
				#feature-who-we-are {
					height:250px;
					
					background-image:url(http://www.wewillinspire.com/_includes/images/features/feature-who-we-are.jpg);
					
					background-position:center;
					background-repeat:no-repeat;
					background-color:#FFF;}
			
				#feature-contact-us {
					height:250px;
					
					background-image:url(http://www.wewillinspire.com/_includes/images/features/feature-contact-us.jpg);
					
					background-position:center;
					background-repeat:no-repeat;
					background-color:#FFF;}
		
			#content {
				padding-top:35px;
				padding-left:35px;
				padding-bottom:5px;}
			
				#content_two_column{
					float:left;
					width:100%;}
	
					#content_left{
						float:left;
						width:55%;}
				
					#content_right{
						float:right;
						width:37%;
						margin-right:30px;}
			
			#footer{
				text-align:right;
				color:#ccc;
				padding-top:55px;
				padding-bottom:15px;
				padding-right:35px;
				font-size:0.75em;}		
		
	/* -- End of Customer ID DIV's -- */	
		
		.quickNavigation{
			width:100%;
			padding-bottom:30px;}
		
		.quickNavigationCol1{
			float:left;
			width:250px;}
			
		.quickNavigationCol2{
			width:250px;
			float:left;
			}
		
		.bulletColumns{
			width:100%;
			padding-top:10px;
			padding-bottom:20px;}
		
		.bulletColumns1{
			margin-right:20px;
			float:left;
			width:270px;}
			
		.bulletColumns2{
			width:250px;
			float:left;
			}
		
		
		.module_home_about{
			padding-left:35px;
			padding-right:35px;
			padding-bottom:40px;}
			
		.module-latest-articles{
			padding-top:87px;
			padding-left:35px;
			padding-right:35px;
			padding-bottom:40px;}
			
		.module_home_events{
			padding-left:35px;
			padding-right:35px;
			padding-bottom:40px;}
		
		.contentSection{padding-bottom:45px;}
	
	
	/* -- Start of Event Modules -- */
		.content-event-information-table{
			position:relative;
			padding:0px;
			margin:0px;}
		
		.content-event-information-table-column1{
			width: 65px;
			margin:0px;
			padding:0px;
			float:left;}
						
		.content-event-information-table-column2{
			margin:0px;
			padding:0px;
			float:left;
			padding-bottom:15px;}
	/* -- End of Event Modules -- */
	
	
	/* -- Start of News Modules -- */
		.m-news{ /* Main Article Div */
			padding-right: 85px;
			width: 42%;
			height:280px;
			float:left;}
			
		.m-news-img{ /* Div used for formating and floating images to the left */
			float:left;
			padding-top:10px;
			padding-right:20px;
			padding-bottom:10px;
			width:25%;}
		
		.m-news-img img{ /* Image will dynamically grow according to the width of module-article-img */
			width:100%;
			padding-bottom:30px;}
		
		.m-news-content{ /* Div used for formating and floating content to the rignt */
			float:right;
			padding-top:6px;
			width:70%;}
	/* -- End of News Modules -- */
	
	
	
	
	/* -- Start of Module Articles Styles -- */
		.module-article{ /* Main Article Div */
			padding-bottom:40px;}
			
		.module-article-img{ /* Div used for formating and floating images to the left */
			float:left;
			padding-top:10px;
			padding-right:20px;
			padding-bottom:10px;
			width:25%;}
		
		.module-article-img img{ /* Image will dynamically grow according to the width of module-article-img */
			width:100%;
			padding-bottom:30px;}
		
		.module-article-content{ /* Div used for formating and floating content to the rignt */
			float:right;
			padding-top:6px;
			width:70%;}
	/* -- End of Module Articles Styles -- */
	
	
	/* Start of Custom Classes -- */
		.clear {
			clear:both;
			margin-bottom:5px;
			visibility:hidden;}
			
	/* End of Custom Classes -- */
	
	
	/* Start of Descendent Selectors --*/
		.module_about ul ul{padding-left:15px;}
		
		#header img{
			float:left;
			border: none;}
			
		#header ul{list-style:none;}
		
		#header li{
			margin-right:10px;
			margin-bottom:8px;
			float:left;}
	/* End of Descendent Selectors --*/
	
	
		.contactFormTable{
			padding:0px;
			margin:0px;
			height:20px;}
		
		.contactFormTableColumn1{
			width: 95px;
			margin:0px;
			padding:0px;
			float:left;}
						
		.contactFormTableColumn2{
			margin:0px;
			padding:0px;
			float:left;}
			
		
		.eventFormTable{
			padding:0px;
			padding-bottom:20px;
			margin:0px;}
		
		.eventFormTableColumn1{
			text-align:left;
			width: 130px;
			margin:0px;
			padding:0px;
			float:left;}
						
		.eventFormTableColumn2{
			margin:0px;
			padding:0px;
			float:left;}
		
		.eventFormRadioTable{
			padding:0px;
			margin:0px;}
		
		.eventFormRadioColumn1{
			text-align:left;
			vertical-align:top;
			width: 25px;
			margin:0px;
			padding:0px;
			float:left;}
						
		.eventFormRadioColumn2{
			vertical-align:top;
			margin:0px;
			margin-left:25px;
			padding:0px;
			padding-top:2px;}

input {width:160px;}

.inputRadio {width:20px;}



/* ----- End of Layout ------*/



/* ----- Start of Colour ------*/
	/* -- Start of Standard Styles -- */
		body{background-color:#550101;}
	/* -- End of Standard Styles -- */	
			
	/* -- Customer DIV's -- */
		#wrapperOutside{background-color:#330000;}
		
		#header, #content {
			background-color: #550000;
			
			background-image: url();
			
			background-repeat:repeat-y;}
	
	/* -- End of Customer DIV's -- */
	
		p, h5{color:#dddddd;}

/* ----- End of Colour ------*/




/* ----- Start of Typography ------*/

	/* -- Start of default text elements -- */
		body, h1, h2, h3, h4, h5, p, li{
			font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
	
		h1{
			font-size:1.6em;
			font-weight:lighter;
			color:white;
			line-height: 20px;
			margin-bottom:8px;}
			
		h2{
			font-size:1.5em;
			font-weight:lighter;
			letter-spacing:0.03em;
			color:white;
			line-height: 30px;
			margin-top:55px;
			margin-bottom:10px;}
			
		.clearmargin {
			margin-top:0px;
			margin-bottom:5px;}
			
		h3{
			font-size:1.3em;
			font-weight:lighter;
			letter-spacing:0.03em;
			color:white;
			line-height: 27px;
			margin-bottom:7px;}
		
		.h3Clear{
			font-size:1.3em;
			font-weight:lighter;
			letter-spacing:0.03em;
			color:white;
			line-height: 27px;
			margin-bottom:127px;}
			
		h4{
			font-size:1.1em;
			color:white;
			line-height: 22px;
			margin-bottom:10px;}
			
		.h4{
			font-size:1.1em;
			line-height: 15px;}
					
		h5{
			font-size:0.9em;
			margin-bottom:12px;
			line-height: 19px;
			color:#E7B6BB;}
		
		.h5{
			font-size:0.9em;
			color:white;
			margin-bottom:12px;
			margin-top:10px;}
						
		h6{
			font-size:0.80em;
			color:#E7B6BB;
			margin-bottom:5px;}
			
		.h6{
			font-size:0.80em;
			color:white;
			margin-bottom:5px;}
		
	
	
		.h7{
			display:block;
			font-size:0.80em;
			color:white;
			margin-top:-5px;
			margin-bottom:20px;}
			
		.subtitle{
			display:block;
			font-size:0.80em;
			color:white;
			margin-top:-9px;
			margin-bottom:10px;}
			
		.speaker{
			display:block;
			font-size:0.80em;
			color:#E7B6BB;
			margin-top:-10px;
			margin-bottom:20px;}
			
		.h8{
			font-size:0.70em;
			color:#E7B6BB;}
			
		.h8-center{
			font-size:0.70em;
			text-align:center;
			margin-bottom:5px;
			color:white;}
			
		.pink{color:#E7B6BB;}
		
		.date{
			color:#E7B6BB;
			font-size:0.70em;
		}
	
		
			
	
		.breamdcrumb, .footer{
			display:block;
			font-size:0.7em;
			color:white;
			font-weight:normal;
			padding-bottom:25px;}
					
		p{
			font-size:0.85em;
			color:white;
			margin-bottom:12px;
			line-height:1.5em;}
					
		ul{margin-bottom:0px;}
			
		.ul-indent{margin-left:15px;}
		
		li{
			font-size:0.80em;
			font-weight:normal;
			margin-left:2em;
			margin-bottom:9px;
			color:white;
			line-height:1.4em;}
			
		.no-bullet{
			list-style:none;
			padding-bottom:15px;
			
		}
			
		.ulCustom{margin-bottom:0px;}
		
		.liCustom{
			font-size:0.80em;
			font-weight:normal;
			margin-left:2em;
			margin-bottom:9px;
			color:white;
			line-height:1.4em;}
		
		
		.quickNavigation li{
			font-size:0.95em;
			font-weight:normal;
			margin-left:2em;
			margin-bottom:7px;
			color:white;}
	
		.bulletHeader {
			font-size:0.85em;
			font-weight:bold;
			margin-left:1em;
			margin-bottom:12px;
			color:white;}
			
	/* -- End of default text elements -- */
		
		
	/* -- Start of link pseudo-classes -- */
		A:link{
			font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
			color:#FFF;
			text-decoration:underline;
			font-weight:bold;}
		
		A:visited {
			font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
			color:#FFF;
			text-decoration:underline;
			font-weight:bold;}
			
		A:active {
			font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
			color:#FFF;
			text-decoration:underline;
			font-weight:bold;}
			
		A:hover {
			font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
			color:#FFF;
			text-decoration:none;
			font-weight:bold;}
			
		/*a,a:visited,a:hover{
			text-decoration:underline;
			color:#fff;}*/
	/* -- End of link pseudo-classes -- */

		font-size: 24px;}
	/* -- End of Sift Classes -- */
	
	
	/* Start of Descendent Selectors ------*/
		
		#nav li{
			font-size: 0.8em;
			font-weight:600;}
			
		
	
	
		/* -- Start of NAV link pseudo-classes -- */
			#nav A:link{
				color:#aaa;
				text-decoration:none;
				font-weight:bold;}
			
			#nav A:visited {
				color:#aaa;
				text-decoration:none;
				font-weight:bold;}
				
			#nav A:active {
				color:#aaa;
				text-decoration:none;
				font-weight:bold;}
				
			#nav A:hover {
				color:#fff;
				text-decoration:none;
				font-weight:bold;}
		
		/* -- End of NAV link pseudo-classes -- */
		
	#home #wrapperOutside #wrapperInside #header #nav ul .home a, #events #wrapperOutside #wrapperInside #header #nav ul .events a, #our-services #wrapperOutside #wrapperInside #header #nav ul .our-services a, #contact-us #wrapperOutside #wrapperInside #header #nav ul .contact-us a, #who-we-are #wrapperOutside #wrapperInside #header #nav ul .who-we-are a, #articles #wrapperOutside #wrapperInside #header #nav ul .articles a, #blog #wrapperOutside #wrapperInside #header #nav ul .blog a{
			color:#fff;
			text-decoration:none;
			cursor:default;}
		
		/* -- Start of NAV link pseudo-classes -- */
			h2 A:link{
				font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
				color:#aaa;
				text-decoration:none;
				font-weight:bold;}
			
			h2 A:visited {
				font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
				color:#aaa;
				text-decoration:none;
				font-weight:bold;}
				
			h2 A:active {
				font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
				color:white;
				text-decoration:none;
				font-weight:bold;}
				
			h2 A:hover {
				font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
				color:#white;
				text-decoration:underline;
				font-weight:bold;}
		
		/* -- End of NAV link pseudo-classes -- */
	
	
	/* End of Descendent Selectors ------*/
	
	
	/* Start of Custom Classes ------*/
	
	/* End of Custom Classes ------*/
	

/* ----- End of Typography ------*/