/* MAIN TAGS */
body {
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  background-color:#D1CAA0;
  background-image:url(images/bedlam-main-bg.jpg);
  background-position:center top;
  background-repeat:no-repeat;
  width: 100%;
  text-align:center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000;
  line-height:16px;
}


html {
	overflow-x:hidden;
	overflow-y:auto;
}

img {
	border: 0px;
	display:block;
}

li {
	list-style:none;
	list-style-position:outside;
}

a {
	font-size: 10px;
    color: #C8A8A6;
    line-height:14px;
	text-decoration:none;
	font-style:italic;
}

a:link {
	text-decoration:none;
}

a:visited {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.black11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 11px;
  	color: #000;
  	line-height:16px;
	font-style:normal;
}

a.black11:link {
	text-decoration:none;
}

a.black11:visited {
	text-decoration:none;
}

a.black11:hover {
	text-decoration:underline;
}

h1 {
	margin:0px 0px 10px 0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #800000;
	font-weight: normal;
	letter-spacing:-0.5px;
	line-height:24px;
}

.black10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.red11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	font-weight:bold;
	color:#800000;
}

#main-container {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:990px;
	height:618px;	
}

#footer-top {
	width:auto;
	height:12px;
	background-image:url(images/bedlam-footer-top-bar.jpg);
	background-repeat:repeat-x;
}

#footer-bg {
	width:auto;
	height:235px;
	background-image:url(images/bedlam-footer-bg.gif);
	background-repeat:repeat;
}

#footer {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:990px;
	padding-top:46px;
}

#footer-left {
	float:left;
	width:480px;
	height:170px;
}

#footer-right {
	float:left;
	width:510px;
	height:170px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #C8A8A6;
    line-height:16px;
}

.footer-col1 {
	float:left;
	width:145px;
	height:160px;
	background-image:url(images/bedlam-footer-pinline.gif);
	background-repeat:no-repeat;
	background-position:top right;
	padding-top:10px;
}

.footer-col2 {
	float:left;
	width:135px;
	height:160px;
	background-image:url(images/bedlam-footer-pinline.gif);
	background-repeat:no-repeat;
	background-position:top right;
	padding:10px 0px 0px 10px;
}

.footer-col3 {
	float:left;
	width:210px;
	height:170px;
	padding:10px 0px 0px 10px;
}

.footer-title1 {
	width:128px;
	height:35px;
	background-image:url(images/bedlam-footer-title-portfolio.gif);
	background-repeat:no-repeat;
	margin-bottom:8px;
}

.footer-title1 span {
	display:none;
}

.footer-title2 {
	width:64px;
	height:35px;
	background-image:url(images/bedlam-footer-title-info.gif);
	background-repeat:no-repeat;
	margin-bottom:8px;
}

.footer-title2 span {
	display:none;
}

.footer-title3 {
	width:192px;
	height:35px;
	background-image:url(images/bedlam-footer-title-contact.gif);
	background-repeat:no-repeat;
	margin-bottom:8px;
}

.footer-title3 span {
	display:none;
}

.footer-text-holder {
	position:relative;
	z-index:50;
	margin-left:4px;
}

.footer-text-holder2 {
	position:relative;
	z-index:50;
	margin-left:4px;
}

.footer-text-holder3 {
	margin-left:4px;
}

.footer-sub-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #955942;
    line-height:16px;	
}

.footer-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #C8A8A6;
    line-height:16px;
	font-style:normal;
}

a.footer-text:link {
	text-decoration:none;
}

a.footer-text:visited {
	text-decoration:none;
}

a.footer-text:hover {
	text-decoration:underline;
}

#flash {
	position:absolute;
	z-index:10;
	margin:35px 0px 0px 0px;
}

#subnav {
	position:absolute;
	z-index:20;
	margin:105px 0px 0px 30px;
	width:193px;
	height:113px;
	background-image:url(images/bedlam-subnav-bg.png);
	background-repeat:no-repeat;
	padding:46px 12px 0px 12px;
}

#subnav-folio {
	position:absolute;
	z-index:20;
	margin:105px 0px 0px 30px;
	width:200px;
	height:122px;
	background-image:url(images/bedlam-subnav-bg.png);
	background-repeat:no-repeat;
	padding:37px 12px 0px 5px;
}

