/*  Imulus Company Website - version 3.0 - Coded by Bruce Clark (hellz yeah baby!)
	main.css - Layout and Functionality */ 

/* ----------| =Initial Page Structure |---------- */ 

* { 
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: middle;
	list-style: none;
}

html {
	position: relative;
	font: small/1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-serif;
	color: #555;
	background: #fff;
}

body { 
	font-size: .95em;
}

#wrapper {
	position: relative;
	width: 936px;
	margin: 5px auto 10px auto;
}

#header { 
	position: relative;
	width: 936px;
	border-bottom: 1px solid #e0e0e0;
	background: url(/images/layout/crop-mark-top.gif) no-repeat left top;
	text-align: center;
	padding: 18px 0 0 0;
}

#navigation,
#sub-navigation, 
#content,
#gallery, 
#pre-footer, 
#footer { 
	position: relative;
	width: 936px; 
	margin: 15px 0 0 0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}

/* ----------| =Basic Element Styles |---------- */ 

h1, h2, h3, h4, h5, h6 { 
	font-weight: normal;
	background: transparent;
	color: #333;
}

h1 sup {
	font-size: 12px;
	vertical-align: top;
}

h1, h2, h3 { 
	font-size: 1.6em;
}

h4, h5, h6 { 
	font-size: 1.4em;
}

p { 
	padding-bottom: 1em;
}

p * { 
	vertical-align: baseline;
}

.spacer { 
	margin-top: 15px;
}

input { 
	padding: 2px;
	border: 1px solid #ccc;
}

input[type="image"], 
.submit { 
	border: 0;
	padding: 0;
	background: transparent;
	width: auto;
}

img,
a img { 
	border: 0;
} 

a { 
	color: #5aa0d0;
}

a:visited { 
	color: #67a6bf;
}

a:hover { 
	color: #1a576f;
	text-decoration: none;
}

/* ----------| =Colors |---------- */ 

/* 
	orange - #e47300;
	dark-blue - #2096c8;
	light-blue - #daeff7;
*/ 

/* ----------| =Utilities |---------- */ 

.left { 
	float: left;
	position: relative;
	margin: 0 15px 5px 0;
}

.right { 
	float: right;
	position: relative;
	margin: 0 0 5px 15px;
}

.clear {
	clear: both;
}

.clear-left { 
	clear: left;
}

.clear-right { 
	clear: right;
}

.clear-none { 
	clear: none;
}

.autoclear:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}

.autoclear { 
	display: inline-block;
}

.autoclear { 
	display: block;
}

.show-false { 
	display: none;
}

.show-true { 
	display: block;
}

.element-error {
	border: 1px solid #000;
}

a.hover-box img.hover { 
	display: none;
}

a.hover-box { 
	position: relative;
	float: left;
	display: block;
}

a.hover-box:hover { 
	display: block; 
	font-size: 100%; 
	z-index: 1; 
}

a.hover-box:hover img.hover { 
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
}

/* ----------| =Layout and Function |---------- */ 

	/* ----------| =Header |---------- */ 

.sub #header { 
	border: 0;
	padding-top: 18px;
}

#header div { 
	position: relative;
	width: 886px;
	margin: 0 auto -1px auto;
	background: url(/images/layout/header-bg.gif) left top;
	padding: 7px;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
}

#header div div { 
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: middle;
	list-style: none;
}

.home #header div { 
	background: transparent;
	padding: 0;
	width: 900px;
}

.home #header div * { 
	vertical-align: baseline;
	text-align: left;
}

.home #header div em { 
	display: block;
	background: #2a2a2a url('/images/icons/imulus-asterik.gif') 10px 10px no-repeat;
	font-size: 24px;
	font-style: normal;
	color: #c6c6c6;
	text-align: left;
	line-height: 30px;
	padding: 25px 35px;
	text-indent: -9999px;
}

.home #header div em a {
	display: block;
	width: 765px;
	height: 58px;
	background: url('/images/layout/headings/homepage-header.gif') left top no-repeat;
}

.home #header div em a:hover {
	background-position: left -58px;
}

.home #header div em a strong { 
	font-weight: normal;
	display: inline;
}

.home #header div em a { 
	color: #e88219;
	text-decoration: none;
}

.home #header div em a:hover {
	color: #37B4E7;
}

.home #header div .featured-project {
	padding: 0;
	width: 900px;
	height: 375px;
	color: #fff;
}

.home #header div .featured-project img {
	position: absolute;
}

.home #header div .featured-project .description {
	padding: 25px 495px 0 35px;
	width: 370px;
	color: #fff;
}

.home #header div .featured-project .description img {
	position: relative;
}

.home #header div .featured-project .description h3 {
	font-size: 28px;
	line-height: 36px;
	margin-bottom: 24px;
	color: #fff;
}

.home #header div .featured-project .description p {
	font-size: 14px;
	margin: 6px 0;
}

.home #header div .featured-project .description p strong,
.home #header div .featured-project .description p b {
	display: block;
	font-size: 16px;
	margin-bottom: 6px;
}

.sub #header div { 
	background: transparent;
	padding: 0;
}

#header div img { 
	vertical-align: middle;
}

#header div strong { 
	display: none;
}

	/* ----------| =Navigation |---------- */ 

#navigation { 
	line-height: 1em;
}

.sub #navigation { 
	line-height: 1em;
	border-bottom: 0;
	margin: 3px 0 0 0;
}

.sub.no-nav #navigation { 
	border-bottom: 1px solid #e0e0e0;
}

#navigation div { 
	position: relative;
	width: 900px;
	margin: -1px auto;
	background: #fff;
	padding: 0 5px;
}

#navigation div ul { 
	margin: 0 auto;
	width: 900px;
	background: #000 url(/images/layout/navigation/normal-bg.gif) repeat-x left top;
}

#navigation div ul li { 
	float: left;
	background: url(/images/layout/navigation/hover-bg.gif) repeat-x left top;
} 

#navigation div ul li a { 
	display: block;
	color: #acacac;
	padding: 22px 25px;
	font-size: 1em;
	text-decoration: none;
	background: transparent url(/images/layout/navigation/normal-bg.gif) repeat-x left top;
} 

#navigation div ul li.title { 
	float: right;
	margin: 0 22px 0 0;
	background: transparent url(/images/layout/title-hover.gif) no-repeat left top;
}

#navigation div ul li.title a { 
	width: 101px;
	height: 61px;
	padding: 0;
	background: transparent url(/images/layout/title.gif) no-repeat left top;
	text-indent: -9999px;
} 

#navigation div ul li.start { 
	background: transparent url(/images/layout/navigation/dots-hover.gif) no-repeat left top;
}

#navigation div ul li.start a { 
	padding-left: 34px;
	background: transparent url(/images/layout/navigation/dots.gif) no-repeat left top;
}

#navigation div ul li a:hover, 
#navigation div ul li#active a, 
#navigation div ul li.title a:hover { 
	background: transparent;
}

	/* ----------| =Sub Navigation |---------- */ 

#sub-navigation { 
	margin: 0;
	border-top: 0;
	line-height: 1em;
}

#sub-navigation div { 
	position: relative;
	width: 900px;
	margin: -1px auto;
	background: #fff;
	padding: 0 5px;
}

#sub-navigation div * { 
	vertical-align: baseline;
}

#sub-navigation div ul { 
	margin: 0 auto;
	width: 846px;
	border: 1px solid #ccc;
	border-top: 0;
	background: #eee;
	padding: 5px 26px;
}

#sub-navigation div ul li { 
	float: left;
	padding-right: 25px;
} 

#sub-navigation div ul li a { 
	float: left;
	display: block;
	color: #333;
	text-decoration: none;
	padding: 5px 9px 6px 9px;
	white-space: nowrap;
}

#sub-navigation div ul li#sub-active a, 
#sub-navigation div ul li a:hover { 
	padding: 0;
	text-decoration: none;
	background: transparent url(/images/layout/navigation/sub/top-left.gif) no-repeat left top;
}

#sub-navigation div ul li#sub-active a span, 
#sub-navigation div ul li a:hover span { 
	display: block;
	float: left;
	background: transparent url(/images/layout/navigation/sub/bottom-left.gif) no-repeat left bottom;
}

#sub-navigation div ul li#sub-active a span span, 
#sub-navigation div ul li a:hover span span { 
	background: transparent url(/images/layout/navigation/sub/top-right.gif) no-repeat right top;
}

#sub-navigation div ul li#sub-active a span span span, 
#sub-navigation div ul li a:hover span span span { 
	padding: 5px 9px 6px 9px;
	background: transparent url(/images/layout/navigation/sub/bottom-right.gif) no-repeat right bottom;
	cursor: pointer;
}

	/* ----------| =Content |---------- */ 

#content div { 
	position: relative;
	width: 840px;
	margin: -1px auto;
	padding: 20px 30px;
	background: #fff ;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
}

.sub #content div.clearer {
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	/* GOD FUCKING DAMNIT BRUCE!!! WHY DO I NEED THIS, I WILL KILL YOU WITH A TEA POT... .AWKWARD
	
	<!-- I'm sorry.... : ( -->
	
	why did you add that to an HTML comment?
	this is already commented out... that was unnecessary and incorrect.
	
	okay...... bye.
	
	*/
	
}

#content div p sup, 
sup { 
	vertical-align: top;
}

		/* ----------| =Sub Page Content |---------- */ 

.sub #content div { 
	padding: 15px 35px;
	width: 830px;
	background: #fff;
}

