/* 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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
/* end reset */

body {
	text-align: center;
	background: url(../images/NM_Main_Bg.jpg) repeat-x #0094e1;
	font: 12px/20px "Lucida Grande", Arial, Sans-serif;
}

p {
	font: 12px/18px "Lucida Grande", Arial, Sans-serif;
	margin-bottom: 2.0em;
}

a {
	color: #007499;
	text-decoration: none;
	background-color: transparent;
	border-bottom: 1px dotted #007499;
}

a:hover {
	color: #009DCE;
	border-bottom: 1px dotted #009DCE;
}

a.noUnderline, a.noUnderline:hover {
	border: none;
}

.center {
	display: block;
	text-align: center;
}

#mainHeader a {
	border: none; 
}

#freeMediaAnalysisButton a {
	border: none;
}

.wrapper {
	display: block;
	width: 960px;
	margin: auto;
}

.wrapper1020 {
	display: block;
	width: 1020px;
	margin: auto;
}

#mainHeader {
	border-top: 5px solid #033a56;
	text-align: center;
	padding-top: 25px;
}

#nav {
	
}

#mainBillboard {
	text-indent: -9999px;
	width: 1020px;
	height: 377px;
	background: url(../images/NM_Main_Billboard.jpg) no-repeat;
}

#mainUnder {
	width: 1020px;
	height: 158px;
	background: url(../images/NM_Main_Billboard_Under.jpg) no-repeat;
	padding: 70px 0px 0px 0px;
}
#innerUnder {
	width: 1020px;
	height: 165px;
	background: url(../images/NM_Inner_Cont_Bottom.jpg) no-repeat;
	padding: 70px 0px 0px 0px;
}

#footer {
	background: url(../images/NM_Footer_TopBorder.jpg) no-repeat;
	text-align: center;
	font: 14px/36px "Lucida Grande", Arial, Sans-serif;
	color: #fff;
	padding-top: 10px;
	margin: 0px 0px 0px 0px;
}

#innerUnder #footer {
	margin-top: 30px;
}

#footer ul {
}

#footer ul li {
	list-style: none;
	font-size: 11px;
	display: inline;
}

#footer ul li a {
	color: #fff;
	font: 11px/18px "Lucida Grande", Arial, Sans-serif;
	text-transform: uppercase;	
	padding: 6px 6px 6px 6px;
	border: none;
}

#footer ul li a:hover {
	color: #0094e1;
	background-color: #fff;
}



/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  	font-family: "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Lucida Grande", Arial, Helvetica, sans-serif;
  	z-index: 100;
  	position: relative;
	height: 30px;
}
.nav li {
  	float: left;
  	margin: 0;
  	padding: 0;
  	position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  	font: normal 14px/30px "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Lucida Grande", Arial, Helvetica, sans-serif;
  	color: #fff;
	height: 30px;
	width: 158px;
  	display: block;
  	text-transform: uppercase;
  	text-decoration: none;
	border: none;
}

.nav li a:hover {
	background: url(../images/NM_Nav_Sel_Bg.jpg) repeat-x #d47800;


}
#nav-one {
	background: url(../images/NM_Nav_Bg.jpg) repeat-x;
	height: 30px;
}
#nav-one li:hover a, 
#nav-one li.sfHover a {
	border: none;
}

#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  	background: #052d40;
  	color: #fff;
	border-bottom: 1px dashed #315c71;
	padding: 0px 6px 0px 6px;
	font: normal 14px/30px "Lucida Grande", Arial, Helvetica, sans-serif;
	text-transform: none;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  	background: #d47800;
  	color: #fff;	
}

.nav ul {
  	list-style: none;
  	margin: 0;
  	position: absolute;
  	top: -999em;
  	left: -1px;
	filter:alpha(opacity=90);   
	-moz-opacity: .9;   
	opacity: .9;
	background: #052d40;
	padding: 8px;
	text-align: left;
}
.nav li:hover ul,
.nav li.sfHover ul {
  	top: 30px;
}
.nav ul li {
  	border: 0;
  	float: none;
}
#nav-one li.endcap {
	background: none;
	background-color: #fff;
}
.nav ul a {
  	border-bottom: 0;
  	padding-right: 20px;
  	white-space: nowrap;
}
.nav ul a:hover {
  	background: #ccc;
  	color: #000;
}

