/* -------------------------------------------------------------- 
	
	home.css	
	* Override Styles for Home Page Uniqueness
   
   	Usage:
   	* this stylesheet is called up last, and overrides any styles and attributes for the homepage
   
-------------------------------------------------------------- */

					.section { }
					
						.section #mainFlash {
							text-align: center;
						}
				
						.section.sub { }
				
						.section.sub.landing { }
							
							.section.sub.landing .sectionHdr {
								left: 308px;
							}
							
							.section .no-indent  {
								left: 24px !important;
							}
					
							.flashSlides {
								position: absolute;
								top: 88px;
								left: 0;
								}
								
								.flashSlides a:hover {
									border-bottom: none !important;
								}
							
							/* Left Column Callout */
							.section.sub .callout {
								position: absolute;
								top: 324px;
								left: 24px;
								padding: 18px 18px 0 18px;
								width: 208px;
								background: url(../../img/layout/bg-callout.png) top left no-repeat;
								}
								
								.section.sub .callout h2 {
									margin-bottom: 6px;
									font-weight: bold;
									font-size: 1.4em;
									font-family: "Times New Roman", Times, serif;
									color: #42181A;
								}
							
								#contentArea .section.sub .callout p {
									margin-bottom: 8px;
									padding-right: 0;
									font-size: 12px;
									font-family: "Times New Roman", Times, serif;
									line-height: 18px;
									color: #42181A;
								}

								.section.sub .callout hr {
									background: #DFDAD9; 
								}

								.section.sub .callout ul {
									padding-top: 8px;
									font-family: "Times New Roman", Times, serif;
									}
									
									.section.sub .callout ul.blogPosts {
										padding-top: 0;
										padding-bottom: 8px;
									}

									.section.sub .callout li {
										margin-bottom: 4px;
										font-size: 1.2em;
										}
										
								.section.sub .callout a {
									color: #74080C;
									font-weight: bold;
									text-decoration: none;
									}
									
									.section.sub .callout ul.blogPosts a {
										font-weight: normal;
									}
									
									.section.sub .callout a:hover {
										color: #850106;
										border-bottom:dotted 1px #850106;
									}
								
								.section.sub .callout div.calloutBottom {
									clear: both;
									position: absolute;
									bottom: -10px;
									left: 0;
									width: 244px;
									height: 10px;
									background: url(../../img/layout/bg-callout_bottom.png) top left no-repeat;
								}
	
								.section.sub .callout div.callsToAction {
									position: absolute;
									bottom: -182px;
									left: 0;
									width: 244px;
									}
									
									.section.sub .callout div.callsToAction ul { }
	
										.section.sub .callout div.callsToAction ul li {
											display: block;
											margin-bottom: 4px;
											padding: 16px 0 0 72px;
											width: 172px;
											height: 36px;
											}
											
											div.callsToAction ul li.interactivePort { background: url(../../img/content-design/bg-call_to_action_port.png) top left no-repeat; }

											div.callsToAction ul li.ourReel { background: url(../../img/content-design/bg-call_to_action_reel.png) top left no-repeat; }
											
											div.callsToAction ul li.contactUs { background: url(../../img/content-design/bg-call_to_action_contact-us.png) top left no-repeat; }
											
											div.callsToAction ul li.popUp a {
												float: left;
												padding-right: 12px;
												background: url(../../img/content-design/callout-link-popup.png) 100% 2px no-repeat;
											}
	
							/* three columns */
							div.threeCol {
								padding-top: 8px;
								}
							
								div.threeCol div {
									float: left;
									padding-right: 19px;
									width: 169px;
									}
									
									div.threeCol div h4 {
										padding: 4px 0 0 6px;	
										}

										div.threeCol div h4 a {
											padding-right: 18px;
											background: url(../../img/content-design/arrow-link.gif) 100% 4px no-repeat;
											}
									div.threeCol a:hover {
										border-bottom: none !important;	
									}
										
									#contentArea div.threeCol div p {
										margin-bottom: 12px;
										padding: 0 0 6px 6px;	
										font-size: 12px;
										font-family: arial;
										line-height: 16px;
									}
							
							/* links on the about landing section */
							ul#aboutLinks {
								width: 260px;
								}
								
								ul#aboutLinks li {
									padding: 0 0 14px 0 !important;
									background: none;
									font-size: 1.1em !important;
									font-family: Arial;
									}
								
								ul#aboutLinks a {
									padding-right: 18px;
									background: url(../../img/content-design/arrow-link.gif) 100% 4px no-repeat;
									}
									ul#aboutLinks a:hover {
										border-bottom: none !important;	
									}
							
							/* upcoming event callout on about ladning page */
							#aboutCalendar {
								position: absolute;
								top: 473px;
								left: 599px;
								padding: 86px 20px 0 27px;
								width: 230px;
								height: 110px;
								background: url(../../img/content-design/bg-about_calendar.png) top left no-repeat;
								}
								
								#calMonth {
									position: absolute;
									top: 21px;
									left: 19px;
									width: 53px;
									text-align: center;
									color: #fff;
								}
							
								#calDay {
									position: absolute;
									top: 34px;
									left: 19px;
									width: 53px;
									text-align: center;
									font-size: 3em;
									color: #fff;
								}
								
								#aboutCalendar h3 {
									position: absolute;
									top: 26px;
									left: 83px;
									font-size: 18px;
									font-weight: normal;
									font-family: "Times New Roman", Times, serif;
									color: #42181A;
								}
							
								#aboutCalendar h4 {
									position: absolute;
									top: 46px;
									left: 83px;
									font-size: 12px;
									font-weight: normal;
									font-family: "Times New Roman", Times, serif;
									color: #74080C;
									}
									
									#aboutCalendar h4 a {
										color: #74080C;
										font-style: italic;
										}
										
										#aboutCalendar h4 a:hover {
											border-bottom: 1px dotted #74080C;
											font-style: italic;
											color: #74080C;
											}

								#aboutCalendar p {
									margin-bottom: 4px;
									padding-right: 0;
									font-size: 12px;
									font-family: "Times New Roman", Times, serif;
									line-height: 17px;
									color: #42181A;
									}
									
									#aboutCalendar em {
										display: block;
										font-size: 14px;
										font-style: italic;
									}

								div#learnMore {
									color: #74080C;
									font-size: 12px;
									font-weight: bold;
									font-family: "Times New Roman", Times, serif;
									text-align: right;
									}

									div#learnMore a {
										color: #74080C;
										font-style: italic;
										}

										div#learnMore a:hover {
											border-bottom: 1px dotted #74080C;
											font-style: italic;
											color: #74080C;
											}
							
							/* blog screen */

								h2.blogLanding {
									margin-bottom: 4px;
									font-family: "Times New Roman", Times, serif;
									font-weight: normal;
									font-size: 1.6em;
								}
								
								.section div.comments {
									background: url(../../img/content-design/blog-comments_onpage.png) 4px 0 no-repeat;
								}
								
								#blogInterior p {
									margin-bottom: 14px;
									font-family: Arial;
									font-size: 1.1em;
									line-height: 16px;
								}
								

							
							
/*******************************************************************************************

TITLE: the genius development framework

VERSION: 1.0.0
URI: http://www.geniusswitchstudio.com/
AUTHOR: Christian Alexander Seeber, Principal + User Experience Architect
COPYRIGHT: 2009 genius switch studio llc

DISCLAIMER: Of course the copyright is not worth much to me, 
please feel free to borrow, steal, learn, critique (not critisize). I certainly
borrowed from countless bits i've accumulated over the years to reach this level, and 
i'm sure we'll be making updates as time goes on. I think the world of web dev is a 
great place to share and teach each other, not get pissy about who owns what... That said
we're proud of this framework, and hope if you're reading this far down, that you're gaining 
something here. Metta!

DESCRIPTION: HTML/CSS/JS Framework or Repository created by genius switch 
in order to streamline all our builds. HTML Structure is always the same, 
CSS Structure is always the same, jQuery drives everything. 
Our Markup is nearly identical on every build except for the content, 
our stylesheets, elements and classes are structured nearly identically 
every time with the only difference being the actual stylings.

**********************************************************************************************/