/*CSS Document*/
/*Created for Unit Interactive by Angela Conlon on 08/01/07*/

* {
	margin: 0;
	padding: 0;
}

html {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	background: #fff;
}

h1, h2, h3, h4, h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;
	font-weight: normal;
}

p, li, dt, dd, label {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: #666;
}

a:link, a:visited {
	color: #759f1d;
	text-decoration: none;
	border-bottom: 1px dotted #759f1d;
}

a:hover {
	color: #0c4844;
	text-decoration: underline;
	border-bottom: none;
}
acronym {
	cursor: help;
	border-bottom: 1px dotted #999;
}

cite {
	font-style: normal;
}

/*-------------------------------------------------- Header / Nav --------------------------------------------------*/
#header {
	margin: 0 auto;
	width: 961px;
	height: 67px;
	border-bottom: 1px solid #c6c8ca;
	position: relative;
	background: url(../images-old/logo_unit.gif) no-repeat left top;
}

#header h1 {
	font-size: 1.2em;
	color: #000;
	
}

#header h1 a {
	width: 171px;
	height: 42px;
	display: block;
	text-indent: -5555px;
	text-decoration: none;
	float: left;
	position: absolute;
	top: 12px;
	left: 15px;
}

#header p {
	position: absolute;
	top: 33px;
	right: 15px;
	text-align: right;
	font-weight: bold;
	font-size: 1.4em;
	color: #c6c8ca;
}

#header a:link, #header a:visited {
	padding: 0 5px;
	color: #0c4844;
	text-decoration: none;
	border: none;
}

#header a:hover {
	color: #759f1d;
}

#bodywork #header p a#work, #bodyservices #header p a#services, #bodyabout #header p a#about, #bodycontact #header p a#contact, #bodyblog #header p a#blog {
	color: #759f1d;
}

/*-------------------------------------------------- x --------------------------------------------------*/
/*-------Home Only--------*/
#homebanner {
	margin: 0 auto;
	width: 961px;
	height: 230px;
	background: url(../images-old/sperspectives.jpg) no-repeat bottom left;
	position: relative;
}

#homebanner h2 {
	font-size: 75px;
	color: #c6c8ca;
	letter-spacing: -6px;
	position: absolute;
	top: 39px;
	left: 319px;
	z-index: 10;
}

#homebanner h3 {
	padding: 30px 40px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #fff;
	line-height: 1.2em;
}

#homebanner p {
	padding: 0 0 2px 380px;
	font-size: 1.2em;
	color: #fff;
	line-height: 1.2em;
}

#homebanner p a:link, #homebanner p a:visited {
	color: #fff;
	border-bottom: 1px dotted #fff;
}

#homebanner p a:hover {
	color: #0c4844;
	border: none;
	text-decoration: underline;
}

/*-------Global--------*/
#outer {
	height: 178px;
	overflow: hidden; 
	position: relative;
}

#outer[id] {
	display: table; 
	position: static;}
		
#middle {
	position: absolute; 
	top: 50%;
}
		
#middle[id] {
	display: table-cell; 
	vertical-align: middle; 
	position: static;
}
		
#inner {
	position: relative; 
	top: -50%
}

#inner[id] {
	position: static;
	#padding-top: 20px;
}


.bannerbox {
	width: 611px;
	height: 178px;
	background: #85b521 url(../images-old/bg_bannerbox.gif) repeat-x top;
	border: 8px solid #c6c8ca;
	position: absolute;
	top: 107px;
	left: 310px;
}

/*-------Interior Only--------*/
#banner {
	margin: 0 auto;
	width: 961px;
	height: 230px;
	position: relative;
}

.aboutbannerimg {
	background: url(../images-old/banner_about.jpg) no-repeat bottom left;
}

.thanksbannerimg {
	background: url(../images-old/banner_thanks.jpg) no-repeat bottom left;
}

.servicesbannerimg {
	background: url(../images-old/banner_services.jpg) no-repeat bottom left;
}

