@charset "utf-8";
/* 
=================== CSS Document  ======================
	
	Site: 			
	Author: 		Steven Gibbons | Union Room Ltd
	Created: 		15 March 2010
	Updated: 	
	Copyright: 	(c) 2010
	
=========================================================

/* ========= Global ========= */
* { margin: 0; padding: 0; }
html { font-size: 100%; }
body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; margin: 0; background: #000; overflow-x: hidden!important; }
p { font-size: 1.2em; color: #666; line-height: 1.3; margin: 0; padding: 0 0 10px 0; text-align: left; }
p a { text-decoration: none; color: #666; }
p a:hover { text-decoration: underline; }

#dropdown { position: absolute; z-index: 19; top: 67px; left: 575px; width: 216px; height: 226px; background: url('../img/all/bg/dropdown.png') no-repeat; }
#dropdown a { font-size: 1.4em; color: #fff; text-decoration: none; }
#dropdown a:hover { color: #ccc!important; }

#dropdown p { color: #a9dc01!important; }

#hdr .inner ul li #what { position: relative; z-index: 20; background: url('/img/all/bg/what-arrow.png') no-repeat 100% 5px; padding: 0 15px 0 0; }
#hdr .inner ul li #what:hover { background: url('/img/all/bg/what-arrow.png') no-repeat 100% -10px; }

#dropdown .one { position: absolute; top: 42px; left: 18px; }
#dropdown .two { position: absolute; top: 78px!important; left: 18px!important; font-size: 14px!important; }
#dropdown .three { position: absolute; top: 115px; left: 18px; }
#dropdown .four { position: absolute; top: 140px; left: 18px; }
#dropdown .five { position: absolute; top: 165px; left: 18px; }
#dropdown .six { position: absolute; top: 190px; left: 18px; }

#hdr { margin: 0; padding: 0; width: 100%; height: 115px; background: #000; border: 1px solid #2b2b2b; border-width: 0 0 1px 0; }
#hdr .inner { margin: 0 auto; padding: 26px 0; width: 960px; position: relative; }
#hdr .inner p { position: absolute; z-index: 10; top: 33px; right: 0; font-size: 2.4em; color: #fff; }
#hdr .inner p span { color: #a9dc01; }

#hdr .inner h1 a { float: left; width: 239px; height: 62px; background: url('../img/all/iR/h1_unionroom.png') no-repeat; }
#hdr .inner ul { float: right; margin: 45px 0 0 0; }
#hdr .inner ul li { float: left; margin: 0 0 0 35px; list-style: none; }
#hdr .inner ul li a { font-size: 1.6em; color: #FFF; text-decoration: none; }
#hdr .inner ul li a.active,
#hdr .inner ul li a:hover { color: #a9dc01; }

#gallery { margin: 0; padding: 0; overflow: hidden!important; width: 100%; height: 395px!important; background: #010101; border: 1px solid #000; border-width: 0 0 1px 0; }
#gallery .bg { width: 100%; height: 395px; position: relative; z-index: 1; }
#gallery .inner { overflow: hidden!important; position: relative; z-index: 2; top: -365px; margin: 0 auto; padding: 0; width: 880px; height: 333px; background: url('../img/home/gallery/inner.png') no-repeat; }
#gallery .inner div { padding: 15px; position: relative; background: none!important; }
#gallery .inner div p { position: absolute; top: 160px; right: 60px; width: 430px; padding: 5px 10px 7px 10px; font-size: 2.6em; color: #FFF; background: #000; }
#gallery .inner div a { position: absolute; top: 250px; right: 413px; background: #000 url('../img/all/bg/arrow.png') no-repeat 100% 10px!important; }
#gallery .inner div a:hover { background: #333 url('../img/all/bg/arrow.png') no-repeat 100% 10px!important; }

#gallery_icons { width: 100%; height: 75px; background: #131313; border: 1px solid #2b2b2b; border-width: 1px 0; }
#gallery_icons .inner { position: relative; margin: 0 auto; padding: 0; width: 960px; height: 75px; }
#gallery_icons .inner h4 { float: left; font-size: 2.5em; color: #FFF; margin: 20px 0 0 0; width: 200px; }
#gallery_icons .inner ul { float: right; width: 760px; height: 75px; }
#gallery_icons .inner ul li { float: left; list-style: none; }
#gallery_icons .inner ul li a img { opacity: 0.3; filter: alpha(opacity=30); border: none!important; margin: 0 1px 0 0; display: block; width: 150px; height: 75px; }
#gallery_icons .inner ul li a img:hover,
#gallery_icons .inner ul li a.activeSlide img { opacity: 1; filter: alpha(opacity=100); }

#gallery_icons .inner #previous { width: 46px; height: 46px; background: url('../img/home/gallery/arrows.png') no-repeat; position: absolute; top: -220px; z-index: 100; }
#gallery_icons .inner #previous:hover { background-position: left -49px; }
#gallery_icons .inner #next { width: 46px; height: 46px; background: url('../img/home/gallery/arrows.png') no-repeat top right; position: absolute; top: -220px; right: 0; z-index: 100; }
#gallery_icons .inner #next:hover { background-position: right -49px; }

#content { padding: 25px 0 0 0; width: 100%; background: url('../img/all/bg/pixel.gif') repeat; }
#content .zindex { position: relative; margin: -360px 0 0 0; }

#content .info { margin: 0 auto; width: 955px; }
#content .info .left { float: left; width: 621px; padding: 0 10px 10px 0; }
#content .info .left h2 { font-size: 3.5em; color: #FFF; margin: 0 0 10px 0; }
#content .info .left h2 span { color: #a9dc01; }
#content .info .left h3 { margin: 0 0 20px 0; font-size: 1.6em; color: #999; line-height: 1.3; }
#content .info .left h3 a { color: #a9dc01; text-decoration: none; }
#content .info .left h3 a:hover { color: #FFF; }

#content .info .right { float: right; margin: 0; padding: 5px 0 0 0; width: 324px; }
#content .info .right .tweet { position: relative; width: 294px; height: 75px!important; padding: 15px; background: #191919; border: 1px solid #232323; }
#content .info .right .tweet p { font-size: 1.2em; color: #CCC; }
#content .info .right .tweet p.meta { color: #a9dc01; }
#content .info .right .tweet p a { color: #a9dc01; text-decoration: none; }
#content .info .right .tweet p a:hover { color: #FFF; text-decoration: none; }
#content .info .right .tweet span { position: absolute; bottom: -19px; right: 80px; width: 24px; height: 19px; background: url('../img/all/bg/tweet_btm.png') no-repeat; }

#content .info .right .tweet #bird { position: absolute; bottom: -57px; right: 0; width: 204px; height: 50px; background: url('../img/all/bg/tweet_bird.png') no-repeat; }
#content .info .right .tweet #bird_sleep { position: absolute; bottom: -57px; right: 0; width: 204px; height: 50px; background: url('../img/all/bg/tweet_bird_sleeping.png') no-repeat; }

#content .inner { margin: 0 auto; width: 955px; background: #F2F2F2; }
#content .inner .twitter { position: relative; background: #333; padding: 10px 10px 0 10px; }
#content .inner .twitter p { font-size: 1.1em; color: #FFF; }
#content .inner .twitter p.meta { color: #a9dc01; }
#content .inner .twitter p a { color: #a9dc01; text-decoration: none; }
#content .inner .twitter p a:hover { color: #FFF; text-decoration: none; }
#content .inner .twitter span { position: absolute; bottom: 33px; right: 0; width: 177px; height: 39px; background: url('../img/all/bg/bird.png') no-repeat; }
#content .inner .twitter #sleep { position: absolute; bottom: 33px; right: 0; width: 177px; height: 39px; background: url('../img/all/bg/bird_sleeping.png') no-repeat!important; }

#content .inner .left { float: left; width: 637px; background: #FFF; }
#content .inner .left ul li { list-style: none; border: 3px solid #F1F1F1; border-width: 0 3px 3px 0; background: #FFF; }
#content .inner .left ul li .inner { position: relative; width: auto; padding: 19px; background: #FFF; }
#content .inner .left ul li .inner .cal { position: absolute; margin: 1px 0 0 20px; width: 50px; padding: 10px 0 5px 3px; background: #333; font-size: 1.8em; text-transform: uppercase; text-align: center; color: #FFF; }
#content .inner .left ul li .inner img { margin: 0 0 5px 0; border: 1px solid #e8e8e8; }
#content .inner .left ul li .inner h2{ font-size: 1.8em; margin:0 0 10px 0; }
#content .inner .left ul li .inner h3 { font-size: 3.0em; color: #333; margin: 0 0 5px 0; }
#content .inner .left ul li .inner h3 span { color: #a9dc01; }
#content .inner .left ul li .inner h4 { font-size: 2.1em; margin: 0 0 5px 0; }
#content .inner .left ul li .inner h4 a { text-decoration: none; color:#333; }
#content .inner .left ul li .inner h4 a:hover { color: #333; }
#content .inner .left ul li .inner p.meta { font-size: 1.2em; color: #999; }
#content .inner .left ul li .inner a { text-decoration: underline; color: #666; }
#content .inner .left ul li .inner a:hover { text-decoration: none; }

#content .inner .left ul li .inner .comment { margin: 10px 0 0 0; padding: 20px 0 20px 60px; background: url('../img/all/bg/marks.gif') no-repeat left top; }
#content .inner .left ul li .inner .comment p { font-size: 2.3em; color: #999; }
#content .inner .left ul li .inner .comment p span { color: #666; }
#content .inner .left ul li .inner .comment p.meta { font-size: 1.2em; color: #666; }

#content .inner .left ul li .inner ul { margin: 0 0 10px 0;}
#content .inner .left ul li .inner ul li { list-style: disc; border: none; font-size: 1.2em; color: #666; line-height: 1.3; margin: 0 0 0 20px; padding: 0 0 10px 0; text-align: left;}

#content .inner .left ul li .comments { padding: 7px 5px 7px 50px; background: #999 url('../img/blog/bg/comment.png') no-repeat 20px 7px; }
#content .inner .left ul li .active,
#content .inner .left ul li .comments:hover { background: #333 url('../img/blog/bg/comment_active.gif') no-repeat 20px 7px; }
#content .inner .left ul li .comments a { display: block; color: #FFF!important; text-transform: uppercase; text-decoration: none; font-size: 1.2em; }

#content .inner .left ul #what_we_offer { list-style: none; border: none; background: #333; height: 451px!important; }
#content .inner .left ul #what_we_offer .inner{ background: none; }
#content .inner .left ul #what_we_offer .inner h3 { margin: -5px 0 0 0; color: #a9dc01; }

#accordion { margin: 10px 0 0 0; padding: 0; width: 596px; background: #484848!important; }
#accordion span { margin: 0 0 3px 0 }
#accordion a { margin: 0!important; padding: 10px 15px!important; display: block; text-decoration: none!important; border-bottom: 2px solid #333; width: 566px!important; background: #484848 url('../img/all/bg/down.gif') no-repeat 97% 17px!important; font-size: 2.1em!important; color: #FFF!important; text-transform: none!important; }
#accordion .ui-state-active { background: #3d3d3d url('../img/all/bg/up.gif') no-repeat 97% 17px!important; border-bottom: 0!important; cursor: default; }
#accordion div { overflow: hidden!important; margin: 0; padding: 0 15px 15px 15px; background: #484848!important; border-bottom: 0!important; font-size: 1.2em; color: #FFF; }
#accordion .ui-accordion-content-active { background: #3d3d3d!important; border-bottom: 2px solid #333!important; }
#accordion div a { color: #a9dc01!important; display: inline!important; padding: 0!important; margin: 0!important; width: auto!important; border: none!important; font-size: 1.0em!important; background: none!important; }
#accordion div a:hover { color: #FFF!important; }

#content .inner .comment_list { padding: 25px; }
#content .inner .comment_list ol li { border: none; list-style: none; }
#content .inner .comment_list ol li .bubble { position: relative; margin: 0 0 16px 0; padding: 15px 15px 0 15px; background: #f1f1f1; }
#content .inner .comment_list ol li .bubble span { position: absolute; bottom: -13px; right: 60px; width: 14px; height: 13px; background: url('../img/blog/bg/bubble_btm.gif') no-repeat; }
#content .inner .comment_list ol li .bubble .photo { float: left; margin: 0 15px 15px 0; width: 50px; height: 50px; }
#content .inner .comment_list ol li .bubble p { text-align: left; font-size: 1.2em; }
#content .inner .comment_list ol li p { width: 100%; text-align: right; font-size: 1.1em; }

#content .inner .wide { float: left; width: 917px; padding: 19px; border: 3px solid #F1F1F1; border-width: 0 0 3px 0; background: #FFF; }
#content .inner .wide h3 { font-size: 3.0em; color: #333; margin: 0 0 5px 0; }
#content .inner .wide h3 span { color: #a9dc01; }
#content .inner .wide ul { margin: 20px 0 0 0; }
#content .inner .wide ul li { list-style: none; margin: 0 22px 0 0; padding: 0 22px 0 0; border: 1px solid #e5e5e5; border-width: 0 1px 0 0; float: left; width: 195px; }
#content .inner .wide ul li img { margin: 0 0 10px 0; }
#content .inner .wide ul li h5 { margin: 0 0 3px 0; font-size: 2.3em; color: #333; }
#content .inner .wide ul li p { font-size: 1.2em; color: #999; }

#content .inner .wide ol.testimonials { margin: 20px 0 0 0; }
#content .inner .wide ol.testimonials li { list-style: none; margin: 0 37px 0 0; padding: 0; float: left; width: 275px; }
#content .inner .wide ol.testimonials li div { border-bottom: 15px solid #F8F8F8; width: 265px; height: 75px; padding: 35px 15px 0 15px; background: url('../img/what_we_do/bg/bubble.jpg') no-repeat; font-size: 1.2em; color: #999; }
#content .inner .wide ol.testimonials li div span { font-size: 1.1em!important; color: #666!important;}
#content .inner .wide .inner_left { float: left; margin: 10px 0 0 0; width: 458px;}
#content .inner .wide .inner_right { float: right; margin: 10px 0 0 0; width: 433px; padding: 0 0 0 25px;}
#content .inner .wide .inner_right h4 { margin: -10px 0 10px 0; font-size: 3.5em;}
#content .inner .wide .inner_right h5 { font-size: 1.8em; margin: 0 0 10px 0;}

#content .inner .wide .inner_right ul.row { margin: 0;}
#content .inner .wide .inner_right ul.row li { float: left; list-style: none; margin: 0 10px 0 0; padding: 0; width: auto; border: none;}

#content .inner .wide .inner_right .comment { margin: 10px 0 0 0; padding: 5px 0 20px 60px; background: url('../img/all/bg/marks.gif') no-repeat left top; }
#content .inner .wide .inner_right .comment p { font-size: 1.2em; color: #999; }
#content .inner .wide .inner_right .comment p.meta { font-size: 1.2em; color: #666; padding: 0; }
#content .inner .wide .inner_right .comment .inner { margin: 0; padding: 10px; width: 350px; background: #F2F2F2; }

#content .inner #work { margin: 10px -19px 0 0;}
#content .inner #work li { float: left; margin: 0 19px 40px 0; padding: 0; border: none; width: 293px;}
#content .inner #work li h5 { font-size: 2.3em;}
#content .inner #work ul.row { margin: 0;}
#content .inner #work ul.row li { float: left; list-style: none; margin: 0 10px 0 0; padding: 0; width: auto;}

#content .inner .wide #archived li { float: left; list-style: none; margin: 0; font-size: 1.2em; text-align: center; width: 170px; border: 1px solid #FFF; padding: 5px 5px 7px 5px; background: #CCC; color: #FFF; text-transform: uppercase; text-decoration: none; }
#content .inner .wide #archived li:hover { background: #333; }
#content .inner .wide #archived li a { font-weight: bold; text-align: center; display: block; text-decoration: none; color: #FFF; }

#accordion ul.listing { margin: 10px 0 0 0!important;}
#accordion ul.listing li { float: left!important; list-style: none!important; margin: 0 1px 1px 0!important; font-size: 12px!important; text-align: center!important; width: 187px!important; padding: 0!important; background: #484848!important; color: #FFF; text-transform: uppercase!important; text-decoration: none;}
#accordion ul.listing li:hover { background: #999!important;}
#accordion ul.listing li a { font-weight: bold; text-align: center; display: block!important; text-decoration: none; color: #FFF!important; text-transform: uppercase!important; padding: 5px 5px 7px 5px!important;}
#accordion ul.listing li a:hover { color: #FFF!important;}

#accordion ul.listing li.no_link:hover { background: #484848!important; cursor: default!important;}
#accordion ul.listing li.no_link a { background: #484848!important; cursor: default!important;}

div.generic { margin: 0; padding: 25px 0 20px 25px; width: 609px; background: #dedede;}
table.generic { margin: 0; padding: 0; width: 608px; background: #dedede;}
table.generic td { padding: 0 25px 0 0;}
table.generic td h4 { margin: 0 0 20px 0; font-size: 2.3em; color: #666;}
table.generic td input { margin: 0; padding: 6px 6px 7px 6px; width: 267px; background: #FFF; border: none; font-size: 1.2em; color: #666;}
table.generic td textarea { margin: 25px 0 20px 0; padding: 6px 6px 7px 6px; width: 571px; height: 100px; background: #FFF; border: none; font-size: 1.2em; color: #666;}
table.generic td span { font-size: 1.4em; color: #333;}

#flash-bird { position: relative; z-index: 1000!important; top: 15px; right: 360px!important; background: none!important; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#flash-bird { position: relative; top: 12px; right: 345px!important; background: none!important; }
	#content .inner .twitter #flash-bird { background: none!important; z-index: 1!important; }
	#content .inner .twitter #flash-bird { position: absolute; top: 1px; right: -198px!important; }
}

#content .inner .twitter #flash-bird { background: none!important; z-index: 1!important; }
#content .inner .twitter #flash-bird { position: absolute; top: -144px; right: 200px!important; }

#contact_us table { margin: 20px 0 0 0; padding: 0 0 1px 0; }
#contact_us table td { padding: 0 11px 15px 0; }
#contact_us table td input { width: 200px; background: #EAEAEA; border: none; padding: 6px 6px 7px 6px; font-size: 1.2em; color: #666; }
#contact_us table td textarea { width: 424px; height: 150px; background: #EAEAEA; border: none; padding: 6px 6px 7px 6px; font-size: 1.2em; color: #666; } 
#contact_us table td label { font-size: 1.2em; color: #666; }
#contact_us table td select { margin: 0 0 0 34px; width: 200px; background: #EAEAEA; border: none; padding: 6px 6px 7px 6px; font-size: 1.2em; color: #666; }

#fquote input { margin: 0 0 15px 0!important; width: 268px!important; background: #E7E7E7!important; border: none; padding: 6px 6px 7px 6px; font-size: 1.2em; color: #666; }
#fquote textarea { margin: 0; width: 268px; height: 77px; background: #E7E7E7!important; border: none; padding: 6px 6px 7px 6px; font-size: 1.2em; color: #666; } 
#fquote select { margin: 15px 0 0 0!important; width: 280px!important; background: #E7E7E7!important; border: none; padding: 6px 6px 7px 6px; font-size: 1.2em; color: #666; }

#work_unionroom table { margin: 20px 0 0 0; padding: 0 0 1px 0; }
#work_unionroom table td { padding: 0 11px 15px 0; }
#work_unionroom table td input { width: 280px; background: #EAEAEA; border: none; padding: 6px 6px 7px 6px; font-size: 1.2em; color: #666; }
#work_unionroom table td input[type="file"] { margin: 0 0 0 20px; }
#work_unionroom table td textarea { width: 586px; height: 150px; background: #EAEAEA; border: none; padding: 6px 6px 7px 6px; font-size: 1.2em; color: #666; } 
#work_unionroom table td label { font-size: 1.2em; color: #666; }
#work_unionroom table td select { margin: 0 0 0 34px; width: 200px; background: #EAEAEA; border: none; padding: 6px 6px 7px 6px; font-size: 1.2em; color: #666; }

#content .inner h4 { margin: 0 0 20px 0; font-size: 1.8em; color: #333; }
#content .inner h5 { margin: 0 0 20px 0; font-size: 1.6em; color: #333; }

#map { margin:  20px 0 0 0; width: 100%; height: 540px; background: url('../img/contact_us/bg/map.gif') no-repeat; }
	.googleAddressInput1 { margin-right: 5px; width: 87px; height: 21px;}
	.getDirectionsButton { width: 87px; height: 23px; border: 0 none; background: url(../img/contact_us/bg/directions.png) top left no-repeat;}
#video { margin: 20px 0; padding: 12px 0; width: 100%; height: 279px; background: #000; }

#content .inner .right { position: relative;}
#content .inner .right { float: right; width: 318px; background: #F1F1F1;}
#content .inner .right ul li { list-style: none; border: 3px solid #F1F1F1; border-width: 0 0 3px 0;}
#content .inner .right ul li .inner { width: auto; padding: 19px; background: #FFF;}
#content .inner .right ul li .inner img { margin: 0 0 10px 0; border: 1px solid #e8e8e8;}
#content .inner .right ul li .inner h4 { font-size: 2.1em; margin: 0 0 5px 0;}
#content .inner .right ul li .inner p.meta { font-size: 1.2em; color: #999;}
#content .inner .right ul li ul li { float: left; margin: 0 5px 0 0; padding: 5px 0; list-style: none; border: none;}
#content .inner .right ul li input { float: left; margin: 5px 0 0 0; padding: 6px 6px 7px 6px; width: 234px; background: #f1f1f1; border: none; font-size: 1.2em; color: #666;}
#content .inner .right ul li #go { float: left; margin: 5px 0 0 0; padding: 0; width: 34px; height: 28px; background: url('../img/blog/iR/a_go.png') no-repeat;}
#content .inner .right ul.list li a { margin: 0; padding: 0; background: none; border: none; font-size: 1.2em; color: #333; text-transform: none; text-decoration: none;}
#content .inner .right ul.list li a:hover { margin: 0; padding: 0; background: none; border: none; font-size: 1.2em; color: #666; text-transform: none; text-decoration: underline;}
#content .inner .right ul li .inner ul.profile { margin: 10px 0 0 0; padding: 0; width: 295px;}
#content .inner .right ul li .inner ul.profile li { width: 50%; list-style: none; margin: 0 0 10px 0; padding: 0;}
#content .inner .right ul li .inner ul.profile li a { margin: 0 0 3px 0; border: none; width: 133px; height: 133px;}
#content .inner .right ul li .inner ul.profile li img { border: none!important;}
#content .inner .right ul li .inner ul.profile li a:hover { cursor: default!important; background-position: left bottom!important;}
#content .inner .right ul li .inner ul.profile li #glen { background: url('../img/what_we_do/iR/glen_stovold.jpg') no-repeat;}
#content .inner .right ul li .inner ul.profile li #steven { background: url('../img/what_we_do/iR/steven_symonds.jpg') no-repeat;}
#content .inner .right ul li .inner ul.profile li #michael { background: url('../img/what_we_do/iR/michael_justice.jpg') no-repeat;}
#content .inner .right ul li .inner ul.profile li #jordan { background: url('../img/what_we_do/iR/jordan_hall.jpg') no-repeat;}
#content .inner .right ul li .inner ul.profile li #gibbons { background: url('../img/what_we_do/iR/steven_gibbons.jpg') no-repeat;}
#content .inner .right ul li .inner ul.profile li #paul { background: url('../img/what_we_do/iR/paul_arnold.jpg') no-repeat;}
#content .inner .right ul li .inner ul.profile li #jonny { background: url('../img/what_we_do/iR/jonny_monkhouse.jpg') no-repeat;}
#content .inner .right ul li .inner ul.profile li #caroline { background: url('../img/what_we_do/iR/caroline_murphy.jpg') no-repeat;}
#content .inner .right ul li .inner ul.profile li #phil { background: url('../img/what_we_do/iR/phil_lowery.jpg') no-repeat;}
#content .inner .right ul li .inner ul.profile li #james { background: url('../img/what_we_do/iR/james_machin.jpg') no-repeat;}
#content .inner .right ul li .inner ul.profile li #glen_craig { background: url('../img/what_we_do/iR/glen_craig.jpg') no-repeat;}
#content .inner .right ul li .inner ul.profile li #carl { background: url('../img/what_we_do/iR/carl_kaye.jpg') no-repeat;}
#content .inner .right ul li .inner ul.profile li #dom { background: url('../img/what_we_do/iR/dom_taylor.jpg') no-repeat;}
#content .inner .right ul li .inner ul.profile li ul .name { font-size: 1.4em; color: #333;}
#content .inner .right ul li .inner ul.profile li ul li { float: none; width: 133px; margin: 0 0 3px 0; padding: 0; list-style: none; font-size: 1.2em; color: #999;}
#content .inner .right ul li .inner ul.profile li.join { margin: 0 0 -1px 0; width: 280px;}
#content .inner .right ul li .inner ul.profile li.join img { margin: 0!important; float: left; width: 133px;}
#content .inner .right ul li .inner ul.profile li.join div { float: right; width: 133px;}
#content .inner .right ul li .inner ul.profile li.join div h5 { margin: 0 0 10px 0; font-size: 1.8em; color: #333;}
#content .inner .right ul li .inner ul.profile li.join div p { font-size: 1.2em; color: #999;}
#content .inner .right ul li .inner ul.profile li.join div p a { cursor: pointer!important; float: none; display: inline; margin: 0; padding: 0; background: none; text-transform: none; font-size: 1.0em; color: #a9dc01;}
#content .inner .right ul.col li { float: left!important; width: 50%!important; margin: 0!important;}
#content .inner .left ul li .inner ul.row li { float: left; list-style: none; margin: 0 10px 0 0; padding: 0;}

#affiliates { margin: 0 auto; width: 100%; background: #1c1c1c url('../img/all/bg/pixel.gif') repeat;}
#affiliates .inner { margin: 0 auto; width: 955px;}
#affiliates .inner ul { width: 858px; margin: 0 auto;}
#affiliates .inner ul li { margin: 0; float: left; list-style: none!important;}
#affiliates .inner ul li a { display: block;}
#affiliates .inner ul li a:hover { background-position: 0 -87px!important;}
#affiliates .inner ul li .none { cursor: auto!important; background-position: left top!important;}
#affiliates .inner ul #projector a { width: 111px; height: 86px; background: url('../img/all/iR/a_projector.png') no-repeat;}
#affiliates .inner ul #passionate a { width: 161px; height: 86px; background: url('../img/all/iR/a_passionate.png') no-repeat;}
#affiliates .inner ul #business a { width: 62px; height: 86px; background: url('../img/all/iR/a_business.gif') no-repeat;}
#affiliates .inner ul #eukhost a { width: 106px; height: 86px; background: url('../img/all/iR/a_eukhost.png') no-repeat;}
#affiliates .inner ul #words a { width: 108px; height: 86px; background: url('../img/all/iR/a_words.png') no-repeat;}
#affiliates .inner ul #campaign a { width: 171px; height: 86px; background: url('../img/all/iR/a_campaign.png') no-repeat;}
#affiliates .inner ul #basecamp a { width: 139px; height: 86px; background: url('../img/all/iR/a_basecamp.png') no-repeat;}

#preview { background: url('../img/our_work/bg/ajax.gif') no-repeat 195px 180px;}
#preview img { border: 5px solid #E5E5E5;}
#preview #thumbs { width: 445px!important; margin: 0; border: 5px solid #E5E5E5; border-width: 0 0 5px 5px;}
#preview #thumbs li { list-style: none; float: left; width: 84px; height: 84px; margin: 0; padding: 0; border: 5px solid #E5E5E5; border-width: 0 5px 0 0;}
#preview #thumbs li a img { margin: 0; border-width: 0; opacity: 0.4; filter: alpha(opacity=40);}
#preview #thumbs li a.activeSlide img { opacity: 1; filter: alpha(opacity=100);}

#foot_links { width: 100%; background: #1c1c1c url('../img/all/bg/pixel.gif') repeat; border: 1px solid #2b2b2b; border-width: 1px 0; }
#foot_links .inner { margin: 0 auto; padding: 25px 0; width: 955px; }
#foot_links .inner .group_left { float: left; width: 476px; }
#foot_links .inner .group_right { float: right; width: 476px; }
#foot_links .inner .col { width: 238px; }
#foot_links .inner .col h5 { margin: 0 0 5px 0; font-size: 1.6em; color: #a9dc01; }
#foot_links .inner .col ul li { list-style: none; padding: 0 0 5px 0; } 
#foot_links .inner .col ul li a { font-size: 1.1em; color: #999; text-decoration: none; }
#foot_links .inner .col ul li a:hover { color: #a9dc01; }

#ftr { width: 100%; background: #131313; }
#ftr .inner { margin: 0 auto; padding: 20px 0 60px; width: 955px; }
#ftr .inner .left { float: left; width: 637px; font-size: 1.1em; color: #666; }
#ftr .inner ul li { float: left; margin: 0 10px 20px 0; list-style: none; color: #666; }
#ftr .inner ul li a { color: #666; text-decoration: none; }
#ftr .inner ul li a.active,
#ftr .inner ul li a:hover { color: #FFF; }
#ftr .inner ul.biz li.info { width: 637px; }
#ftr .inner ul.biz li { float: left; margin: 0 10px 5px 0; list-style: none; color: #666; }
#ftr .inner ul.biz li span { color: #a9dc01; }
#ftr .inner ul.biz li a { color: #a9dc01; text-decoration: none; }
#ftr .inner ul.biz li a:hover { color: #FFF; }
#ftr .inner .right { float: right; text-align: right; width: 318px; font-size: 1.1em; color: #666; }
#ftr .inner .right ul li { float: right; margin: 5px 0 0 10px; font-size: 1.0em; list-style: none; color: #666; }
#ftr .inner .right ul li a { color: #a9dc01; text-decoration: none; }
#ftr .inner .right ul li a:hover { color: #FFF; }
#ftr .inner .right a { color: #a9dc01; text-decoration: none; }
#ftr .inner .right a:hover { color: #FFF; }

/*#studio { width: 596px; height: 375px;}
	== Causing the "Where to find us" to have a size? == */

#tag_cloud a { text-decoration: none; color: #333;}
#tag_cloud a:hover { text-decoration: underline;}

.sociable { margin: 30px 0 0 0!important;}
.sociable ul:after { /* FF, IE8, O, S, etc. */ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.sociable ul li { float: left; list-style: none!important; line-height: 0!important; margin: 0 15px 0 0!important; padding: 0!important;}

#pagination { padding: 10px 19px;}
#pagination a { font-size: 1.2em; color: #666; text-decoration: none;}
#pagination a:hover { font-size: 1.2em; color: #666; text-decoration: underline;}

/* ========= Wordpress Blog ========= */
.gallery dl { padding-top: 10px; border-top: 1px solid #CCC;}
.gallery .gallery-caption { padding-top: 20px; font-size: 1.2em; font-weight: bold;}
/* new blockquote styles*/
#content .inner .left ul .blog .inner blockquote { margin-top: 10px; margin-bottom: 10px; margin-left: 30px; padding-left: 15px; font-style: italic; line-height: 1.5em; border-left: 3px solid #999;}


/* ========= Impromptu Classes ========= */
.jqifade { position: absolute; background-color: #000;}
div.jqi { width: 400px; font-family: Arial, Helvetica, sans-serif; position: absolute; background-color: #FFF; font-size: 1.1em; text-align: left; border: solid 3px #f1f1f1; padding: 7px;}
div.jqi .jqicontainer { font-weight: bold;}
div.jqi .jqiclose { position: absolute; top: 4px; right: -2px; width: 18px; cursor: default; color: #FFF; font-weight: bold;}
div.jqi .jqimessage { padding: 10px; line-height: 20px; color: #000;}
div.jqi .jqibuttons { text-align: right; padding: 5px 0 5px 0; border: solid 1px #EEE; background-color: #f4f4f4;}
div.jqi button { padding: 3px 10px; margin: 0 10px; background-color: #333; border: solid 1px #333; color: #FFF; font-weight: bold; font-size: 12px;}
div.jqi button:hover { background-color: #333; outline: none!important;}
div.jqi .jqidefaultbutton { background-color: #333; outline: none!important;}
.jqiwarning .jqi .jqibuttons { background-color: #333; outline: none!important;}

a.box { background: url("../img/all/bg/arrow.png") no-repeat scroll 100% 8px #666 !important; color:#FFF !important; display: inline-block; font-size: 1.2em !important; margin-top: 3px; padding: 5px 25px 5px 10px !important; text-decoration: none !important; text-transform: uppercase !important;}
a.box:hover { background: #333 url('../img/all/bg/arrow.png') no-repeat 100% 8px!important;}

#hdr .inner { position: relative;}

#colorpicker { z-index: 20!important; position: absolute; top: -100px; right: 0; width: 450px; height: 123px; background: url('../img/all/colorpicker/panel.png') no-repeat;}
#colorpicker #click { position: absolute; bottom: 0; right: 0; width: 149px; height: 23px; background: url('../img/all/colorpicker/click.png') no-repeat;}
#colorpicker #click.closed { position: absolute; bottom: 0; right: 0; width: 149px; height: 23px; background: url('../img/all/colorpicker/closed.png') no-repeat!important;}
#colorpicker p { left: 20px!important; top: 15px!important; font-size: 16px!important; color: #FFF;}
#colorpicker ul { float: left!important; margin: 50px 0 0 20px!important;}
#colorpicker ul li { position: relative; float: left; list-style: none; padding: 0!important; margin: 0 8px 0 0!important;}
#colorpicker ul li #green { width: 62px; height: 25px; background: url('../img/all/colorpicker/green.png') no-repeat;}
#colorpicker ul li #orange { width: 62px; height: 25px; background: url('../img/all/colorpicker/orange.png') no-repeat;}
#colorpicker ul li #gold { width: 62px; height: 25px; background: url('../img/all/colorpicker/gold.png') no-repeat;}
#colorpicker ul li #turquoise  { width: 62px; height: 25px; background: url('../img/all/colorpicker/turquoise.png') no-repeat;}
#colorpicker ul li #pink { width: 62px; height: 25px; background: url('../img/all/colorpicker/pink.png') no-repeat;}
#colorpicker ul li #grey { width: 62px; height: 25px; background: url('../img/all/colorpicker/grey.png') no-repeat;}
#colorpicker ul li div.active { position: absolute!important; top: 15px; left: 40px; width: 17px!important; height: 17px!important; background: url('../img/all/colorpicker/tick.png') no-repeat!important;}

.blogfix p { line-height: 1.5!important;}
.blogfix h2 { margin: 5px 0 15px 0!important;}
.blogfix p a img { margin: 3px 0 0 0!important;}
.blogfix p span a img { margin: 3px 0 0 0!important;}
.blogfix a img { margin: 3px 0 -10px 0!important;}
.blogfix a { color: #5b720e!important;}
.blogfix a.box { color: #fff!important;}

/* ========= Important Classes ========= */
h1, h2, h3, h4, h5, h6 { font-weight: lighter;}
a.btnReplace { cursor: pointer;}
a:focus { outline: none!important;}
input.btnReplace { display: none; margin: 0; padding: 0;}
input, textarea { font-family: Arial, Helvetica, sans-serif!important;}
img.btnReplace { cursor: pointer;}
.no_link { cursor: default!important;}

#content .inner .right ol { margin-top: 5px;}
#content .inner .right ol li { padding: 0 0 15px 25px; border: none; font-size: 1.2em; color: #666; background: url('http://ems.unionroom.com/img/home/bg/tick.jpg') no-repeat;}

.f_left { float: left;}
.f_right { float: right;}
.orange { color: #F63!important;}
.green { color: #a9dc01!important;}
.no_margin { margin: 0!important;}
.no_pad { padding: 0!important;}
.no_border { border-width: 0!important;}
.rss { padding: 0 20px 0 0; background: url('../img/all/bg/rss.png') no-repeat 100% 0;}
.valid { padding: 0 0 0 20px; background: url('../img/all/bg/valid.gif') no-repeat 0 0;}
.regular { letter-spacing: -1px!important;}
.medium { letter-spacing: -1px!important;}
.bold { letter-spacing: -1px!important;}

.imgReplace { background-position: top; background-repeat: no-repeat; display: block;}
.imgReplace span { width: 0; height: 0; overflow: hidden; display: block;}
 
* html .clearfix { height: 1%; /* IE5-6 */}
* + html .clearfix { display: inline-block; /* IE7not8 */}
.clearfix:after { /* FF, IE8, O, S, etc. */ content: "."; display: block; height: 0; clear: both; visibility: hidden;}