.sub #content div h1 { 
	color: #e47300;
	font-size: 1.4em;
	padding: 12px 0 15px 0;
}

.sub #content div h2 { 
	color: #2096c8;
	font-size: 1.3em;
	padding: 6px 0 6px 0;
	line-height: 1.6em;
}

.sub #content div h3 { 
	font-size: 1.2em;
	padding: 5px 0 5px 0;
}

.sub #content div h4 { 
	font-size: 1em;
	font-weight: bold;
	color: #333;
}

.sub #content div h3 a { 
	text-decoration: none;
	border-bottom: 1px solid #eee;
	color: #5ea3d1;
}

.sub #content div p.highlight { 
	font-style: italic;
	color: #005089;
}

.sub #content div address { 
	font-style: normal;
	margin: 0 0 20px 0;
}

.sub #content div div.floater { 
	float: left;
	width: auto;
	margin: 0;
	padding: 0 55px 0 0;
	border: 0;
	outline: 0;
	background: transparent;
}

		/* ----------| =Sub Page (Agency) |---------- */ 

.sub#agency #content {
	margin-top: 0 !important;
	border: 0;
} 

.sub#agency #content div,
.sub#contact #content div { 
	padding: 0;
	width: 900px;
	background: #fff;
	margin-top: 0;
}

.sub#agency #content div #agency-container,
.sub#contact #content div #contact-container {
	float: left;
	background: #fff url('/images/layout/agency-container.gif') left bottom no-repeat;
	width: 870px !important;
	padding: 30px 0 35px 30px;
	margin: 0;
	border: 0;
}

.sub#agency #content div #agency-container #guidelines {
	float: left;
	width: 520px;
	background: transparent;
	padding: 0;
	margin: 0;
	border: 0;
}

.sub#agency #content div #agency-container #guidelines h1 {
	padding-top: 0;
}

.sub#agency #content div #agency-container #guidelines ol li {
	padding-bottom: 15px;
}

.sub#agency #content div #agency-container #guidelines ol li b,
.sub#agency #content div #agency-container #guidelines ol li strong {
	color: #1b8dbb;
}



.sub#agency #content div #agency-container .sub-box {
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
}



.sub#agency #content div #agency-container .crew {
	float: right;
	width: 300px;
	height: 300px;
	position: relative;
	padding: 0;
	margin: 0;
	border: 0;
}

.sub#agency #content div #agency-container .profile {
	float: left;
	width: 520px;
	background: transparent;
	padding: 0;
	margin: 0;
	border: 0;
}

.sub#agency #content div #agency-container .profile h1 {
	text-indent: -9999px;
	height: 23px;
	padding: 0 0 9px 0;
	margin: 0;

}

.sub#agency #content div #agency-container .profile#aida h1 {
	background: url('/images/assets/agency/aida-zilic.gif') left top no-repeat;
	width: 167px;
}

.sub#agency #content div #agency-container .profile#bruce h1 {
	background: url('/images/assets/agency/bruce-clark.gif') left top no-repeat;
	width: 204px;
}

.sub#agency #content div #agency-container .profile#corey h1 {
	background: url('/images/assets/agency/corey-hooten.gif') left top no-repeat;
	width: 224px;
}

.sub#agency #content div #agency-container .profile#george h1 {
	background: url('/images/assets/agency/george-morris.gif') left top no-repeat;
	width: 248px;
}

.sub#agency #content div #agency-container .profile#john h1 {
	background: url('/images/assets/agency/john-skufca.gif') left top no-repeat;
	width: 202px;
}

.sub#agency #content div #agency-container .profile#kat h1 {
	background: url('/images/assets/agency/kat-logan.gif') left top no-repeat;
	width: 161px;
}

.sub#agency #content div #agency-container .profile#mario h1 {
	background: url('/images/assets/agency/mario-ricci.gif') left top no-repeat;
	width: 183px;
}

.sub#agency #content div #agency-container .profile#scott h1 {
	background: url('/images/assets/agency/scott-hooten.gif') left top no-repeat;
	width: 218px;
}

.sub#agency #content div #agency-container .profile#steph h1 {
	background: url('/images/assets/agency/stephanie-hoffman.gif') left top no-repeat;
	width: 316px;
}

.sub#agency #content div #agency-container .profile#taylor h1 {
	background: url('/images/assets/agency/taylor-smith.gif') left top no-repeat;
	width: 211px;
}


.sub#agency #content div #agency-container .profile h2 {
	text-indent: -9999px;
	height: 13px;
	padding: 0 0 18px 0;
	margin: 0;
}

.sub#agency #content div #agency-container .profile#aida h2 {
	background: url('/images/assets/agency/aida-zilic_title.gif') left top no-repeat;
	width: 139px;
}

.sub#agency #content div #agency-container .profile#bruce h2 {
	background: url('/images/assets/agency/bruce-clark_title.gif') left top no-repeat;
	width: 183px;
}

.sub#agency #content div #agency-container .profile#corey h2 {
	background: url('/images/assets/agency/corey-hooten_title.gif') left top no-repeat;
	width: 187px;
}

.sub#agency #content div #agency-container .profile#george h2 {
	background: url('/images/assets/agency/george-morris_title.gif') left top no-repeat;
	width: 268px;
}

.sub#agency #content div #agency-container .profile#john h2 {
	background: url('/images/assets/agency/john-skufca_title.gif') left top no-repeat;
	width: 235px;
}

.sub#agency #content div #agency-container .profile#kat h2 {
	background: url('/images/assets/agency/kat-logan_title.gif') left top no-repeat;
	width: 153px;
}

.sub#agency #content div #agency-container .profile#mario h2 {
	background: url('/images/assets/agency/mario-ricci_title.gif') left top no-repeat;
	width: 162px;
}

.sub#agency #content div #agency-container .profile#scott h2 {
	background: url('/images/assets/agency/scott-hooten_title.gif') left top no-repeat;
	width: 232px;
}

.sub#agency #content div #agency-container .profile#steph h2 {
	background: url('/images/assets/agency/stephanie-hoffman_title.gif') left top no-repeat;
	width: 171px;
}

.sub#agency #content div #agency-container .profile#taylor h2 {
	background: url('/images/assets/agency/taylor-smith_title.gif') left top no-repeat;
	width: 163px;
}

.sub#agency #content div #agency-container .profile img.left {
	margin-bottom: -30px;
}


.sub#agency #content div #agency-container .crew#aida		{ background: url('/images/assets/agency/photo-aida.png') left top no-repeat; }
.sub#agency #content div #agency-container .crew#bruce	{ background: url('/images/assets/agency/photo-bruce.png') left top no-repeat; }
.sub#agency #content div #agency-container .crew#corey	{ background: url('/images/assets/agency/photo-corey.png') left top no-repeat; }
.sub#agency #content div #agency-container .crew#george	{ background: url('/images/assets/agency/photo-george.png') left top no-repeat; }
.sub#agency #content div #agency-container .crew#john		{ background: url('/images/assets/agency/photo-john.png') left top no-repeat; }
.sub#agency #content div #agency-container .crew#kat		{ background: url('/images/assets/agency/photo-kat.png') left top no-repeat; }
.sub#agency #content div #agency-container .crew#mario	{ background: url('/images/assets/agency/photo-mario.png') left top no-repeat; }
.sub#agency #content div #agency-container .crew#scott	{ background: url('/images/assets/agency/photo-scott.png') left top no-repeat; }
.sub#agency #content div #agency-container .crew#steph	{ background: url('/images/assets/agency/photo-steph.png') left top no-repeat; }
.sub#agency #content div #agency-container .crew#taylor	{ background: url('/images/assets/agency/photo-taylor.png') left top no-repeat; }

.sub#agency #content div #agency-container .crew h2,
.sub#agency #content div #agency-container .crew h3 {
	text-indent: -9999px;
	padding: 0;
}

.sub#agency #content div #agency-container .crew h2 {
	background: url('/images/layout/headings/the-imulus-crew.png') left top no-repeat;
	width: 117px;
	height: 12px;
	padding-bottom: 8px;
}


.sub#agency #content div #agency-container .crew h3 a {
	border: none;
}

.sub#agency #content div #agency-container .crew#aida h3 a {
	display: block;
	background: url('/images/assets/agency/the-first.png') left top no-repeat;
	width: 165px;
	height: 26px;
}

.sub#agency #content div #agency-container .crew#bruce h3 a {
	display: block;
	background: url('/images/assets/agency/the-legend.png') left top no-repeat;
	width: 221px;
	height: 32px;
}

.sub#agency #content div #agency-container .crew#corey h3 a {
	display: block;
	background: url('/images/assets/agency/the-honey.png') left top no-repeat;
	width: 184px;
	height: 26px;
}

.sub#agency #content div #agency-container .crew#george h3 a {
	display: block;
	background: url('/images/assets/agency/the-noggin.png') left top no-repeat;
	width: 199px;
	height: 26px;
}

.sub#agency #content div #agency-container .crew#john h3 a {
	display: block;
	background: url('/images/assets/agency/the-voice.png') left top no-repeat;
	width: 166px;
	height: 26px;
}

.sub#agency #content div #agency-container .crew#kat h3 a {
	display: block;
	background: url('/images/assets/agency/the-raptor.png') left top no-repeat;
	width: 204px;
	height: 26px;
}

.sub#agency #content div #agency-container .crew#mario h3 a {
	display: block;
	background: url('/images/assets/agency/the-skeptic.png') left top no-repeat;
	width: 208px;
	height: 26px;
}

