/* 
*	Daniel Allegrucci
*	Epic Capital Wealth Mangagement
*/

body{ font-family: Tahoma, Arial, Verdana, sans-serif; color: #373737; font-size: 12px; margin: 0; padding: 0; text-align:center; background:url(../images/bg.jpg) repeat-x #FFF; }
a { color:#373737; text-decoration: underline; }
a:hover { text-decoration: none; }
h2 { color: #102e53; font-weight: normal;  }
h3 { color:#688080; font-size:16px;  }

#container { width: 960px; margin: 0 auto; position: relative; }

#panel { width: 960px; height: 331px;  background:url(../images/panel-pic.jpg) no-repeat 0 -81px; }
#ribbon { position: absolute; left: 110px; top:159px; z-index: 1; background: none; }

	#header { width: 940px; height: 61px; background:url(../images/bg-header.jpg) no-repeat #43433e; padding: 10px; }
	#header.home { width: 940px; height: 61px; background:url(../images/bg-home-header.gif)no-repeat #43433e; padding: 10px; }

		#hLogo { float: left; width: 168px; height: 61px; display: inline; margin-left: 30px; }
		#hAccount { float: right; width: 141px; height: 33px; margin: 13px 10px 0 0; }
			#hAccount a { background:url(../images/b-account-access.gif) no-repeat; display: block; width: 141px; height: 33px; text-indent: -99999px; background-position: 0 0;  }
			#hAccount a:hover { background:url(../images/b-account-access.gif) no-repeat; display: block; width: 161px; height: 33px; background-position: 0 -33px; }
		
		/*-- Main Nav --*/
		#nav { width: 502px; height: 61px; padding: 0; position: absolute; top: 10px; left: 271px; }
		#nav li { float: left; position: relative; }
		#nav a.mainNav { height: 61px; overflow: hidden; margin:0; display:block; outline: none; }
		#nav a.mainNav:hover { background-position: 0 -61px; }
		#nav a.mainNav.selected, #nav a.mainNav:active, #nav a.mainNav.dropped  { background-position: 0 -61px; }
		#nav li a span { display:none; }
		
		#nAbout { background:url(../images/nav-about.gif) no-repeat; width: 97px;}
		#nServices { background:url(../images/nav-services.gif) no-repeat; width: 90px; }
		#nNews { background:url(../images/nav-news.gif) no-repeat; width: 116px;}
		#nResources { background:url(../images/nav-resources.gif) no-repeat; width: 101px;}
		#nContact { background:url(../images/nav-contact.gif) no-repeat; width: 98px; }
		
		/*-- Sub Nav --*/
		#nav li ul { position: absolute; top: 61px; left: 18px; background: url(../images/bg-subnav.gif) repeat-x #43433e top right; width: 140px; font-size: 11px; padding: 2px 10px 4px 10px; margin: 0; display: none; z-index: 100; }
		#nav li ul li { background: url(../images/bg-subnav-sep.gif) repeat-x bottom; padding: 5px 0; width: 140px; text-align: left; }
		#nav li ul li.last { background: none; }
		#nav li ul li a { color: #FFF; padding-left: 6px; display:block; width: auto; text-decoration: none; line-height: 21px; }
		#nav li ul li a:hover { text-decoration: none; background-color: #282825; }
		#nav li ul.hovering { display: block; }
		
		#leftCta { margin: 10px 0 0 10px; }
		
		
		/*ul#subNav { margin: 0 0 10px 0; padding: 0; }
		ul#subNav li { margin: 0 0 1px 0; }
		ul#subNav li a { width: 220px; display: block; height: 22px; background:url(../images/bg-subnav.gif) no-repeat; color: #FFF; padding: 1px 0 0 22px; text-decoration: none; }
		ul#subNav li a:hover { color: #dedca5; text-decoration: underline; }
		ul#subNav li a.selected { background:url(../images/bg-subnav-on.gif) no-repeat; color: #934f4f; }*/
		
		
		#welcome { width: 260px; height: 290px; position: absolute; right: 23px; top: 101px; text-align: left; line-height: 14px; color: #000; }
		#welcome a { color: #000; }
		#welcome img { float: left; margin: 0 6px 0 0; }
		#welcome .boldRed { font-weight: bold; color: #78220f; }
		#welcome .smallBold { font-weight: bold; font-size: 11px; line-height: 13px; }
		
		#fiveStar { width: 70px; height: 50px; position: absolute; bottom: 23px; right: 0; }

#main { background: #dcdccd; width: 960px;  padding-top: 10px; text-align: left; }
#main.home { height: 185px; }
	#mainInner { width: 940px; height: 160px; margin: 0 auto 0 auto; background:url(../images/bg-main-bot.gif) no-repeat bottom #FFF; text-align: left; }
	#mainHeader { width: 940px; height: 41px; background:url(../images/h-home-main.jpg) no-repeat; }
	#servicePic { float: left; width: 120px; margin: 12px 10px 0 10px; display: inline; overflow: hidden; }
	#hServices { float: left; width: 580px; margin-left: 0; display: inline; }
		#hServices ul { color: #43433e; float: left; width: 180px; margin: 16px 12px 0 0; padding-bottom: 0; }
		#hServices ul li { font-size: 14px; height: 27px; border-bottom: 1px solid #c8c8ba; margin: 0; padding: 2px 0 0 12px; background:url(../images/bullet-home.gif) no-repeat 0 9px; }
		#hServices ul li a { height: 27px; display: block; }
		#hServices ul li.last { border-bottom: none; padding-bottom: 0; } 
	#hContact { float: left; width: 395px; margin-top: 20px; }
		#hContact h3 { color: #78220f; font-weight: bold; font-size: 12px; border-bottom: 1px solid #c8c8ba; }
		.contactInfo { line-height: 14px; float: left; margin-top: 10px; }
		#hContact a { text-decoration: underline; }
		#hContact a:hover { text-decoration: none; }
		#hContact1 { width: 150px; }
		#hContact2 { width: 225px; }
		
	#hInTheNews { width: 176px; margin: 20px 0 0 20px; position: absolute; right: 30px; }
	
	#subLeft { width: 240px; display: inline; float: left; margin: 0 10px 10px 0; }
	#subRight {width: 700px; display: inline; float: left; }
		#subRight h1 { text-indent: -99999px; width: 700px; height: 37px; padding: 0; }
			h1#epicStory { background:url(../images/sh-the-epic-story.jpg) no-repeat; }
		#rtContent { padding: 30px 25px 30px 40px; background:url(../images/bg-content-bot.gif) no-repeat bottom left #FFF; min-height:380px; height:auto !important; height:380px; }
		#rtContent a { text-decoration: underline; color: #701400 }
		#rtContent a:hover { text-decoration:none; }
		#rtContent h2 { color:#701400; font-size: 18px }
			h1#epicStory { background:url(../images/sh-the-epic-story.jpg) no-repeat; }
			h1#epicExperience { background:url(../images/sh-the-epic-experience.jpg) no-repeat; }
			h1#epicIdea { background:url(../images/sh-the-epic-idea.jpg) no-repeat; }
			h1#epicDifference { background:url(../images/sh-the-epic-difference.jpg) no-repeat; }
			h1#shServices { background:url(../images/sh-services.jpg) no-repeat; }
			h1#shInTheNews { background:url(../images/sh-in-the-news.jpg) no-repeat; }
			h1#shResources { background:url(../images/sh-resources.jpg) no-repeat; }
			h1#shContactUs { background:url(../images/sh-contact-us.jpg) no-repeat; }
		
			.blubRight { width: 235px; float: right; font-size: 16px; color: #701400; margin: 0 0 10px 10px; }
			.blubLeft { width: 235px; float: left; font-size: 16px; color: #701400; margin: 0 10px 10px 0; }
			
			.newsItem { border-bottom: 1px dashed #c8c8ba; padding: 0 0 15px 0; margin: 0 0 15px 0; }
			.newsItem.last { border-bottom: none; }
			.newsLeft { width: 200px; float: left; font-size: 16px; color: #701400; margin: 0 20px 10px 0; text-align:center; }
			.newsRight { width: 400px; float: left; font-size: 12px; margin: 0 10px 10px 0; }
			
			
			#videoHolder { /*border: 4px solid #CCC;*/ background: url(../images/bg-video.jpg) no-repeat; padding: 3px; }
			#videoBox { float: left; width: 382px; }
			#videoList { float: right; width: 236px; height: 231px; overflow: scroll; padding-left: 10px; background: #FFF; }
			.vidListing { border-top: 1px dashed #CCC; padding-top: 12px; }
			.vidListingSm { border-bottom: 1px dashed #CCC; padding-top: 4px; width: 216px; padding-bottom: 10px; }
			.videoBtn { margin-top: 3px; }
			.vidDate { font-size: 10px; }
			#vidLogos {  padding: 10px 0 10px 0; margin-bottom: 20px; width: 624px; text-align: center; border-bottom: 4px solid #CCC; }
			#vidLogos img { vertical-align: middle; margin: 0 30px; }
			
			.botLeft { width: 107px; height: 26px; float: left; background:url(../images/bg-bot-nav-left.gif) no-repeat; padding: 4px 0 0 28px; font-size: 11px; }
			.botRight { width: 107px; height: 26px; float: right; background:url(../images/bg-bot-nav-right.gif) no-repeat; padding: 4px 28px 0 0; font-size: 11px; text-align: right; }
			#rtContent .botRight a { color: #FFF; }
			#rtContent .botLeft a { color: #FFF; }
			
		.contactRight { float: right; }
		
		#accordion { }
		#accordion h2 { outline: none; background: url(../images/bg-accordion-head.jpg) no-repeat; height: 29px; padding-left: 24px; margin-bottom: 2px; }
		#accordion div { overflow: visible; }
		#accordion div p { padding: 4px 20px 6px 24px; }
		
		
	

#botStrip { height: 92px; background:url(../images/bg-bot-grad.gif) repeat-x; }
	#social { width: 378px; height: 35px; background:url(../images/bg-sm.gif) no-repeat; float: left; display: inline; margin: 28px 0 0 10px; padding-right: 5px; }
	#social a { display: inline; float: right; margin: 4px 0 0 7px; width: 92px; height: 27px; }
	
	#bbb { width: 53px; float: left; margin: 12px 0 0 77px; }
	
	#botContact1 { background:url(../images/bg-address-sep.gif) no-repeat; width: 220px; height: 48px; text-align: left; line-height: 12px; float: right; margin: 30px 0 0 0; padding: 0 0 0 12px; }
	#botContact2 { background:url(../images/bg-address-sep.gif) no-repeat; width: 150px; height: 48px; text-align: left; line-height: 12px; float: right; margin: 30px 0 0 0; padding: 0 0 0 12px; }

#footer{ background: url(../images/bg-footer.gif) no-repeat; /*width: 937px;*/ height: 45px; color: #373737; font-size: 11px; line-height: 13px; text-align:left; padding: 13px 0 0 20px; }
#footerLeft { width: 360px; float: left; }
#footerRight { width: 540px; float: right; margin: 0 20px 0 0; text-align: right; font-size: 10px; }

#footer a { color: #373737; text-decoration: underline; }
#footer a:hover { text-decoration:none; }
#footer a.last { margin-right: 0;  }

#underFooter { width: 960px; margin: 0 auto; text-align: left; font-size: 12px; padding-left: 20px; color: #86867c; }
#underFooter a { color: #86867c; }

#contactForm { margin: 30px auto; width: 495px; border: 4px solid #dcdccd; padding: 20px;  }

form, input, textarea  { font-size: 12px; font-family:Arial, Verdana, Helvetica, sans-serif; }
form fieldset { margin-bottom: 20px; background: url(../images/bg-fieldset.gif) repeat-x #FFF; border: 1px solid #CCC; padding: 20px; }
form fieldset h2 { margin-bottom: 10px; }

form label { font-weight: normal; font-size: 12px; font-weight: bold; }
form .field25, form .field25 input { width: 25px; display: inline; float: left; margin: 0 20px 12px 0; }
form .field50, form .field50 input { width: 50px; display: inline; float: left; margin: 0 20px 12px 0; }
form .field80, form .field80 input { width: 80px; display: inline; float: left; margin: 0 20px 12px 0; }
form .field100, form .field100 input { width: 100px; display: inline; float: left; margin: 0 20px 12px 0; }
form .field130, form .field130 input { width: 130px; display: inline; float: left; margin: 0 20px 4px 0; }
form .field150, form .field150 input { width: 150px; display: inline; float: left; margin: 0 20px 4px 0; }
form .field160, form .field160 input { width: 160px; display: inline; float: left; margin: 0 20px 12px 0; }
form .field225, form .field225 input { width: 225px; display: inline; float: left; margin: 0 20px 8px 0; }
form .field250, form .field250 input { width: 250px; display: inline; float: left; margin: 0 20px 8px 0; }
form .field520, form .field520 input { width: 520px; display: inline; float: left; margin: 0 20px 12px 0; }

form .checkCol { width: 225px; display: inline; float: left; margin: 0 20px 8px 0; }
form .radios { width: 600px; display: inline; float: left; margin: 0 20px 12px 0; }
form .radio100 { width: 95px; display: inline; float: left; margin: 0 20px 12px 0; }
form .radio130 { width: 130px; display: inline; float: left; margin: 0 20px 12px 0; }
form .radio150 { width: 150px; display: inline; float: left; margin: 0 20px 12px 0; }
form .radio170 { width: 170px; display: inline; float: left; margin: 0 20px 12px 0; }
form .fieldSocial { width: 250px; display: inline; float: left; margin: 0 20px 12px 0; }
form select.stateSelect { width: 130px; height: 22px; }
form .fTextArea { width: 470px; height: 75px; margin: 0 0 12px 0; }
form .submitButton { margin: 12px 0 0 0; text-align:center; }