#html, body {
margin:0;
padding:0;
background-color: #ff9900;
}

img
{
border:none;
margin: 0;
padding: 0;
}

/* Layout */

#container {
width:100%;
margin: 0;
padding: 0;
}

#preload {
	display: none;
}

#banner {
padding: 2px;
background: rgb(99, 134, 143) url(http://www.gosedesign.net/portfolio_02/img/bkrnd.gif) repeat-x;
}

#content {
background-color: #ff9900;
padding:10px;
border-left: 1px dotted #630;
border-right: 1px dotted #630;
width: 64%;
height: 800px;
margin: 0 auto;
}

#sidebar-a {
float:left;
width:15%;
height: 848px;
background-color: #ff9900;
margin:0;
padding:10px;
border-right: 1px dotted #630;
}

#sidebar-b {
float:right;
width:15%;
height: 848px;
background-color: #ff9900;
margin:0;
padding:10px;
border-left: 1px dotted #630;
}

/*footer*/


#footer {
background-color: #background-color: #ff9900;
width: 73%;
height: 25px;
margin: 0 auto;
padding:10px;
border: 1px dotted #630;
}

#footer a:link {
text-decoration:none;
color:#663200;
}

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

#footer a:hover {
color:#600;
text-decoration:none;
background:#d7ff88;
}

#footer a:active {
color:#600;
text-decoration:none;
background:#9ACD32;
}

/* Navigation */

#portfolio p, #resume p, #blog p, #sketches p, #logo p
{
display: none;
}

#nav ul 
{
	height:25px;
	width: 425px;
	padding: 0 0 0 25px;
    margin: 0;
	background: url(http://www.gosedesign.net/portfolio_02/img/double_line.gif) no-repeat 25px 22px;
}

#nav li
{
	display:inline;
	float: left;
	
}

div #logo{
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/gosedesign.png) no-repeat 0;
width: 307px;
height: 69px;
padding: 0px 0px 10px 0px;
margin: 0;
}

#portfolio{
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/portfolio_up.png) no-repeat;
width: 111px;
height: 16px;
padding: 0 0 3px 0;
margin: 0 15px 3px 0;
}
#portfolio:hover{
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/portfolio_down.png) no-repeat;
width: 111px;
height: 16px;
padding: 0 0 3px 0;
margin: 0 15px 3px 0;
border-bottom:3px solid #fffbb4;
}
#portfolio:active{
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/portfolio_down.png) no-repeat;
width: 111px;
height: 16px;
padding: 0 0 3px 0;
margin: 0 15px 3px 0;
border-bottom:3px solid #fff;
}

#resume{
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/resume_up.png) no-repeat;
width: 81px;
height: 16px;
padding: 0 0 3px 0;
margin: 0 15px 3px 0;

}
#resume:hover{
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/resume_down.png) no-repeat;
width: 81px;
height: 16px;
padding: 0 0 3px 0;
margin: 0 15px 3px 0;
border-bottom:3px solid #fffbb4;
}
#resume:active{
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/resume_down.png) no-repeat;
width: 81px;
height: 16px;
padding: 0 0 3px 0;
margin: 0 15px 3px 0;
border-bottom:3px solid #fff;
}

#blog{
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/blog_up.png) no-repeat;
width: 53px;
height: 16px;
padding: 0 0 3px 0;
margin: 0 15px 3px 0;
}

#blog:hover{
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/blog_down.png) no-repeat;
width: 53px;
height: 16px;
padding: 0 0 3px 0;
margin: 0 15px 3px 0;
border-bottom:3px solid #fffbb4;
}
#blog:active{
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/blog_down.png) no-repeat;
width: 53px;
height: 16px;
padding: 0 0 3px 0;
margin: 0 15px 3px 0;
border-bottom:3px solid #fff;
}

#sketches{
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/sketches_up.png) no-repeat;
width: 101px;
height: 16px;
padding: 0 0 3px 0;
margin: 0 15px 3px 0;
}
#sketches:hover{
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/sketches_down.png) no-repeat;
width: 101px;
height: 16px;
padding: 0 0 3px 0;
margin: 0 15px 3px 0;
border-bottom:3px solid #fffbb4;
}
#sketches:active{
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/sketches_down.png) no-repeat;
width: 101px;
height: 16px;
padding: 0 0 3px 0;
margin: 0 15px 3px 0;
border-bottom:3px solid #fff;
}

/* Sub Navigation */

#student p, #pro p
{
display: none;
}

#subnav ul 
{
	height:13px;
	width: 425px;
	padding: 0 0 0 25px;
    margin: 0;
}
#subnav li
{
	display:inline;
	float: left;
}

#student {
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/student_work.png) no-repeat 0;
width: 120px;
height: 25px;
padding: 0;
margin: 0 15px 0 0;
}

#student:hover {
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/student_down.png) no-repeat 0;
width: 120px;
height: 25px;
padding: 0;
margin: 0 15px 0 0;
}

#pro {
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/professional_work.png) no-repeat 0;
width: 159px;
height: 25px;
padding: 0;
margin: 0 15px 0 0;
}
#pro:hover {
display:block;
background: url(http://www.gosedesign.net/portfolio_02/img/smallnav/professional_down.png) no-repeat 0;
width: 159px;
height: 25px;
padding: 0;
margin: 0 15px 0 0;
}

/* Gallery */

.gallery {
	width: 375px;
	height: 60px;
	display: block;
	top: 5%;
	left: 15px;
	margin: 0;
	padding: 10px;
	position: relative;
}
.thumbnail {
	float: left;
	padding: 1px;
	margin: 2px;
	display: inline-block;
	width: 60px;
	height: 60px;
	border: 2px solid #ff9900;
	background-color:#fffbb4;
}

.thumbnail:hover {
	float: left;
	padding: 4px;
	margin: 0px;
	display: inline-block;
	width: 60px;
	height: 60px;
	border: 1px solid #630;
	background-color: #d7ff88;
}
.thumbnail:active {
	float: left;
	padding: 4px;
	margin: 0px;
	display: inline-block;
	width: 60px;
	height: 60px;
	border: 1px dotted #fff;
	background-color: #ff9900;
}

#content h1 {
text-decoration:none;
text-align:center;
font-size:3.2em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:100;
letter-spacing:1px;
text-decoration:none;
padding-bottom:.01em;
margin:0.5em 0 0 10px;
}



#footer h4 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:100;
font-size:1em;
color:#630;
text-align: center;
margin-top: 3px;
}