.sub#agency #content div #agency-container .crew#scott h3 a {
	display: block;
	background: url('/images/assets/agency/the-crusher.png') left top no-repeat;
	width: 227px;
	height: 26px;
}

.sub#agency #content div #agency-container .crew#steph h3 a {
	display: block;
	background: url('/images/assets/agency/the-hoff.png') left top no-repeat;
	width: 157px;
	height: 26px;
}

.sub#agency #content div #agency-container .crew#taylor h3 a {
	display: block;
	background: url('/images/assets/agency/the-brows.png') left top no-repeat;
	width: 194px;
	height: 26px;
}

.sub#agency #content div #agency-container .crew dl {
	padding-top: 20px;
	font-size: 10px;
	text-shadow: #fff 0 1px 0 #fff;
	width: 170px;
	float: left;
}

.sub#agency #content div #agency-container .crew dl dt {
	float: left;
	clear: both;
	padding-right: 5px;
	font-weight: bold;
	width: 60px;
	text-align: right;
}

.sub#agency #content div #agency-container .crew dl dd {
	float: left;
	width: 100px;
}



.sub#agency #content div #agency-container .crew a.more-imulites {
	position: absolute;
	left: 12px;
	bottom: 100px;
	width: 129px;
	height: 22px;
	background: url('/images/buttons/more-imulites.png') left top no-repeat;
	text-indent: -9999px;
	float: left;
}

.sub#agency #content div #agency-container .crew a.more-imulites:hover {
	background-position: 0 -22px;
}
	
	

.sub#agency #content div #agency-container .join {
	float: right;
	width: 275px;
	position: relative;
	background: transparent;
	padding: 0 15px 0 0;
	margin: -60px 0 0 0;
	border: 0;
}

.sub#agency #content div #agency-container .join h2 {
	text-indent: -9999px;
	background: url('/images/layout/headings/join-the-team.png') 144px 16px no-repeat;
	padding-bottom: 0px;
}

.sub#agency #content div #agency-container .join h3 {
	font-size: 12px;
	color: #2397c8;
	font-weight: bold;
	line-height: 14px;
	padding-bottom: 15px;
}

.sub#agency #content div #agency-container .join a.learn-more {
	width: 129px;
	height: 22px;
	margin-left: -8px;
	background: url('/images/buttons/learn-more.png') left top no-repeat;
	text-indent: -9999px;
	float: left;
}

.sub#agency #content div #agency-container .join a.learn-more:hover {
	background-position: 0 -22px;
}







.sub#agency #content div #agency-container .twitter {
	float: right;
	width: 277px;
	position: relative;
	background: transparent;
	padding: 0 15px 30px 15px;
	margin: 0 0 30px 0;
	border: 0;
	background: url('/images/layout/twitter-divider.png') center bottom no-repeat;
}

.sub#agency #content div #agency-container .twitter h2 {
	text-indent: -9999px;
	background: url('/images/layout/headings/hot-from-twitter.png') left top no-repeat;
	padding-bottom: 0px;
	width: 192px;
	height: 83px;
	margin-bottom: -10px;
}

.sub#agency #content div #agency-container .twitter h3 {
	font-size: 12px;
	color: #e47300;
	font-size: 14px;
	line-height: 14px;
	padding-left: 64px;
	padding-bottom: 20px;
}

.sub#agency #content div #agency-container .twitter a.show-me-more {
	width: 139px;
	height: 22px;
	margin-left: -8px;
	background: url('/images/buttons/show-me-more.png') left top no-repeat;
	text-indent: -9999px;
	float: left;
}

.sub#agency #content div #agency-container .twitter a.show-me-more:hover {
	background-position: 0 -22px;
}





.sub#agency #content div #agency-container .flickr {
	float: right;
	width: 275px;
	position: relative;
	background: transparent;
	padding: 0 15px 0 0;
	margin: 0;
	border: 0;
}

.sub#agency #content div #agency-container .flickr h2 {
	text-indent: -9999px;
	background: url('/images/layout/headings/feed-from-flickr.png') left top no-repeat;
	padding-bottom: 0px;
	width: 145px;
	height: 15px;
	margin: 0;
}

.sub#agency #content div #agency-container .flickr h3 {
	font-size: 12px;
	color: #e47300;
	font-size: 14px;
	line-height: 14px;
	padding-left: 64px;
	padding-bottom: 20px;
}

.sub#agency #content div #agency-container .flickr a.see-more {
	width: 98px;
	height: 22px;
	margin-left: -8px;
	background: url('/images/buttons/see-more.png') left top no-repeat;
	text-indent: -9999px;
	float: left;
}

.sub#agency #content div #agency-container .flickr a.see-more:hover {
	background-position: 0 -22px;
}



.sub#agency #content div #agency-container .flickr #images {
	padding: 0;
	margin: 0;
	border: 0;
	height: 77px;
	width: 77px;
	background: #fff;
	overflow: hidden;
	border: 1px solid #666;
}


.sub#agency #content div #agency-container .flickr #images img {
	border: 1px solid #fff;
}

.sub#agency #content div #agency-container .flickr #flickrNav {
	padding: 0;
	margin: 0;
	border: 0;
	width: auto;
	background: transparent;
}



.sub#agency #content div #bigger-purpose {
	clear: both;
	float: left;
	border: 0;
	width: 750px;
	background: url('/images/assets/agency/for-the-planet.gif') left top no-repeat;
	margin: 20px 0 20px 0;
	padding: 0 0 0 100px;
}

.sub#agency #content div #bigger-purpose h2.bigger-purpose {
	background: url('/images/layout/headings/a-bigger-purpose.gif') left top no-repeat;
	width: 187px;
	height: 22px;
	text-indent: -9999px;
	padding: 0;
	margin: 0;
}

.sub#agency #content div #bigger-purpose h3 {
	font-size: 12px;
	color: #2397c8;
	font-weight: bold;
}





#prev {
	float: right;
}



.sub#agency-all #content {
	margin-top: 0 !important;
	border: 0;
} 

.sub#agency-all #content div { 
	padding: 0;
	width: 900px;
	background: #fff;
	margin-top: 0;
}

.sub#agency-all #content div #agency-container {
	float: left;
	background: #fff url('/images/layout/bg-agency_all.gif') left bottom repeat-x;
	width: 900px !important;
	padding: 30px 0 35px 0;
	margin: 0;
	border: 0;
}

.sub#agency-all #content div #agency-container ul {
  width: 900px;
  float: left;
	background: transparent url('/images/layout/bg-agency_all-ul.png') left top repeat-y;
}

.sub#agency-all #content div #agency-container ul li {
  float: left;
}

.sub#agency-all #content div #agency-container ul li a {
	text-decoration: none;

}

.sub#agency-all #content div #agency-container ul li a img {
	opacity: 0.85;
}

.sub#agency-all #content div #agency-container ul li a:hover img {
	opacity: 1;
}

.sub#agency-all #content div #agency-container ul li span {
  display: block;
  height: 76px;
  width: 195px;
  padding: 10px 15px;
  font-size: 11px;
  overflow: hidden;
	color: #777;
}

.sub#agency-all #content div #agency-container ul li a:hover span {
	color: #555;
}

.sub#agency-all #content div #agency-container ul li span strong,
.sub#agency-all #content div #agency-container ul li span b {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #e47300;
}

.sub#agency-all #content div #agency-container ul li a:hover span strong,
.sub#agency-all #content div #agency-container ul li a:hover span b {
/*   color: #FF8000; */
}


.sub #content div h1.emphasis { 
	width: 254px;
	height: 19px;
	text-indent: -9999px;
	background: url('/images/layout/headings/5-basic-guidelines.gif') left top no-repeat;
	margin: 0;
	padding: 0 0 15px 0 !important;
}

.sub #content #agency-right,
.sub #content #agency-left { 
	border: 0;
	margin: 0;
	background: transparent;
	clear: both;
	float: left;
	width: 230px;
	padding: 10px 0 0 200px;
}

.sub #content #agency-left img { 
	margin-left: -200px;
	padding-top: 10px;
}

.sub #content #agency-right img { 
	margin-left: -145px;
	padding-top: 10px;
}


.sub #content #agency-right {
	clear: none;
	float: right;
	padding: 10px 0 0 145px;
}




		/* ----------| =Sub Page (Contact) |---------- */ 

.sub#contact #content div { 
	padding: 0;
	width: 900px;
	margin-top: -1px;
}

.sub#contact #content div .contact-details {
	float: left;
	width: 610px;
	background: #fff url('/images/layout/contact-details-bg.gif') left bottom no-repeat;
	padding: 40px 40px 40px 250px;
	margin: 0;
	border: 0;
}

.sub#contact #content div .contact-details h1 {
	color: #515152;
	font-size: 24px;
	padding: 0 0 24px 0;
}

.sub#contact #content div .contact-details .grid {
	float: left;
	width: 160px;
	background: transparent;
	padding: 0;
	margin: 0 10px 0 0;
	border: 0;
}

.sub#contact #content div .contact-details .grid h2 {
	color: #e47300;
	font-size: 15px;
	padding: 0;
}

.sub#contact #content div .contact-details .grid a {
	text-decoration: none;
}


.sub#contact #content div .contact-details #email {
	width: 260px;
}

.sub#contact #content div #contact-container {
	float: left;
	background: #fff url('/images/layout/agency-container.gif') left bottom no-repeat;
	width: 850px !important;
	padding: 30px 20px 35px 30px;
	margin: 0;
	border: 0;
}

