/*	CotterWeb.net Screen Styles */

/*	Core Screen Styles
------------------------------------ */
body {
	background: #e5e5e5;
	color: #000;
	font: 62.5% Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	}
#wrap {
	background: #fff url(../images/mattedBG.gif) top center repeat-y;
	margin: 0 auto;
	padding: 0 16px;
	width: 704px;
	text-align: center;
	}
form { margin: 0; padding: 0; text-align: left; } /* for IE */
img#faux-header { display: block; margin: 0 auto; padding: 0; width: 736px;}

/*	Typography
------------------------------------ */
a				{ border-bottom: 1px solid #59b68e; color: #006184; text-decoration: none; }
a:visited		{ color: #000; }
a:hover			{ background: #0079a4; color: #fff; }

h1, h2, h3,
h4, h5, h6		{ font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; }
h1				{ font-size: 2.8em; }
h2				{ font-size: 2.6em; }
h3				{ font-size: 2.2em; background: url(../images/seperator-horizontal-left.png) bottom left no-repeat; margin: 32px 0 8px; }
h4				{ font-size: 1.6em; margin-top: 0; }
h5				{ font-size: 1.4em; }
h6				{ font-size: 1.2em; }

p				{ font-size: 1.2em; line-height: 1.3em; margin: 0 0 1em 0; }
p.summary		{ font-size: 1.4em; font-weight:bold; }

ul				{ font-size: 1.2em; list-style: none; margin: 0 0 16px 0; padding: 0; }
li				{ line-height: 1.4em; margin: 0 0 0 32px; }
ul.bulleted		{ list-style: disc; margin: 0 1em; }
ul.bulleted li	{ margin: 0.5em 32px 0 32px; }

dl				{ font-size: 1.2em; margin: 0 32px 1em 32px; }
dt				{ font-weight: bold;  margin: 0 1em; }
dd				{ margin: 0 3em 0.5em 3em; }

dl dl			{ font-size: 1em; margin: 0.3em 0 0 0; }
dl dl dt		{ font-weight: normal; font-style: italic; margin: 0 1em; }
dl dl dd		{ margin: 0 1em;  }

span.indent		{ display:block; margin-left: 3em; }

/*	Header
------------------------------------ */
#header			{ background: #006184 url(../images/headerBG.gif) top left repeat-x; color: #fff; height: 98px; margin: 0; width: 704px; }
#header h1		{ float: left; height: 98px; margin: 0; padding: 0; }

	/*	Affiliate Login
	------------------------------------ */
	form#afLogin { padding: 4px 16px 0 0; text-align: right; }
	form h2 {
		color: #fff;
		font: small-caps 1.4em Verdana, sans-serif;
		margin: 0;
		}
	#afLogin label {
		color: #fff;
		float: left;
		margin: 0;
		text-align: right;
		width: 210px;
		}
	#afLogin .formField {
		border: 1px solid #666;
		font-size: 1em; 
		margin: 1px 0;
		padding: 2px;
		width: 114px;
		}
	#afSubmit {
		background: #cacaca url(../images/afSubmitBG.gif) bottom left repeat-x;
		border: 1px solid #fff;
		color: #404040;
		font-size: 1em;
		margin: 2px 0 0 125px;
		padding: 1px; 
		}
	#afSubmit:active {
		border: 1px solid #999;
		border-bottom-color: #fff;
		border-right-color: #fff;
		}


