@charset "UTF-8";
body {font-family:Arial,Helvetica,sans-serif;font-size:1em;color:#FFFFFF;background-color:#000000;}

h1 {font-family:Arial,Helvetica,sans-serif;font-size:1em;color:#000000;background-color:transparent;}

#bodytext {
	padding:0px 40px 0px 0px;
	margin:30px 0px 0px 0px;
	width:325px;
	height:435px;
	float:right;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.75em;
	color:#000000;
	background-color:transparent;
	overflow:auto;
	line-height: 1.25em;
}

#contacttext {
	padding:1px;
	margin:80px 0px 0px 100px;
	width:250px;
	height:250px;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.85em;
	color:#600;
	background-color:transparent;
	overflow:auto;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.8em;
}

body#home a#home-nav {background:url(images/Home-on.png);}
body#about a#about-nav {background:url(images/About-on.png);}
body#portfolio a#portfolio-nav {background:url(images/Portfolio-on.png);}
body#design a#design-nav {background:url(images/Design-on.png);}
body#contact a#contact-nav {background:url(images/Contact-on.png);}

#homepagecontainer {width:800px;height:535px;margin:40px auto 0px auto;padding-top:1px;background-image:url(images/Main-Background.jpg);background-repeat:no-repeat;}
#homepagecontainer ul {margin:0px;padding:0px;}

#aboutpagecontainer {width:800px;height:535px;margin:40px auto 0px auto;padding-top:1px;background-image:url(images/About-Background.jpg);background-repeat:no-repeat;}
#aboutpagecontainer ul {margin:0px;padding:0px;}

#portfoliopagecontainer {width:800px;height:535px;margin:40px auto 0px auto;padding-top:1px;background-image:url(images/Portfolio-Background.jpg);background-repeat:no-repeat;}
#portfoliopagecontainer ul {margin:0px;padding:0px;}

#designpagecontainer {width:800px;height:535px;margin:40px auto 0px auto;padding-top:1px;background-image:url(images/Design-Background.jpg);background-repeat:no-repeat;}
#designpagecontainer ul {margin:0px;padding:0px;}

#contactpagecontainer {width:800px;height:535px;margin:40px auto 0px auto;padding-top:1px;background-image:url(images/Contact-Background.jpg);background-repeat:no-repeat;}
#contactpagecontainer ul {margin:0px;padding:0px;}

#menucontainer {width:100%;height:63px;margin:473px 0px 0px 0px;padding:0px;}
 ul#menu  {margin:0px;padding:0px;}
 ul#menu li {list-style-type:none;float:left;}
 ul#menu li a {height:63px;;padding:0px;margin:0px;display:block;}

 ul#menu li.home a:link, ul#menu li.home a:visited {background:url(images/Home-off.png);width:131px;}
 ul#menu li.home a:active {background:url(images/Home-on.png);}
 
 ul#menu li.about a:link, ul#menu li.about a:visited {background:url(images/About-off.png);width:144px;}
 ul#menu li.about a:active {background:url(images/About-on.png);}

 ul#menu li.portfolio a:link, ul#menu li.portfolio a:visited {background:url(images/Portfolio-off.png);width:158px;}
 ul#menu li.portfolio a:active {background:url(images/Portfolio-on.png);}

 ul#menu li.design a:link, ul#menu li.design a:visited {background:url(images/Design-off.png);width:191px;}
 ul#menu li.design a:active {background:url(images/Design-on.png);}

 ul#menu li.contact a:link, ul#menu li.contact a:visited {background:url(images/Contact-off.png);width:176px;}
 ul#menu li.contact a:active {background:url(images/Contact-on.png);}
 
.invisible {visibility:hidden}