/* CSS Document */

/* general rules to replace browser defaults and to set up some global info */
body { margin: 0; padding: 0; }
form { padding: 0; margin: 0; border: 0; }
p { margin: 0px; padding: 3px 0px; }
ul { margin: 7px 0 8px 16px; padding: 0; }

body, input, textarea, select, td, th { font: 13px/16px Helvetica, Arial, sans-serif; color: #333; }
h1, h2, h3, h4, h5, h6 { font-size: 10px; font-weight: normal; margin: 0; padding: 0; }
a { color: #ed1a3b; }
a:hover { color: #fff; background-color: #ed1a3b; }
img, a img, a:hover img { border: none; }


body { background: url(../images/bottom_gradient.gif) bottom left repeat-x; }
#container { background: url(../images/top_gradient.gif) top left repeat-x; }

blockquote span { position: relative; margin-top: -5px; font: 230%/100% "Trebuchet MS", Verdana; padding: 0 5px; color: #749696; font-weight: bold; float: left; }
blockquote { font: 110%/130% Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 0; padding: 0; clear: both; }
blockquote .end { float: none; display: inline; line-height: 10%; vertical-align: bottom;  }
#masthead, #main-content, #footer { width: 904px; margin: 0 auto; }

#masthead {}
#masthead .logo { float: left; }
#masthead .logo b { margin: 33px 0px 0px 40px; display: block; width: 195px; height: 81px; background: url(../images/insherion_logo.gif) no-repeat;  }
#masthead .logo i { display: none; }
#masthead .contact-info { float: right; font-size: 90%; font-family: Arial, Helvetica, sans-serif; margin: 8px 40px 25px 0; }
#masthead .contact-info i { color: #ed1a3b; }
#masthead blockquote { float: right; clear: right; width: 420px; font-size: 140%; margin-right: 40px; }

h2 { font: 180% "Trebuchet MS", Verdana; font-weight: bold; margin: 15px 4px 5px 4px; padding-bottom: 4px; 
		background: url(../images/dottedline.gif) bottom left repeat-x; color: #003366; }

ul { list-style: none; margin-left: 0;  }
ul li { padding: 0 0 3px 15px; background: url(../images/bullet_circle.gif) 0px 4px no-repeat; font-family: "Trebuchet MS", Verdana; font-weight: bold; }

#content-container { background: url(../images/mid_gradient.gif) 0px 134px repeat-x; margin-top: 20px; }
#main-content {}

.intro { background: url(../images/bg_1_top.gif) no-repeat; padding: 20px 0 0; }
.intro .intro-text { float: left; width: 410px; padding-bottom: 10px; }
.intro .intro-text h1 { font-weight: bold; font-size: 150%; line-height: 130%; color: #fff; margin-bottom: 20px; }
.intro .intro-text * { padding: 0 0 0 25px; color: #fff; line-height: 140%; font-size: 110%; }
.intro .intro-promo { float: right; }
.intro .intro-promo img { margin: 0 25px 0 0; }
.intro .moreinfo { background: url(../images/bg_1_bot.gif) bottom left no-repeat; height: 16px; clear: both; }
.intro a { background: none; }

.services { clear: both; background: url(../images/bg_2_top.gif) no-repeat; padding: 20px 0 0; margin-top: 20px; }
.services h2 { margin: 0 25px; }
.services img { margin: 5px 0 5px 25px; }
.services .moreinfo { background: url(../images/bg_2_bot.gif) bottom left no-repeat; height: 16px; clear: both; }

.about .we { float: left; width: 390px; margin: 0 20px; }
.about .why { float: left; margin: 0 25px; width: 390px; }

.leadership { margin-top: 20px; margin: 20px 25px 0 25px; }
.leadership h2 { margin: auto 5px; }
h3 { color: #0c4da2; margin: 3px 0 6px; font-family: "Trebuchet MS", Verdana; font-weight: bold; font-style: italic; font-size: 120%; }
.leadership .directors { float: left; width: 380px; margin: 5px 20px 0 5px; }
.leadership .advisors { float: left; margin: 5px 25px; width: 390px; }
.leadership strong { display: block; }
.leadership p { padding-bottom: 6px; }

.quotes {  margin: 20px 25px 0 25px; }
.quotes h2 { margin: auto 5px; }
.quotes .group { float: left; width: 190px; margin: 10px 10px; }
.quotes blockquote { margin-bottom: 20px; }
.quotes blockquote span { height: 10px; }
.quotes blockquote .end { line-height: 10%; }


#footer { clear: both; margin: 20px auto 5px; background: url(../images/bg_3_bot.gif) bottom left no-repeat; padding: 0 0 15px; }
#footer .contact-header { position: relative; background: url(../images/bg_3_top.gif) no-repeat; padding: 5px 25px 10px 25px; margin-top: -20px; }
#footer .phone { float: left; margin-right: 20px; width: 130px; margin-left: 30px; }
#footer .phone i { color: #ed1a3b; }
#footer .email { float: left; width: 130px; }
#footer .mlogo { float: right; width: 200px; text-align: right; margin-right: 25px; padding-top: 1px; }
#footer b { display: block; padding-bottom: 5px; }

.copyright { text-align: center; margin-bottom: 20px; }

/* AUTO CLEARING : http://www.positioniseverything.net/easyclearing.html */
	
	.clearfix:after, #masthead:after, #content-container:after, .about:after, .leadership:after, #footer:after
	{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
	
	.clearfix, #masthead, #content-container, .about, .leadership, #footer
	{display: inline-block;}
	
	/* Hides from IE-mac \*/
	* html .clearfix, * html #masthead, * html #content-container, * html .about, * html .leadership, * html #footer
	{height: 1%;}
	
	.clearfix, #masthead, #content-container, .about, .leadership, #footer
	{display: block;}
	/* End hide from IE-mac */