/*	Navigation
------------------------------------ */
ul#navigation {
	background: #4c595d url(../images/navBG.png) top left repeat-x;
	clear: both;
	font-size: 1.1em;
	height: 33px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 704px; 
	}

	/*	Tab Basics
	------------------------------------ */
	ul#navigation li {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		text-align: center;
		}
	li#nav-home          { width: 49px;  }
	li#nav-aboutUs       { width: 76px;  }
	li#nav-webProperties { width: 112px; }
	li#nav-advertisers   { width: 92px;  }
	li#nav-publishers    { width: 91px;  }
	li#nav-pressRoom     { width: 106px; }
	li#nav-careers       { width: 83px;  }
	li#nav-contactUs     { width: 95px;  }

	/*	Tab
	------------------------------------ */
	ul#navigation li a {
		border: none;
		color: #fff;
		display: block;
		min-height: 23px;
		padding: 10px 0 0 0;
		}
	li#nav-home          a { background: url(../images/nav-home.png)          left top no-repeat; }
	li#nav-aboutUs       a { background: url(../images/nav-aboutUs.png)       left top no-repeat; }
	li#nav-webProperties a { background: url(../images/nav-webProperties.png) left top no-repeat; }
	li#nav-advertisers   a { background: url(../images/nav-advertisers.png)   left top no-repeat; }
	li#nav-publishers    a { background: url(../images/nav-publishers.png)    left top no-repeat; }
	li#nav-pressRoom     a { background: url(../images/nav-pressRoom.png)     left top no-repeat; }
	li#nav-careers       a { background: url(../images/nav-careers.png)       left top no-repeat; }
	li#nav-contactUs     a { background: url(../images/nav-contactUs.png)     left top no-repeat; }
	
	/*	Tab Hover
	------------------------------------ */
	ul#navigation li     a:hover { color: #fff; }
	li#nav-home          a:hover { background: url(../images/nav-home-hover.png)          left top no-repeat; }
	li#nav-aboutUs       a:hover { background: url(../images/nav-aboutUs-hover.png)       left top no-repeat; }
	li#nav-webProperties a:hover { background: url(../images/nav-webProperties-hover.png) left top no-repeat; }
	li#nav-advertisers   a:hover { background: url(../images/nav-advertisers-hover.png)   left top no-repeat; }
	li#nav-publishers    a:hover { background: url(../images/nav-publishers-hover.png)    left top no-repeat; }
	li#nav-pressRoom     a:hover { background: url(../images/nav-pressRoom-hover.png)     left top no-repeat; }
	li#nav-careers       a:hover { background: url(../images/nav-careers-hover.png)       left top no-repeat; }
	li#nav-contactUs     a:hover { background: url(../images/nav-contactUs-hover.png)     left top no-repeat; }

	/*	Current Tab
	------------------------------------ */
	ul.home          li#nav-home,
	ul.aboutUs       li#nav-aboutUs,
	ul.webProperties li#nav-webProperties,
	ul.advertisers   li#nav-advertisers,
	ul.publishers    li#nav-publishers,
	ul.pressRoom     li#nav-pressRoom,
	ul.careers       li#nav-careers,
	ul.contactUs     li#nav-contactUs     { color: #fff; padding: 10px 0 0 0; min-height: 23px;      }

	ul.home          li#nav-home          { background: url(../images/nav-home-active.png);          }
	ul.aboutUs       li#nav-aboutUs       { background: url(../images/nav-aboutUs-active.png);       }
	ul.webProperties li#nav-webProperties { background: url(../images/nav-webProperties-active.png); }
	ul.advertisers   li#nav-advertisers   { background: url(../images/nav-advertisers-active.png);   }
	ul.publishers    li#nav-publishers    { background: url(../images/nav-publishers-active.png);    }
	ul.pressRoom     li#nav-pressRoom     { background: url(../images/nav-pressRoom-active.png);     }
	ul.careers       li#nav-careers       { background: url(../images/nav-careers-active.png);       }
	ul.contactUs     li#nav-contactUs     { background: url(../images/nav-contactUs-active.png);     }

/*	Content 
------------------------------------ */
#content {
	background: #fff;
	clear: both;
	margin: 0 auto;
	padding: 16px 14px 10px 14px;
	text-align: left;
	width: 676px; /* peekaboo! */
	}
#content h3 { clear: both; }
blockquote {
	background: #fff url(../images/blockquoteBG.gif) 8px -6px no-repeat;
	float: right;
	color: #333;
	font: 1.6em Georgia, "Times New Roman", Times, serif;
	margin: 0 0 16px 16px;
	padding: 0px 8px 8px 72px;
	width: 176px;
	}
h2#pageTitle {
	background: url(../images/seperator-left-blue.jpg) left bottom no-repeat;
	margin: 0 0 16px 0;
	padding: 0 0 4px 0;
	}
.seperated, .separated {
	background: url(../images/seperator-horizontal-center.png) top center no-repeat;
	padding: 16px 0 0 0;
	}