#container {
	width: 960px;
	padding: 27px 30px 0px 30px;
	text-align: left;
	background: url(../images/NM_Container_Top.jpg) top center no-repeat;
}

#container h1 {
	text-indent: -9999px;
}

#container h1.About {
	background: url(../images/headings/NM_About.jpg) no-repeat;
	width: 940px;
	height :89px;
	margin: 0px 10px 10px 10px;
}

#container h1.WhyNewtonMedia {
	background: url(../images/headings/NM_WhyNewtonMedia.jpg) no-repeat;
	width: 940px;
	height :89px;
	margin: 0px 10px 10px 10px;
}

#container h1.Services {
	background: url(../images/headings/NM_Services.jpg) no-repeat;
	width: 940px;
	height :89px;
	margin: 0px 10px 10px 10px;
}

#container h1.Contact {
	background: url(../images/headings/NM_Contact.jpg) no-repeat;
	width: 940px;
	height :89px;
	margin: 0px 10px 10px 10px;
}

#container h3.About {
	line-height: 1.0em;
}

#container h2 {
	display: block;
	font: normal 27px/27px "Lucida Grande", Arial, Sans-serif;
	color: #666;
	border-bottom: 1px dotted #eee;
	margin-bottom: 1.0em;
}

#content {
	padding: 40px 40px 60px 40px;
	background: #fff;
	min-height: 450px;
	display: block;
	width: 880px;
}

h3 {
	font: bold 18px/24px "Lucida Grande", Arial, Sans-serif;
	color: #033a56;
	margin-bottom: 36px;
}

h4 {
	font: bold 14px/24px "Lucida Grande", Arial, Sans-serif;
	color: #033a56;
}

#subhead {
	font: 18px/20px "Lucida Grande", Arial, Sans-serif;
	font-weight: normal;
	line-height: 2.2em;
	width: 530px;
}
#caseHead {
	font: 16px/27px Arial, Sans-serif;
	color: #fff;
	background-color: #999;
	padding: 4px;
	margin: 50px 0px 0px 0px;
	text-align: center;
}

.caseStudy {
	display: block;
	padding: 20px;
}

.caseStudy strong {
	font-size: 18px;
	display: block;
	color: #999;
}

.caseStudy p {
	margin-bottom: 2.4em;
}

.leader {
	display: block;
	clear: both;
	border-bottom: 1px dotted #eee;
	padding: 30px 0px 30px 0px;
}

.leader strong {
	font-size: 1.8em;
	margin-bottom: .06em;
	display: block;
}

.leader .leaderTitle {
	font: 14px/18px Arial;
	color: #999;
	margin-bottom: .5em;
	display: block;
}

.leaderImage {
	float: left;
	margin: 0px 30px 0px 0px;
	padding: 10px;
	border: 1px solid #f6f6f6;
}

.clear {
	clear: both;
}

/* ***************************************************** */
/* form elements for 'Media Analysis' form */

.form{
	border: 1px solid #f6f6f6;
	padding: 10px;
	height: 400px;
}

.form #col1{

	float: left;
	width: 250px;
	padding-bottom: 40px;
	margin-left: 5px;
	margin-top: 10px;	
}

.form #col2{
	margin-top: 14px;
	margin-right: 40px;
	margin-left: 20px;
	width: 275px;
	display: inline;
	float: right;
}

.form #submit{
	float: right;
	margin-top:5px;
	margin-right:10px;
	text-align: right;
	padding-right:10px;
}

.form textarea{
	float: left;
	width: 250px;
	height: 131px;
}

.form #text{	
	width: 350px;
}

#caption{	
	font: 10px/12px "Lucida Grande", Arial, Sans-serif;
	color: #fcfcfc;
	float: right;
	margin-right:5px;
}

#errorText p{	
	font: bold 10px/12px "Lucida Grande", Arial, Sans-serif;
	color: #ff0000;	
	width:400px;
	margin: 3px 0px 8px 0px;
}