.workbannerimg {
	background: url(../images-old/banner_work.jpg) no-repeat bottom left;
}

.contactbannerimg {
	background: url(../images-old/banner_contact.jpg) no-repeat bottom left;
}

.oopsbannerimg {
	background: url(../images-old/banner_oops.jpg) no-repeat bottom left;
}

.blogbannerimg {
	background: url(../images-old/banner_blog.jpg) no-repeat bottom left;
}

#banner h2 {
	font-size: 79px;
	color: #c6c8ca;
	letter-spacing: -6px;
	position: absolute;
	top: 36px;
	left: 319px;
	z-index: 10;
	display: block;
	padding-right: 20px;
}

#banner h3 {
	padding: 0 40px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #fff;
	line-height: 1.4em;
}

#banner h3 a:link, #banner h3 a:visited {
	color: #badfdd;
	border-bottom: 1px dotted #badfdd;
}

#banner h3 a:hover {
	color: #0c4844;
	border: none;
	text-decoration: underline;
}

/*-------------------------------------------------- Content Wrapper --------------------------------------------------*/
/*-------Home Only--------*/
#contentwrapperhome {
	background: #0c4844;
	border-bottom: 8px solid #c6c8ca;
	border-top: 8px solid #c6c8ca;
}

/*-------Interior Only--------*/
#contentwrapper {
	padding: 110px 0 0 0;
	border-bottom: 8px solid #c6c8ca;
	border-top: 8px solid #c6c8ca;
}

/*-------no contact Only--------*/
#nocontactcontentwrapper {
	padding: 110px 0 0 0;
	border-top: 8px solid #c6c8ca;
}

/*-------Global--------*/
#contentcontainer {
	margin: 0 auto;
	width: 961px;
}

/*-------------------------------------------------- Home Content --------------------------------------------------*/
#homecontent {
	padding: 110px 15px 80px 0;	
	width: 635px;
	float: right;
}

#homecontent h3 {
	padding: 0 0 15px 0;
	font-size: 2.8em;
	color: #85b521;
	letter-spacing: -1px;
}

#homecontent h4 {
	padding: 0 0 5px 0;
	font-size: 1.8em;
	color: #85b521;
	letter-spacing: -.5px;
}

#homecontent p {
	padding: 0 0 15px 0;
	font-size: 1.4em;
	line-height: 1.3em;
	color: #fff;
}

#homecontent p a:link, #homecontent p a:visited {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}

#homecontent p a:hover {
	color: #c6c8ca;
	text-decoration: underline;
	border-bottom: none;
}

#homecolumncontent {
	padding: 23px 0 0 0;
	width: 271px;
	float: left;
}

#homecolumncontent h4 {
	padding: 0 0 10px 0;
	font-size: 1.8em;
	color: #85b521;
	letter-spacing: -1px;
	text-align: right;
}

#homecolumncontent ul {
	padding: 0 0 30px 0;
}

#homecolumncontent li {
	padding: 0 0 7px 0;
	font-size: 1.2em;
	color: #fff;
	text-align: right;
	list-style: none;
}

#homecolumncontent li a:link, #homecolumncontent li a:visited {
	color: #ccc;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}

#homecolumncontent li a:hover {
	color: #fff;
	text-decoration: underline;
	border-bottom: none;
}

/*-------------------------------------------------- Interior Content --------------------------------------------------*/
.content {
	padding: 0 15px 80px 0;	
	width: 635px;
	float: right;
}

.content h3 {
	padding: 0 0 15px 0;
	font-size: 2.8em;
	color: #0f5b56;
	letter-spacing: -1px;
}

.content img {
	margin: 0 25px 0 0;
	border: 5px solid #c6c8ca;
	float: left;
}

.content p {
	padding: 0 0 15px 0;
	font-size: 1.4em;
	line-height: 1.4em;
	color: #666;
}

.content p a:link, .content p a:visited, .content li a:link, .content li a:visited {
	color: #759f1d;
	text-decoration: none;
	border-bottom: 1px dotted #759f1d;
}

