/* COLOR PALETTE:

Orange
#ff6600   link / dark text
#ff981e   headlines / bkgds

Greens
#93a445  Main Green
#b1bd78  Lighter
#e5eace   Lightest

Blues
#8ce2ff   ice
#00539b   pale royal

*/

/**Start 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;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**End Reset*********************************/

/**** Globals ****/

body {
	color:#333;
	background:#575757 url(/images/bkgdFooter.png) top left repeat;	
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	/* font-family:Verdana, Geneva, sans-serif;*/ 
	font-size:90%;
	behavior: url(/includes/iepngfix.htc);
}

a {
	color:#ff6600;
	text-decoration:underline;
}
a:hover {color:#93a445; }
.none { text-decoration:none;}

.png {
	behavior: url(/includes/iepngfix.htc);
}

/**** common h tags ****/

#content h1 {
	font-size:24px;
	font-weight:bold;
	color: #232b0c;
	padding:0 0 5px 0;
	margin: 0 0 7px 0;
	text-indent:0;
}
#content h1.services {
	text-indent:-99999px;
	background:url(/images/txtServices.gif) top left no-repeat;
	width:460px; 
	height:50px;
	overflow:hidden;
	margin-left:-10px;
}
	#content h1.contact {
	text-indent:-99999px;
	background:url(/images/txt-contact-radii.gif) top left no-repeat;
	width:460px; 
	height:50px;
	overflow:hidden;
	margin-left:-10px;
}
	#content h1.news {
	text-indent:-99999px;
	background:url(/images/txt-news.gif) top left no-repeat;
	width:460px; 
	height:50px;
	overflow:hidden;
		margin-left:-10px;
}
	#content h1.portfolio {
	text-indent:-99999px;
	background:url(/images/txt-portfolio.gif) top left no-repeat;
	width:460px; 
	height:50px;
	overflow:hidden;
		margin-left:-10px;
}
	#content h1.people {
	text-indent:-99999px;
	background:url(/images/txt-people.gif) top left no-repeat;
	width:460px; 
	height:50px;
	overflow:hidden;
		margin-left:-10px;
}
	#content h1.files {
	height:50px;
	overflow:hidden;
}

#content h2 {
	font-size:20px;
	font-weight:bold;
	color: #232b0c;
	margin: 0 0 6px 0;
}
#content h3 {
	font-size:17px;
	font-weight:normal;
	color: #232b0c;
	margin: 20px 0 6px 0;
}
#content h3 a {
	color:#333;
	text-decoration:none;
}

/***  structure ***/

#containerHeader {
	width:100%;
	background: url(/images/bkgdHeader.gif) top left repeat-x;
}
#headerBkgd {
	width:100%;
	background: url(/images/header.gif) top center no-repeat;
}
#header {
	width:960px;
	position:relative;
	margin:0px auto;
	height:229px;
	overflow:hidden;
}
#header h1 {text-indent:-99999px}

#logo {
	position:absolute;
	top:0px;
	left:0px;
	width:200px;
	height:200px;
}
#logo a {
	display:block;
	width:200px;
	height:200px;
}

#social {
	position:absolute;
	width:400px;
	height:185px;
	overflow:hidden;
	top:29px;
	right:0px;
}
#social a.blog,
#social a.twitter,
#social a.facebook,
#social a.youtube {
	width:49px;
	height:185px;
	overflow:hidden;
	background: url(/images/socialLinks.png);
	behavior: url(/includes/iepngfix.htc);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:right;
}
	#social a.blog { background-position:0px 0px; }
	#social a.twitter { background-position:-49px 0px; }
	#social a.facebook { background-position:-98px 0px; }
	#social a.youtube { background-position:-147px 0px; }
	
	#social a:hover.blog { background-position:0px -185px; }
	#social a:hover.twitter { background-position:-49px -185px; }
	#social a:hover.facebook { background-position:-98px -185px; }
	#social a:hover.youtube { background-position:-147px -185px; }
	
#navContainer {
	background: url(/images/navbarBkgd.gif) top left repeat-x;
}

