@charset "utf-8";

body  {
	background: url(images/pattern.jpg) repeat;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#header{
	margin: 0px auto auto auto;
	background: url(images/header.jpg) no-repeat;
	width: 800px;
	height: 200px;
	pading: auto;
}

#main {
	margin: auto;
	padding: auto;
	width: 730px;
	background: url(images/main.jpg) repeat-y;
}

#maintext {	margin: 0px 70px 0px 70px;
}

#menudiv{
	margin: auto;
	padding: auto;
	width: 730px;
	height: 70px;
	background: url(images/menu.jpg) no-repeat;
}

#nav { position: relative; margin-left: 140px;  }
#nav ul { position: absolute; margin-top: 0px; display: block; width: 450px; }
#nav li { list-style-type: none; display: inline; }
#nav a { display: block; float: left; background: url(images/menu.png); height: 54px; text-indent: -9999px;  }

#nav a#home { width: 90px; background-position: 0px top; }
#nav a#about { width: 90px; background-position: -120px top; }
#nav a#portfolio { width: 90px; background-position: -240px top; }
#nav a#contact { width: 90px; background-position: -360px top; }

#nav a:hover#home, #nav a.active#home{ background-position: 0px -54px; }
#nav a:hover#about, #nav a.active#about { background-position: -120px -54px; }
#nav a:hover#portfolio, #nav a.active#portfolio{ background-position: -240px -54px; }
#nav a:hover#contact, #nav a.active#contact { background-position: -360px -54px; }

#nav a:active#home{ background-position: 0px -54px; }
#nav a:active#about{ background-position: -120px -54px; }
#nav a:active#portfolio { background-position: -240px -54px; }
#nav a:active#contact { background-position: -360px -54px; }

#footer{
	margin: auto;
	background: url(images/footer.jpg) no-repeat;
	width: 730px;
	height: 150px;
}

#video{ width: 400px;
	margin: auto;
}

a {
 text-decoration: none;
 text-align: left;
 padding: auto; 
 margin: auto;
 color: #5F5F5F;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
}
a:link {background: none; text-decoration: #5F5F5F;}
a:visited {background: none; text-decoration: none}
a:active {background: none; text-decoration: none}
a:hover {background: none; text-decoration: none; color: #000;}

/* pfooter {
	text-align: center;
	padding: 100px auto auto 200px;
	margin: auto;
} */

p {text-align: justify; font-size: 11px; color: #666; margin: auto; padding-top:10px;}

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: bold; color: #04ADEF; font-size: 18px; padding: 20px 0 10px 0px; text-align:center; margin: auto; }
h2 { color: #5F5F5F; margin: 0; width: 100%; padding: 10px 0px 10px 0px; font-weight:bold; font-size: 12px}
hr {color: #666;}