.sub#contact #content div #contact-container .contact-form {
	float: left;
	width: 521px;
	background: transparent;
	padding: 0;
	margin: 0;
	border: 0;
}

.sub#contact #content div #contact-container .sidebar {
	float: right;
	width: 278px;
	position: relative;
	background: transparent;
	padding: 0;
	margin: 0;
	border: 0;
}






		/* ----------| =Sub Page (Search Results) |---------- */ 

.sub#results #content div {
	width: 860px;
	padding: 15px 20px;
	min-height: 280px;
}

.sub#results #content #flash-solutions { 
	position: absolute;
	right: 10px;
	top: 0px;
	z-index: 1000;
	width: 303px;
	padding: 0;
	margin: 0;
	border: 0;
}

.sub#results #content div h1 {
	position: relative;
	width: 512px;
	padding: 0 0 10px 14px;
	background: url(/images/layout/border-dotted.gif) repeat-x left bottom;	
}

.sub#results #content div h1 a {
	position: absolute;
	padding: 0;
	right: 10px;
	top: 0px;
}

.sub#results #content div span {
	padding: 0 340px 0 0;
	float: right;
}

.sub#results #content div span select {
	border: 1px solid #ccc;
	width: 50px;
	vertical-align: bottom;
}

.sub#results #content div h1 em {
	color: #333;	
}

.sub#results #content div p.search { 
	padding: 10px 14px 13px 14px;
	background: #ddd url(/images/layout/border-dotted-white-bottom.gif) repeat-x left bottom;	
}

.sub#results #content div p.paging { 
	padding: 5px 14px 8px 14px;
}

.sub#results #content div p.paging b { 
	color: #333;
}

.sub#results #content div p.paging em { 
	display: block;
	float: right;
	font-style: normal;
}

.sub#results #content div p.paging a { 
	color: #999;
	text-decoration: none;
}

.sub#results #content div p.paging a:hover { 
	color: #333;
}

.sub#results #content div p input {
	width: 400px;
}

.sub#results #content div p input.submit {
	width: auto;
	vertical-align: bottom;
}

.sub#results #content div p { 
	width: 500px;
	padding: 13px 14px 17px 14px;
	background: url(/images/layout/border-dotted.gif) repeat-x bottom left;
}

.sub#results #content div p strong { 
	display: block;
	padding-bottom: 5px;
}

.sub#results #content div p b { 
	color: #1a5e88; 
}

.sub#results #content div p i { 
	display: block;
	font-size: .9em;
	padding-top: 5px;
}

.sub#results #content .grid-side { 
	position: relative;
	float: right;
	width: 207px;
	margin: 0;
	padding: 0 15px 15px 15px;
	border: 0;
}

.sub#results #content .grid-side h4 { 
	font-size: 1.1em;
	color: #777;
	padding: 10px 0 5px 0;
}

.sub#results #content div.sub-box { 
	clear: right;
	position: relative;
	float: right;
	width: 297px;
	border: 0;
	padding: 0;
	margin: 15px 0;
	background: transparent url(/images/layout/sub-box/sub-box-bottom.jpg) no-repeat left bottom;
} 

.sub#results #content div.sub-box#blog-tease ul {
	padding-left: 102px;
}

.sub#results #content div.sub-box#blog-tease a img {
	float: right;
	padding-right: 13px;
}

.sub#results #content div.sub-box p, 
.sub#results #content div.sub-box h3 { 
	width: auto;
}

.sub#results #content div.sub-box h3 { 
	background: url(/images/layout/sub-box/sub-box-top.jpg) no-repeat left top;
	padding: 13px 0 10px 17px;
}

.sub#results #content div.sub-box img { 
	float: left;
	padding: 0 10px 17px 15px;
}

.sub#results #content div.sub-box p { 
	padding: 0 0 15px 17px;
}

.sub#results #content div.sub-box p b { 
	color: #e47300;
}

.sub#results #content div.sub-box ul { 
	padding: 0 10px 15px 22px;
}

.sub#results #content div.sub-box ul li { 
	font-size: .85em;
	padding: 0 0 12px 11px;
	line-height: 1.3em;
}

.sub#results #content div.sub-box ul.column li { 
	float: left;
	width: 70px;
}

.sub#results #content div#sign-up.sub-box { 
	position: relative;
	clear: both;
	margin: 0;
}

.sub#results #content div#sign-up.sub-box p { 
	background: transparent;
	font-size: .9em;
	padding-right: 15px;
	padding-bottom: 15px;
	line-height: 1.5em;
}

.sub#results #content div#sign-up.sub-box p b { 
	display: block;
	float: left;
}

.sub#results #content div#sign-up.sub-box p input { 
	float: right;
	width: 125px;
	font-size: 11px;
}

.sub#results #content div#sign-up.sub-box p.last { 
	padding: 0 15px;
	font-size: .9em;
}

.sub#results #content div#sign-up.sub-box p input.submit { 
	float: right;
	width: auto;
	margin-top: 5px;
}

		/* ----------| =Sub Page (Standard & Case Study Styles) |---------- */ 

.sub #content div a img#featured-case { 
	float: left;
	padding: 0 20px 0 0;
}

.sub#case-study #content div p { 
	padding-left: 390px;
}

.sub#standard div.intro { 
	position: relative;
	padding: 0 18px;
	line-height: 1em;
	margin: 0 0 1px 0;
}

.sub#standard div.intro a.button-back { 
	position: absolute;
	bottom: 9px;
	left: 30px;
	z-index: 1000;
}

.sub#standard div.intro a.button { 
	position: absolute;
	bottom: 9px;
	right: 30px;
	z-index: 1000;
}

.sub#standard #content { 
	border-top: 0;
	margin-top: 0;
}

.sub#standard #content div { 
	width: 870px;
	padding: 15px 15px 0 15px;
	background: #fff url(/images/layout/gradient-horizontal-top.gif) repeat-x left top;
}

.sub#standard #content p,
.sub#standard #content h1, 
.sub#standard #content h2, 
.sub#standard #content h3, 
.sub#standard #content h4, 
.sub#standard #content h5, 
.sub#standard #content h1, 
.sub#standard #content ul { 
	padding-right: 320px;
}

.sub#standard #content ul {
	padding-bottom: 15px;
}

.sub#standard #content ol {
	padding: 0 0 15px 30px;
} 

.sub#standard #content ul li, 
.sub#product #content ul li { 
	padding: 4px 0 4px 27px;
	background: url(/images/icons/small-gray-bullet.gif) no-repeat 12px 10px;
	line-height: 1.4em;
}

.sub#standard #content ol li, 
.sub#product #content ol li { 
	padding: 2px 0;
	list-style-type: decimal;
}

.sub#standard #content blockquote, 
.sub#product #content blockquote {
	padding: 0 15px 0 30px;
}

.sub#standard #content blockquote.quotes {
	background: url(/images/icons/quotes.gif) no-repeat 0 12px;
	padding: 10px 15px 0 50px;
	width: 470px;
}

.sub#standard #content blockquote.quotes p {
	width: auto;
	padding: 0 0 15px 0;
	float: none;
}

.sub#standard #content div.sub-box { 
	clear: right;
	position: relative;
	float: right;
	width: 297px;
	border: 0;
	padding: 0;
	margin: 15px 0;
	background: transparent url(/images/layout/sub-box/sub-box-bottom.jpg) no-repeat left bottom;
	cursor: pointer;
} 

.sub#standard #content div.sub-box p, 
.sub#standard #content div.sub-box h3 { 
	width: auto;
}

.sub#standard #content div.sub-box h3 { 
	background: url(/images/layout/sub-box/sub-box-top.jpg) no-repeat left top;
	padding: 13px 0 0 17px;
}

.sub#standard #content div.sub-box img { 
	float: right;
	padding: 0 17px 7px 5px;
}

.sub#standard #content div.sub-box p { 
	padding: 0 15px 15px 18px;
	font-size: .9em;
	line-height: 1.5em;
}

.sub#standard #content div.sub-box p a img { 
	margin-right: -10px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.sub#standard #content div.sub-box h4 { 
	font-size: 1em;
	padding: 4px 0 4px 18px;
	color: #333;
	font-weight: bold;
	line-height: 1.4em;
}

.sub#standard #content div.sub-box p b { 
	color: #e47300;
}

.sub#standard #content div.sub-box ul { 
	padding: 0 0 15px 22px;
}

.sub#standard #content div.sub-box ul li { 
	background: url(/images/icons/small-gray-bullet.gif) no-repeat 0 .3em;
	padding: 0 5px 5px 11px;
	font-size: .9em;
	line-height: 1.2em;
}

.sub#standard #content div.sub-box ul.column li { 
	float: left;
	width: 70px;
}

.sub #content div.sub-box ul li a { 
	margin: 0 !important;
	display: inline !important;
	float: none !important;
	color: #1a576f !important;
	text-decoration: none !important;
	border-bottom: 1px solid #aaa !important;
	font-weight: normal !important;
}

.sub #content div.sub-box ul li a:hover { 
	color: #555 !important;
	border-bottom: 1px solid #eee !important;
}


		/* ----------| =Sub Page (Isolated) |--------- */ 

.sub#standard #content div.no-effects { 
	background: url(/images/layout/border-white.gif) repeat-x left bottom;
}

		/* ----------| =Sub Page (Full) |--------- */ 

.sub#product #content div h1 { 
	color: #555;
	font-size: 2.2em;
	padding-top: 15px;
	padding-bottom: 15px;
}