#subnav-info {
	position:absolute;
	z-index:20;
	margin:105px 0px 0px 30px;
	width:207px;
	height:122px;
	background-image:url(images/bedlam-subnav-bg.png);
	background-repeat:no-repeat;
	padding:37px 0px 0px 10px;
}

.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #C8A8A6;
    line-height:14px;
	margin-top:10px;
}

.promo-sticker {
	width:139px;
	height:143px;
	background-image:url(images/bedlam-promo-sticker.gif);
	background-repeat:no-repeat;
	margin-left:15px;
}

.promo-sticker a {
	position:absolute;
	z-index:50;
	width:139px;
	height:143px;
	background-image:none;
}

#twitter {
	position:absolute;
	z-index:50;
	margin:-75px 0px 0px 135px;
	width:181px;
	height:71px;
	padding:7px 10px 20px 98px;
	background-image:url(images/bedlam-twitter.png);
	background-repeat:no-repeat;
	text-align:center;
}

#twitter_update_list {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #E4D7B3;
    line-height:14px;	
}

#earphones {
	position:absolute;
	z-index:45;
	width:465px;
	height:249px;
	background-image:url(images/bedlam-earphones.png);
    background-repeat:no-repeat;
   	margin:545px 0px 0px 595px;
	overflow:hidden;
}

#earphonesLO {
	position:absolute;
	z-index:5;
	width:465px;
	height:249px;
	background-image:url(images/bedlam-earphones.png);
    background-repeat:no-repeat;
   	margin:545px 0px 0px 595px;
	overflow:hidden;
}

#earphones2 {
	position:absolute;
	z-index:100;
	width:688px;
	height:249px;
	background-image:url(images/bedlam-earphones.png);
    background-repeat:no-repeat;
   	margin:545px 0px 0px 0;
	left:58%;
}

.logo {
	position:absolute;
	z-index:40;
	width:230px;
	height:65px;
	background-image:url(images/bedlam-logo.png);
	background-repeat:no-repeat;
	margin-top:8px;
	left:72%;
}

.logo a {
	position:absolute;
	z-index:45;
	width:230px;
	height:65px;
	background-image:none;
	left:-10%;
}

#content {
	float:right;
	width:500px;
	height:455px;
	margin:150px 10px 0px 0px;
}

#music-tag {
	position:absolute;
	width:190px;
	height:100px;
	background-image:url(images/bedlam-music-tag.png);
	background-repeat:no-repeat;
	margin:590px 0px 0px 810px;
}

#music-tag span {
	display:none;
}

#coffee {
	position:absolute;
	width:194px;
	height:194px;
	background-image:url(images/bedlam-coffee-stain.png);
	background-repeat:no-repeat;
	margin:482px 0px 0px 720px;
}

#project-text {
	float:right;
	width:300px;
	height:auto;
}

.column-text {
	float:left;
	width:245px;
	height:auto;
	margin-right:10px;
}

.contact-column {
	float:left;
	width:210px;
	height:80px;
	background-image:url(images/bedlam-contact-grungeline.gif);
	background-repeat:no-repeat;
	background-position:top right;
	margin-top:280px;
}

.contact-column-r {
	float:left;
	width:210px;
	height:51px;
	padding:34px 0px 0px 30px;
	margin-top:280px;
}

.project-link {
 position:absolute;
 z-index:500;
 width:180px;
 height:490px;
 margin:135px 0px 0px 400px;
 display:block;
}


#testimonial {
	float:right;
	width:435px;
	height:auto;
	background-image:url(images/bedlam-open-quote.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding:12px 0px 0px 0px;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #817354;
	font-weight: normal;
	letter-spacing:-0.5px;
	line-height:28px;
}

#quote {
	float:left;
	width:275px;
	height:65px;
	background-image:url(images/bedlam-open-quote-red.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding:2px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #800000;
	font-weight: normal;
	letter-spacing:-0.5px;
	line-height:24px;
}

#testi-name {
	float:right;
	width:auto;
	text-align:right;
	line-height:14px;
	margin-top:10px;
}

