/* ---- Refresh, Fonts, Clearfix ----*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}.clearfix{display:inline-block;}html[xmlns] .clearfix{display:block;}* html .clearfix{height:1%;}

/* ---- Structure ----*/
body { background: #e3e6e6; }
#header { width: 100%; height: 419px; text-align: center; }
#content { height: auto; background: #FFF; text-align: center; }
#footer { width: 100%; height: 220px; background: url(../images/bg.jpg) 50% 90% no-repeat; text-align: center; position: relative; z-index: 0; }
.inner { width: 960px; margin: 0 auto; text-align: left; position: relative; z-index: 2; }

.home { background: url(../images/top-graphic_landingpage.jpg) center top; }
.ecard { background: url(../images/top-graphic_ecardpage.jpg) center top; }

	#header .inner { padding: 30px 0 0; }
	#content .inner { padding: 20px 0; }
	#footer.home .inner { padding: 90px 0 0; }
	#footer.ecard .inner { padding: 25px 0 0; }

/* ---- Typography ----*/
strong,b { font-weight: bold; }
em { font-style: italic; }
#footer p { color: #333333; font-size: 93%; line-height: 138%; }
.learn-more { text-indent: -9999px; height: 31px; background: url(../images/dadtothedoc_sprite.png) 0% -170px; margin: 0 0 15px; }
.find-us { text-indent: -9999px; height: 31px; background: url(../images/dadtothedoc_sprite.png) 0% -206px; margin: 0 0 15px; }
.send-an-ecard { text-indent: -9999px; height: 72px; background: url(../images/dadtothedoc_sprite.png) 0% -623px; margin: 0 0 15px; }
	.send-an-ecard a { height: 84px; display: block; }
.special { font-family: "Trebuchet MS", sans-serif; } /* This exists because .special was used to convert to a cufon font. Looked great, but we it took off. */
	.inner p a { color: #006699; }
small { font-size: 80%; font-weight: 100; }
.happy-fathers-day { text-indent: -9999px; background: url(../images/dadtothedoc_sprite.png) -10px -720px; height: 88px; margin: 0 0 20px; }

/* ---- Utils ----*/
.left { float: left; }
.right { float: right; }
.borderBox-grn { background: url(../images/trans-bg_35.png) repeat; padding: 10px; }
	.borderBox-grn .border { background: url(../images/trans-bg_55.png) repeat; padding: 10px; }
.borderBox-wht { background: url(../images/trans-wht-bg_35.png) repeat; padding: 10px; }
	.borderBox-wht .border { background: #FFF; padding: 10px; }
li .icon1 { background: url(../images/dadtothedoc_sprite.png) -368px -276px; overflow: hidden; }
li .icon2 { background: url(../images/dadtothedoc_sprite.png) -368px -330px no-repeat; overflow: hidden; }
li .icon3 { background: url(../images/dadtothedoc_sprite.png) -368px -385px no-repeat; overflow: hidden; }
li .icon4 { background: url(../images/dadtothedoc_sprite.png) -368px -220px no-repeat; overflow: hidden; }
li.title { padding: 0 0 10px; margin: 0 0 40px; }
.error li { color: #333; padding: 2px; }
	.error li em { font-weight: bold; color: #831518; }
.success { text-align: center; font-size: 140%; font-weight: bold; }

/* ---- Header ----*/
#header h1 { width: 476px; height: 55px; background: url(../images/dadtothedoc_sprite.png) 0% 0%; overflow: hidden; }
	#header h1 a { text-indent: -9999px; display: block; height: 55px; }
	#header h3 { font-size: 153.9%; margin: 10px 0 0 120px; }
		#header h3 em { font-family: "Trebuchet MS", sans-serif; color: #999999; }
		#header h3 strong { font-weight: 100; color: #ce4927; }
	#header h5 { font-size: 153.9%; width: 475px; margin: 10px 0 0; }
	#header.home p { width: 240px; font-size: 110%; line-height: 150%; margin: 15px 0 0; color: #333333; }
	#header.ecard p { width: 320px; font-size: 110%; line-height: 150%; margin: 15px 0 0; color: #333333; }
	
#header #sponsors { width: 245px; height: 86px; background: url(../images/dadtothedoc_sprite.png) 0% -479px; position: absolute; top: 0; right: 0; overflow: hidden; }
	#header #sponsors ul { margin: 10px 0 0 28px; }
	#header #sponsors li { float: left; display: block; margin: 0 20px 0 0; }
		#header #sponsors li.adcouncil a { display: block; width: 45px; height: 47px; background: url(../images/dadtothedoc_sprite.png) 0% -365px; }
		#header #sponsors li.ahrq a { display: block; width: 119px; height: 50px; background: url(../images/dadtothedoc_sprite.png) 0% -422px; }

/* ---- Side Bar ----*/
#sidebar { width: 320px; }
	#sidebar ul { margin: 0 0 50px; }
	#sidebar li { display: block; float: left; border-bottom: 2px solid #c9e8ed; width: 320px; }
	#sidebar a { display: block; padding: 7px 0 7px 40px; font-size: 146.5%; color: #3d7f8b; text-decoration: none; }
	#sidebar a:hover { color: #111; }

/* ---- Landing Page (form) ----*/
.send-ecard { float: left; width: 575px; margin: -80px 0; position: relative; z-index: 10; }
	.send-ecard h1 { background: url(../images/dadtothedoc_sprite.png) 0px -53px; height: 112px; text-indent: -9999px; margin: 0 0 20px 0; }
	.send-ecard label { font-size: 108%; color: #FFF; display: block; margin: 0 0 5px; }
	.send-ecard .txt { font-size: 108%; padding: 3px; width: 155px; }
	.send-ecard .input-box { float: left; width: 185px; }
	.send-ecard .field-group { padding: 6px 0; }
	.send-ecard textarea { width: 549px; height: 150px; border: none; font-size: 108%; padding: 3px;  }
	.send-ecard .btn { border: none; background: url(../images/dadtothedoc_sprite.png) 0% -569px; display: block; width: 221px; height: 52px; text-indent: -9999px; cursor: pointer; margin: auto; text-align: center; }

/* ---- eCard Page ----*/
.ecard-sidebar { margin: -50px 0 0; }
.msg-box { width: 545px; margin: -80px 0 0; float: right; }
	.msg-box p { font-size: 131%; line-height: 140%; color: #FFF; margin: 0 0 15px; }