.sub#product #content div p.left { 
	padding: 0 20px 10px 0;
	margin: 0;
}

.sub#product #content div hr { 
	clear: both;
	height: 0;
	border-bottom: 1px solid #ddd;
	margin: 15px 0;
}

.sub#product #content div p.grid, 
.sub#product #content div div.grid { 
	position: relative;
	float: left;
	width: 350px;
	padding: 25px;
	background: transparent;
	border: 0;
}

.sub#product #content p.stalk { 
	background: url(/images/layout/google/stalk-left.gif) no-repeat left top;
	height: 30px;
	float: left;
	margin: -15px 0 15px 160px;
	font-size: .9em;
	padding: 0;
	border: 0;
	vertical-align: middle;
	width: 680px;
}

.sub#product #content p.stalk span { 
	display: block;
	padding: 9px 5px 5px 10px;
	margin: 0;
	height: 16px;
	line-height: 1em;	
	background: transparent url(/images/layout/google/stalk-right.gif) no-repeat right top;	
}

.sub#product #content p.stalk span img { 
	float: right;
	margin-top: -6px;
}

.sub#product #content div div.grid  { 
	padding: 0 35px 15px 96px;
	width: 280px;
}

.sub#product #content div div.grid ul { 
	padding-left: 35px;
}

.sub#product #content div div.grid ul li { 
	color: #0c5ca6;
	list-style: square;
}

.sub#product #content div div.grid.side  { 
	padding-right: 10px;
	width: 300px;
}

.sub#product #content div div.grid img.left { 
	margin-left: -96px;
}

.sub#product #content div div.grid p { 
	padding-bottom: 25px;
}

.sub#product #content div div.grid p strong { 
	color: #555;
}

.sub#product #content div div.grid h3 a { 
	text-decoration: none;
	color: #444;
}

.sub#product #content div div.grid h3 a:hover { 
	color: #2096c8;
}

		/* ----------| =Sub Page (Products - new) |---------- */ 

.sub.new#product #content div {
	width: 900px;
	padding: 0;
	background: #f9fcfe url(/images/layout/products/content-bg.gif) repeat-x left bottom;
	min-height: 500px;
}

.sub.new#product #content div div.intro { 
	background: url(/images/layout/products/intro-bg.gif) repeat-x left bottom;
	padding: 15px 15px 25px 35px;
	width: 850px;
	margin: 0;
	border: 0;
	min-height: 100px;
}

.sub.new#product #content div div.intro h2 { 
	color: #ed8600;
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 20px;
}

.sub.new#product #content div div.intro p { 
	position: relative;
	float: left;
	width: 465px;
}

.sub.new#product #content div div.intro div.prod, 
.sub.new#product #content div div.intro div.offer { 
	background: transparent;
	float: left;
	min-height: 0;
	width: 112px;
	padding: 0;
	text-align: center;
	margin: 0;
	border: 0;
}

.sub.new#product #content div div.intro div.offer {
	float: right;
	width: 350px;
	padding-top: 40px;
}

.sub.new#product #content div div.intro div.offer img {
	border: 0;
}

.sub.new#product #content div div.intro div.offer h3 {
	font-size: 12px;
}

.sub.new#product #content div div.intro div.offer div.prod h3 a,
.sub.new#product #content div div.intro div.offer h3 a {
	border: 0;
}

.sub.new#product #content div div.intro div.offer div.prod:hover h3 a,
.sub.new#product #content div div.intro div.offer h3 a:hover {
	color: #466099;
	border: 0;
}

.sub.new#product #content div div#main { 
	width: 865px;
	padding: 20px 0 25px 35px;
	margin: 0;
	border: 0;
	background: transparent;
}

.sub.new#product #content div div#main .column { 
	position: relative;
	float: left;
	width: 390px;
	padding-right: 40px;
	border: 0;
	margin: 0;
	background: transparent;
}

.sub.new#product #content div div#main .column ul {
	padding-top: 5px;
}

.sub.new#product #content div div#main .column ul li { 
	font-size: 11px;
	background: url(/images/icons/small-gray-bullet.gif) no-repeat 1px 5px;
	padding: 0 0 7px 11px;
}

.sub.new#product #content div div#main .column h4 { 
}

.sub.new#product #content div #main h1 { 
	padding: 40px 0 0 0;
	color: #6bb3e1;
}

.sub.new#product #content div #main h2 { 
	color: #444;
	font-size: 16px;
	padding: 0 0 15px 0;
	line-height: 1.4;
}

.sub.new#product #content div #main .icon { 
	float: left;
	padding-right: 20px;
}


		/* ----------| =Sub Page (Solutions) |---------- */ 

.sub#solutions #content div.no-effects {
	position: relative;
	width: 870px;
	padding: 7px 5px 5px 25px;
}

.sub#solutions #content #flash-solutions { 
	position: relative;
	float: right;
	width: 668px;
	padding: 0;
	margin: 0;
	border: 0;
}

.sub#solutions #content h1 { 
	width: 200px;
	font-size: 3em;
	line-height: 1.4em;
	color: #545454;
	padding-top: 0;
	padding-bottom: 0;
}

.sub#solutions #content h3 { 
	padding: 0 0 15px 0;
}

.sub#solutions #content div p { 
	width: 200px;
}

.sub#solutions #content div p span.button { 
	float: left;
	margin: 15px 0 0 0;
}

.sub#solutions #content div ul { 
	clear: both;
	padding: 15px 0 0 0;
}

.sub#solutions #content div ul li { 
	float: left;
	position: relative;
	width: 360px;
	padding: 0 30px 15px 18px;
	border: 0;
	background: url(/images/icons/orange-bullet.gif) no-repeat 0 8px;
}

.sub#solutions #content div ul li h2 { 
	font-size: 1.2em;
	padding: 0;
	text-decoration: none;
	color: #444;
}

.sub#solutions #content div ul li h2 a { 
	color: #e47300;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

.sub#solutions #content div ul li h2 a:hover { 
	color: #2096c8;
	border-bottom: 1px solid #ddd;
}

		/* ----------| =Sub Page (Solutions - Design and Strategy) |---------- */ 

.sub#solutions #content div #design-strat { 
	left: -15px;
	padding: 0;
	margin: 0;
	border: 0;
	width: 885px;
}

.sub#solutions #content div #design-strat * { 
	width: auto;
}

.sub#solutions #content div #design-strat div {
	width: auto;
	background: transparent;
	padding: 0;
	margin: 0;
}

.sub#solutions #content div #design-strat p { 
	padding-bottom: 1em;
}

.sub#solutions #content div #design-strat h1 { 
	position: relative;
	top: -10px;
	left: 0;
	z-index: 1000;
	width: 700px;
	font-size: 3em;
	line-height: 1em;
	color: #545454;
	padding-top: 15px;
	padding-bottom: 10px;
}

.sub#solutions #content div #design-strat h2 { 
	font-size: 1.3em;
	padding: 0 0 10px 0;
	text-decoration: none;
	color: #444;
}

.sub#solutions #content div #design-strat .welcome { 
	padding: 0 560px 8px 0;
	position: relative;
	background: url(/files/solutions/design-strat/gradient-radial.jpg) no-repeat right bottom;
}

.sub#solutions #content div #design-strat .welcome #tips { 
	position: absolute;
	right: -5px;
	bottom: 10px;
	width: 560px;
	height: 245px;
	margin: 0;
	padding: 0;
	background: url(/files/solutions/design-strat/blueprint-rmi.gif) no-repeat left top;
}

.sub#solutions #content div #design-strat .welcome #tips .tip1, 
.sub#solutions #content div #design-strat .welcome #tips .tip2 { 
	position: absolute; 
	right: 29px;
	top: 9px;
	font-weight: bold;
	color: #385476;
	width: 190px;
	line-height: 1.7em;
}

.sub#solutions #content div #design-strat .welcome #tips .tip2 { 
	right: 342px;
	top: 122px;
	width: 200px;
}

.sub#solutions #content div #design-strat #process { 
	padding: 20px 15px 20px 15px;
	border: 1px solid #ccc;
	border-left: 0;
	border-right: 0;
	margin: -1px -15px;
}

.sub#solutions #content div #design-strat #process h2 { 
	padding-bottom: 20px;
	padding-left: 5px;
}

.sub#solutions #content div #design-strat #process .grid { 
	position: relative;
	float: left;
	padding: 0 10px 0 0;
	width: 285px;
}

.sub#solutions #content div #design-strat #process .grid b { 
	color: #e28424;
	font-size: 1.2em;
	font-weight: normal;
	padding-bottom: 7px;
}

.sub#solutions #content div #design-strat #process .grid img { 
	float: left;
	padding-right: 10px;
}

.sub#solutions #content div #design-strat #process .grid#first-grid { 
	width: 295px;
}

.sub#solutions #content div #design-strat #process .grid#last-grid { 
	position: relative;
	float: left;
	padding: 0;
	width: 250px;
}

.sub#solutions #content div #design-strat #results { 
	padding: 20px 0 10px 0;
	border: 0;
}

.sub#solutions #content div #design-strat #results img { 
	float: left;
	padding: 20px 30px 0 0;
}

.sub#solutions #content div #design-strat #results span { 
	margin: 0;
	padding: 0;
}

.sub#solutions #content div #design-strat #results span.button img { 
	margin: 0 -6px 0 2px;
	vertical-align: -30%;
	padding: 0;
	float: none;
}

		/* ----------| =Sub Page (Portfolio) |---------- */ 

