@charset "utf-8";
/*######################
   QUEST Seminars
	© 2009 QUEST Seminars
	Master Style Sheet
	Created : 11.15.2009 by Mike Kivikoski
	Last Modified  : 1.17.2009 by Mike Kivikoski

	Please keep Last Modified up to date
	Please stay on single line
	Please write in alphabetic order
	Please indent your code for readiblity
########################*/



/*  Reset*/
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td , input, textarea, button, select, i { margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
	html, body { height: 100%; }
	:focus { outline: 0;}
	ol, ul { list-style: none;}
	table { border-collapse: separate; border-spacing: 0;}
	caption, th, td { text-align: left; font-weight: normal;}
	blockquote:before, blockquote:after, q:before, q:after { content: "";}
	blockquote, q { quotes: "" "";}
	strong{font-weight:bold;}
	em{font-style:italic;}
/*  //Reset */

/*  Colors

#8358a5 ................. Purple
#efeff0 ................. Light Grey
#241134 ................. Black
#debdfa ................. Copyright Purple

    //Colors
*/

/*  Universal items*/

h1{}
	h1 a{background: url(../images/logo-quest.gif) no-repeat 0 0; display:block; float:left; height:65px; text-indent:-9999px; width:212px;}
		h1 a:hover{cursor:pointer;}
h2{}
h3{}
h4{}
h5{color:#734c96; font-size:14px; padding-bottom:15px; text-transform: uppercase;}


#content p{margin-bottom:23px;}

form{}

a{text-decoration:none;}
	a:hover{cursor:pointer; text-decoration:underline;}
	
	a,
	a:visited,
	a:active,
	a:link
		{color:#8358a5;}
	
a.button{background: url(../images/bg-graphics/bg-btn-purple.jpg) repeat-x 0 0; color:#fff; display:block; height:34px; line-height:34px; text-align:center; text-transform:uppercase; }

p:first-line{ padding-left:36px;}
	p#first:first-line{font-size:24px; margin:10px 0 0 0; text-transform:uppercase;}

i.note{font-size:12px; font-style:italic;}
/*   //Universal items*/




/* Typography */
	body{font:normal 16px/1.5 Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif }
	i.amp{font-family: Baskerville, Palatino, "Book Antiqua", serif; font-style: italic;}
	b.smallcaps{font-size:70%; letter-spacing: 0.2px; text-transform:uppercase;}
	
	#home #content #column-a p em,
	h5,
	#register legend
		{font-family: "TradeGothic LT", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:200;}
		
	
	sup{font-size:60%; vertical-align:top;}
/* //Typography */


/*	 Layout */
	html{height:100%;}
		body{background: url(../images/bg-graphics/bg-body-gradient.jpg) repeat-x 0 125px; color:#241134; height:100%;}
			#wrapper{margin:0 auto/*  -740px */; height:auto; min-height: 100%; position:relative; width:960px; overflow:visible;}
	
				/*Header*/
					#header{padding-top:30px;}
						/*Navigation*/
						#nav-global{float:left; }
							#nav-global li{border-left:1px solid #efeff0; display:inline; float:left; padding:5px 5px 0; position:relative;}
								#nav-global li:hover{background:#f6edff; background: RGBa(246, 237, 255, .95);}
								#nav-global li a{color:#8358a5; display:block; height:40px; line-height:1; padding:5px 0 0 5px; width:125px;}						
									#nav-global li a:hover{ color:#241134; text-decoration:none; }
								
								/*Dropdown Navigation*/						
								#nav-global li ul.nav-sub{background:#f6edff; background: RGBa(246, 237, 255, .95); border:none; width:250px; position:absolute; top:46px; left:-99999px;}
									#nav-global li:hover ul.nav-sub{left:auto; margin-left:-5px;}
										#nav-global li:hover ul.nav-sub li{}
											#nav-global li:hover ul.nav-sub li a{background:none;}
											#nav-global li ul.nav-sub li a{/* clear:both; float:left; width:100%; */}
				
				/*Masthead*/
				#masthead{clear:both; float:left; margin:30px 0 50px;}
					#masthead h2{display:block; height:182px; text-indent:-9999px; width:940px; }
	
				/*Content*/
					#content{/* clear:both; */ float:left; /* overflow:auto;  */margin-bottom:25px; position:relative; width:960px; }

				/*Upcoming Courses*/
					#upcoming-courses{background: url(../images/bg-graphics/bg-grey-stripe-vertical.gif) repeat-y 0 0; padding:10px 20px 30px 10px; width:270px; float:right;}
						#upcoming-courses h5{background:#efeff0; color:#734c96; font-size:14px; letter-spacing:0.2px; padding:6px 0 23px 7px; text-transform: uppercase; width:273px;}
						
						#upcoming-courses .course{background:#efeff0; border-bottom:1px solid #d0cad7; overflow:auto; padding:10px; width:260px;}
							#upcoming-courses .course .date{background: url(../images/bg-graphics/bg-calendar-date.jpg) no-repeat 0 0; color:#fff; height:60px; display:block; float:left; line-height:1; margin-right:10px; text-align:center; text-transform:uppercase; padding-top:18px; width:62px;}
								#upcoming-courses .course .date b{display:block; font-size:42px;/*  line-height:0.75; */ margin-top:-6px;}
							#upcoming-courses .course h3{float:left; font-size:20px; line-height:1.2; margin-bottom:5px; width:180px;}
							#upcoming-courses .course h4{float:left; font-size:11px; letter-spacing:0.2px; text-transform:uppercase; width:180px;}
							#upcoming-courses .course p.location{clear:both; float:left; margin:10px 0 5px;}
								#upcoming-courses .course p.location b{font-size:11px; font-weight:bold; letter-spacing:0.2px; text-transform:uppercase;}
							#upcoming-courses .course p{ float:left; margin-top:10px; width:250px;}
							#upcoming-courses .course a.button{clear:both; float:left; margin-top:25px; width:260px;}
					
					
					
			/*Footer*/
				#footer-wrap{background: url(../images/bg-graphics/bg-footer-wrap-gradient.png) repeat-x 0 0; clear:both; height:710px; /* margin:-710px 0 0; */ padding-top:30px;}
					#footer{margin:0 auto 0;  position:relative; width:960px;}
						
						#footer .testimonials{float:left; width:600px;}
							#footer .testimonials h5#saying{background: url(../images/bg-graphics/bg-what-our-attendees-say.png) no-repeat 0 0; height:64px; margin-bottom:18px; text-indent:-99999px; width:260px; }
								#footer .testimonials a.read-more-testimonials{background: url(../images/bg-graphics/bg-read-more-testimonials.png); display:block; float:right; height:62px; text-indent:-999999px; width:262px; }
							#footer .testimoinals ul{}
								#footer .testimonials ul li{background: url(../images/bg-graphics/bg-right-quotes.png) no-repeat 0 0; color:#fff; margin:0 0 40px 153px; padding:16px 0 0 28px;}
										#footer .testimonials ul li em{display:block; margin-top:25px;  text-align:right;}
										#footer .testimonials ul li b{display:block; font-size:12px; text-align:right; text-transform:uppercase;}
						
						#footer #contact-form{background: url(../images/bg-graphics/bg-ornament-purple.png) no-repeat 50% 70px; float:right; }
							#footer #contact-form h5{background: url(../images/bg-graphics/bg-contact-quest.png) no-repeat 0 0; display:block;  height:33px; padding-bottom:0; text-indent:-99999px; width:259px; }
							#footer #contact-form em.forms-required{color:#fff; display:block; font-size:14px; margin:10px 0 45px; text-align:center;}
								#footer #contact-form form ol li{display:block; float:none; margin-bottom:20px;}
									#footer #contact-form form ol li label{color:#b9b9b9; display:inline; }
										#footer #contact-form form ol li label.error{background:#fff; border:1px solid #d41010; color:#d41010; display:block; padding:5px 0 5px; text-align:center;}
									#footer #contact-form form ol li input[type="text"]{background:#fff; border:1px solid #4f2c6d; color:#b9b9b9; height:23px; padding:10px 10px 5px; width:258px;}
									#footer #contact-form form ol li textarea{background:#fff; border:1px solid #4f2c6d; color:#b9b9b9; height:145px; padding:10px 10px 5px; width:258px;}
									
									#footer #contact-form form input[type="submit"]{background: url(../images/bg-graphics/bg-btn-send-my-message.png) no-repeat 0 0; display:block; height:64px; text-indent:-99999px; width:183px;}
										#footer #contact-form form input:hover[type="submit"]{cursor:pointer;}
									
									#footer #thanks{color:#fff; padding-bottom:30px;}
										#footer #thanks h4{font-size:24px; margin-bottom:12px;}
										
						#footer #copyright{background: url(../images/bg-graphics/bg-ornament-purple.png) no-repeat 50% 0; clear:both; color:#debdfa; display:block; float:left; height:30px; margin-top:60px; text-align:center; padding:40px 0 20px; width:960px;}
/*//Layout*/			




/*Specific pages*/

	/*Home*/
			
		#home #masthead{}
			#home #masthead h2{background: url(../images/bg-graphics/bg-masthead-home.jpg) no-repeat 50% 0; width:940px; }

		#home #content{background: url(../images/bg-graphics/bg-grey-stripe-vertical.gif) repeat-y 100% 10px;}
			#home #content #column-a{background: url(../images/bg-graphics/bg-ornament-white.gif) no-repeat 50% 100%; float:left; margin:0 0 45px 180px; padding-bottom:80px; width:400px;}
				
				#home #content #column-a p em{float:left; margin-top:17px;}
			
			/*Wii Banner*/
			#home #content .wii-banner{ float:left; margin-left:180px; }
				#home #content .wii-banner a{background: url(../images/bg-graphics/bg-wii-updates-banner.jpg) no-repeat 0 0; float:left; height:182px; text-indent:-99999px; width:417px;}
					#home #content .wii-banner a:hover{cursor: pointer;}
			
			

					
					
	/*About*/
		#about{}
			#about #masthead h2{background: url(../images/bg-graphics/bg-masthead-about.jpg) no-repeat 50% 0; width:940px;}
			#about #content{background: url(../images/bg-graphics/bg-ornament-white.gif) no-repeat 50% 100%;}
				#about #content #column-a,
				#about #content #column-c
					{ float:left; margin-bottom:50px; padding:0 60px 0 10px; width:410px;}
				#about #content #column-b{background: url(../images/bg-graphics/bg-grey-stripe-vertical.gif) repeat-y 0 0; float:right; margin-bottom:50px; padding-left:30px; width:440px;}

					
					
					/*QUEST Team*/
					#about #content .team-profile{margin-bottom:50px;}
						#about #content .team-profile h3{font-size:20px; margin-bottom:20px;}
							#about #content .team-profile h3 span{font-size:12px; text-transform:uppercase;}
						#about #content .team-profile img{border:1px solid #241134; float:left; margin:5px 10px 0 0;}
					
					/*Testimonials*/
						#about #content .testimonials blockquote{/* background: url(../images/bg-graphics/bg-right-quotes.png) no-repeat 0 0; */ float:left; margin-bottom:50px;}
							#about #content  .testimonials blockquote em{display:block; margin-top:5px;  text-align:right;}
							#about #content  .testimonials blockquote b{display:block; font-size:12px; text-align:right; text-transform:uppercase;}

					
	/*Courses*/
		#courses{}
			#courses #masthead h2{background: url(../images/bg-graphics/bg-masthead-courses.gif) no-repeat 50% 0; width:940px;}
			
			#courses #content{background: url(../images/bg-graphics/bg-grey-stripe-vertical.gif) repeat-y 100% 10px;}
				
				#courses #column-a{float:left; margin:0 0 45px 120px; padding-bottom:80px; width:460px;}
					#courses #column-a h5{letter-spacing:0.2px; margin-left:-60px;}
					#courses #desc{margin-left:-60px;}
					#courses #column-a h3 a{font-size:30px; height:45px; line-height:45px;}
						#courses #column-a h3 a:hover{text-decoration: none;}
						
						#courses .course-info{border-bottom:1px solid #eee; margin-bottom:25px; padding-bottom:25px;}
						#courses .course-info .ceus{}
							#courses .course-info strong.ceus{}
							#courses .course-info ul.ceus{margin-top:10px;}
							
						
						#courses .course-info table{background:#f6edff; margin:15px 0 25px -60px; width:510px;}
							#courses .course-info thead{background:#e8cfff;}
							#courses .course-info table td{height:40px; line-height:40px; padding-left:10px;}

						
						
						
	/*Register*/
		#register{}
			#register #masthead h2{background: url(../images/bg-graphics/bg-masthead-register.gif) no-repeat 50% 0;}
				#register #content{background: url(../images/bg-graphics/bg-grey-stripe-vertical.gif) repeat-y 100% 10px;}
					#register #content #column-a{float:left; margin:0 0 45px 120px; padding-bottom:80px; width:460px;}	
						#register a.print{width:290px;}
						
					#register form{}
						#register fieldset{margin-bottom:25px;}
							#register legend{color:#734c96; font-size:14px; letter-spacing:0.2px; margin-bottom:10px; text-transform: uppercase; }	
						
							#register form ol{clear:both;}
								#register form ol li{float:left; margin-bottom:15px; position:relative;}

												
									#register form ol li label{display:block;}
										#register form ol li label.checkbox{display:inline; position:absolute; left:20px; top:1px;}
									#register form ol li em{display:block; font-size:80%;}
													
									#register form ol li input[type="text"],
									#register form ol li select,
									#register form ol li textarea
										{border:1px solid #241134; padding:5px; width:275px;}
										#register form ol li select{padding:4px 5px; width:290px;}
										
										#register form ol li.medium input[type="text"],
										#register form ol li.medium select,
										#register form ol li.medium textarea
											{margin-right:5px; width:170px;}	
											
										#register form ol li.small input[type="text"],
										#register form ol li.small select,
										#register form ol li.small textarea
											{margin-right:5px; width:90px;}
											#register form ol li.small select{width:100px;}									
									

						
	/*Specials*/
		#specials{}
			#specials #masthead h2{background: url(../images/bg-graphics/bg-masthead-specials.gif) no-repeat 50% 0;}
				#specials #content{float:left; margin:0 0 45px 120px; padding-bottom:80px;}
					#specials #content #column-a{width:680px;}	
						#specials #content #column-a p{font-size:20px; line-height:1.7;}
					
					#specials #content #column-b{float:left; margin-right:30px; width:320px;}
					#specials #content #column-c{float:left; width:340px;}
						#specials #content #column-c br{margin-bottom:10px;}
				
					#specials #content h3{font-size:24px; margin-bottom:12px; text-transform:uppercase;}
	
	/*Hosting*/
		#hosting{}
			#hosting #masthead h2{background: url(../images/bg-graphics/bg-masthead-host.gif) no-repeat 50% 0;}
			#hosting #content{}
				#hosting #content #column-a{float:left; margin:0 0 45px 250px; padding-bottom:80px; width:480px;}
					#hosting .host-choices{margin-bottom:50px;}
						#hosting .host-choices h3{font-size:24px; margin-bottom:12px;}
						
						
		/*Host a Site*/
			#host-site{}
				#host-site #masthead h2{background: url(../images/bg-graphics/bg-masthead-host-site-2.gif) no-repeat 50% 0;}
				#host-site #content #column-a{float:left; margin:0 0 45px 250px; padding-bottom:80px; width:480px;}
					#host-site #content #column-a table{background:#f6edff; margin:15px -60px 25px -180px;  width:700px;}
						#host-site #content #column-a table thead{background:#e8cfff;}
						#host-site #content #column-a table td{height:40px; line-height:40px; padding-left:10px;}
						
					#host-site #content ul.offerings{display:block; margin-bottom:25px;}
						#host-site #content ul.offerings li{display:block; margin-left:25px;}
		
		/*Sponsor a Course*/
			#sponsor-course{}
				#sponsor-course #masthead h2{background: url(../images/bg-graphics/bg-masthead-sponsor-seminar.gif) no-repeat 50% 0;}
				#sponsor-course #content #column-a{float:left; margin:0 0 45px 250px; padding-bottom:80px; width:480px;}
					#sponsor-course #content #column-a table{background:#f6edff; margin:15px -60px 25px -180px;  width:700px;}
						#sponsor-course #content #column-a table thead{background:#e8cfff;}
						#sponsor-course #content #column-a table td{height:40px; line-height:40px; padding-left:10px;}	
		
		/*Seminars on site*/
			#seminars-site{}
				#seminars-site #masthead h2{background: url(../images/bg-graphics/bg-masthead-seminars-site.gif) no-repeat 50% 0;}
				#seminars-site #content #column-a{float:left; margin:0 0 45px 250px; padding-bottom:80px; width:480px;}
					#seminars-site #content #column-a table{background:#f6edff; margin:15px -60px 25px -180px;  width:700px;}
						#seminars-site #content #column-a table thead{background:#e8cfff;}
						#seminars-site #content #column-a table td{height:40px; line-height:40px; padding-left:10px;}			
						
		
		/*Newsletter*/
		.newsletter h3{font-size:24px; margin:10px 0 16px;}
		.newsletter h4{font-size:20px; font-style:italic;}
		
		.newsletter #column-a ul{margin-bottom:24px;}
			.newsletter #column-a ul li{list-style: disc; margin-bottom:8px;}