/* 
Rule13.com
This was a quick and dirty run
*/

* {
	margin: 0;
	padding: 0;
}

html, body {
	color: #afafaf;
	background-color: #0b0f11;
}

body {
	font: 75%/1.5em "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	text-shadow: #000 0px 0px 0px;
}

#home #main {
	margin-top: 55px;
}

#home #main p {
	width: 575px;
	height: 495px;
	/*background: url(../images/home_bg.gif) no-repeat 0 0;
	text-indent: -9999px; */
}

ul {
	list-style-type: none;
	margin-bottom: 2em;
}

ul.content-list {
	list-style-type:square;
	margin-left: 10px;
	padding-left:12px;
}


h1, h2 {
	font: bold 1.5em "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	color: #fff;
	margin-bottom: 5px;
	display: block;
}

h3 {
	font-size: 1.5em;
	margin-bottom: 5px;
	font-weight: normal;
	font-style: normal;
	display: block;
}

p {
	margin-bottom: 1.5em;
	clear: both;
}

a {
	color: #fff;
	text-decoration: none;
	outline:none;
}

a:hover {
	text-decoration: underline;
}

img {
	vertical-align: bottom;
	border-style: none;
}
.clear-content {
	clear:both;
	display:block;
	font-size:0pt;
	line-height:0pt;
}
.clear-content:after {
	clear:both;
	content:".";
	display:block;
	font-size:0pt;
	visibility:hidden;
}
/* • container */

#container {
	width: 950px;
	overflow: hidden;
	padding-top: 67px;
	/*padding-left: 50px;
	padding-right: 10px;*/
	margin:0 auto;
	/*background: url(../images/bg_main.png) no-repeat bottom left; */
	position:relative;
}

#work #container {
	width: 974px;
}
#404 #container {
	text-align:center;
}
/* SIDEBAR */

#sidebar {
	width: 250px;
	float: left;
	padding-bottom: 55px;
}

#sidebar a#logo {
	width: 260px;
	height: 140px;
	display: block;
	text-indent: -9999px;
	background: url(../images/logo_main_bird.gif) no-repeat 0 0;
	margin-bottom: 53px;
}

#sidebar ul#navigation {
	font: bold 1.5em "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	margin-left:6px;
}

#sidebar ul#navigation li {
	
}

#sidebar ul#navigation li a {
	color: #7d7d7d;
	text-decoration: none;
}

#sidebar ul#navigation li a.current {
	color: #fff;
}

#sidebar ul#navigation li a:hover {
	color: #fff;
}

#home #sidebar ul#navigation li.home a,
#about #sidebar ul#navigation li.about a,
#services #sidebar ul#navigation li.services a,
#portfolio #sidebar ul#navigation li.portfolio a,
#stuff #sidebar ul#navigation li.stuff a,
#contact #sidebar ul#navigation li.contact a {
	color:#fff;
}
/* #MAIN */

#main {
	width: 700px;
	float: right;
	padding-bottom: 55px;
	margin-top: 171px;
	overflow: hidden;
	display: inline;
}

#main a {
	color:#3c6;
}
#main a:hover {
	color:#fff;
}
p.snapshot {
	border-bottom:1px solid #242729;
	padding-bottom:20px;
	margin-bottom:20px;
}
span.highlight {
	color:#3c6;
}


#portfolio #main {
	/*width: 700px;*/
}

#portfolio #main img {
	height: 306px;
}

#portfolio #main p.err {
	color: #fff;
}

#portfolio #main p.err em {
	color: #afafaf;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

#portfolio #main p.err a {
	color: #afafaf;
	text-decoration: none;
}

#portfolio #main p.err a.active {
	cursor: default;
	color: #fff;
	text-decoration: underline;
}

#portfolio #main p.err a:hover {
	text-decoration: underline;
	color: #fff;
}

/* SERVICES */

#main .row {
	overflow: hidden;
	width: 700px;
	margin-bottom: 60px;
}

#main .row .left {
	float: left;
	width: 180px;
}

#main .row .right {
	float: right;
	width: 500px;
	height: 306px;
	position: relative;
}

#main .row .right img {
	position: absolute;
}

/* FOOTER */

#footer {
	margin-bottom: 10px;
	color: #858788;
	/*background: url(../images/logo_small.gif) no-repeat 197px 17px;*/
	background: url(../images/logo_small2.gif) no-repeat 130px 3px;
	border-top: 1px solid #242729;
	font: 0.8em "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	clear: both;
	padding-top: 10px;
	padding-bottom: 50px;
	width: 735px;
	padding-left: 215px;
	position:relative;
}

#work #footer {
	width: 760px;
}

#footer p {
	margin-left: 34px;
}

/* CONTACT */

#contact h4.dos {margin-bottom:14px;}
#contact .contact-state {width:300px; float:left;}
#contact .contact-state h1 {font-size:14px;}

form .left {
	width: 260px;
	float: left;
}

form .right {
	width: 400px;
	height: auto;
	float: right;
}

form {
	overflow: hidden;
}

form p {
	height: auto;
}

form input {
	width: 250px;
	background-color: #242729;
	height: 19px;
	border-style: none;
	color: #7d7d7d;
	padding-left: 5px;
	padding-right: 5px;
}
form select {
	width: 260px;
	background-color: #242729;
	height: 19px;
	border-style: none;
	color: #7d7d7d;
	padding-left: 5px;
	padding-right: 0;
}

form input:focus, form select:focus {
	background-color: #383d41;
	color: #fff;
}

form textarea {
	width: 390px;
	border-style: none;
	background-color: #242729;
	height: 120px;
	color: #7d7d7d;
	overflow: auto;
	padding: 5px;	
}

form textarea:focus {
	background-color: #383d41;
	color: #fff;
}

form input.button {
	width: 50px;
	/*background-image: url(../images/send.gif);
	background-repeat: no-repeat;
	text-indent: -9999px; */
	height: 25px;
	padding:0;
}

.error {
    background-color: #722e2e;
}






/* BUGS */
.ala-survey {
	width:180px;
	height: 46px;
	position: absolute;
	top: 15px;
	right: 15px;
}