.sub#portfolio #content div { 
	background: #858585;
	padding: 20px 15px;
	width: 870px;
}

.sub#portfolio #content div div { 
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: url(/images/layout/portfolio/list-container-bottom.gif) no-repeat left bottom;
}

.sub#portfolio #content div ul {
	width: 217px; 
	background: url(/images/layout/portfolio/list-container.gif) no-repeat left top;
	padding: 7px;
}

.sub#portfolio #content div ul li ul {
	width: auto;
	padding: 0;
	background: transparent;
}

.sub#portfolio #content div ul li.title.last {
	border-bottom: 1px solid #ccc;
}

.sub#portfolio #content div ul li, 
.sub#portfolio #content div ul li.title ul li {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.sub#portfolio #content div ul li.title ul li {
	border-right: 0;
	border-left: 0;
}

.sub#portfolio #content div ul li a, 
.sub#portfolio #content div ul li.title ul li a, 
.sub#portfolio #content div ul li.title.active ul li a {
	border-top: 0;
	display: block;
	color: #fff;
	padding: 5px 10px 4px 12px;
	background: #9d9d9d url(/images/layout/border-dotted-white.gif) repeat-x left top;
	text-decoration: none;
}

.sub#portfolio #content div ul li a span, 
.sub#portfolio #content div ul li.title ul li a span {
	display: block;
	background: transparent url(/images/icons/small-bullet-orange.gif) no-repeat 0 50%;
	padding: 0 0 0 9px;
}

.sub#portfolio #content div ul li a:hover, 
.sub#portfolio #content div ul li.active a, 
.sub#portfolio #content div ul li.title ul li a:hover,
.sub#portfolio #content div ul li.title ul li.active-lower a {
	background: #bbb url(/images/layout/border-dotted-white.gif) repeat-x left top;
}

.sub#portfolio #content div ul li.title a {
	color: #ccc;
	border-top: 1px solid #ccc;
	padding: 4px 10px;
	background: #646464;
}

.sub#portfolio #content div ul li.title.active a, 
.sub#portfolio #content div ul li.title a:hover {
	background: #5b5b5b url(/images/layout/portfolio/title-bg.gif) repeat-x left top;
	color: #eee;
}

.sub#portfolio #content div div#portfolio-holder {
	width: 617px;
	float: right;
	position: relative;
	background: transparent;
}

.sub#portfolio #content div div#portfolio-main {
	position: relative;
	width: 617px;
	padding: 0;
	border: 0;
	background: url(/images/layout/portfolio/portfolio-image-tile-bg.jpg) repeat-y left top;
}

.sub#portfolio #content div div#portfolio-main div {
	display: block;
	width: 617px;
	background: url(/images/layout/portfolio/portfolio-image-bg.jpg) no-repeat left top;
}

.sub#portfolio #content div div#portfolio-main div div {
	background: url(/images/layout/portfolio/portfolio-image-bottom-bg.jpg) no-repeat left bottom;
}

.sub#portfolio #content div div#portfolio-main div div div#portfolio-container {
	text-align: center;
	height: 480px;
	padding: 0px 0 30px 0;
	width: 587px;
	margin: 0 0 0 15px;
	background: transparent;
}

.sub#portfolio #content div div#portfolio-main div div div#portfolio-container div {
	position: relative;
	width: 585px;
	height: 480px;
	border: 0;
	padding: 0;
	margin: 0 15px 0 0;
	background: transparent;
 	vertical-align: middle;
	line-height: 480px;
	font-size: 1em;
}

.sub#portfolio #content div div#portfolio-main div div div#portfolio-container div img {
	display: inline;
	position: relative;
	margin: 0 auto;
	background: #ddd url(/images/layout/portfolio/image-bg.gif) no-repeat right bottom;
	padding: 1px 5px 5px 1px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
}

.sub#portfolio #content div div#portfolio-main div div div#portfolio-container div img.shadowless {
	background: transparent;
	border: 0;
}

.sub#portfolio #content div ol {
	float: right;
	padding: 25px 20px 0 0;	
}

.sub#portfolio #content div ol li { 
	float: left;
	padding: 0 7px 0 0;
	line-height: 1em;
	color: #777;
}

.sub#portfolio #content div ol li a { 
	display: block;
	width: 13px;
	height: 13px;
	background: url(/images/icons/dot-white-inactive.gif) no-repeat left top;
}

.sub#portfolio #content div ol li a.activeSlide,
.sub#portfolio #content div ol li a:hover {	
	background: url(/images/icons/dot-white-active.gif) no-repeat left top;
}

.sub#portfolio #content div ol li a span {
	display: none;
}
                                          
.sub#portfolio #content div ol li.movement { }

.sub#portfolio #content div ol li.movement a {
	background: transparent;
	width: auto;
	height: auto;
	line-height: 1em;
	text-decoration: none;
	color: #888;
}

.sub#portfolio #content div ol li.movement a:hover {
	background: transparent;
	color: #444;
}

.sub#portfolio #content div h3 {
	position: relative;
	float: left;
	color: #fff;
	width: 420px;
	padding: 15px 15px 15px 20px;
}

.sub#portfolio #content div span.button { 
	background: transparent url(/images/buttons/dark-rounded-top-left.jpg) no-repeat left top;
	margin: -35px 15px 0 0;
}

.sub#portfolio #content div span.button span { 
	background: transparent url(/images/buttons/dark-rounded-top-right.jpg) no-repeat right top;
}

.sub#portfolio #content div span.button span span { 
	background: transparent url(/images/buttons/dark-rounded-bottom-left.jpg) no-repeat left bottom;
}

.sub#portfolio #content div span.button span span a { 
	background: transparent url(/images/buttons/dark-rounded-bottom-right.jpg) no-repeat right bottom;
	color: #333;
	padding: 3px 9px;
	white-space: nowrap;
}

.sub#portfolio #content div span.button span span a:hover { 
	color: #f;
}

		/* ----------| =Sub Page (Work) |---------- */ 

.sub#work #content div { 
	padding: 25px 20px 25px 30px;
	width: 850px;
	background: #f0f0f0 url(/images/layout/work/gradient-top.gif) repeat-x left top;
}
		
.sub#work #content h1 { 
	font-size: 3em;
	line-height: 1.4em;
	color: #545454;
	padding-top: 15px;
	padding-bottom: 0;
}

.sub#work #content p.intro { 
	float: right;
	padding: 0;
	margin: 0;
	width: auto;
}

.sub#work #content p.intro img { 
	padding: 0;
	margin: 0;
}

.sub#work #content p.left { 
	clear: both;
	width: 360px;
	padding-right: 50px;
}

.sub#work #content p { 
	float: left;
	width: 410px;
	padding: 20px 0 0 0;
}

.sub#work #content p b { 
	display: block;
	font-size: 1.2em;
	padding: 0 0 5px 0;
}

.sub#work #content p b a { 
	color: #555;
	text-decoration: none;
}

.sub#work #content p b a:hover { 
	color: #2096c8;
}

.sub#work #content p.hover a.holder { 
	display: block;
	text-decoration: none;
	padding: 0 0 0 15px;
}

.sub#work #content p.hover a.holder:hover { 
	background: transparent url(/images/layout/work/hover-bottom-bg.gif) no-repeat left bottom;
}

.sub#work #content p.hover a.holder span { 
	display: block;
	float: left;
	width: 130px;
	height: 40px;
	padding-top: 20px;
	cursor: pointer;
}

		/* ----------| =Sub Page (Clients) |---------- */ 

.sub#clients div#logos { 
	float: right;
	width: 299px;
	border: 0;
	background: transparent;
	padding: 0 0 0 10px;
	margin: 0;
}

.sub#clients .grid { 
	position: relative;
	float: left;
	width: 185px;
	padding: 20px 10px 10px 10px;
	margin: 0;
	border: 0;
	border-top: 1px solid #ccc;
}

.sub#clients .grid ul { 
	padding-bottom: 15px;
}

.sub#clients .grid ul li.title { 
	color: #2096c8;
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
}

.sub#clients .grid ul li { 
	font-size: 11px;
	line-height: 15px;
	padding: 3px 0 3px 0;
	color: #777;
}

		/* ----------| =AdWords Landing Page |---------- */ 
		
		
.sub#adwords #wrapper #content div h1 {
	text-indent: -9999px;
	height: 125px;
	width: 284px;
	padding: 0 0 9px 0;
	margin: 0;
	background: url('/images/layout/headings/adwords-workshop.gif') left top no-repeat;
}

.sub#adwords #wrapper #content div h2 {
	color: #e47300;
	font-weight: bold;
}


.sub#adwords #wrapper #content div .details {
	float: right;
	width: 500px;
}

.sub#adwords #wrapper #content div .details p strong {
	display: block;
	margin-left: -90px;
	float: left;
	width: 75px;
	text-align: right;
}

.sub#adwords #wrapper #content div .details p em {
	font-style: normal;
	font-weight: bold;
	color: #800;
}

.sub#adwords #wrapper #content div .contact-info {
		background: url(/images/layout/products/intro-bg.gif) repeat-x left bottom;
		padding: 35px;
		width: 760px;
		margin: 0;
		border: 0;
	float: left;

}

.sub#adwords #wrapper #content div .map {
	float: left;
	width: 270px;
	margin-right: 30px;
}

.sub#adwords #wrapper #content div .location {
	width: 250px;
	float: left;
}

