* {margin: 0; padding: 0;}

body {background-color: #CCC; font-family: Arial, sans-serif;}

#content_wrap {margin: 0 auto; margin-bottom: 30px;}
#content_wrap {width: 692px; position: relative;}

h1 {font-weight: normal;}
h1 {text-transform: uppercase;}

ul.alr, ul.alr li {clear: both;}

.logo, ul.alr ul li.therapy {float: right;}
ul.alr ul li.therapy {margin-right: 0;}

h3, dt {margin-right: 50px; font-weight: normal; font-size: 12px; float: left;}

.hide {display: none;}

.clear {clear: both;}

a {text-decoration: none; background-color: transparent; padding: 10px 0; display: block;}
a:link {color: #666;}
a:visited {color: #666;}
a:hover {color: #000;}
a:focus, a:active {outline: none;}


dt a {padding-bottom: 0;}

.tab2, .alr_img {margin: 10px 0; margin-top: 20px;}
.alr_img {clear: both; float: none;}

body { font-family: Arial; font-size: 16px; background: #FFF; padding-bottom: 50px; }
	.selected, .two {background: #fff; /*border-right: 2px solid #333;*/ padding-right: 5px; padding-left: 5px; float: left;}
	h3.selected a { color: #333; padding: 10px;}
	dl {clear: both;}
	#zero, #one, #two, #three {padding: 20px; background-color: #FFF; clear: both; border-right: 1px solid #333; border-bottom: 1px solid #999;}
	.float_right {float: right;}
	h3#float_right {margin-right: 0; float: right;}
	#image {width: 692px; position: absolute; top: 100px; left: -20px; margin: 0; border: 1px solid #666; background-color: #FFF; padding: 20px;}
	#image_wrap {padding: 20px;}
	#close {border: 2px solid #CCC; float: right; clear: both;}
	#close a {padding: 1px; font-size: 11px; line-height: 9px;}
	h5 {padding: 5px 0; font-weight: normal;}
	h5 a {text-decoration: underline; display: inline; padding: 0;}
	h5 a:hover {text-decoration: none;}
	#categories, #categories a {float: left;}
	h3 a#plus {float: left;}
	#categories a {color: #666; padding: 10px; 5px; background-color: #E7E7E7; border-left: 1px solid #D6D6D6;}
	#categories a:hover {color: #000;}
	#categories a.catselected { color: #333; background-color: #F9F9F9;}
	
	/** new styles **/
	.menu li, .menu li a, .menu li span, .menu li span.menu a {float: left;}
.menu li p a {float: none;}
	.menu li span.menu a {padding-left: 10px; padding-right: 10px; background-color: #C3C3C3;}
	.menu .content {width: 660px; padding: 15px; background-color: #fff; clear: both; /*border-right: 2px solid #333; border-bottom: 2px solid #333;*/ margin-bottom: 20px; overflow: hidden; z-index: 0;}
	.menu li span.menu {display: block;}
	.menu li span.menu a.subselected {color: #FFF; background-color: #999;}
	.alr_img {padding-top: 10px;}
	div.menu.portfolio h3, h3#portfolio {margin-right: 0;}
	div.menu.portfolio h3, .two {background-color: #dedede; border-right: 1px solid #ccc;}
	div.menu.portfolio h3 a, h3.selected a, .two a {padding: 10px;}
	div.menu.portfolio h3.selected {background-color: #fff; border-right: 1px solid #ccc;}
h3 {margin-right: 15px; padding-bottom: 0;}
	h3, h3 a {margin-bottom: 0;}
	h3 a {padding-bottom: 10px;}
	a img {border: 0;}
	#bigimage img {float: left;}
	#description {width: 165px; margin-left: 15px; padding-top: 25px; float: right;}
	#description p {font-size: 12px; margin-top: 15px;}
	#image p.breadcrumbs {font-size: 11px; margin-left: 10px; margin-bottom: 10px;}
	#image p.breadcrumbs a {display: inline;}
	#image #bigimage p span {color: #999; padding: 0 3px;}
	.menu {margin-top: 0; padding-top: 0; float: left;}
	.menu.portfolio h3 {padding-left: 5px; padding-right: 5px;}
	.menu.philosophy, .menu.services, .menu.clients, .menu.branding, .menu.print, .menu.web, .menu.branding, .menu.video, .menu.illustration {float: none; clear: both; margin-top: 0;padding-top: 0;}
	.parent span {display: none;}
	.parent.test a span.tip, .parent.vis a span.tip {display: inline;}
	.parent.test a {color: #000;}
	.menu.login {position: absolute; left: 0; top: 0;}
	.menu.login {/*width: 195px;*/ position: relative; left: 500px; top: 0; background: #fff; padding: 5px 10px; text-align: right;}
	.menu.login p {margin: 5px 0;}
	.menu.login label {font-size: 11px; color: #999;}
	.menu.login input {border: 1px solid #999; padding: 2px; margin-left: 0px; font-size: 11px; color: #666;}
	h3.closethis {position: absolute; padding: 0; margin: 0; background: url('images/layout/close.gif') no-repeat; width: 22px; height: 22px; left: -28px; margin-top: -28px;}
	h3 a {display: inline;}
	h3 {padding: 10px 0;}
	.menu.who, .menu.what, .menu.how {clear: both;}
	body.content {background: #CCC;}
	.alr_words {width: 690px; height: 100px; margin: 10px 0; clear: both;}
	.alr_words.another {background: url('http://www.alrdesign.com/images/layout/alr_another.gif') no-repeat 0 100%;}
	.alr_words.limited {background: url('http://www.alrdesign.com/images/layout/alr_limited.gif') no-repeat 0 100%;}
	.alr_words.rebellion {background: url('http://www.alrdesign.com/images/layout/alr_rebellion.gif') no-repeat 0 100%;}
	.another.next {background: url('http://www.alrdesign.com/images/layout/alr_another2.gif') no-repeat 0 100%;}
	.limited.next {background: url('http://www.alrdesign.com/images/layout/alr_limited2.gif') no-repeat 0 100%;}
	.rebellion.next {background: url('http://www.alrdesign.com/images/layout/alr_rebellion2.gif') no-repeat 0 100%;}
	
	h3.parent#login {background: url('http://www.alrdesign.com/images/layout/alr_logo.gif') no-repeat; width: 195px; height: 135px; float: right;}
	h3.parent.next#login {background: url('http://www.alrdesign.com/images/layout/alr_logo2.gif') no-repeat;}
	h3.parent#login, h3#login a {text-align: right; float: right; width: 195px; height: 135px; margin: 0; padding: 0; position: relative;}
	h3.parent#login a span.tip {position: absolute; right: 0; bottom: 0;}

div.content h5 {float: left; margin-right: 10px;}
div.content p {font-size: 11px; line-height: 16px; color: #333; margin-bottom: 10px;}
div.content p a {padding: 0; display: inline; /*text-decoration: underline;*/}
div.content p b {font-size: 12px;}
div.content p i {padding-bottom: 10px;}
div.content.clients_list p {margin-bottom: 20px; font-size: 11px; line-height: 16px;}

div.content.contact_list p {float: left; width: 200px; margin-right: 20px;}

.menu .content img {float: left; margin-right: 20px; margin-top: .25em;}
.menu .content.clients_list ul {list-style-type: none;}
.menu .content.clients_list ul li {float: left; font-size: 10px; width: 160px; margin-right: 5px;}

ul#news_items, ul#news_items ul {list-style-type: none; font-size: 11px; line-height: 13px;}
ul#news_items li {margin-right: 20px; padding-bottom: 20px; font-weight: bold;}
ul#news_items li ul li {width: 310px; margin-top: 5px; padding-bottom: 0px; font-weight: normal; float: left;}
ul#news_items li ul li.column_one {margin-right: 20px;}
ul#news_items li ul li.column_two {margin-right: 0px;}

form#freeform img {float: none;}
form#freeform input {margin-top: 7px; border: 1px solid #999; padding: 2px; font-size: 11px; color: #555;}
form#freeform #submit {cursor: pointer; color: #333;}
form#freeform label {margin-right: 5px;}

.menu ul.list, .menu ul.descriptions {list-style-type: none;}
.menu ul.list {float: left; margin-right: 20px; width: 225px;}
.menu ul.list li {margin-bottom: 7px; width: 100%;}
.menu ul.list li a {display: block; font-size: 11px; padding: 0;}
.menu ul.descriptions {float: left; width: 400px;}
.menu ul.descriptions img {float: left; margin-right: 10px;}
.menu ul.list li a.thisone {color: #333;}

.menu ul.list.news_dates li {float: left; margin-right: 5px; width: auto;}
.menu ul.list.news_dates {clear: both;}
.menu ul.descriptions.news_items {width: 100%;}
.menu ul.descriptions.news_items li.column {/*float: left; width: 310px; height: 4em;*/}
/*.menu ul.descriptions.news_items li.column.left {margin-right: 20px;}
.menu ul.descriptions.news_items li.column.right {margin-right: 0px;}*/

.menu ul.descriptions.news_items li.column.left, .menu ul.descriptions.news_items li.column.right {width: 100%; float: none; margin: 5px 0;}

.content.portfolio_thumbs {text-align: center;}
.content.portfolio_thumbs a {float: left;}