.content p a:hover, .content li a:hover {
	color: #0f5b56;
	text-decoration: underline;
	border-bottom: none;
}

.content ul {
	padding: 0 0 15px 20px;
}
.content ol {
	padding: 0 0 15px 30px;
}
.content li {
	padding: 0 30px 0 0;
	font-size: 1.4em;
	line-height: 1.4em;
	color: #666;
	list-style: none;
}

li.listfloat {
	float: left;
}

ul.normal {
	list-style: square !important;
}

.normal li {
	padding: 3px 0;
	list-style: square !important;
}

h3.contentdivider {
	margin-top: 30px;
	padding-top: 40px;
	border-top: 1px solid #c6c8ca;
}

ul.contentdivider {
	padding-bottom: 60px;
	border-bottom: 1px solid #c6c8ca;
}

#columncontent {
	width: 271px;
	float: left;
	position: relative;
}

#columncontent h4 {
	padding: 0 0 10px 0;
	font-size: 1.8em;
	color: #0f5b56;
	letter-spacing: -1px;
}

#columncontent p {
	padding: 0 0 7px 0;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #666;
}

#columncontent ul {
	padding: 10px;
}

#columncontent li {
	padding: 0 0 7px 0;
	font-size: 1.2em;
	color: #666;
	list-style: none;
}

.ctatop {
	padding: 20px;
	background: #eaeaea;
}

.ctavalues {
	margin: 600px 0 50px;
	padding: 20px;
	background: #eaeaea;
}

.staffPhoto {
	float: left;
	border: 9px solid #eaeaea;
}


/*-------------------------------------------------- Office Photos --------------------------------------------------*/
img.officePhoto {
	margin-bottom: 20px;
}

.nextCaption {
	margin-top: 286px;
}
.thirdCaption {
	margin-top: 683px;
}
.fifthCaption {
	margin-top: 286px;
}
.sixthCaption {
	margin-top: 286px;
}


/*-------------------------------------------------- Portfolio Content --------------------------------------------------*/
.section {
	width: 250px;
	float: left;
}

.section h4 {
	padding: 5px 0 10px 0;
	font-size: 2em;
	color: #0f5b56;
	letter-spacing: -1px;
	text-align: right;
}

.clients {
	position: absolute;
	top: 250px;
	left: 0;
	z-index: 9;
	width: 250px;
	background: #fff;
}

.clients h4 {
	padding: 5px 0 10px 0;
	font-size: 2em;
	color: #0f5b56;
	letter-spacing: -1px;
	text-align: right;
}

.clients p {
	padding: 10px 0 7px 0;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #666;
	text-align: right;
}

.clients ul {
	padding: 10px;
}

.clients li {
	padding: 0 0 7px 0;
	font-size: 1.2em;
	color: #666;
	list-style: none;
	text-align: right;
}

.clientlist {
	padding: 5px 0 0;
	color: #759f1d;
	text-decoration: none;
	border-bottom: 1px dotted #759f1d;	
}

.clientlist:hover {
	color: #0c4844;
	border-bottom: 1px solid #0c4844;
	clear: left;
}

.dhtmlgoodies_question{	/* Styling question */
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	visibility:hidden;
	height:0px;
	overflow:hidden;
	float: right;
	position:relative;
	background: #fff;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	position:relative;
}

.portfolioitem {
	padding: 0 15px 50px 0;	
	width: 635px;
	float: right;
}

.portfolioitem h3 {
	padding: 0 0 15px 0;
	font-size: 2.8em;
	color: #0f5b56;
	letter-spacing: -1px;
}

.portfolioitem img {
	margin: 0 25px 0 0;
	border: 5px solid #c6c8ca;
	float: left;
}

.portfolioitem a:link img, .portfolioitem a:visited img {
	border: 5px solid #c6c8ca;
	text-decoration: none;
}

.portfolioitem a:hover img {
	border: 5px solid #85b521;
	text-decoration: none;
}

