/******* GENERAL 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 {
border: 0pt none;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0pt;
padding: 0pt;
vertical-align: baseline;
}


body{
	background-image: url('../images/haunted.gif');



}


#wrapper {
	margin: 0 auto;
	width: 900px;
	/*background-image: url('../images/bg_tile.png');
	background-repeat: repeat-y;*/


}

.clear {
clear: both;
}

/*-------------navigation -----------*/

#top {
width: 900px;
height: 150px;
margin-top: 75px;


}


#header {
	background-image: url('../images/header.png');
	background-repeat: no-repeat;
	width: 320px;
	height: 96px;
	float: left;
}

#header_info {
	background-image: url('../images/header_info.png');
	width: 254px;
	height: 96px;
	float: right;
}


/*-------end of nav and header ----*/

#photo_header {
	background-image: url('../images/photo_header.png');
	float: left;
	width: 900px;
	height: 31px;
}

#branding_header {
	background-image: url('../images/print_header.png');
	float: left;
	width: 900px;
	height: 31px;
}


#web_header {
	background-image: url('../images/web_header.png');
	float: left;
	width: 900px;
	height: 31px;
}

#about_header {
	background-image: url('../images/about_header.png');
	float: left;
	width: 900px;
	height: 31px;
}

#contact_header {
	background-image: url('../images/contact_header.png');
	float: left;
	width: 900px;
	height: 31px;
}

/*-------- work ------------*/

#photo_section {
	width: 900px;
	height: 100%;
	float: left;
	background-image: url('../images/bg_slice.png');
	background-repeat: repeat-y;
	margin-bottom: 30px;

}


#branding_section {
	width: 900px;
	height: 100%;
	float: left;
	background-image: url('../images/bg_slice.png');
	background-repeat: repeat-y;
}

#webwrk {
	width: 900px;
	height: 100%;
	margin-bottom: 30px;
	margin-top: 35px;
	float: left;
	background-image: url('../images/bg_slice.png');
	background-repeat: repeat-y;
}




#aboutsection {
	width: 900px;
	height: 100%;
	margin-bottom: 30px;
	float: left;
	background-image: url('../images/bg_slice.png');
	background-repeat: repeat-y;
}

#contactsection {
	width: 900px;
	height: 100%;
	margin-bottom: 30px;
	float: left;
	background-image: url('../images/bg_slice.png');
	background-repeat: repeat-y;
	color: #00A1DE;
}


#misc_info {
	width: 900px;
	height: 50px;
	margin-bottom: 30px;
	float: left;
}

#about_pic{
float: left;
}


#tabs ul{
list-style: none;
}


#buttons {
float: left;
}

#buttons ul{
list-style: none;
}

#buttons li{
display: inline;
margin-left: 7px;
}

#info {
	width: 390px;
	height: 260px;
	float: left;
	margin-top: -200px;
	margin-left: 8px;
	font-family: arial;
	color: #fff;
	font-size: 18px;
}


#photo_section img{
	width: 206px;
	height: 105px;
	padding-left: 10px;
	padding-top: 10px;
}

#photo_section ul{
float: left;
padding-bottom: 10px;
}

#photo_section li{
display: inline;

}

#webwrk img{
	width: 206px;
	height: 105px;
	padding-left: 10px;
	padding-top: 10px;
}

#webwrk ul{
float: left;
padding-bottom: 10px;

}

#webwrk li{
display: inline;

}


#branding_section img{
	width: 206px;
	height: 105px;
	padding-left: 10px;
	padding-top: 10px;
}

#branding_section ul{
float: left;
padding-bottom: 10px;
}

#branding_section li{
display: inline;

}



/*------------------ Contact Info -----------*/

#box { 
	float:left; 
	width:900px;
	margin-left: 20px;
}

form { 
	margin:1.5em 0;
	padding:0;
	width:50%;
	float:left;
}

fieldset {
	margin:0;
	padding:0;
	border:none;
}

legend {
	padding-bottom:0.5em;
	font-size:1.4em;
	color:#00A1DE;
	font-family: Arial;
}

form div { 
	padding:1em 0;
	border-top:1px solid #212024;
}

label {
	float:left;
	width:20%;
	line-height: 200%;
	padding-right: 10px;
	text-align:left;
	font-family: Arial;
}
 
input, textarea {
	width:60%;  
	border:1px solid #212024; 
	padding:3px; 
	font-size:1em; 
	background:#212024; 
	color:#FFFFFF; 
}
 
textarea {
	overflow:auto;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1em;
	width:60%;
	border:1px solid #212024;
	padding:3px;
}

.button input {
	border:none; 
	font-size:1.2em;
	color:#00A1DE;
	background:none;
	padding:0 4px;
	cursor:pointer;
	width:auto;
}

.hoverfocus { 
	border:1px solid #00A1DE;
}

#error, #response { 
	float:left; 
	width:30%;
	padding:3em;
	color: white;

}

#response ul { 
	border-top:1px solid #212024; 
	margin-top:5px; 
	padding-top:5px;
	color: white;
}

#error li, #response li { 
	margin:0 0 5px 0; 
	padding:0 0 5px 15px; 
	background:url(../images/bullet.png) no-repeat 0 4px; 
	border-bottom:1px solid #212024; }

#working { 
	float:left; 
	padding:3em; 
	background:url(../images/loading.gif) no-repeat left center;}