label {
	color: #666;
}

/* ***************************************************** */
/* contains everything below h2/h3 elements */

#pageText{
	width: 490px;
	display: inline;
	float: left;
	padding-right:16px;
	min-height:500px;
}
/* ****************************************************** */
/* the small form that is displayed in the content pages */

#form_insert{
	width: 240px;
	display: inline;
	float: right;
	border: 1px solid #fff;
	vertical-align:top;
	padding: 10px 6px 10px 6px;
	background: url(../images/NM_Sidebar.jpg) no-repeat;
	margin-left: 40px;
	margin-top: 6px;
}

#form_insert form{
	margin-left:6px;
	
}
#form_insert textarea{
	width: 210px;
	height: 110px;
	margin-bottom: 20px;
}

#form_insert h3 {
	font: bold 14px/18px Arial;
	color: #333;
	margin:0;
	padding-bottom: 6px;
	padding-top: 4px;
	border-bottom: 1px dotted #999;
	text-align: center;
	
}

#form_insert input {
	margin-bottom: 20px;
}

#form_insert label{
	display: block;
	font: bold 12px/14px "Lucida Grande", Arial, Sans-serif;
	margin-left:6px;
	margin-bottom: 4px;
	color: #666;
}

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

#freeMediaAnalysisButton {
	display: inline;
	float: right;
	margin-top: 20px;
}

.clear {
	clear:both;
}

.testimonial {
	display: block;
	margin-bottom: 20px;
	clear: both;
	border-bottom: 1px dashed #ccc;
	padding: 10px 8px 10px 8px;
}

.testimonial p.quote {
	font: 12px/18px Arial;
	color: #333;
	display: block;
	margin-bottom: 18px;
}

.testimonial p.quote strong {
	font: bold 12px/18px Arial;
	color: #333;
	display: block;
	margin-top: 18px;
	font-style: italic;
	text-align:right;
}

.clientIcon {
	float: left;
	display: inline;
	width: 75px;
	height: 75px;
	margin: 0px 18px 50px 0px;
}

/* ****************************************************** */
/* quotebox - displays a random testimonial entry in the right column */

#quotebox{
	border-bottom: 1px dashed #ccc;
	border-top: 1px dashed #ccc;
	text-align: justify; 
	padding-bottom: 18px;
	padding-top: 18px;
	margin-bottom: 10px;
}

#quotebox p{
	font: 10px/12px "Lucida Grande", Arial, Sans-serif;	
	color: #333;
	margin-top: 6px;
}

#quotebox img{
	vertical-align: top;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
}

#quotebox #quotedBy{
	font: 12px/14px Arial;
	font-weight: bold;
	font-style:italic;
	color: #666;
	margin-top: 6px;
	margin-bottom:6px;
	text-align: right;
	margin-top: 12px;
}

.quoteboxImage {
	display: block;
	text-align: center;
	margin-bottom: 8px;
}

#sidebar{
	float: right;
	width:250px;
}

/* ****************************************************** */
/* items for clients page */

#lowerColumns{
	display: inline;
	vertical-align: bottom;
}

#lower1{
	margin-top: 30px;
	width: 340px;
	float: left;
	margin-right:10px;
}

#lower2{
	margin-top: 30px;
	width: 340px;
	text-align: left;
	float: right;
}


#clientThumbs {
	height: 110px;
	overflow-x: auto;
	overflow-y: hidden;
	text-align: left;
	display: block;
	border-top: 1px dashed #eee;
	border-left: 1px dashed #eee;
	border-right: 1px dashed #eee;
}

#clientThumbs ul {
	display: block;
	width: 1200px;
}

#clientThumbs ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#clientThumbs ul li{
	padding: 3px;
	border: 1px dotted #fff;
	display: inline;
}

#clientThumbs img{
	padding: 3px;
	border: 1px dotted #fff;
	width: 75px;
	height: 75px;
}

#clientThumbs a {
	border: 0;
}
#clientThumbs ul li img:hover {border: 1px dotted #98C2CC;}

#clientListing {
	margin-left: -30px;
	display: block;
	height: 150px;
}