.close-quote {
	width:34px;
	height:36px;
	display:block;
	background-image:url(images/bedlam-close-quote.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.close-quote-red {
	width:26px;
	height:26px;
	display:block;
	background-image:url(images/bedlam-close-quote-red.png);
	background-position:top left;
	background-repeat:no-repeat;
}

#title-featured {
	width:152px;
	height:31px;
	background-image:url(images/bedlam-title-featuredproject.gif);
	background-repeat:no-repeat;
}

#title-featured span {
	display:none;
}

#title-web1 {
	width:75px;
	height:31px;
	background-image:url(images/bedlam-title-web1.gif);
	background-repeat:no-repeat;
}

#title-web1 span {
	display:none;
}

#title-web2 {
	width:75px;
	height:31px;
	background-image:url(images/bedlam-title-web2.gif);
	background-repeat:no-repeat;
}

#title-web2 span {
	display:none;
}

#title-web3 {
	width:75px;
	height:31px;
	background-image:url(images/bedlam-title-web3.gif);
	background-repeat:no-repeat;
}

#title-web3 span {
	display:none;
}

#title-web4 {
	width:75px;
	height:31px;
	background-image:url(images/bedlam-title-web4.gif);
	background-repeat:no-repeat;
}

#title-web4 span {
	display:none;
}

#title-web5 {
	width:75px;
	height:31px;
	background-image:url(images/bedlam-title-web5.gif);
	background-repeat:no-repeat;
}

#title-web5 span {
	display:none;
}

#title-print1 {
	width:85px;
	height:31px;
	background-image:url(images/bedlam-title-print1.gif);
	background-repeat:no-repeat;
}

#title-print1 span {
	display:none;
}

#title-print2 {
	width:85px;
	height:31px;
	background-image:url(images/bedlam-title-print2.gif);
	background-repeat:no-repeat;
}

#title-print2 span {
	display:none;
}

#title-print3 {
	width:85px;
	height:31px;
	background-image:url(images/bedlam-title-print3.gif);
	background-repeat:no-repeat;
}

#title-print3 span {
	display:none;
}

#title-print4 {
	width:85px;
	height:31px;
	background-image:url(images/bedlam-title-print4.gif);
	background-repeat:no-repeat;
}

#title-print4 span {
	display:none;
}

#title-print5 {
	width:85px;
	height:31px;
	background-image:url(images/bedlam-title-print5.gif);
	background-repeat:no-repeat;
}

#title-print5 span {
	display:none;
}

#title-logos1 {
	width:85px;
	height:36px;
	background-image:url(images/bedlam-title-logos1.gif);
	background-repeat:no-repeat;
}

#title-logos1 span {
	display:none;
}

#title-logos2 {
	width:85px;
	height:36px;
	background-image:url(images/bedlam-title-logos2.gif);
	background-repeat:no-repeat;
}

#title-logos2 span {
	display:none;
}

#title-logos3 {
	width:85px;
	height:36px;
	background-image:url(images/bedlam-title-logos3.gif);
	background-repeat:no-repeat;
}

#title-logos3 span {
	display:none;
}

#title-logos4 {
	width:85px;
	height:36px;
	background-image:url(images/bedlam-title-logos4.gif);
	background-repeat:no-repeat;
}

#title-logos4 span {
	display:none;
}

#title-logos5 {
	width:85px;
	height:36px;
	background-image:url(images/bedlam-title-logos5.gif);
	background-repeat:no-repeat;
}

#title-logos5 span {
	display:none;
}

#title-info1 {
	width:85px;
	height:36px;
	background-image:url(images/bedlam-title-services.gif);
	background-repeat:no-repeat;
}

#title-info1 span {
	display:none;
}

#title-info2 {
	width:120px;
	height:36px;
	background-image:url(images/bedlam-title-about-bedlam.gif);
	background-repeat:no-repeat;
}

#title-info2 span {
	display:none;
}

#title-info3 {
	width:85px;
	height:36px;
	background-image:url(images/bedlam-title-client-list.gif);
	background-repeat:no-repeat;
}

#title-info3 span {
	display:none;
}

#title-iknow {
	width:245px;
	height:75px;
	background-image:url(images/bedlam-title-i-know.png);
	background-repeat:no-repeat;
	margin:10px 0px 5px 0px;
}

#title-iknow span {
	display:none;
}