.cleared { zoom: 1; }
.cleared:after {
   	content: "."; 
    display: block; 
   	height: 0; 
    clear: both; 
   	visibility: hidden;
}
.left   { float: left;  margin-right: 4px; width: 334px; }
.right  { float: right; margin-left:  4px; width: 334px; }
.center { text-align:center; }
.testimonial { font-family: Georgia, serif; font-size: 1.4em; }

	/*	Press Releases
	------------------------------------ */
	.meta				{ border-bottom: 1px dotted #ccc; margin: 0 0 16px; zoom: 1; }
	.meta:after			{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.date				{ display: block; font-style: italic; margin-bottom: 8px; width: 164px; }
	.pdf, .video		{ background: #f3f3f3 url(/images/pdf-new.png) 0px 50% no-repeat; border: none; clear: right; display: block; float: right; margin: 0 0 0 16px; padding: 16px 8px 16px 38px; width: auto; }
	.video				{ background-image: url(/images/video-new.png);}
	.pdf span,
	.video span			{ border-bottom: 1px solid #59b68e; color: #006184; }
	a.pdf:hover			{ background: #0079a4 url(/images/pdf-new.png) -384px 50% no-repeat;}
	a.video:hover 		{ background: #0079a4 url(/images/video-new.png) -384px 50% no-repeat;}
	a.pdf:hover	span,
	a.video:hover span	{ border:none; color: #fff; }
	
	blockquote.article	{ color: #000; float: none; font: normal 1em Verdana, sans-serif; margin: 0 0 16px; padding: 0 64px; width: 548px; }

	/*	Contact Info
	------------------------------------ */
	.contact		{ margin:0; }
	.contactType	{ float: left; width: 128px; }
	.contactInfo	{ margin: 0 0 1em 128px; }

/*	Footer
------------------------------------ */
#footer {
	background: #e5e5e5 url(../images/matted-footer.gif) top center no-repeat;
	clear: both;
	margin: 0 -32px;
	padding: 32px 42px 5px;
	width: 684px;
	}
#footer .awards {
	float: right;
	margin: 0 0 16px 16px;
	height: 64px;
	width: auto;
	}
#footer .awards a, #footer .awards a img { border: none;}
#footer p {
	background: none;
	font-size: 1.1em;
	margin: 8px 0;
	padding: 0;
	text-align: left;
	}

/*	Individual Pages	------------------------------------ */

	/*	About Us
	------------------------------------ */
	/*a.award { border: none float: left; margin: 0 16px 0 0; } */
	#content .awards { background: #f2f2f2; border: 1px solid #dadada; padding: 16px; }
	#content .award { clear: both; }
	#content .award .image { float: left; height: 64px; width: 128px; }
	#content .award .image a { border: none; }
	#content .award .description { margin:0 0 0 128px; }
	#content .award .date { float: left; font-style: italic; padding-bottom: 8px; }
	#content .award .moreinfo { float: right; font-weight: normal; }
	ul#webProperties {
		background: #fff;
		clear: both;
		color: #fff;
		font-size: 1.1em;
		list-style: none;
		margin: 0; /* ie6.css */
		padding: 0;
		text-align: left;
		width: 676px;
		}
	ul#webProperties:after {
    	content: "."; 
	    display: block; 
    	height: 0; 
	    clear: both; 
    	visibility: hidden;
	}
	ul#webProperties a { color: #fff; }
	ul#webProperties li {
		display: inline;
		float: left;
		font-size: 0.8em;
		margin: 0;
		padding: 0;
		}
	p.wp-desc { margin: 0; padding: 8px; }
	p.wp-link { margin: 0; padding: 4px 0px 16px 8px; }

		/*	Linked Logos
		------------------------------------ */
		a.wp-logo {
			background: transparent;
			border: none;
			display: block;
			height: 56px;
			margin: 0;
			padding: 0;
			width: 338px;
			}
		a.wp-logo:hover { background: transparent; }
		a.wp-logo img { display: block; margin: 0; padding: 0;}

		/*	Individual Columns
		------------------------------------ */
		.wp-ibd  { background: #6f6f6f url(../images/wp-ibd.gif) top left repeat-y; width: 338px; } 
		.wp-ibd p.wp-desc { background: transparent url(../images/wp-desc-ibd.png) top left no-repeat; }
		.wp-ibd p.wp-link { background: transparent url(../images/wp-link-ibd.png) bottom left no-repeat; }

		.wp-se  { background: #6f6f6f url(../images/wp-se.gif) top left repeat-y; width: 338px; } 
		.wp-se p.wp-desc { background: transparent url(../images/wp-desc-se.png) top left no-repeat; }
		.wp-se p.wp-link { background: transparent url(../images/wp-link-se.png) bottom left no-repeat; }

	/*	Web Properties
	------------------------------------ */
	.collage        { float: right; } 
	.webproperty h3 { background: url(../images/seperator-horizontal-left.png) bottom left no-repeat; margin: 0 0 8px 0; }
	.webproperty p  { width: 481px;}

	/*	Publishers
	------------------------------------ */
	a#publisherSignup {
		border: none;
		color: #006184;
		display: block;
		font: 2.2em "Times New Roman", Times, serif;
		margin: 0;
		padding: 12px;
		text-align: center;
		}
	a#publisherSignup:hover {
		background: #fff;
		color: #fff;
	}
	
	/*	Careers
	------------------------------------ */
	img#careersPhoto { display: block; margin: 0 0 16px 0; }

	/*	Contact Us
	------------------------------------ */
	#contactForm { background: url(../images/businessCard.jpg) bottom right no-repeat; }
	address {
		background: #e0e0e0;
		clear: right;
		color: #333;
		float: right;
		font: 1.8em Times, "Times New Roman", serif;
		margin: 0 0 16px 16px;
		padding: 8px;
		width: 255px;
		}
	label { display: block; padding: 4px 0 0 2px; }
	textarea { font: 1.2em Verdana, sans-serif; width: 384px; }