body { 
	/*center the container div in IE*/
	/*text-align: center; */
	background-color: #fffff;
	background-image: url(../images/emailgrade.gif);
	background-repeat: repeat-x;
	margin: 0; padding: 0;
	

	
}

div {
	border-width: 0px;
	border-color: black;
	border-style: solid;
}

.main {
  -moz-border-radius:3ex;
  -webkit-border-radius:3ex;
  
}

div#container {
	margin: 0 auto; /*center the container div in Firefox*/
	margin-top: 20px;
    margin-bottom: 20px;
	width: 1000px;
	padding: 10px;
	background-color: black;
	border-color: white;
	border-width: 5px;
}

div#container div.animation {
	float: left;
	height: 1230px;
	width: 1000px;
	

	
}
div#container div.animation2 {
	float: left;
	height: 130px;
	width: 1000px;
	

	
}

div#container div.picture {
	float: left;
	height: 193px;
	width: 1000px;
	margin-bottom: 0px;
	background-image: url(../images/rachel.jpg);
	background-repeat:no-repeat;
	background-position: center;
	display: none;
}

div#container div.logobox {
	float: left;
	height: 100px;
	width: 1000px;

}



div#container div.logo {
	float: left;
	height: 100px;
	width: 1000px;
	margin: 0px;
	background-image: url(../images/logo.jpg);
	background-repeat:no-repeat;
	background-position: center; 
	display: none;
	
}

div#container div.logo2 {
	float: left;
	height: 100px;
	width: 1000px;
	margin: 0px;
	background-image: url(../images/rela.jpg);
	background-repeat:no-repeat;
	background-position: center; 
	display: none;
	
}

div#container div.logo3 {
	float: left;
	height: 100px;
	width: 1000px;
	margin: 0px;
	background-image: url(../images/published.jpg);
	background-repeat:no-repeat;
	background-position: center; 
	display: none;
	
}

div#container div.logo4 {
	float: left;
	height: 100px;
	width: 1000px;
	margin: 0px;
	background-image: url(../images/press.jpg);
	background-repeat:no-repeat;
	background-position: center; 
	display: none;
	
}

div#container div.logo5 {
	float: left;
	height: 100px;
	width: 1000px;
	margin: 0px;
	background-image: url(../images/contact.jpg);
	background-repeat:no-repeat;
	background-position: center; 
	display: none;
	
}

div#container div.logo6 {
	float: left;
	height: 100px;
	width: 1000px;
	margin: 0px;
	background-image: url(../images/portfolio.jpg);
	background-repeat:no-repeat;
	background-position: center; 
	display: none;
	
}
div#container div.about {
	float: left;
	
	width: 1000px;
	
	
}

div#container div.abouttxt {
	float: left;
	
	width: 1000px;
	padding-bottom: 15px;
	
	
}

div#container div.abouttxt h2{
	text-align: center;
	color: #FFFFFF;
	font-size:25px;
	font-family:"Times New Roman",Georgia,Serif;
	margin: 0px;
	margin-left: 0px;
	margin-right: 0px;
	
}

div#container div.abouttxt p{
	color: white;
	font-size:19px;
	font-family:"arial",Georgia,Serif;
	margin: 0px;
	margin-left: 66px;
	margin-right:57px;
	
}

div#container div.abouttxt a{
	text-decoration:underline;
	color: #f2389d;
	font-size:19px;
	font-family:"arial",Georgia,Serif;
	margin: 0px;
	margin-left: 0px;
	margin-right: 0px;
	
}

div#container div.abouttxt a:hover{
	text-decoration:underline;
	color: white;
	font-size:19px;
	font-family:"arial",Georgia,Serif;
	margin: 0px;
	margin-left: 0px;
	margin-right: 0px;
	
}




div#container div.webdevlogo {
	float: left;
	height: 45px;
	width: 950px;
	margin-top: 10px;
	color: #FFFFFF;
	font-size:20px;
	background-image: url(../images/webdevlogo.jpg);
	background-repeat:no-repeat;
	background-position: center;
	text-align: center;
	display: none;
	
}

div#container div.webdevtxt {
	float: left;
	
	width: 950px;
	margin: 0px;
	background-image: url(../images/);
	background-repeat:no-repeat;
	
	
}

div#container div.webdevtxt p{
	color: #FFFFFF;
	font-size:20px;
	font-family:"Times New Roman",Georgia,Serif;
	margin: 0px;
	display: none;
}


div#container div.htmlcss {
	float: left;
	
	width: 950px;
	color: #37A1DF;
	

	
}

div#container div.tabs {
	background-color: black;
	float: left;
	height: 45px;
	width: 1000px;
	margin: 0px;
	

	
}



div#container div.htmltxt {
	float: left;
	padding-left: 163px;
	width: 950px;
	margin: 10px;
	
	
	
	
}

















div#gallery {
margin:0 auto;
width: 520px;
	border: 2px outset #C9C0BB;
	background-image: url(../images/emailgrade.gif);
	background-repeat: repeat-x;
    -moz-border-radius:3ex;
	-webkit-border-radius:3ex;
	
}

ul li {
	display: inline;
	margin: 10px;
}

div#gallery img{
	border-color: #C9C0BB;
	
	
}








div#emailbox1 {
	width: 787px;
    padding-left: 233px;
    padding-right: 0px

}

div#email {
    float: center;
	width: 500px;
	color: white;
	
	border: 4px outset #C9C0BB;
	padding: 10px 10px;
    font-weight: bold;
	background-image: url(../images/emailgrade.gif);
	background-repeat: repeat-x;
    -moz-border-radius:3ex;
	-webkit-border-radius:3ex;    
	
}

div#email label {
	display: block;
	width: 250px;
	float: left;
	text-align: right;
	margin-right: 10px;
	background-color:;
        color:white
        
}
div#email input[type="submit"] {
		float: left;
        margin-right: px;
        
        
}
div#email input[type="submit"] {
	color: white
	background-color: #f2389d;	

	margin-left: 224px;
    
	
}




div#email br {
	clear: both;
	width: 0px;
	height: 0px;
	line-height: 0px;
}









div.clear {
	border: 0px;
	clear: both;
	height: 0px;
	width: 0px;
}



div.clear3 {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #37A1DF; 
	clear: both;
	height: 5px;
	width: 1000px;
	background-color: #f2389d;
	

	
}

div.clear4 {

	color: black; 
	clear: both;
	height: 10px;
	width: 950px;
	background-color: black;
	

	
}

div#player {
border-color: #C9C0BB;
border-width: 1px;
display: none;
}

div#container div.email {
	color: white;
	margin: 0 auto; /*center the container div in Firefox*/
	width: 950px;
	text-align: center;
	padding: 10px;
	background-color: black;
	border-color: #37A1DF;
	border-width: 10px;
}

div.email p{
color: white;
}

div.email h2{
color: white;
}

div.email a{
border-width: 10px;
color: #37A1DF;
}

div.tabs a{
font-size: 30px;
color: #f2389d;
margin:27px;	
}
div.tabs a:hover{
font-size: 30px;
color: #FFFFFF;
margin:27px;
}

div.return {
Width:1000;
text-align:center;
font-size: 30px;
	
}
div.return a{
text-align:center;
font-size: 30px;
color: #f2389d;
margin:14px;	
}

div.return a:hover{
text-align:center;
font-size: 30px;
color: #ffffff;
margin:14px;	
}
h1 {
color: white;
font-size: 30px;
margin-left: 65px;
}