#mainNav {
height:85px;
width:960px;
z-index:5000;
position:relative;
margin:0px auto;
/* mainNav in nav.css */
}
#navBkgd {
	background:url(/images/navBigBkgd.gif) top center no-repeat;
}

						#bannerHome {
							width:960px;
							height:286px;
							background: #c9d593 url(/images/banner-home.jpg) top left no-repeat;
							overflow:hidden;
							margin-top:-1px;
						}
						#banner {
							width:960px;
							height:95px;
							background: #fff url(/images/bkgdBanner.jpg) top left no-repeat;
							overflow:hidden;
							margin-top:-1px;
						}
						#banner h1 {
							font-size:24px;
							color:#232b0c;
							padding:30px 0 0 300px;
							font-weight:normal;
						}
						#banner h1 span.small{
							font-size:14px;
						}

#contentContainer	 {
	background:#fff url(/images/bkgdContent.gif) top center no-repeat;
	width:100%;
	min-height:300px;
}
#content {
	width:960px;
	margin:0px auto;
	font-size:85%;
}






/* twitter */

#tweet {
	width:960px;
	height:153px;
	overflow:hidden;
	position:relative;
	background:url(/images/bkgdTweet.png) top left no-repeat;
	behavior: url(/includes/iepngfix.htc);
	margin:-50px auto 0 auto;
	}
	#tweet a.follow {
		position:absolute;
		top:65px;
		left:5px;
		width:140px;
		height:30px;
		text-align:center;
		font-size:75%;
		display:block;
		color:#fff;
		text-decoration:underline;
	}
 #tweet p.twitterMessage {
		position:absolute;
		top:33px;
		left:230px;
		width:680px;
		height:50px;
		text-align:left;
		font-size:90%;
		color:#222;
		line-height:15px;
	}
	#tweet p.twitterMessage span {
		color:#c9d593;
	}



#tweetSideTop {
	width:300px;
	height:100px;
	overflow:auto;
	position:relative;
	background:url(/images/twitterSideTop.gif) top left no-repeat;
	}
	#tweetSideTop p.who {
	position:absolute;
	top:30px;
	left:73px;
	font-size:15px;
	}
	
 #tweetSide p.twitterMessage {
	width:260px;
	text-align:left;
	font-size:12px;
	color:#222;
	line-height:15px;
	margin:0px auto;
	}
	#tweetSide p.twitterMessage span {
		color:#93a445;
	}
	
#tweetSideBottom {
	position:relative;
	width:300px;
	height:94px;
	background:url(/images/twitterSideBottom.gif) top left no-repeat;
}
#tweetSideBottom a.followLink {
	position:absolute;
	top:25px;
	right:37px;
	width:240px;
	height:30px;
	text-align:right;
	font-size:75%;
	display:block;
	color:#fff;
	text-decoration:underline;
	}




#content ul {
	display:block;
	list-style:disc;
	margin:10px;
}
#content li {
border-bottom:1px dotted #ddd;
line-height:auto;
padding:8px 0;
color:#000;
margin:5px 0;
}
#content li b {
color:#333;
}



#crumb {
	font-size:85%;
	color:#978f9a;
}
#crumb b {color:#000; font-weight:bold; }

/****  columns for content ****/
.homeLeft {width:600px; float:left;}
.homeRight {
	width:330px;
	float:right;
}

.mainLeft { width:600px; float:left; margin-left:20px; }
.mainRight { width:300px; float:right; }


.col-3 {	width:300px;	float:left; }
.col-4 { width:220px; float:left; }
.col-3-spacer, .col-4-spacer {float:left; width:20px; }




/* basics */

#content p.text {
	font-size:100%;
	margin:10px 15px 0 0;
	line-height:32px;
}




/* home page new */
p.new {
	min-height:50px;
	line-height:16px;
}
p.new a {
	padding:20px;
	display:block;
	color:#333;
	text-decoration:none;
	margin:0 0 10px 0;
	background:url(/images/bkgdNew.gif) bottom right no-repeat;
		border:1px dotted #fff;
		font-weight:bold;
}
p.new a:hover {
	color:#93a445;
	border:1px dotted #999;
}

