/* Anna Sokol's Designs CSS Document 
Created by Anna Sokol June 8, 2005 */

body {
	background-image: url("../images/buttons/bg.jpg");
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #330066;
}

	.main {
		background-color:#FFFFFF;
		height:320px;
		vertical-align:top;
		font-size:12px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}

.tdborder {
	border:groove #330066 1px;
}

.corner1 {
	background-image:url(../images/buttons/corner1.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.corner2 {
	background-image:url(../images/buttons/corner2.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}

.corner3 {
	background-image:url(../images/buttons/corner3.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}
.corner4 {
	background-image:url(../images/buttons/corner4.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}


.topborder {
	background-image: url(../images/buttons/edge1.jpg);
	background-repeat: repeat-x;
	background-position: top;		
}

.leftborder {
	background-image: url(../images/buttons/edge2.jpg);
	background-repeat: repeat-y;
	background-position: left;	
}

.bottomborder {
	background-image: url(../images/buttons/edge3.jpg);
	background-repeat: repeat-x;
	background-position: bottom;		

}

.rightborder {
	background-image: url(../images/buttons/edge4.jpg);
	background-repeat: repeat-y;
	background-position: right;	
}



 	.footer {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
	}
	.smaller {
		font-size:12px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}

.heading, h1 {
	font-size:24px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background-color:#FFFFFF;
	padding:5px;
	text-transform: capitalize;	

}
    .normal, h2 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
	}
	
	a:link {
		color: #3300CC;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
	}

	a:visited {
		color:#3300CC;
		text-decoration: none;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-decoration:none;
	}

	a:hover {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#00CC33;
	}

	img {
		border: 0pt;
	}

	hr {
		border: thin outset #330066;	
	}
	
	.left {
		text-align:left;
	}

	.justify {
		text-align:justify;
	}
	
	.right {
		text-align:right;
	}
	div .right {
		text-align:right;
		padding:0px;
		margin:0px;
		border:0px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
	}	
	.center {
		text-align:center;
	}
	
    .img-shadow {
		float:left;
  		background: url(../images/shadow.jpg) no-repeat bottom right;
  		margin: 7px 0px 0px 14px;
  	}

	.img-shadow img {
  		display: block; 
  		position: relative;
  		background-color:#FFFFFF;
  		margin: -7px 7px 7px -7px;
  		padding: 0px;
  	} 	
	

	form {
		margin: 0px;
		padding: 0px;
		border: 0px;		
	}
	
	.indent {
	   margin-left: 10px;
	   	font-size:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;

	}
	
.inputborder {
	background-color:#E6E1FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #330066;
}
a .alt { display: none; }

a#home {
    display: block;
    width: 75px;
    height: 25px;
    background-image: url(../images/buttons/home.jpg);
    background-position: 0px 0px;
    margin: 0px auto;
}
a#home:hover {
    background-position: 0px -25px;
}
a#software {
    display: block;
    width: 75px;
    height: 25px;
    background-image: url(../images/buttons/software.jpg);
    background-position: 0px 0px;
    margin: 0px auto;
}
a#software:hover {
    background-position: 0px -25px;
}

a#websites {
    display: block;
    width: 75px;
    height: 25px;
    background-image: url(../images/buttons/websites.jpg);
    background-position: 0px 0px;
    margin: 0px auto;
}
a#websites:hover {
    background-position: 0px -25px;
}
a#games {
    display: block;
    width: 75px;
    height: 25px;
    background-image: url(../images/buttons/games.jpg);
    background-position: 0px 0px;
    margin: 0px auto;
}
a#games:hover {
    background-position: 0px -25px;
}
a#gallery {
    display: block;
    width: 75px;
    height: 25px;
    background-image: url(../images/buttons/gallery.jpg);
    background-position: 0px 0px;
    margin: 0px auto;
}
a#gallery:hover {
    background-position: 0px -25px;
}
a#sitemap {
    display: block;
    width: 75px;
    height: 25px;
    background-image: url(../images/buttons/sitemap.jpg);
    background-position: 0px 0px;
    margin: 0px auto;
}
a#sitemap:hover {
    background-position: 0px -25px;
}
a#links {
    display: block;
    width: 75px;
    height: 25px;
    background-image: url(../images/buttons/links.jpg);
    background-position: 0px 0px;
    margin: 0px auto;
}
a#links:hover {
    background-position: 0px -25px;
}