#title-latest {
	width:115px;
	height:25px;
	background-image:url(images/bedlam-subnav-title-latestnews.gif);
	background-repeat:no-repeat;
}

#title-latest span {
	display:none;
}

#title-contact {
	width:117px;
	height:36px;
	background-image:url(images/bedlam-title-contact.gif);
	background-repeat:no-repeat;
}

#title-contact span {
	display:none;
}

#title-makecontact {
	width:125px;
	height:21px;
	background-image:url(images/bedlam-subnav-title-makecontact.gif);
	background-repeat:no-repeat;
}

#title-makecontact span {
	display:none;
}

.btn-viewsite {
	position:relative;
	float:right;
	z-index:50;
	display:block;
	width:92px;
	height:30px;
	background-image:url(images/bedlam-btn-view-site.gif);
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.btn-viewsite a:hover {
	background-position:bottom left;
}

.btn-viewsite span {
	display:none;
}

#btn-enlarge {
	position:relative;
	float:right;
	z-index:50;
	display:block;
	width:92px;
	height:30px;
	background-image:url(images/bedlam-btn-enlarge.gif);
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
}

#btn-enlarge a:hover {
	background-position:bottom left;
}

#btn-enlarge span {
	display:none;
}

.btn-web {
	float:left;
	width:66px;
	height:36px;
	background-image:url(images/bedlam-btn-web.gif);
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.btn-web-on {
	float:left;
	width:66px;
	height:36px;
	background-image:url(images/bedlam-btn-web.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.btn-web a:hover {
	background-position:bottom left;
}

.btn-web span {
	display:none;
}

.btn-web-on span {
	display:none;
}

.btn-print {
	float:left;
	width:74px;
	height:36px;
	background-image:url(images/bedlam-btn-print.gif);
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.btn-print-on {
	float:left;
	width:74px;
	height:36px;
	background-image:url(images/bedlam-btn-print.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.btn-print a:hover {
	background-position:bottom left;
}

.btn-print span {
	display:none;
}

.btn-print-on span {
	display:none;
}

.btn-logos {
	float:left;
	width:60px;
	height:36px;
	background-image:url(images/bedlam-btn-logos.gif);
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.btn-logos-on {
	float:left;
	width:60px;
	height:36px;
	background-image:url(images/bedlam-btn-logos.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.btn-logos a:hover {
	background-position:bottom left;
}

.btn-logos span {
	display:none;
}

.btn-logos-on span {
	display:none;
}

.btn-folio1 {
	float:left;
	width:33px;
	height:26px;
	background-image:url(images/bedlam-btn-folio-1.gif);
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.btn-folio1-on {
	float:left;
	width:33px;
	height:26px;
	background-image:url(images/bedlam-btn-folio-1.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.btn-folio1 a:hover {
	background-position:bottom left;
}

.btn-folio1 span {
	display:none;
}

.btn-folio1-on span {
	display:none;
}

.btn-folio2 {
	float:left;
	width:34px;
	height:26px;
	background-image:url(images/bedlam-btn-folio-2.gif);
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.btn-folio2-on {
	float:left;
	width:34px;
	height:26px;
	background-image:url(images/bedlam-btn-folio-2.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.btn-folio2 a:hover {
	background-position:bottom left;
}

.btn-folio2 span {
	display:none;
}

.btn-folio2-on span {
	display:none;
}

.btn-folio3 {
	float:left;
	width:33px;
	height:26px;
	background-image:url(images/bedlam-btn-folio-3.gif);
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.btn-folio3-on {
	float:left;
	width:33px;
	height:26px;
	background-image:url(images/bedlam-btn-folio-3.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.btn-folio3 a:hover {
	background-position:bottom left;
}

.btn-folio3 span {
	display:none;
}

.btn-folio3-on span {
	display:none;
}

.btn-folio4 {
	float:left;
	width:32px;
	height:26px;
	background-image:url(images/bedlam-btn-folio-4.gif);
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.btn-folio4-on {
	float:left;
	width:32px;
	height:26px;
	background-image:url(images/bedlam-btn-folio-4.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.btn-folio4 a:hover {
	background-position:bottom left;
}

.btn-folio4 span {
	display:none;
}

.btn-folio4-on span {
	display:none;
}


.btn-folio5 {
	float:left;
	width:33px;
	height:26px;
	background-image:url(images/bedlam-btn-folio-5.gif);
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.btn-folio5-on {
	float:left;
	width:33px;
	height:26px;
	background-image:url(images/bedlam-btn-folio-5.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.btn-folio5 a:hover {
	background-position:bottom left;
}

.btn-folio5 span {
	display:none;
}

.btn-folio5-on span {
	display:none;
}

.btn-services {
	float:left;
	width:80px;
	height:32px;
	background-image:url(images/bedlam-btn-services.gif);
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.btn-services-on {
	float:left;
	width:80px;
	height:32px;
	background-image:url(images/bedlam-btn-services.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.btn-services a:hover {
	background-position:bottom left;
}

.btn-services span {
	display:none;
}

.btn-services-on span {
	display:none;
}

.btn-about {
	float:left;
	width:130px;
	height:22px;
	background-image:url(images/bedlam-btn-about-bedlam.gif);
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.btn-about-on {
	float:left;
	width:130px;
	height:22px;
	background-image:url(images/bedlam-btn-about-bedlam.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.btn-about a:hover {
	background-position:bottom left;
}

.btn-about span {
	display:none;
}

.btn-about-on span {
	display:none;
}

.btn-clients {
	float:left;
	width:95px;
	height:28px;
	margin-top:-1px;
	background-image:url(images/bedlam-btn-client-list.gif);
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.btn-clients-on {
	float:left;
	width:95px;
	height:28px;
	margin-top:-1px;
	background-image:url(images/bedlam-btn-client-list.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.btn-clients a:hover {
	background-position:bottom left;
}

.btn-clients span {
	display:none;
}

.btn-clients-on span {
	display:none;
}

.btn-timeline {
	clear:left;
	float:left;
	width:85px;
	height:29px;
	margin-top:-1px;
	background-image:url(images/bedlam-btn-timeline.gif);
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.btn-timeline-on {
	clear:left;
	float:left;
	width:85px;
	height:29px;
	margin-top:-1px;
	background-image:url(images/bedlam-btn-timeline.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	overflow:hidden;
}

.btn-timeline a:hover {
	background-position:bottom left;
}

.btn-timeline span {
	display:none;
}

.btn-timeline-on span {
	display:none;
}

.project-brand {
	position:absolute;
	z-index:50;
	left:66%;
	width:300px;
	height:75px;
	margin:60px 0px 0px 0px;
}

.project-brand a {
	float:right;
}

#alt-folder {
	width:157px;
	height:327px;
	margin:55px 0px 0px 0px;
	background-image:url(images/bedlam-folder-alternate.png);
	background-repeat:no-repeat;
	padding:238px 75px 0px 198px;
	font-size:10px;
	line-height:12px;
}

.alt-link {
	font-size:10px;
	line-height:12px;
	color:#800000;
	font-weight:bold;
	font-style:normal;	
}

a.alt-link:link {
	text-decoration:none;	
}

a.alt-link:visited {
	text-decoration:none;
}

a.alt-link:hover {
	text-decoration:underline;
}


/* IE HACKS */


/* Hide from IE5-mac \*/
* html #earphones {
	display:none;
}

* html #coffee {
	display:none;
}

* html #music-tag {
	display:none;
}

* html #subnav {
	background-image:url(images/bedlam-subnav-bg.gif);
	background-repeat:no-repeat;
	padding:45px 12px 0px 12px;
}

* html #twitter {
	background-image:url(images/bedlam-twitter.gif);
	background-repeat:no-repeat;
	text-align:center;
}

* html #testimonial {
	background-image:url(images/bedlam-open-quote.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

* html #quote {
	background-image:url(images/bedlam-open-quote-red.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

* html .close-quote {
	background-image:url(images/bedlam-close-quote.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

* html .close-quote-red {
	background-image:url(images/bedlam-close-quote-red.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

* html #logo {
	background-image:url(images/bedlam-logo.gif);
	background-repeat:no-repeat;
}

* html .project-link {
	display:none;
}

* html #title-iknow {
	background-image:url(images/bedlam-title-i-know.gif);
	background-repeat:no-repeat;
}

* html .project-brand {
	display:none;
}

/* End IE5/mac hide */