/* buttons */
p.bigButton {
 float:left;
	margin:5px;
	overflow:hidden;
	font-size:14px;
	line-height:22px;
	padding:0px;
}
	p.bigButton a {
		background: url(/images/buttonBigOff.gif) top left no-repeat;
		padding:7px 5px;
		display:block;
		text-decoration:none;
		color:#000;
		width:180px;
		height:137px;
	}
	p.bigButton a:hover {
		background: url(/images/buttonBigOver.gif) top left no-repeat;
		color:#fff;
		text-decoration:none;
	}
p.bigButton a span {
	font-size:11.5px;
	line-height:16px;
	color:#999;
}

p.smallButton {
 float:left;
	margin:5px;
	overflow:hidden;
	font-size:13px;
	line-height:22px;
	padding:0px;
}
	p.smallButton a {
		background: url(/images/buttonSmallOff.gif) top left no-repeat;
		padding:7px 5px;
		display:block;
		text-decoration:none;
		color:#000;
		width:130px;
		height:120px;
	}
	p.smallButton a:hover {
		background: url(/images/buttonSmallOver.gif) top left no-repeat;
		color:#fff;
		text-decoration:none;
	}
p.smallButton a span {
	font-size:11px;
	line-height:16px;
	color:#999;
}



#content #sidebarNav p {
margin:3px 0px;
}
#content #sidebarNav a {
color:#333;
text-decoration:none;
padding:8px 7px 8px 20px;
display:block;
background: url(/images/bkgdSidebarOff.gif) left top no-repeat;
border:1px solid #fff;
}
#content #sidebarNav a:hover {
color:#333;
background: url(/images/bkgdSidebarOver.gif) left top no-repeat;
}
#content #sidebarNav a.here {
color:#fff;
text-decoration:none;
background: url(/images/bkgdSidebarOn.gif) left center no-repeat;
padding:8px 7px 8px 20px;
display:block;
}
#content #sidebarNav a:hover.here {
color:#fff;
}
#content #sidebarNav h3.sidebar {
	margin-bottom:15px;
}


/* portfolio */

a.brand {background:url(/images/portfolio-brand.jpg) top left no-repeat; width:600px; height:270px; display:block; }
a:hover.brand {background-position:0px -270px;}

a.web {background:url(/images/portfolio-web.jpg) top left no-repeat; width:600px; height:270px; display:block; }
a:hover.web {background-position:0px -270px;}

a.print {background:url(/images/portfolio-print.jpg) top left no-repeat; width:600px; height:270px; display:block; }
a:hover.print {background-position:0px -270px;}

a.collateral {background:url(/images/portfolio-collateral.jpg) top left no-repeat; width:600px; height:270px; display:block; }
a:hover.collateral {background-position:0px -270px;}

a.direct {background:url(/images/portfolio-direct.jpg) top left no-repeat; width:600px; height:270px; display:block; }
a:hover.direct {background-position:0px -270px;}

a.tradeshows {background:url(/images/portfolio-tradeshows.jpg) top left no-repeat; width:600px; height:270px; display:block; }
a:hover.tradeshows {background-position:0px -270px;}

a.pr {background:url(/images/portfolio-pr.jpg) top left no-repeat; width:600px; height:270px; display:block; }
a:hover.pr {background-position:0px -270px;}

.item a {
	padding:4px;
	border:2px solid #ccc;
	float:left;
	margin:3px 3px 3px 3px; 
}
.item a:hover {
	border:2px solid #444;
}
.item a.large {
	margin:5px 0px; 
}
.item a:hover.large {

}
 /* pr */
	
	.prItem, .prItemYouTube {
		margin:0 0 15px 0;
		width: 600px;
	 border-top:1px dotted #aaa;
		line-height:18px;
	}
