/*/////////////////////////////////////////////////////////*/
/*                                                         */
/*          susedan.com v 3.12                             */
/*          Created by Dan Walsh of i3studios.com          */
/*          Updated: 01/15/2010                            */
/*                                                         */
/*/////////////////////////////////////////////////////////*/


html {
	font-size: 100%;
	background: #222f3d;
}
body {
	background: #222f3d;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	padding: 0;
	margin: 0;
	font-size: .9em;
	line-height: 1.5em;
	color: #444;
	outline: none;
	-webkit-text-size-adjust: none;
}
img {
	border: none;
}
a, a img, a:link, a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #266ab3;
	color: #266ab3;
}
a:hover {
	color: #8c6430;
}
a:focus {
	-moz-outline: none;
}
p {
	margin: 0 0 20px 0;
	padding: 0;
}
h1 {
	font-weight: normal;
	margin: 0;
	padding: 0 0 30px 0;
	font-size: 22px;
}
.hidden {
	display: none;
	visibility: hidden;
	height: 0;
}
form {
	padding:0;
	margin: 0;
}




/*//////////////////////////////////*/
/*                                  */
/*       Header Content Layout      */
/*                                  */
/*//////////////////////////////////*/


#head_wrap {
	background: #f3f3f3;
	border-bottom: 1px solid #fff;
}
#head {
	margin: 0 auto;
	width: 920px;
	height: 290px;
	padding-top: 5px;
	background: transparent url('/assets/img/danwalsh.jpg') bottom right no-repeat;
}




/*////////////////////////////*/
/*                            */
/*       Header Content       */
/*                            */
/*////////////////////////////*/


#head_content {
	width: 530px;
	padding-top: 60px;
	margin-top: 30px;
	background: transparent url('/assets/img/logo.jpg') top left no-repeat;
}




/*//////////////////////////////////*/
/*                                  */
/*       Lower Content Layout       */
/*                                  */
/*//////////////////////////////////*/


#content_wrap {
	clear: both;
	color: #ddd;
	border-top: 4px solid #282828;
}
#content {
	margin: 0 auto;
	width: 920px;
	text-align: left;
	padding-top: 25px;
}
#content a, #content a:link, #content a:visited, #content a img {
	border-bottom: none;

}




/*/////////////////////////////////*/
/*                                 */
/*       Recent Work Content       */
/*                                 */
/*/////////////////////////////////*/


#content_work {
	float: right;
	width: 325px;
}
.project {
	float: left;
	padding: 0 40px 0 0;
	width: 140px;
	font-size: 1em;
	text-align: center;
}
.last {
	padding-right: 0px;
}
.project a, .project a:link, .project a:visited {
	color: #c3c3c3;
}
.project a:hover {
	color: #eee;
}
.project a img, .project a:link img, .project a:visited img {
	border: 1px solid #222f3d;
	margin-bottom: 5px;
}
.project a:hover img {
	border: 1px solid #eee;
}




/*//////////////////////////////////*/
/*                                  */
/*       Contact Form Styling       */
/*                                  */
/*//////////////////////////////////*/


#content_contact {
	float: left;
	width: 440px;
}
.formText {
	float: left;
	width: 230px;
	padding: 0;
}
.formInput {
	float: right;
	width: 150px;
	padding: 0;
}
input, textarea, .submit {
	width: 150px;
	border: 1px solid #333;
	padding: 6px 8px;
	font-size: 1em;
	background: #dcdcdc;
	color: #444;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
}
input {
	margin-bottom: 9px;
}
textarea {
	height: 110px;
	width: 230px;
}
.submit {
	text-align: left;
	float: left;
	width: 110px;
	margin: 13px 0 0 0;
	background: #a3a3a3;
	_padding: 3px 8px;
}
@-moz-document url-prefix() {
.submit {
padding: 4px 8px;
}
}
.twitter {
	float: left;
	margin-top: 13px;
	width: 26px;
}
.twitter img {
	padding-left: 35px;
	_padding-left: 14px;
}



/*/////////////////////////////////*/



.formError {
	position:absolute;
	top:300px; left:300px;
	padding-bottom:13px;
	margin-left: 10px;
	display:block;
	z-index:5000;
}
.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none;
}
.formError .formErrorContent {
	width: 100%;
	background: #bd4a4a;
	color: #fff;
	width: 200px;
	font-size: 12px;
	box-shadow: 0px 0px 2px #444;
	-moz-box-shadow: 0px 0px 2px #444;
	-webkit-box-shadow: 0px 0px 2px #444;
	padding: 3px 10px;
}
.greenPopup .formErrorContent {
	background: #33be40;
}
.blackPopup .formErrorContent {
	background: #393939;
	color:#fff;
}
.formError .formErrorArrow {
	position: absolute;
	bottom :0;
	left: 20px;
	width: 18px;
	height: 18px;
	z-index: 5001;
}
.formError .formErrorArrowBottom {
	top:0;
	margin:-8px;
}
.formError .formErrorArrow div{
	box-shadow: 0px 2px 3px #444;
	-moz-box-shadow: 0px 2px 3px #444;
	-webkit-box-shadow: 0px 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #bd4a4a;
	margin: 0 auto;
	line-height: 0px;
	font-size: 0px;
	display: block;
}
.formError .formErrorArrowBottom div{
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.greenPopup .formErrorArrow div {
	background: #33be40;
}
.blackPopup .formErrorArrow div {
	background: #393939;
	color:#fff;
}
.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}
.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}
.formError .formErrorArrow .line8 { width: 11px; }
.formError .formErrorArrow .line7 { width: 9px; }
.formError .formErrorArrow .line6 { width: 7px; }
.formError .formErrorArrow .line5 { width: 5px; }
.formError .formErrorArrow .line4 { width: 3px; }
.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0px solid #ddd;
}
.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}
.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}
.ajaxSubmit {
	background: #80b380;
	font-size: 18px;
}
.clearFieldBlurred { color: #666; }
.clearFieldActive { color: #000; }