@charset "utf-8";
/* CSS Document */

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* END RESET */

/* HOME */
body {
background: url(../images/wood_6.jpg) repeat-y;
}
div#wrapper {
width:960px;
margin: 0 auto;	
position:relative;
}


body#home div#layout {
background:url(../images/home_layout.jpg);
width:960px;
height:700px;
margin: 0 auto;
position:relative;
}
body#home h1, p {
text-indent:-9999px;
}
body#home a#our_work {
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:252px;
	left:711px;
	width:80px;
	height:75px;
	
}
body#home a#contact {
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:325px;
	left:158px;
	width:78px;
	height:64px;
	
}
body#home a#contact2 {
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:286px;
	left:46px;
	width:106px;
	height:195px;
	
}
body#home a#adopt {
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:522px;
	left:765px;
	width:176px;
	height:134px;
	
}
body#home a#twitter {
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:538px;
	left:19px;
	width:57px;
	height:60px;
	
}
body#home a#myspace{
	text-indent:-9999px;
	display:block;
	position:absolute;
	top:539px;
	left:121px;
	width:60px;
	height:59px;
	
}
body#home a#facebook {
	display:block;
	position:absolute;
	text-indent:-9999px;
	top:539px;
	left:218px;
	width:61px;
	height:57px;
	
}

/* END HOME */

/* CONTACT */
body#contact div#layout {
background: url(../images/contact_layout.jpg);
width:960px;
height:860px;
margin: 0 auto;
position:relative;
}
body div#layout h1 {
text-indent:-9999px;
}
a#home_link {
	display:block;
	text-indent:-9999px;
	width:112px;
	height:91px;
	position:absolute;
	top:231px;
	left:787px;
}
a#our_work_link {
	display:block;
	width:125px;
	height:99px;
	text-indent:-9999px;
	position:absolute;
	top:374px;
	left:787px;
}
div#contact_wrap {
	background:#fff;
	width:372px;
	height:314px;
	position:absolute;
	top:193px;
	left:390px;
}
div#time_stamp {
	font: bold 14px Arial;
	color:#444;
	background:none;
	width:100px;
	height:15px;
	position:absolute;
	left: 553px;
	top: 124px;
}
div.form_row {
background:#fff;
border-bottom: 1px solid #bbb;

overflow:hidden;
}
label {
float:left;
width:60px;
font:18px Arial, sans-serif;
padding:5px;
padding-left:8px;
color:#777;

}
input {
float:left;
width:285px;
font:18px Arial, sans-serif;
margin-top:4px;
color:#000;
background:none;
border:none;
}
#submit_button {
display:block;
text-indent:-9999px;
position:absolute;
top:-51px;
left:301px;
background: url(../images/send_button.jpg) no-repeat;
width:65px;
height:44px;
width:72px;
cursor:pointer;
}
#submit_button:hover, #submit_button:focus, #submit_button:active  {
background: url(../images/send_button.jpg) no-repeat 0 -44px;
}
#submit_button:active {
/* fix button shift bug on IE */
	 -ms-background-position-x: 1px;
	 -ms-background-position-y: -43px;
}
textarea {
float:left;
width:350px;
height:205px;
margin-left:7px;
font:18px/1.2 Arial, sans-serif;
background:none;
border:none;
margin-top:5px;
overflow:hidden;
/* scroll bar removal for IE */
overflo\w: auto;
}

body#contact div#contact_wrap p {
margin-top:100px;
margin-left:20px;
font:20px Arial, Helvetica, sans-serif;
color: red;
text-indent:0;
}
body#contact div#contact_wrap span {
display:block;
margin-top:100px;
margin-left:20px;
font:20px Arial, Helvetica, sans-serif;
color:#000;
text-indent:0;
}
/* END CONTACT */

/* OUR WORK */

body#our_work div#layout {
background: url(../images/work_layout.jpg);
width:960px;
height:786px;
margin: 0 auto;
position:relative;
}
body#our_work a#home {
	display:block;
	text-indent:-9999px;
	width:60px;
	height:60px;
	position:absolute;
	top:398px;
	left:456px;
}
body#our_work a#contact {
	display:block;
	text-indent:-9999px;
	width:60px;
	height:60px;
	position:absolute;
	top:398px;
	left:583px;
}
div#flow_wrap {
position:absolute;
top:15px;
left:168px;
}
.jFlowPrev {
	width:63px;
	height:63px;
	position:absolute;
	top:365px;
	left:70px;
	cursor:pointer;
}
.jFlowNext {
	width:63px;
	height:63px;
	position:absolute;
	top:365px;
	left:530px;
	cursor:pointer;	

}
div#slides {
width:654px;
height:356px;
}
div#slides div p {
text-indent:0;
padding:10px;
padding-left:15px;
width:629px;
height:50px;
background:#000;
color:#fff;
font: bold 20px/1 Arial, Helvetica, sans-serif;
position:relative;
top:-72px;
left:0;
opacity:.7;
filter:alpha(opacity=70);
}
div#slides div p a, div#slides div p a:link {
font:normal 16px Arial, Helvetica, sans-serif;
color:#aaa;
position:relative;
}
div#slides div p a:visited {
color:#aaa;
}
div#slides div p a:hover, div#slides div p a:focus, div#slides div p a:active {
color:#fff;
}

.hidden {
display:none;
}


/* END OUR WORK */

/* FOOTER */
div#footer {
	font:bold 16px Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	width:370px;
margin:10px auto 40px;
}
div#footer p {
	color:#fff;
	text-indent:0;
}


/* END FOOTER */