body {
margin: 0;
padding: 0;
font-family: verdana, helvetica, sans-serif;
text-align: center;  /* this line is a hack for an older version of IE; it works with the "wrapper" div */ 
background-color: #FFFFFF;
	}

#wrapper {
width: 830px;
margin: 20px auto;  /* this line centers the wrapper, except in some old version of IE */
text-align: left;   /* this line counteracts the hack in the body declaration */
border: 1px solid #666666;
	}

#title {
	margin:10px 15px;
	padding:0;
	background-image:url(title.jpg);
	width: 800px;
	height: 100px;
	}	
		

#intro {
margin:0 10px 10px 15px;
padding:0;
background-image:url(lgtitle.jpg);
width: 800px;
height: 400px;
}

#bigname {
margin:0;
padding:0 0 0 15px;
}

#portfolio {
margin:0;
padding: 297px 0 0 514px;
}

#smname {
margin: 0;
padding:50px 0 0 15px;
}

#smname a {
text-decoration:none;
}


#thintitle {
font-size: 40px;
color: #FFFFFF;
}

#boldtitle {
font-size: 40px;
color:#FFFFFF;
font-weight: bold;
}
	
#nav {
font-size: 14px;
padding: 0;
margin: 0 0 5px 0;
width: 800px;
	}
	
#nav ul {
margin: 0 0 0 490px;
padding:0;
}

#nav li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
	}

#nav a {
padding: 0 0 0 20px;
margin: 0 0 0 10px;
color: #6385A4;
}

#nav a:link, #nav a:visited {
text-decoration: none;
color: #6385A4;
}

#nav a:hover, #nav a:active {
text-decoration: none;
color: #97b6d1;
}

#home-nav {
font-size: 14px;
padding: 10px 0 3px 0px;
margin:0;
width: 800px;
	}

#home-nav ul {
margin:0 0 5px 565px;
padding:0;
}

#home-nav li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
	}

#home-nav a {
text-decoration:none;
padding: 0 0 0 20px;
margin: 0 0 0 10px;
color: #6385A4;
}

#home-nav a:link, #nav a:visited {
text-decoration: none;
color: #6385A4;
}

#home-nav a:hover, #nav a:active {
text-decoration: none;
color: #97b6d1;
}

#inactive-link {
color: #666666;
padding: 0 0 0 20px;
margin: 0 0 0 10px;
}

#main-box {
	width: 800px;
	margin: 0 0 0 8px;
	padding: 10px;
	font-size: 12px;
	text-align: left;
	}

#main-text {
	width: 500px;
	margin: 0 0 0 8px;
	padding: 10px;
	font-size: 12px;
	text-align: left;
	}

.img-wrapper {
background-image:url(shadow.gif);
background-repeat: no-repeat;
clear: right;
float:left;
position:relative;

}

#main-box img {
border: 1px solid #666666;
padding:0;
display: block;
margin:-5px 5px 5px -5px;
position:relative;
}




#main-box p {
font-size: 11px;
}

#main-box .left {
width: 350px;
float: left;
margin: 15px 0 15px 15px;
padding:0;
}

#main-box .right {
width: 350px;
float: left;
margin: 15px 0 15px 60px;
padding:0;
}



#main-box .mars {
width: 300px;
float: left;
margin: 15px 0 15px 15px;
padding:0;
}

#main-box .slideshow {
width: 300px;
float: left;
margin: 15px 0 15px 15px;
padding:0;
}

#main-box .ipod {
width: 300px;
float: left;
margin: 15px 0 15px 15px;
padding:0;
}

#main-box .howto {
width: 300px;
float: right;
margin: 15px 23px 15px 0;
padding:0;
}

#main-box .seasons {
width: 300px;
float: right;
margin: 15px 23px 15px 0;
padding: 0;
}

#main-box .colors {
width: 300px;
float: left;
margin: 15px 0 15px 15px;
padding:0;
}

#main-box .positioning {
width: 300px;
float: right;
margin: 15px 23px 15px 0;
padding: 0;
}

#flashmovie {
margin: 10px 0 0 100px;
padding:0;
width: 600px;
border: 1px solid #666666;
}

#flashmovie2 {
margin: 10px 0 0 150px;
padding:0;
width: 500px;
border: 1px solid #666666;
}

#flashmovie3 {
margin: 10px 0 0 75px;
padding:0;
width: 650px;
border: 1px solid #666666;
}

#flashmovietitle {
margin: 0 0 0 100px;
padding:0;
}

#flashmovietitle h2 {
font-family: Arial Black, Arial, sans-serif;
font-size: 28px;
color:#000000;
margin:0;
padding:0;
}

#footer {
display:none;
margin: 8px 8px 2px 185px;
padding:0;
font-size: 11px;
}
#footer2 {
margin: 8px 8px 2px 355px;
padding:0;
font-size: 11px;
}

h1 {
font-size: 28px;
color:#6385A4;
}

h2 {
font-size: 20px;
color:#666666;

}

h3 {
font-size: 13px;
color:#666666;
padding:0;
margin: 2px;
}

p {
font-size: 12px;

}


.clear
{
clear: both;
}

.foot
{
font-size: 11px;
color:#666666;

}

a:link
{
text-decoration:none;
color:#6385A4;
}

a:hover
{
text-decoration:none;
color:#97b6d1;
}

a:visited
{
text-decoration:none;
color:#666666;
}

a:active
{
text-decoration:none;
color:#97b6d1;
}