.prItem a {
	padding:10px 0 0 20px;
	background:url(/images/pdf80.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	color:#333;
	text-decoration:none;
	display:block;
	height:70px;
}
.prItem a:hover {
	background-position:0px -80px;
	text-decoration:none;
}
.prItemYouTube a {
	padding:10px 0 0 20px;
	background:url(/images/youtube80.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	color:#333;
	text-decoration:none;
	display:block;
	height:70px;
}
.prItemYouTube a:hover {
	background-position:0px -80px;
	text-decoration:none;
}
.prPub {
	font-size:18px;
	font-weight:normal;
}
.prDate {
	font-size:14px;
	color:#999;
}
.prClient {
	font-size:12px;
	font-style:italic;
	color:#555;
}


	
/* people */

.bioPix {
	float:left;
	width:265px;
	margin:0 10px 0 -35px;
}

/* news page */

.storyTease {
	margin:20px 0px;
	padding:10px 0px 15px 0px;
	border-bottom:1px dotted #999;
}


#date {
	float:left;
	width:60px;
	margin:0 0 0 0;
	border:1px solid #ddd;
	padding:1px;
	background:#fff;
}

#date .month {
	color:#fff;
	background:#93a445;
	font-weight:bold;
	font-size:12px;
	letter-spacing:3px;
	text-align:center;
	padding:1px 0px;
}
#date .day {
	color:#000;
	background:#ccc;
	font-weight:bold;
	font-size:28px;
	text-align:center;
	padding:1px 0px;
	font-family:Verdana, Geneva, sans-serif;
	margin:1px 0;
	letter-spacing:-2px;
}
#date .year {
	color:#fff;
	background:#555;
	font-size:11px;
	letter-spacing:2px;
	text-align:center;
	padding:1px 0px;
}

#story {
	float:right;
	width:520px;
}
#story h2 {
	margin:0;
	font-size:16px;
}
#story p.text {
	font-size:100%;
	margin:10px 15px 0 0;
	line-height:32px;
}


/* file uploads pages */

.uploads {
	margin:20px 0px;

}



#file {
border:1px dotted #aaa;
padding:0 0 20px 0;
}
#file h2 {
	margin:0 0 20px 0;
	font-size:16px;
	background:#eee url(/images/bkgdCorner.gif) top left no-repeat;
	padding:20px 20px 20px 30px;
	border-bottom:2px dotted #999;
}
#file p {
	font-size:110%;
	margin:15px 15px 0 20px;
 line-height:24px;
}

#file a {
	diplay:block;
	margin:10px 0 10px 0;
	padding:7px 0 15px 40px;
	background-position:0px 0px;
	background-repeat:no-repeat;
}
#file a.ai { background-image:url(/images/icons/ai.jpg); }
#file a.doc { background-image:url(/images/icons/doc.jpg); }
#file a.eps { background-image:url(/images/icons/eps.jpg); }
#file a.fl { background-image:url(/images/icons/fl.jpg); }
#file a.id { background-image:url(/images/icons/id.jpg); }
#file a.jpg { background-image:url(/images/icons/jpg.jpg); }
#file a.pdf { background-image:url(/images/icons/pdf.jpg); }
#file a.ps { background-image:url(/images/icons/ps.jpg); }
#file a.qxp { background-image:url(/images/icons/qxp.jpg); }
#file a.xls { background-image:url(/images/icons/xls.jpg); }
#file a.zip { background-image:url(/images/icons/zip.jpg); }


/* contact form */

#contact {
}

#contact .label {
	width:170px;
	font-size:13px;
	color:#555;
	font-weight:bold;
	padding:15px 10px 10px 0;
	text-align:right;
	float:left;
}
#contact .form {
	width:360px;
	text-align:left;
	margin-left:10px;
	float:left;
}
#contact input {
	border:2px solid #777;
	color:#444444;
	font-size:14px;
	margin:5px 0 0;
	padding:6px;
	width:350px;
	background:#fff url(/Images/bkgdform.gif) top left repeat-x;
}
#contact textarea#comments {
	border:2px solid #777;
	color:#444444;
	margin:5px 0 0;
	padding:3px;
	width:355px;
	height:250px;
	overflow:auto;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	line-height:22px;
	font-size:14px;
}
#contact input:focus, #contact textarea:focus {
	background:url(/images/gfxFocus.gif) top left repeat-x;
}
#contact .button {
	border:0px;
	width:auto;
	background:none;
	margin-right:0px;
	}