.portfolioitem p {
	padding: 0 0 15px 0;
	font-size: 1.4em;
	line-height: 1.4em;
	color: #666;
	width: 415px;
	float: right;
}

div.portfoliodivider {
	margin-top: 30px;
	padding-top: 40px;
	border-top: 1px solid #c6c8ca;
	clear: both;
}

p.floatright {
	width: 415px;
	float: right;
}

/*-------------------------------------------------- Footer --------------------------------------------------*/
/*-------Home Only--------*/
#homefooter {
	margin: 0 auto;
	padding: 80px 30px 40px 15px;
	width: 916px;
	position: relative;
}

#homefooter p {
	font-size: 1.1em;
}

/*-------Interior Only--------*/
#footer {
	margin: 0 auto;
	padding: 235px 30px 40px 15px;
	width: 916px;
	position: relative;
}
#noFormFooter {
	margin: 0 auto;
	padding: 80px 30px 40px 15px;
	width: 916px;
	position: relative;
}
#heyUnitFooter {
	margin: 0 auto;
	padding: 295px 30px 40px 15px;
	width: 916px;
	position: relative;
}

#footer p, #noFormFooter p, #heyUnitFooter p {
	font-size: 1.1em;
}

/*-------no contact Only--------*/
#nocontactfooter {
	margin: 0 auto;
	padding: 0 30px 40px 15px;
	width: 916px;
	position: relative;
}

#oopsfooter p {
	font-size: 1.1em;
}

/*-------Global--------*/
.footerleft {
	float: left;
}

.footerright {
	float: right;
	text-align: right;
}

/*-------------------------------------------------- Contact Box --------------------------------------------------*/
/*-------Home Only--------*/
.homecontactbox {
	width: 611px;
	height: 48px;
	background: #85b521 url(../images-old/bg_contactbox.gif) repeat-x top;
	border: 8px solid #c6c8ca;
	position: absolute;
	top: -40px;
	left: 310px;
}

.homecontactbox h3 {
	padding: 12px 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #fff;
	line-height: 1.2em;
	text-align: center;
}

.homecontactbox h3 a:link, .homecontactbox h3 a:visited {
	color: #fff;
	border: none;
}

.homecontactbox h3 a:hover {
	color: #0c4844;
	text-decoration: none;
}

/*-------Interior Only--------*/
.contactbox {
	padding: 12px 10px;
	width: 591px;
	background: #0c4844;
	border: 8px solid #c6c8ca;
	position: absolute;
	top: -40px;
	left: 310px;
}

.contactbox h3 {
	padding: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #fff;
	line-height: 1.2em;
}
.contactbox h4 {
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #fff;
	line-height: 1.2em;
}

.contactbox p {
	position: absolute;
	top: 50px;
	left: -300px;
	width: 265px;
	font-size: 1.2em;
	line-height:1.2em;
}

p.badgeCopy {
	color: #fff;
	position: relative;
	top: 0;
	left: 0;
	width:524px;
	margin-top: 5px;
}

.contactbox form ol {
	padding: 0 20px;
}

.contactbox form li {
	padding: 0 0 10px 0;
	position: relative;
	display: block;
	list-style: none;
	float: left;
	width: 270px;
}

#shady { /*keeps the bots at bay*/
	position: absolute;
	left: -9999px;
	display: none;
}

.contactbox form li em, #required {
	display: none;
	font-size: 1.4em;
	color: #759f1d;
	position: absolute;
	top: 0;
	left: -10px;
}

#required {
	text-align: right;
	font-size: 1.8em;
	top: 19px;
	left: 290px;
}

#emailval {
	position: relative;
	font-size: 0.8em;
	font-style: normal;
	left: 0;
}

.contactbox form li.fullwidth {
	width:524px;
}

.contactbox form li label {
	color: #fff;
	font-size:1.4em;
}

.contactbox form li input {
	padding: 2px;
	margin: 2px 0 0 0;
	width: 250px;
	height: 16px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666;
}

