/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none; background:none;} 

/* typography.css */
body {font-size:12px; color:#333; background:#ffffff; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#939393;}
h1 a{float:left; width:195px; height:30px; font-size:18px;line-height:1.15; margin:22px 0px 0px 30px; text-indent:-10000px; color:#ED4100; font-weight:bold; text-transform: uppercase; background-image: url(/img/brickStudios_logo.gif);}
h2 {font-size:11px;line-height:1.2; margin:0px 0px 5px 0px; color:#ED4100; font-weight:bold; text-transform: uppercase;}
h2 li {margin:0px;}
h3 {font-size:38px;line-height:1.5; margin:30px 0px 0px 45px; font-weight:bold; color:#82CEE2; text-transform:uppercase;}
h4 {width:915px; font-size:27px; line-height:1.5; margin:0px 0px 30px 45px; color:#ffffff;}
h5 {font-size:18px;font-weight:bold; color:#82CEE2; text-transform: uppercase; margin:0px;}
h6 {font-size:16px;font-weight:bold; margin:15px 0px 0px 0px; color:#ED4100; line-height:1.3;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {margin:0px 0px 10px 0px; font-size:12px; line-height: 18px;}
.date {font-size:10px; margin:0px 0px 15px 0px;}
.footerHead {width:250px; font-size:12px; font-weight:bold; color:#82CEE2; text-transform: uppercase;}


p img.left {float:left;margin:0px;padding:0px;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
.imgBorder {border:1px; border-color:#000000;}

a {color:#ED4100; text-decoration:none;}
p a:hover {color:#ffffff; text-decoration:none; background-color:#ED4100; padding:2px; }
h6 a:hover {color:#ffffff; text-decoration:none; background-color:#ED4100; padding:2px; }
h4 a:hover {color:#ffffff;}


.headerContainer .currentPage {color:#ffffff; background-color:#333333; padding:2px;}



blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0px}
ul, ol {margin:0px;}
ul {list-style-type: none;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:10px;margin-bottom:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}


/* grid.css */
/*#background {height:1100px; background-image: url(/img/backgrounds/rotator.php); background-position: bottom right; background-repeat: no-repeat;}*/
.container {width:960px; margin:0px;}
.headerContainer {width:960px; margin:0px; padding:0px;}
#content {width:960px; margin:0px; padding:0px;}


.twitterBubble {position:absolute; top:0px; width:197px; height:117px; margin:70px 0px 0px 30px;}
.twitterBubble p {font-style:italic; font-size:11px; line-height:1.4; padding:0px 15px 0px 12px;}
.twitterBubble img {padding:0px 0px 0px 10px; margin:0px 0px 5px 0px;}
.twitterBubbleTop {height:19px; margin:0px 0px 0px 0px; background-image: url(/img/bsd_twitter_bubble_top.gif);}
.twitterBubbleMiddle {height:auto; margin:0px 0px 0px 0px; background-image: url(/img/bsd_twitter_bubble_middle.gif);}
.twitterBubbleBottom {height:9px; margin:0px 0px 0px 0px; background-repeat:no-repeat; background-image: url(/img/bsd_twitter_bubble_bottom.gif);}

.headline {margin-left:0px; margin-top:0px;}
.contentBand {float:left; width:100%; background:#000000;  background-image: url(/img/feature_gradient.gif); background-repeat:repeat-x; background-position:bottom left;}

#one_column {
	width: 960px;
	float: left;
	margin: 15px 20px 0px 30px;
	padding: 0;
}

.gray {font-size:22px;font-weight:normal; color: #666666; margin:0px;}
.white {font-size:24px;font-weight:normal; color: #ffffff; margin:0px;}
.white2 {font-size:24px;font-weight:normal; color: #ffffff; margin:0px;}


.promoContainers {float: left; width:930px; margin: 30px 15px 0px 45px;}
.promo1 {float: left; width:285px; margin-left:0px; margin-right:15px; margin-top:0px;}
.promo2 {float: left; width:285px; margin-left:15px; margin-right:5px; margin-top:0px;}
.promo3 {background:#ffffff; float: left; width:285px; padding: 0px 10px 0px 10px;  margin-left:15px; margin-right:0px; margin-top:0px;}


.footerContainer { float:left; width:100%; margin:15px 0px 0px 0px; background-image: url(/img/footer_gradient.gif); background-repeat:repeat;}
.footContainerWhite {float: left; width:960px; height:155px; vertical-align:middle; margin:0px 0px 15px 30px;}
.footContainerWhite p { color:#ffffff; font-size:11px;}

.footerPromo1 {float: left; width:200px; height:175px; padding:15px 15px 0px 15px; margin:0px 0px 15px 0px;}
.footerPromo1b {float:left; width:150px; height:145px; padding:0px 15px 0px 15px; margin:15px 0px 15px 0px; border-left: 1px solid #333333;}
.footerPromo2 {float: left; width:195px; height:145px; padding:0px 15px 0px 15px; margin:15px 0px 15px 0px; border-left: 1px solid #333333;}
.footerPromo3 {float: left; width:220px; height:145px; padding:0px 15px 0px 15px; margin:15px 0px 15px 0px; border-left: 1px solid #333333;}

.footerContainer2 {float: left; width:930px; margin:15px 0px 15px 45px;} 
.footerLink2_1 {float: left; margin:0px;}
.footerLink2_2 {float: right; background-color:#FFFFFF; text-align: right; padding: 2px 5px 2px 5px; margin-right:0px;}


.linkArrow{margin:0px 0px 3px 0px;}

.crossHatch {height:14px; width:auto; background-image: url(/img/crossHatch.gif); background-repeat:repeat-x;}

.crossHatch2 {height:30px; width:auto; background-image: url(/img/crossHatch.gif); background-repeat:repeat;}

.blk_crossHatch {height:14px; width:auto; background-image: url(/img/crosshatch_black.gif); background-repeat:repeat-x;}


.nav_1 a, .nav_2 a, .nav_3 a, .nav_4 a, .nav_5 a {color:#666666; text-decoration: none;}
.nav_1 a:hover, .nav_2 a:hover, .nav_3 a:hover, .nav_4 a:hover, .nav_5 a:hover {color:#ffffff; background-color:#333333; padding:2px;z}
.nav_6 a {color:#82CEE2; text-decoration: none;}
.nav_6 a:hover {color:#ffffff; background-color:#82CEE2}
.nav_6 h2 {color:#999999;}

.nav_1 {float: left; width:55px; height:115px; margin-top:30px; margin-bottom:45px; margin-left:50px; padding-left:10px; background-image: url(/img/dividerLine.gif); background-position: 0 20px; background-repeat:no-repeat;}
.nav_2 {float: left; width:95px; height:115px; margin-top:30px; margin-left:25px; padding-left:10px; background-image: url(/img/dividerLine.gif); background-position: 0 20px; background-repeat:no-repeat;}
.nav_3 {float: left; width:69px; height:115px; margin-top:30px; margin-left:25px; padding-left:10px; background-image: url(/img/dividerLine.gif); background-position: 0 20px; background-repeat:no-repeat;}
.nav_4 {float: left; width:90px; height:115px; margin-top:30px; margin-left:25px; padding-left:10px; background-image: url(/img/dividerLine.gif); background-position: 0 20px; background-repeat:no-repeat;}
.nav_5 {float: left; width:110px; height:115px; margin-top:30px; margin-left:25px; padding-left:10px; background-image: url(/img/dividerLine.gif); background-position: 0 20px; background-repeat:no-repeat;}
.nav_6 {float: left; width:95px; height:115px; margin-top:30px; margin-left:20px; padding-left:0px;}


.workBanner {width:325px; float:left;}
.workCopy {width:270px; line-height:2; font-size:14px; margin:10px 0px 30px 45px; color:#ffffff;}
.featuredWork_sample {width:630px; height:240px; float:left; margin:30px 0px 0px 0px;}
.headerLead {line-height:1px;}
.clientName {margin: 0px 0px 0px 45px; font-size:12px; text-transform:uppercase; color:#666666; padding:0px; }
.clientNameFeatured {margin: 0px 0px 0px 45px; font-size:12px; text-transform:uppercase; color:#666666; padding:0px;}
.launchLink {font-size:14px;  margin:0px 0px 30px 45px; color:#ffffff;}
.launchLink a {color:#ED4100;}
.launchLink a:hover {color:#999999;}

.projectCopy {width:565px; line-height:1.75; font-size:14px; margin:10px 0px 10px 45px; color:#ffffff;}
.projectCopy a:hover {color:#999999;}

.img_border {border:1px solid #e8e8e8;}


.projectBrand{
	font-size: 10px;
	color: #b5b5b5;
	margin:0px;
	padding:0px;
	text-transform: uppercase;
}

#box_work {
	float: left;
	width: 	229px;
	height: 175px;
	margin: 0 5px 20px 0;
	padding: 0;
	display: inline-block;
}

/*-- HOVER ROLLOVER FOR WORK GALLERY --*/

.hoverBtn {
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff;
	border:1px solid #e8e8e8;
}

.hoverBtn a {
	position: relative;
	z-index: 2;
	display: block;
	width: 	229px;
	height: 175px;
	text-align: left;
	text-decoration: none;
	color: #f13817;
	background:	transparent none repeat-x 0 0 scroll;
}

.hoverBtn a:hover p {
	text-decoration: none;
	color: #FFFFFF;
}


.hoverBtn p {
	text-align: left;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 10px 10px 7px;
	color: #f13817;
	border: 0px;
}

.hoverBtn img {
	border: none;
	padding: 7px;
}

.hoverBtn div {
	display: none;
	position: absolute;
	z-index: 1;
	top: 0px;
	background:	#f13817 repeat-x 0 0 scroll;
} 

/*-- HOVER ROLLOVER FOR WORK GALLERY -- END --*/




#services h5 {margin:15px 0px 0px 15px;}
#services {float:right; width:285px; height:120px; background-image:url(/img/services_background.png); background-repeat:repeat-x; margin-left:666px; position:absolute;}

p.categories {
	float: left;
	width: 120px;
	font-size: 12px;
	line-height: 18px;
	display: inline-block;
	margin: 0px 0px 5px 15px;
	padding: 0;
	color:#ffffff;
}

.redBullet {color:#ED4100;}

#nextPrev {float:right; width:220px; height:11px; margin:3px 0px 0px 730px; position:absolute; cursor:default;}

.cta_buttons {
	margin:8px 0px 10px 0px;
	padding:0px;
}

/* 2 Columns Uneven */

#two_column_left {
	width: 550px;
	float: left;
	margin: 0 15px 0 15px;
	padding: 25px 0px 0px 30px;
	background-color: #FFFFFF;
}

#two_column_left2 {
	width: 920px;
	float: left;
	margin: 0 15px 0 0px;
	padding: 30px 0px 0px 30px;
}

#two_column_right {
	float:right;
	width: 280px;
	margin: 30px 0px 0px 0px;
	padding: 5px;
}

.black_box {
	margin: 0px 0px 0px 0px;
	padding: 15px 10px 10px 15px;
	background-color:#161616;
}

.wht_box {
	margin: 0px 0px 0px 0px;
	padding: 25px 10px 10px 15px;
}

.wht_box2 {
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 10px 15px;
}

p.sidebar {
	font-size: 12px;
	line-height: 20px;
}

p.blk_sidebar {
	font-size: 12px;
	line-height: 20px;
	color:#FFFFFF;
}

/*-- BOXES --*/

.founderName{
	font-size:24px;
}

.founderTitle{
	font-size:14px;
	margin: 0px 0px 0px 0px;
}
.bio{
	margin: 160px 0px 0px 0px;
}

#box_profile_container {
	background-color: #FFFFFF;
	padding: 20px 20px 20px 220px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #666666;
}

.box_overview_container {
	background-color: #FFFFFF;
	padding: 20px 20px 20px 20px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #666666;
}

#box_founders_container {
	width: 430px;
	float: left;
	padding: 0px 15px 0px 15px;
	margin: 0;
	line-height: 22px;
	color: #666666;
}

#studio_profile_pic {
	float: left;
	padding: 0px 0px 0px 0px;
}

#box_studio_title {
	float: left;
	padding: 0px 0px 0px 15px;
}

#box_capa {
	float: left;
	width: 410px;
	height: auto;
	background-image: url(../img/bg_stripe_nav.gif);
	background-position: top left;
	background-repeat: repeat;
	margin: 0 20px 20px 0;
	padding: 20px;
	display: inline-block;
}

#box_capa_container {
	background-color: #FFFFFF;
	padding: 20px 20px 20px 20px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #666666;
}

#box_services {
	float: right;
	width: 240px;
	height: auto;
	background-color: #f0fbfe;
	margin: 0;
	padding: 20px 20px 15px 20px;
}


#two_columneven_left {
	width: 380px;
	float: left;
	margin: 30px 0px 0px 45px;
	padding: 0px;
	background-color: #ffffff;
}

#two_columneven_right {
	width: 475px;
	float: right;
	margin: 30px 5px 0px 25px;
	padding: 0px;
	background-color: #ffffff;
}

#box_work {
	float: left;
	width: 	229px;
	height: 162px;
	margin: 0 8px 20px 0;
	padding: 0px;
	display: inline-block;
}

#bottom_spif {
	width: 930px;
	margin: 15px 15px 5px 30px;
	float: left;
}

#spif_header {
	width: 200px;
	margin: 30px 0px 0px 15px;
	float: left;
}

#spif_header2 {
	width: 200px;
	margin: 35px 0px 0px 45px;
	float: left;
}

#spif_bottom {
	width: 450px;
	margin: 30px 0px 0px 0px;
	float: left;
}

#spif_bottom2 {
	width: 170px;
	margin: 30px 0px 0px 165px;
	float: left;
}

#spif_bottom3 {
	width: 125px;
	margin: 30px 0px 0px 550px;
	float: left;
}


#spif_cta {
	width: 150px;
	margin: 25px 0px 0px 60px;
	float: left;
}

#bottom_spif2 {
	width: 550px;
	margin: 15px 15px 0px 0px;
	float: left;
}




/* hide from Mac */
*html #two_column_left {
	margin: 0 0 0 8px;
}

*html #two_column_right {
	margin: 0 12px 0 0;
}

*html #two_columneven_left {
	margin: 0 0 0 8px;
}

*html #two_columneven_right {
	margin: 0 12px 0 0;
}
/* end hide */

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



/* These 2 lines specify style applied while slider is loading */
.csw {float: left; width: 100%; height: 300px; background: #000000; background-image: url(/img/feature_gradient.gif); background-repeat:repeat-x; overflow: hidden}
.csw .loading {margin: 158px 0 300px 0; text-align: center; font-weight:normal; font-size:16px; color:#ED4100; text-transform: uppercase;}



.stripViewer { /* This is the viewing window */
			overflow: hidden; 
			width: 100%; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 300px;
			clear: both;
			background: #3f3f3f;  background-image: url(/img/feature_gradient.gif); background-repeat:repeat-x;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 960px;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 315px;
			position: relative;
			width: 1920px; /* Also specified in  .stripViewer  above */
		}
		
		
				
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: 0px 0px 0px 45px;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 0px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 11px;
			font-weight: bold;
			text-align: left;
			line-height: 30px;
			background:#3f3f3f; 
			color: #ED4100;
			text-decoration: none;
			display: block;
			padding: 0px 12px 0px 12px;
		}
		
		.stripNav li.tab1 a { background: #ffffff }
		.stripNav li.tab2 a { background: #ffffff }
		.stripNav li.tab3 a { background: #ffffff }
		.stripNav li.tab4 a { background: #ffffff }
		.stripNav li.tab5 a { background: #ffffff }
		
		.stripNav li a:hover {
			background: #333;
			color: #ffffff;
		}
		
		.stripNav li a.current {
			background: #414141;
			color: #ffffff;
		}
		







.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.nav_1, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24, div.span-25 {float:left;}
.last, div.last {margin-right:0;}

img.header {margin-left:50px; margin-top:4px; margin-bottom:5px; float:left;}

.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:125px; margin-top:25px; padding-left:125px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:225px; margin:0px; padding-left:80px;}
.span-6b {margin-top:28px; padding-right:60px; float:right;}
.span-7 {width:570px; height:20px; text-align:right; height: 20px; float:right; margin:0px;}
.span-8 {width:310px;}

.span-9a {width:350px; padding-left:30px; float:left;}
.span-9b {width:500px; padding-left:30px; float:left;}
.span-9c {width:350px; padding-left:30px; float:left; margin-top:10px;}
.span-9d {width:425px; padding-left:30px; float:left;}

.span-10_col1 {width:365px; padding-left:30px; float:left;}
.span-10 {margin-top:10px;}
.span-10a {width:395px; height:67px; margin-top:0px; background:url(/img/service_paper_top.png); background-repeat:no-repeat;}
.span-10a h4 {margin-left:28px; padding-top:26px;}
.span-10b {width:395px; margin-bottom:-20px; background: url(/img/service_paper_middle.png); background-repeat: repeat-y;}
.span-10b p {margin-left:28px; margin-right:30px; margin-top:0px; padding-bottom:0px;}
.span-10c {width:395px; height:37px; background:url(/img/service_paper_bottom.png); background-repeat:no-repeat;}
 
 
.span-11 {margin-top:10px;}
.span-11a {width:392px; height:87px; margin-top:0px; background: url(/img/BSR_bio_paper_top.png); background-repeat:no-repeat;}
.span-11a h4 {margin-left:25px; padding-top:30px;}
.span-11a p {margin-left:26px; margin-top:-25px;}
.span-11b {width:392px; background: url(/img/BSR_bio_paper_middle.png); background-repeat: repeat-y;}
.span-11b p {margin-left:26px; margin-right:30px; margin-top:0px; padding-bottom:0px;}
.span-11c {width:392px; height:37px; background:url(/img/BSR_bio_paper_bottom.png); background-repeat:no-repeat;}

 
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:755px; margin-left:50px; margin-top:15px; margin-bottom:-15px;}
.span-17 {width:750px; padding-left:50px;}
.span-17 img {margin-top:15px; margin-bottom:15px;}
.services {margin-top:15px; margin-bottom:15px; margin-left:-26px;}

.span-17b {width:790px; }

.span-18 {width:764px; height:9px; background-image:url(/img/doubleChalkLine.gif); background-repeat:no-repeat; margin-top:10px; margin-bottom:18px; margin-left:45px;}

.span-20 {width:825px; height:6px; margin-top:0px; margin-left:66px; margin-bottom:7px; background: url(/img/chalkLine.png); background-repeat:no-repeat;}

.span-21 {width:855px; height:84px; margin:23px 0px 0px 0px; background: url(/img/paperTop.png); background-position:top; background-repeat:no-repeat;}
.span-22 {width:855px; margin:0px 0px 0px 0px; background: url(/img/paperMiddle.png); background-position:top; background-repeat:repeat-y;}
.span-23 {width:855px; height:54px; margin:0px 0px 0px 0px; background: url(/img/paperBottom.png); background-position:center top;}

.span-24 {width:855px;margin:0px; padding-left:53px;}
.span-25 {width:960px; height:200px; z-index:-1; position:absolute; float:left; bottom:0px; top:0px; background-image:url(/img/BSR_footer_art.png); background-repeat:no-repeat;}






/* hide from Mac */
*html .headerContainer {margin-bottom:47px;}
*html .promoContainers {margin: 30px 15px 0px 23px;}
*html .footContainerWhite {margin:15px 0px 15px 15px;}
*html .footerContainer2 {float: left; width:930px; margin:15px 0px 15px 22px;}
*html .featuredWork_sample {width:630px; height:240px; float:left; margin:30px 0px 0px -630px;}
*html p.categories {margin: 0px 0px 5px 8px;}

*html #nextPrev {float:right; width:220px; height:11px; margin:35px 0px 0px 688px; position:absolute; cursor:default;}
*html #one_column {
	width: 960px;
	float: left;
	margin: 0px 20px 0px 20px;
	padding: 0px;
}


/* end hide */

input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24, input.span-25, textarea.span-25 {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important; padding-top:5px;}

input.span-2, textarea.span-2 {color:#999999; margin:0px 0px 10px 0px; height:15px; width:190px!important;}

.append-1 {padding-right:40px;}

div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.pull-1 {margin-left:-40px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 1.5em 40px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}