.error {
	color:#C00;
	font-weight:bold;
	font-size:13px;
}

/* newsletter list */
#newsletterList {
	margin:15px 0 0 0;
}
#newsletterList a {
	background: url(/images/newsletter.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding:0 0 0 120px;
	font-size: 120%;
	height:100px;
	overflow:hidden;
	display:block;
	text-decoration:none;
	line-height:16px;
}
#newsletterList a span {
	color:#978f9a;
	font-style:italic;
	text-decoration:none;
	font-size:12px;
}
#newsletterList a:hover {
	background-position:0px -100px;
}

/* events page */
#eventMonths {
	background:url(/images/teaserBottomCapRight.gif) bottom left no-repeat;
	padding:0 0 10px 0;
}
#eventMonths p {
	text-align: left;
	margin:0px;
}
#eventMonths p a {
	padding:6px 15px 6px 60px;
	display:block;
}
#eventMonths p a:hover {
	background:#e9d8ee;
}
#eventMonths p a span {
	color:#978f9a;
}
/* Faculty Listings */


#tabs {
	height:32px;
	overflow:hidden;
	padding-left:50px;
	margin-bottom:20px;
}
#tabs a {
	float:left;
	width:136px;
	height:32px;
	overflow:hidden;
	background:url(/images/bkgdTabs.gif);
	background-position:0px -32px;
	background-repeat:no-repeat;
	text-decoration:none;
	padding-top:8px;
	font-size:110%;
	text-align:center;
	display:block;
}
#tabs a:hover {	background-position:0px -64px;}
#tabs a.on, #tabs a:hover.on {	background-position:0px 0px;}


/****  blog ****/

#sidebar { width:300px; float:right; }
#sidebar h3 {
		font-size:18px;
	font-weight:bold;
	color: #232b0c;
	margin: 0 0 6px 0;
	text-align:left;
}
#sidebar ul {
	display:block;
	list-style:none;
	margin:10px 0px 10px 20px;
	text-align:left;
}
#sidebar li {
border-bottom:0px dotted #ddd;
line-height:auto;
padding:3px 0;
color:#000;
margin:3px 0;
text-align:left;
}
#sidebar li b {
color:#333;
}
#sidebar li.holder, #sidebar li.categories, #sidebar li.pagenav {
	padding:20px;
	display:block;
	color:#333;
	text-decoration:none;
	margin:0 0 10px 0;
	background:url(/images/bkgdNew.gif) bottom right no-repeat;
		border:1px dotted #bbb;
}

#blogContent { width:600px; float:left; margin-left:20px; }

#blogContent h2 {
	font-size:23px;
	line-height:32px;
	font-weight:normal;
	color: #232b0c;
	margin: 20px 0 10px 0;
}
#blogContent h2.pagetitle {
	font-size:16px;
	font-weight:normal;
	color: #bbb;
	margin: 10px 0 0 0;
	background:#666;
	padding:3px 10px;
	font-weight:normal;
	letter-spacing:2px;
}
#blogContent h2 a {
	color:#333;
	text-decoration:none;
}
#blogContent .date {
	font-size:11px;
	color:#999;
	letter-spacing:2px;
	padding:8px;
	margin:8px 0px 20px 0px;
	border-top:1px dotted #bbb;
	border-bottom:1px dotted #bbb;
}
#blogContent .entry p {
	margin:10px 0px 15px 0px;
	font-size:12px;
	line-height:21px;
}
#blogContent .entry IMG {
	padding:5px;
	margin:0px 10px 10px 10px;
	border:1px solid #999;
}
#blogContent p.postmetadata {
	font-size:10px;
	color:#999;
	margin-top:25px;
	line-height:14px;
}
#blogContent p.postmetadata a {
	color:#93a445;
}