.contactbox form li textarea {
	padding: 2px;
	margin: 2px 0 0 0;
	width: 450px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666;
	clear: both;
}

.contactbox form li input#button {
	width: 55px;
	height: 19px;
	border: none;
	font-size: 12px;
	position: absolute;
	left: 198px;
	top: 49px;
	.left: 200px;
	.top: 36px;
	_left: 472px;
	_top: -32px;
	background: #c6c8ca;
	color: #0f5b56;
}

.contactbox form li input#button:hover {
	background: #759f1d;
	color: #fff;
}
#badge {
	margin-right: 5px;
	height: 15px;
	width: 15px;
	vertical-align: baseline;
}
.contactbox form li.badge {
	border-top: 1px dotted #fff;
	border-bottom: 1px dotted #fff;
	padding: 3px 0 7px;
	margin-bottom: 10px;
}

/*-------------------------------------------------- Blog Content --------------------------------------------------*/
.blogPost {
	padding-bottom: 18px;
	margin-bottom: 18px;
	border-bottom: 1px solid #ccc;
}
.blogPost h3 {
	padding: 0;	
}
.blogPost h3 span a:link, .blogPost h3 span a:visited, .unitBloggerPost h3 span a:link, .unitBloggerPost h3 span a:visited {
	font-size: 0.6em;
	color: #0f5b56;
	margin-left: 10px;
}
.blogPost h3 span a:hover, .unitBloggerPost h3 span a:hover {
	color: #c6c8ca;
}
.blogPost h3 a {
	text-decoration: none;
	border: none;
}
.blogPost h4 {
	color: #0f5b56;
	padding: 10px 0 5px 0;
	font-weight: normal;
	font-size: 2em;
}
.blogPost h5 {
	padding: 0 0 15px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.4em;
	color: #666;
}
.blogPost img {
	margin: 0 0 20px 0;
}
.blogPost img.small {
	float: right;
	margin: 0 10px 10px;
}
.blogPost blockquote {
	width: 225px;
	float: right;
	border-top: 5px solid #c6c8ca;
	border-bottom: 5px solid #c6c8ca;
	/*padding: 10px 10px 0 10px;*/
	padding-top:10px;
	margin: 5px 0 5px 15px;
}
.blogPost blockquote p {
	color: #066;
	font-size: 1.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.blogPost ol li, .blogPost ul li {
	color: #c6c8ca;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.blogPost li p {
	color: #0f5b56;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.0em;
}
.blogPost ul li {
	list-style: none outside url(../images-old/plus.gif);
	margin: 5px 0 5px 10px;
}
.blogPost ul.noPlus li {
	list-style: none;
	margin: 5px 0 10px;
}
.blogPost ol li {
	list-style: decimal outside;
	margin: 5px 0;
}
.postInfo {
	padding: 10px;
	background: #eef8db;
	position: relative;
}
.postInfo p {
	padding: 0;
	font-size: 1.1em;
}
.postInfo p.globalLinks {
	text-align: right;
	position: absolute;
	top: 10px;
	right: 10px;
	_right: 40px;
}
.unitBloggerPost {
	padding-bottom: 18px;
	margin: -12px 0 18px 0;
	border-bottom: 1px solid #ccc;
	position: relative;
}
.unitBloggerPost h3 {
	color: #c6c8c9;
	padding: 0;
	position: relative;
	top: 6px;
	z-index: 9;
}
.unitBloggerPost h3 a:link, .unitBloggerPost h3 a:visited {
	color: #c6c8c9;
	text-decoration: none;
	border: none;
}
.unitBloggerPost h3 a:hover {
	color:#82b341;
}
.unitBloggerPost h5 {
	padding: 0;
	position: absolute;
	top:14px;
	right: 0;
	_right: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	color: #c6c8c9;
	z-index: 8;
}
.unitBloggerQuestion {
	padding: 15px 20px 0;
	margin-bottom: 18px;
	background: #0c4844;
	border: 3px solid #c6c8ca;
}
.unitBloggerQuestion p, .unitBloggerQuestion li {
	color: #fff;
}
.unitBloggerResponse {
	color: #0c4844;
	font-weight: bold;
}
.postBot {
	background: #f0f0f0;
	font-size: 0.8em;
	padding: 10px;
	margin-bottom: 10px;
}
.postBot p {
	padding-bottom: 0;
}
pre {
	font-size: 1.6em;
	line-height: 1.8em;
	margin-bottom: 20px;
	padding-left: 30px;
	display: block;
	color: #666;
}

/*-------------------------------------------------- Comments --------------------------------------------------*/
.comment {
	padding: 5px 10px;
}
.comment h5 {
	font-size: 1.8em;
	color: #0f5b56;
	padding-bottom: 10px;
}
.comment h5 span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
}
.comment p, .comment ol, .comment ul, .comment h1, .comment h2, .comment h3, .comment h4 {
	font-size: 1.2em;
	padding-bottom: 10px;
}
.commentStripe {
	background: #f0f0f0;
}
.comment ol, .comment ul, .comment h1, .comment h2, .comment h3, .comment h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #0f5b56;
	line-height: 1.4em;
}
.comment ol, .comment ul {
	padding-left: 0;
	margin: 0 0 3px 35px;
	line-height: 1.8em;
}
.comment blockquote {
	background: url(../images-old/quote.gif) no-repeat;
	padding: 4px 0 0 35px;
	display: block;
	margin: 5px 0 5px 0;
	font-style: italic;
}