.sub#adwords #wrapper #content div .kristin {
	float: left;
}


		/* ----------| =Home Page Content |---------- */ 

.home #content div { 
	padding: 15px 25px;
	width: 850px;
}

.home #content div h2 { 
	font-size: 1.2em;
	padding-bottom: 10px;
}

.home #content div p { margin-right: 350px; }

.home #content div h1 { 
	position: absolute;
	left: -9999em;
}

.home #content div img.left { 
	padding: 5px 20px 0 15px;
	margin: 0;
}

.home #content div p b { 
	color: #2567c1;
}

.home #content div p b a.started { 
	color: #cc5f1e;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

.home #content div p b a.started img { 
	vertical-align: -10%;
}

.home #content div p b a.started:hover { 
	border-bottom: 1px solid #ccc;
	color: #666;
}

.home #content div p em { 
	color: #648d14;
	font-style: normal;
}

.home #content div p.last { 
	padding: 0;
}

.home #content div a {
	color: #e88219;
	text-decoration: none;
}

.home #content div a:hover {
	color: #c96e10;
}

		/* ----------| =Search & News Boxes |---------- */ 

#content div #holder { 
	position: relative;
	padding: 0;
	border: 0;
	float: right;
	width: 478px;
}

#content div #holder a { 
	float: left;
	display: block;
	width: 144px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	margin-left: 15px;
}

#content div #holder a span { 
	display: block;
	background: #e88219 url('/images/layout/case-study-teaser-link.png') left bottom no-repeat;
	border-top: 1px solid #fff;
	text-align: center;
	font-size: 11px;
	padding: 2px 0 4px 0;
}

#content div #holder a span em {
	font-style: normal;
	background: url('/images/icons/right-arrow.png') right center no-repeat;
	padding: 5px 20px 5px 0;
}

#content div #holder a:hover span { 
	background: #c96e10 url('/images/layout/case-study-teaser-link.png') left bottom no-repeat;
}


#results #content div #holder { 
	position: relative;
	float: right;
	width: 297px;
	padding: 0;
	margin: 0;
}

#content div #news, 
#content div #search { 
	position: relative;
	width: 318px; 
	padding: 0;
	border: 0;
	background: #ededed url(/images/layout/news-bg-bottom.jpg) no-repeat left bottom;
}

#content div #search { 
	background: #ededed url(/images/layout/news-bg-bottom.jpg) no-repeat left bottom;
	margin-bottom: 15px;
}

#content div #search span { 
	display: block;
	padding: 13px;
	background: url(/images/layout/news-bg-top.jpg) no-repeat left top;
}

#content div #search span input { 
	width: 185px;
	font-size: 12px;
}

#content div #search span input.submit { 
	width: auto;
	border: 0;
}
		
#content div #news h3 { 
	padding: 19px 12px 0 23px;
	font-size: 1.2em;
	background: transparent url(/images/layout/news-bg-top.jpg) no-repeat left top;
	color: #444;
	line-height: 1em;
}

#content div #news h3 a { 
	float: right;
	padding: 0 13px 0 0;
	margin-top: -2px;
}

#content div #news ul { 
	padding: 10px 15px 12px 15px;
}

#content div #news ul li.top { 
	background: url(/images/layout/news-border-dotted.gif) repeat-x left top;
	padding: 1px 0 0 0;
}

#content div #news ul li.top a { 
	padding-top: 7px;
}

#content div #news ul li a { 
	display: block;
	margin: 0 0 0 0;
	padding: 8px 10px 7px 10px;
	background: url(/images/layout/news-border-dotted.gif) repeat-x left bottom;
	text-decoration: none;
	color: #666;
}

#content div #news ul li a:hover { 
	color: #333;
	background: #ccc url(/images/layout/news-border-dotted.gif) repeat-x left bottom;
}

#content div #news ul li.last a { 
	background: transparent;
}

#content div #news ul li.last a:hover { 
	background: #ccc;
}

	/* ----------| =Buttons |---------- */ 

span.button { 
	display: block;
	float: right;
	background: #ccc url(/images/buttons/button-top-left.gif) no-repeat left top;
	margin: 0 10px 0 0;
}

span.button span, 
span.button span span { 
	display: block;
	float: none;
	margin: 0;
}

span.button span { 
	background: url(/images/buttons/button-top-right.gif) no-repeat right top;
}

span.button span span { 
	background: url(/images/buttons/button-bottom-left.gif) no-repeat left bottom;
}

span.button span span a { 
	display: block;
	padding: 4px 10px;
	background: url(/images/buttons/button-bottom-right.gif) no-repeat right bottom;
	text-decoration: none;
	color: #3f4041;
	text-transform: uppercase;
	font-size: .9em;
	line-height: 1em;
}

span.button span span a img { 
	margin: 0 -6px 0 2px;
	vertical-align: -30%;
	padding: 0;
	float: none;
}

span.button span span a:hover { 
	color: #000;
}

	/* -----------| =Gallery |---------- */ 

#gallery .gallery-wrap { 
	position: relative;
	width: 900px;
	background: #fff;
	margin: -1px auto;
	padding: 0 5px;
}

#gallery .gallery-wrap .gallery-inner { 
	position: relative;
	background: #e1e2e3;
	padding: 7px;
}

#gallery .gallery-wrap .gallery-inner .grid {
	position: relative;
	float: left;
}

#gallery .gallery-wrap .gallery-inner #feature {
	background: #f3f3f4;
	margin-right: 15px;
}

#gallery .gallery-wrap .gallery-inner #feature .bl { background: url('/images/layout/feature-bl.gif') 0 100% no-repeat;  }
#gallery .gallery-wrap .gallery-inner #feature .br { background: url('/images/layout/feature-br.gif') 100% 100% no-repeat; }
#gallery .gallery-wrap .gallery-inner #feature .tl { background: url('/images/layout/feature-tl.gif') 0 0 no-repeat; }
#gallery .gallery-wrap .gallery-inner #feature .tr {
	background: url('/images/layout/feature-tr.gif') 100% 0 no-repeat;
	width: 280px;
	padding: 15px;
}


#gallery .gallery-wrap .gallery-inner #feature .tr .inner-t { background: #fff url('/images/layout/inner-border.gif') 0 0 repeat-x; }
#gallery .gallery-wrap .gallery-inner #feature .tr .inner-b { background: url('/images/layout/inner-border.gif') 0 100% repeat-x; }
#gallery .gallery-wrap .gallery-inner #feature .tr .inner-l { background: url('/images/layout/inner-border.gif') 0 0 repeat-y; }
#gallery .gallery-wrap .gallery-inner #feature .tr .inner-r { background: url('/images/layout/inner-border.gif') 100% 0 repeat-y; }
#gallery .gallery-wrap .gallery-inner #feature .tr .inner-bl { background: url('/images/layout/feature-inner-bl.gif') 0 100% no-repeat;  }
#gallery .gallery-wrap .gallery-inner #feature .tr .inner-br { background: url('/images/layout/feature-inner-br.gif') 100% 100% no-repeat; }
#gallery .gallery-wrap .gallery-inner #feature .tr .inner-tl { background: transparent; }
#gallery .gallery-wrap .gallery-inner #feature .tr .inner-tr {
	background: transparent;
	padding: 0 15px;
	color: #555;
  min-height: 160px;
  height: auto !important;
  height: 160px;
}

#gallery .gallery-wrap .gallery-inner #feature .tr .inner-tr img.header-image {
	margin: 0 -15px;
}

#gallery .gallery-wrap .gallery-inner #feature .tr .inner-tr h4 {
	color: #080808;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 5px 0;
}

#gallery .gallery-wrap .gallery-inner #feature .tr .inner-tr a {
	color: #080808;
	background: url('/images/icons/right-arrow.png') right center no-repeat;
	padding: 5px 20px 5px 0;
}	


#gallery .gallery-wrap .gallery-inner #blog {
	width: 273px;
	padding: 15px 0;
	margin-right: 15px;
}

#gallery .gallery-wrap .gallery-inner #twitter {
	width: 273px;
	padding: 15px 0;
}

#gallery .gallery-wrap .gallery-inner .grid h3 {
	font-size: 15px;
	font-weight: bold;
	background: url('/images/layout/dotted-line.gif') left bottom repeat-x;
	padding-bottom: 9px;
	margin-bottom: 9px;
}

#gallery .gallery-wrap .gallery-inner #blog h3,
#gallery .gallery-wrap .gallery-inner #twitter h3 {
	padding-left: 10px;
}

#gallery .gallery-wrap .gallery-inner .grid h3 span {
	margin-left: 10px;
	font-weight: normal;
	font-size: 12px;
	text-transform: uppercase;
}

#gallery .gallery-wrap .gallery-inner .grid h3 span a {
	vertical-align: top;
	color: #279ad6;
	text-decoration: none;
}

#gallery .gallery-wrap .gallery-inner .grid h3 span a:hover {
	text-decoration: underline;
	color: #196389;
}

#gallery .gallery-wrap .gallery-inner .grid ul li {
	background: url('/images/layout/dotted-line.gif') left bottom repeat-x;
	padding-bottom: 1px;
	overflow: hidden;
}

#gallery .gallery-wrap .gallery-inner .grid ul li a {
	display: block;
	padding: 5px 10px;
	color: #4f4f4f;
	text-decoration: none;
}

#gallery .gallery-wrap .gallery-inner .grid ul li a:hover {
	background: #EFF0F3;
}
	


	/* -----------| =Pre-Footer |---------- */ 