#blogContent #author, #blogContent #email, #blogContent #url {
	width:250px;
	border:2px solid #bbb;
	padding:7px;
	font-size:13px;
	color:#555;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin:5px 0px;
}
#blogContent #comment {
	width:600px;
	height:200px;
	border:2px solid #bbb;
	padding:7px;
	font-size:13px;
	color:#555;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin:5px 0px;
	overflow:auto;
}
#blogContent .small {
	font-size:11px;
	color:#999;
	font-style:italic;
}
#blogContent #submit {
	width:180px;
	height:48px;
	margin-top:10px;
	background:url(../images/submitComment.gif) top left no-repeat;
	display:block;
	overflow:hidden;
	border:0px;
	padding:15px 0 0 45px;
	font-weight:normal;
}

#searchform #searchsubmit {
	width:166px;
	height:48px;
	background:url(../images/searchBlog.gif) top left no-repeat;
	display:block;
	overflow:hidden;
	border:0px;
	padding:15px 0 0 45px;
	font-weight:normal;
}
#searchform #s {
	width:210px;
	border:2px solid #bbb;
	padding:7px;
	font-size:13px;
	color:#555;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin:5px 0px;
}
#searchform .screen-reader-text {
	font-size:11px;
	padding:5px 10px;
	background:#eee;
	border-left:1px solid #bbb;
	border-top:1px solid #bbb;
	border-right:1px solid #bbb;
}

#blogContent .comment-body {
	font-size:12px;
	line-height:19px;
	background: url(../images/bkgdNew.gif) bottom right no-repeat;
	padding:10px 10px 20px 10px;
}
#blogContent .fn {
	font-size:14px;
}
#blogContent .comment-meta {
	margin-bottom:10px;
}
#blogContent .avatar {
	float:left;
	width:32px;
	height:32px;
	overflow:hidden;
	margin-right:15px;
}

#blogContent .postauthor {
	line-height:18px;
	font-size:11px;
	color:#666;
	padding:10px 20px;
	background:#eee;
	border:1px dotted #ddd;
}
#blogContent .arrow {
	width:600px;
	height:110px;
	overflow:hidden;
	background:url(../images/arrowBlog.gif) top right no-repeat;
}
#blogContent ul.children {
	background:#fff url(../images/blank.gif);
	margin-left:70px;
}

#blogContent ul.children .comment-body {
	background:#eee url(../images/blank.gif);
}

#blogContent ul.children li {
	border:0px;
	list-style:none;
}

.navigation div.left {
	float:left;
	width:45%;
	text-align:left;
}
.navigation div.right {
	float:right;
	width:45%;
	text-align:right;
}

/**** footer ****/

#footerContainer {
	background:url(/images/bottom-cap.png) top left repeat-x;
	behavior: url(/includes/iepngfix.htc);
}


#footer {
	width:960px;
	height:150px;
	overflow:hidden;
	position:relative;
	margin:0px auto;
	padding-bottom:20px;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
	font-size:80%;
}

#footer p {
	margin:20px 0 0 0;
	color:#aaa;
	line-height:18px;
}

#footer p a {
	font-weight:normal;
	color:#666;
	text-decoration:none;
}
#footer p a:hover {
	color:#fff;
	text-decoration:underline;
}

/**** clears and spacers *****/
.dottedRule { height:0px; border-bottom:1px dotted #ccc;}
.clear0 {clear:both; height:0px; overflow:hidden;}
.clear5 {clear:both; height:5px; overflow:hidden;}
.clear10 {clear:both; height:10px; overflow:hidden;}
.clear15 {clear:both; height:15px; overflow:hidden;}
.clear20 {clear:both; height:20px; overflow:hidden;}
.clear50 {clear:both; height:50px; overflow:hidden;}
.clear75 {clear:both; height:75px; overflow:hidden;}
.clear100 {clear:both; height:100px; overflow:hidden;}