/*-------------------------------------------------- Blog Column --------------------------------------------------*/
.linkFeed, #categories {
	padding: 20px;
	background: #eaeaea;
}
#columncontent .delLinks {
	border-top: 1px solid #ccc;
	padding-top:10px;
	display:block;
}
#columncontent .delLinks p {
	padding-bottom: 3px;
	font-size: 1.0em;
}
#columncontent .delicious-posts ul {
	padding: 0;
}
.delicious-post {
	font-size: 1.2em;
	line-height: 1.3em;
}
.delicious-post a {
	border-bottom: none;
	font-weight: bold;
}
#columncontent .delicious-post p {
	font-size: 1.0em;
	line-height: 1.2em;
	padding-bottom: 15px;
}
#categories, #archives {
	margin: 19px 0;
}
#categories ul, #archives ul {
	padding: 0;
}
#categories li {
	float: left;
	width: 115px;
}
#categories li a {
	border-bottom: none;
	font-weight: bold;
}
#archives {
	padding: 20px 20px 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#archives li {
	margin-bottom: 10px;
}
#archives li a { 
	font-weight: bold;
	line-height: 1.5em;
}
.rss {
	position: absolute;
	top: -90px;
	right: 0;
	text-align: right;
}
.rss img {
	border: none;
}

/*-------Dashboard--------*/

#dashboard {
	background: #0f5b56;
	padding: 5px 20px;
	margin: -45px 0 5px 0;
}

#dashboard p {
	color: #c6c8ca;
	font-size: 1.0em;
	padding: 0;
}

#dashboard ul {
	margin-top: 2px;
	padding: 0;
}

#dashboard li {
	float: left;
	margin-right: 2px;
	padding: 0;
}

#dashboard li a:link, #dashboard li a:visited {
	padding: 1px 5px;
	color: #0f5b56;
	background: #c6c8ca;
	font-size: 0.9em;
	border-bottom: none;
}	

#dashboard li a:hover {
	background: #759f1d;
	text-decoration: none;
}

/*---------- Brand Survey Form Styles ------------------------------------------- */
.brandChar {
	clear: both;
	padding: 20px 0 10px;
	border-bottom: 1px solid #ccc;
}

.brandChar li {
	float: left;
	width: 250px;
}



/*---------- Clear Fix for divs with items floated inside them---------- */
.clearfix:after, h6:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix, h6 {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix, h6 {display:block;}
/* End hide from IE Mac */