#solutions-container {
	position: relative;
	width: 858px;
	background: #fff;
	margin: 15px auto;
	border: 1px solid #ddd;
	padding: 10px 20px;
}

#solutions-container #solutions-box {
	position: relative;
	padding: 0;
	border: 0;
	margin: 0 40px 0 0;
	background: 0;
	float: left;
	width: 180px;
}

#solutions-container #services-box {
	position: relative;
	padding: 0;
	border: 0;
	margin: 0 40px 0 0;
	background: 0;
	float: left;
	width: 175px;
}

#solutions-container #products-box,
#solutions-container #social-box {
	position: relative;
	padding: 0;
	border: 0;
	margin: 0 40px 0 0;
	background: 0;
	float: left;
	width: 95px;
}

#solutions-container #logos-box {
	position: relative;
	width: 150px;
	margin: 0;
	float: right;
	padding: 0;
	border: 0;
	background: 0;
}

#solutions-container #logos-box img {
	float: left;
}

#solutions-container h2 {
	padding: 0 0 10px 0;
	background: url(/images/layout/border-dotted-dark.gif) repeat-x left bottom;
	font-size: 12px;
	color: #515151;
}

#solutions-container h2 b {
	display: block;
	float: left;
	font-weight: normal;
}

#solutions-container h2 span {
	display: block;
	float: right;
	margin: 0 290px 0 0;
}

#solutions-container ul {
	margin-top: 2px;
}

#solutions-container ul li { 
	position: relative;
	font-size: 11px;
	padding: 2px 0;
}

#solutions-container ul li a {
	display: block;
	color: #515151;
	text-decoration: none;
}

#solutions-container ul li a:hover {
	color: #000;
	text-decoration: underline;
}

#solutions-container dl { 
	position: relative;
	float: right;
	width: 352px;
	clear: right;
}

#solutions-container dl dt { 
	clear: both;
	width: 61px;
	float: left;
	margin: 10px 0 0 0;
}


#solutions-container dl dd { 
	width: 282px;
	float: right;
	margin: 5px 0 0 0;
	padding: 5px 0  0;
}

#solutions-container dl dd a { 
	float: left;
	display: block;
	background: url(/images/icons/circle-arrow.gif) no-repeat 100% 3px;
	padding: 0 17px 0 0;
	font-size: 1.1em;
	color: #000;
	text-decoration: none;
}

#solutions-container dl dd a:hover { 
	text-decoration: underline;
}

	/* -----------| =Footer |---------- */ 

#footer div { 
	position: relative;
	width: 900px;
	background: #000 url(/images/layout/footer-bg.gif) repeat-x left top;
	margin: -1px auto;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	padding: 5px 0;
	line-height: 1em;
}

#footer div span { 
	display: block;
	float: right;
	background: #ccc url(/images/buttons/rounded-top-left.jpg) no-repeat left top;
	margin: 0 10px 0 0;
}

#footer div span#first-item { 
	float: left;
	margin: 0 0 0 10px;
	background: #ccc url(/images/buttons/rounded-top-left.jpg) no-repeat left top;
}

#footer div span span, 
#footer div span span span { 
	float: none;
	margin: 0;
}

#footer div span span { 
	background: url(/images/buttons/rounded-top-right.jpg) no-repeat right top;
}

#footer div span span span { 
	background: url(/images/buttons/rounded-bottom-left.jpg) no-repeat left bottom;
}

#footer div span span span a { 
	display: block;
	padding: 3px 10px;
	background: url(/images/buttons/rounded-bottom-right.jpg) no-repeat right bottom;
	text-decoration: none;
	color: #bfbfbf;
	text-transform: uppercase;
	font-size: .9em;
	line-height: 1em;
}

#footer div span span span a img { 
	margin: 0 -6px 0 2px;
	vertical-align: -30%;
}

#footer div span span span a:hover { 
	color: #fff;
}

		/* ---------| =Footer Pop-out |---------- */ 
		
#footer #request-quote,
#footer #page-tags,  
#footer #need-to,  
#request-quote { 
	bottom: 34px;
	left: 0;
	position: absolute;
	width: 870px;
	padding: 15px;
	background: transparent url(/images/layout/overlay.png) left top;
	border: 0;
	color: #fff;
	z-index: 1000;
}

#footer #page-tags { 
	width: 400px;
}

#footer #request-quote ul, 
#footer #page-tags, 
#footer #need-to { }

#footer #request-quote ul li a, 
#footer #page-tags ul li a, 
#footer #need-to ul li a { 
	padding: 10px;
	display: block;
	border-bottom: 1px solid #ffab32;
	color: #fff;
	text-decoration: none;
}

#footer #need-to ul li a { 
	border-bottom: 0;
}

#footer #page-tags ul li.last a { 
	border: 0;
}

#footer #page-tags ul li a:hover, 
#footer #need-to ul li a:hover { 
	background: #f09335;
}

#request-quote.in-flow { 
	position: relative;
	margin: 15px 0 15px 0;
	left: 18px;
	bottom: 0;
	background: #daeff7;
	color: #333;
	z-index: 0;
}

#footer #request-quote h3, 
#request-quote h3, 
#footer #page-tags h3,
#footer #need-to h3 { 
	color: #fff;
	background: url(/images/layout/border-dotted-white.gif) repeat-x left bottom;
	font-size: 1.4em;
	padding: 0 0 15px 0;
	margin: 0 0 10px 0;
}

#request-quote.in-flow h3 { 
	color: #333;
	background: url(/images/layout/border-dotted-dark.gif) repeat-x left bottom;
	padding-left: 16px;
}

#request-quote.in-flow.search h3 {
	background: transparent;
} 

#request-quote.in-flow.search h3 strong { 
	display: block;
	float: left;
	background: url(/images/layout/border-dotted-dark.gif) repeat-x left bottom;
	font-weight: normal;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	width: 350px;
}

#request-quote.in-flow.search h3 em { 
	display: block;
	float: right;
	font-style: normal;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	background: url(/images/layout/border-dotted-dark.gif) repeat-x left bottom;
	width: 430px;
}

#footer #request-quote fieldset, 
#footer #page-tags fieldset {
	margin: 10px 0 0 0;
}

#footer #request-quote fieldset div, 
#request-quote fieldset div {
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	width: 290px;
	background: transparent;
}

#request-quote.in-flow.search fieldset div { 
	width: 400px;
}

#request-quote.in-flow.search fieldset div input { 
	width: 260px;
}

#footer #request-quote fieldset div.slide-column, 
#request-quote fieldset div.slide-column {
	width: 310px;
}

#footer #request-quote fieldset div.far-column, 
#request-quote fieldset div.far-column {
	padding: 0 0 0 24px;
	width: 245px;
}

#request-quote.in-flow.search fieldset div.far-column {
	float: right;
	width: 430px;
	padding-left: 0;
}

#footer #request-quote fieldset div.far-column p input, 
#request-quote fieldset div.far-column p input {
	width: 214px;
}

#footer #request-quote fieldset div.far-column p input.submit, 
#request-quote fieldset div.far-column p input.submit, 
#request-quote.in-flow.search fieldset p input.submit {
	border: 0;
	padding: 0 0 0 86px;
	background: transparent;
	width: auto;
}

#request-quote.in-flow.search fieldset p input.submit {
	padding-left: 90px;
}

#request-quote.in-flow.search fieldset div.far-column p input.submit {
	padding: 0;
	float: right;
}

#footer #request-quote fieldset p input, 
#request-quote fieldset p input { 
	border: 1px solid #bb650c;
	width: 160px;
}

#footer #request-quote fieldset select, 
#request-quote fieldset select { 
	border: 1px solid #bb650c;
	width: 220px;
}

#footer #request-quote fieldset textarea, 
#request-quote fieldset textarea { 
	width: 296px;
	height: 119px;
	border: 1px solid #bb650c;
	padding: 2px;
}

#request-quote.in-flow fieldset p input,
#request-quote.in-flow fieldset select,
#request-quote.in-flow fieldset textarea { 
	border: 1px solid #547893;
}

#footer #request-quote fieldset p label, 
#request-quote fieldset p label { 
	display: block;
	float: left;
	width: 80px;
	text-align: right;
	padding: 3px 10px 0 0;
}

	/* -----------| =Copyright |---------- */ 

#copyright { 
	margin: 18px 0 0 0;
	padding: 0 30px;
	color: #888;
	font-size: 11px;
}

#copyright p { 
	float: left;
	padding: 0 0 5px 0;
}

#copyright .partner { 
	float: left;
}

#copyright .partner img { 
	padding-right: 12px;
	border-right: 1px solid #ddd;
	margin-right: 10px;
}

#copyright * { 
	vertical-align: bottom;
}

#copyright sup { 
	vertical-align: top;
	font-size: 9px;
}

#copyright address { 
	display: inline;
	font-style: normal;
	text-align: left;
	padding: 0 15px;
	margin: 0;
}

#copyright b { 
	font-weight: normal;
	padding: 0 15px;
}

#copyright a { 
	color: #67838f;
	text-decoration: none;
}

#copyright a:hover { 
	color: #45acda;
	text-decoration: underline;
}

#copyright #search { 
	position: relative;
	float: right;
	background: url(/images/layout/search-box.gif) no-repeat left top;
	height: 21px;
	width: 125px;
	padding: 0 15px 0 20px;
}

#copyright #search input { 	
	border: 0;
	background: transparent;
	width: 125px;
	font-size: 12px;
	font-size: 11px;
	vertical-align: middle !important;
}

