/*--- MASTER CSS ---*/

/*-General Formatting*/
*{
margin:0;
padding:0;
}

img{
border:0;
}

a:active {
outline:none;
}

/*-Position master elements*/

body{
background-color:#ececec;
padding-top:20px;
margin:0 0 15px 0;
}

#wrapper{
margin:0 auto;
padding:15px;
width:990px;
height:2102px;
background-color:white;
}

#black{
width:990px;
background-image: url("images/black.gif");
background-repeat:repeat-y;
}

#sideport{
background: url("images/sideport.gif") 28px 50px no-repeat;
}

#valid{
background: url("images/valid.gif") 26px 2010px no-repeat;
}

#title, #bubble, #contactform {
margin-left:235px;
}

#port{
margin-left:205px;
}

#title, #bubble, #port{
margin-bottom:10px;
}

/*-Format top (header/links) box*/

#title{
width:755px;
height:212px;
background-image: url("images/title.jpg");
}


/*--position work link and set rollover--*/

	#work{
	width:125px;
	height:60px;
	position:relative;
	top:37px;
	left:465px;
	overflow:hidden;
	}
	
		#work a{
		width:125px;
		height:60px;
		display:block;
		background: url("images/work.jpg") 0 0 no-repeat;
		}
		
		#work a:hover, #work a:active{
		background-position: -125px 0;
		}
	
/*--position contact link and set rollover--*/
	
	#contact {
	width:180px;
	height:55px;
	position:relative;
	top:67px;
	left:554px;
	overflow:hidden;
	}
	
		#contact a{
		width: 180px;
		height: 55px;
		display:block;
		background: url("images/contact.jpg") 0 0 no-repeat;
		}
		
		#contact a:hover, #contact a:active {
		background-position: -180px 0;
		}

/*-position 2nd box-w/ image of Nicole*/


#bubble{
width:755px;
height:229px;
background-image: url("images/bubble.jpg");
}

/*-Begin 'work' section*/

#port{
width:785px;
height:1420px;
background-image: url("images/port.jpg");
}


	#h2h, #janet, #hah, #cwr {
	width:374px;
	height:257px;
	position:relative;
	left:355px;
	border:3px solid black;
	}
	
	/*--Set Janet position and rollover--*/
	
	#janet{
	top:33px;
	overflow:hidden;
	}
	
		#janet a{
		width: 374px;
		height: 257px;
		display:block;
		background: url("images/janet.jpg") 0 0 no-repeat;
		}
		
		#janet a:hover, #janet a:active {
		background-position: -374px 0;
		}	
		
	/*--Set h2h position and rollover--*/
	
	#h2h {
	top:124px;
	overflow:hidden;
	}
	
		#h2h a{
		width: 374px;
		height: 257px;
		display:block;
		background: url("images/h2h.jpg") 0 0 no-repeat;
		}
		
		#h2h a:hover, #h2h a:active {
		background-position: -374px 0;
		}
	
	/*--Set HAH position and rollover--*/

	#hah {
	top:215px;
	overflow:hidden;
	}
	
		#hah a{
		width: 374px;
		height: 257px;
		display:block;
		background: url("images/hah.jpg") 0 0 no-repeat;
		}
		
		#hah a:hover, #hah a:active {
		background-position: -374px 0;
		}
	
	/*--Set CWR position and rollover--*/
	
	#cwr{
	background: url("images/cwr.jpg") 0 0 no-repeat;
	top:305px;
	}
	
		#cwr a{
		width: 374px;
		height: 257px;
		display:block;
		background: url("images/cwr.jpg") 0 0 no-repeat;
		}
		
		#cwr a:hover, #cwr a:active {
		background-position: -374px 0;
		}
	
/*-Begin Contact section*/
	
#contactform {
height:211px;
width:755px;
background-image: url("images/form.jpg");
background-repeat:no-repeat;
}

	/*--Position email and set rollover--*/
	#email{
	width:225px;
	height:25px;
	overflow:hidden;
	position:relative;
	top:112px;
	left:180px;
	}
	
		#email a{
		width:225px;
		height:25px;
		display:block;
		background: url("images/email.jpg") 0 0 no-repeat;
		}
		
		#email a:hover, #email a:active{
		background-position:-225px 0;
		}

/*--Form settings--*/	

	form{
	width:280px;
	float:right;
	top:0px;
	overflow:hidden;
	}	
	
	fieldset{
	width:250px;
	position:relative;
	border:0;
	}

	input, textarea{
	font-size:0.75em;
	width:170px;
	float:right;
	border:1px solid black;
	margin-bottom:6px;
	}
	
	input{
	height:15px;
}

textarea{
height:79px;
}
	
	label{
float:left;
width:70px;
font-size:12px;
line-height:22px;
	}
	
#submit{
width:auto;
height:auto;
background-color:white;
margin-top:3px;
clear:both;
float:right;
padding:1px;
}

#reset{
width:auto;
height:auto;
background-color:white;
margin-top:3px;
float:right;
margin-right:3px;
padding:1px;
}

#reset:hover, #submit:hover{
background-color:#ececec;
}

/*--Format thank-you message when form is submitted--*/

#thanks{
width:313px;
height:211px;
background: url("images/thanks.jpg") 0 0 no-repeat;
margin-left:442px;
margin-top:-25px;
}

#reload {
height:20px;
width:115px;
position:relative;
top:162px;
left:83px;
overflow:hidden
}

	#reload a{
	width:115px;
	height:20px;
	display:block;
	background: url("images/reload.jpg") 0 0 no-repeat;
	}
	
	#reload a:hover, #reload a:active{
	background-position:-115px 0;
	}



/* -Format text for screenreaders*/

span {
display:none;
}